/* ---------------------------------- */
/* 進路ナビ
/* オープンキャンパス特集
/* Update:2011/03　
/* ---------------------------------- */

@import url("/new/_app/_webroot/css/page/newschool/common.css");

.pc #container_special div.content_head {
	padding:12px 0 0 40px;
	width:890px;
	height:118px;
	background:url(/img/page/scholarship/bg_title.jpg) no-repeat;
	margin-bottom:15px;
	/*background:url(/img/page/scholarship/bg_title.jpg) left top no-repeat;*/
}

.pc #container_special h1 {
	margin:0;
	padding:0;
}

.pc #container_special div.content_head p {
	margin:0;
	padding:0;
}

.pc #container_special ul.subLink{
	width: fit-content;
    margin: 5px auto;
	padding:5px 10px;
    display: flex;
}
.pc #container_special ul.subLink li{
    list-style: none;
}
.pc #container_special ul.subLink li a{
    display: block;
    margin-right: 10px;
    font-weight: bold;
    background-color: #fff;
    padding: 10px 20px;
    filter: drop-shadow(0px 6px 8px #dddddd);
    width: 120px;
    text-align: center;
    border-top: 3px solid #3366CC;
    font-size: 18px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    padding-right: 25px;
}

.pc #container_special ul.subLink li a[href$="#school_list_T"]{
    border-top: 3px solid #FF6E74;
}

.pc #container_special ul.subLink li a[href$="#school_list_S"]{
    border-top: 3px solid #FFA111;

}
.pc #container_special ul.subLink li a[href$="#school_list_F"] {
    border-top: 3px solid #090;

}
.pc #container_special ul.subLink li a::after{
    content: "";
    position: absolute;
    top: 45%;
    right: 15px;
    border: 6px solid transparent;
    border-top: 7px solid #3366CC;   
}

.pc #container_special ul.subLink li a[href$="#school_list_T"]::after{
    border-top: 7px solid #FF6E74;   
}

.pc #container_special ul.subLink li a[href$="#school_list_S"]::after{
    border-top: 7px solid #FFA111;   
}

.pc #container_special ul.subLink li a[href$="#school_list_F"]::after{
    border-top: 7px solid #090;   
}
.pc #container_special .schools {
	padding:10px;
	overflow:hidden;
}

.pc #container_special h2 {
	margin: 3px 5px 10px;
	padding: 0;
	overflow:hidden;
  background-image: none;
}

.pc div.prArea{
	font-size:0.8em;
	width:880px;
	margin:15px auto;
    background:#FFFFCC;
    border: 1px solid #FF9933;
    /*border-radius: 5px;*/
	padding:5px;
	}

.pc div.prArea a{
	background:url(/img/all/arw_08.gif) no-repeat left center;
	padding-left:8px;
	margin-right:15px;
	}

.pc #container_special .box {
	position:relative;
	border:1px solid #D2D2D2;
	border-top:none;
	margin:5px;
	padding:0;
	float:left;
	width:443px;
	height:200px;
	overflow:hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.1, white), to(#F9F9F9));
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#FFF;
}
.pc #container_special .box .head {
	border-top:2px solid #666;
	position:relative;
	background:#666;
}
.pc #container_special .schools.daigaku .box .head {
	border-top:2px solid #3366CC;
	background:#C6E5FD;
}
.pc #container_special .schools.tandai .box .head {
	border-top:2px solid #FF6E74;
	background:#FEE1E2;
}
.pc #container_special .schools.senmon .box .head {
	border-top:2px solid #FFA111;
	background:#FFD9AD;
}
.pc #container_special .schools.free .box .head {
	border-top:2px solid #090;
	background:#9F9;
}
.pc #container_special .box .head p {
	margin:0;
	padding:0;
}
.pc #container_special .box .head .school_name {
	padding:7px;
	padding-left:30px;
	font-weight:bold;
}
.pc #container_special .schools.daigaku .box .head .school_name {
	background:url(/img/page/scholarship/ttl_point_daigaku.png) 10px center no-repeat;
}
.pc #container_special .schools.tandai .box .head .school_name {
	background:url(/img/page/scholarship/ttl_point_tandai.png) 10px center no-repeat;
}
.pc #container_special .schools.senmon .box .head .school_name {
	background:url(/img/page/scholarship/ttl_point_senmon.png) 10px center no-repeat;
}
.pc #container_special .schools.free .box .head .school_name {
	background:url(/img/page/scholarship/ttl_point_free.png) 10px center no-repeat;
}
.pc #container_special .box .head .school_info {
	position:absolute;
	right:7px;
	top:7px;
	padding:2px 5px;
	background:#333;
	font-size:12px;
	color:#FFF;
	border-radius:2px;
}
.pc #container_special .schools.daigaku .box .head .school_info {
	background:#3366CC;
}
.pc #container_special .schools.tandai .box .head .school_info {
	background:#FF6E74;
}
.pc #container_special .schools.senmon .box .head .school_info {
	background:#FFA111;
}
.pc #container_special .schools.free .box .head .school_info {
	background:#090;
}
.pc #container_special .box .body {
	padding:7px;
}
.pc #container_special .box .body .photo {
	float:left;
	width:120px;
	height:110px;
	padding-right:7px;
}
.pc #container_special .box .body .photo img {
	width:120px;
	height:90px;
}
.pc #container_special .box .body .about {
	padding-top:5px;
	font-size:0.8em;
}
.pc #container_special .box .body .about .text {
	margin:0;
}
.pc #container_special .box .read_more {
	position:absolute;
	right:7px;
	bottom:7px;
	margin:0;
	padding:0;
	font-size:0.8em;
	text-align:right;
	z-index:200;
}

/*--学校を探す--*/
.pc #container_special #footerSpot{
	border:3px solid #fccba6;
	background:#f7f7f7;
	width:520px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.pc #container_special #footerSpot h3{
	background:url(/img/page/scholarship/icn_scholarship_01.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	color:#59493f;
}

.pc #container_special #footerSpot ul{
	margin:5px 5px 3px 5px;
}

.pc #container_special #footerSpot ul li{
	display:inline;
	margin-right:5px;
}

.pc #container_special .submit {
	clear:both;
	text-align:center;
	padding:15px;
}

/*-- 以下、学校特集詳細ページ --*/
.panNavi{
	background: inherit;
}
.container{
		box-sizing:border-box;
    max-width:calc(960px + 2rem);
    margin: 0 auto;
    padding:1rem;
    font-family:"Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

.full-container{
    width:100%;
    background: rgb(79, 79, 82);
    font-family:"Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

/* #scholarship_detail{
    background: #ffffff;
} */

.specialDetailTitleWrap{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin: 2rem auto 0 auto;
    background: rgb(255,207,76);
    background: -moz-linear-gradient(top,  rgba(255,207,76,1) 0%, rgba(255,146,10,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,207,76,1) 0%,rgba(255,146,10,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf4c', endColorstr='#ff920a',GradientType=0 );
}

@media screen and (max-width:768px){
    .specialDetailTitleWrap{
        width:100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
    }
}

.specialDetailTitleLeft{
    width:60%;
    padding:1rem 2rem;
    display:flex;
    justify-content: center;
    flex-direction: column;
}

.specialDetailTitleRight{
    width:40%;
}

.specialDetailTag{
    display:flex;
    margin: 0 0 1rem 0;
    padding: 0;
}

.specialDetailTag li{
    list-style:none;
    background: #ffffff;
    padding:4px .8rem;
    border-radius:50px;
    font-weight:500;
    margin: 0 0.5rem 0 0;
}

.specialDetailTitle{
    margin:0.7rem 0 0 0;
    padding: 0 0 0 0;
    font-size:2.2rem;
    line-height:1.2;
    color:#ffffff;
}

#kangoiryo_detail .specialDetailTitle{
    font-size:1.675rem;
}

.specialDetailTitle br{
    display:none;
}

.specialDetailTitleImg{
    display: block;
    position:relative;
}

.specialDetailTitleImg img{
    display: block;
    width: 100%;
    min-height: 140px;
    object-fit: cover;
    object-position: top right;
}

@media screen and (max-width:380px){
    .specialDetailTitleImg img{
        object-fit: cover;
        object-position: center center;
    }
}

@media screen and (min-width:381px) and (max-width:768px){
    .specialDetailTitleImg img{
        object-fit: contain;
        object-position:top center;
    }
}

.specialDetailTitleImg:after{
    content:"";
    display: block;
    position:absolute;
    bottom:0;
    right:0;
    background:url("/new/_app/_webroot/img/page/special/special_detail/mv_scholarship_sub.png") no-repeat;
    background-size:contain;
    width:80px;
    height:65px;
}

.catchTitleWrap h3{
    background: #C3EAEB;
    border-radius:8px;
    box-shadow:0px 3px 6px rgba(8,145,149,0.48);
    color:#089195;
    text-align: center;
    margin:3rem 0 0 0;
    padding:1rem;
    position:relative;
}

.catchTitleWrap h3::before{
    content:"";
    display: block;
    background:url("/new/_app/_webroot/img/page/special/special_detail/area_ttl_sub.png") no-repeat;
    width: 112px;
    height: 79px;
    position:absolute;
    top:-30px;
    left:40px;
}

.areaLinkWrap{
    margin:2rem 0;
    padding: 0;
}

.areaLink{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding: 0;
    gap:20px 10px;
}

.areaLink li{
    list-style:none;
    width:calc(94% / 4);
}

.areaLink li a{
    display: block;
    text-decoration:none;
    color:#ffffff;
    padding:0.75rem 1rem;
    text-align: center;
    border-radius:4px;
}

.areaLink li:nth-child(1) a{background: #32ADE2;}
.areaLink li:nth-child(2) a{background: #60B051;}
.areaLink li:nth-child(3) a{background: #32A8A0;}
.areaLink li:nth-child(4) a{background: #A2C639;}
.areaLink li:nth-child(5) a{background: #FCB646;}
.areaLink li:nth-child(6) a{background: #E8623B;}
.areaLink li:nth-child(7) a{background: #EEA4B9;}
.areaLink li:nth-child(8) a{background: #E08653;}


.infoAreaWrap{
    background: #e9f2fd;
    padding:4rem 0;
}

.infoArea{
    display:flex;
    justify-content: space-between;
}

.infoDetail{
	width: 40%;
}

.infoImage{
	width: 54%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.infoDetailWrap{
	padding-left:2rem;
	border-left:5px solid #156ad1;
}

.infoDetailCategory{
    font-size:1.6rem;
    font-weight:600;
    padding:0.5rem 1rem;
    border:1px solid #156ad1;
    display:inline-block;
    border-radius:6px;
    margin: 0;
}

.infoDetailFacilityName{
    display: block;
    color:#156ad1;
    font-size:3rem;
    font-weight:700;
    line-height:1.4;
    margin: 3rem 0;
    padding: 0;
    cursor:pointer;
}
.infoDetailCategory,
.infoDetail,.infoDetail a{
    color:#156ad1;
    text-decoration: none;
}

.infoDetailData{
	color:#156ad1;
    margin: 0;
    padding: 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%;
    gap:1rem 0;
}

.infoDetailData dt{
    color:#156ad1;
    line-height: 1.6;
    width:20%;
    margin: 0;
}

.infoDetailData dd{
    color:#156ad1;
    line-height:1.6;
    width:78%;
    margin: 0;
}

.infoDetailData dd a,.infoDetailData dd p{
    color:#156ad1;
    line-height:1.6;
    margin: 0;
    padding: 0;
}

.shareLink{
    width:100%;
    display:flex;
    justify-content:flex-end;
    margin-bottom:1rem;
}

.shareBtn a, .favBtn a{
    display: block;
    font-size:1.2rem;
    font-weight:600;
    text-decoration:none;
    color:#156ad1;
    background: #ffffff;
    border:2px solid #609AE0;
    border-radius:50px;
    margin:0 0 3px 24px;
    box-shadow:0px 3px 0px #609AE0;
}

.articleBox{
    background: #ffffff;
    border-radius:20px;
    box-shadow:0px 2px 10px rgba(21,106,209,0.3);
    margin: 0 0 2rem 0;
    padding:2rem;
}

.articleTitle{
    margin: 0 0 0 0;
    padding: 0 0 2rem 0;
    display:flex;
    justify-content: space-between;
    position:relative;
    border-bottom:1px solid #333;
}

.pointText{
    font-family:"游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:600;
    line-height:1.4;
}

.articleTitle h5.pointHead{
		width: 100%;
		margin: 0 0 0 8rem;
		padding: 0 0 0 1.6rem;
		font-size: 2rem;
		border-left: 5px solid #156ad1;
		line-height: 1.6;
		font-weight: 500;
		font-feature-settings: "palt";
}

.articleTitle::before{
    content:"";
    display: block;
    background:url("/new/_app/_webroot/img/page/special/special_detail/point_flag@2x.png") no-repeat;
    background-size:contain;
    width:74px;
    height: 62px;
    position:absolute;
		top: 50%;
		left: 0%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.articleContent{
	display: flex;
	justify-content: space-between;
	gap: 20px 20px;
	margin-top: 2rem;
}

.articleContent p{
	font-size: 1.25rem;
	line-height: 1.6;
}

.articleContent img{
	align-self: flex-start;
	min-width:30%;
	max-width:100%;
	display: block;
}

.shareBtn a:hover,.favBtn a:hover{
    opacity:1;
    margin:3px 0 0 24px;
    box-shadow:0px 0px 0px #609AE0;
}

.shareBtn a{
    padding:1rem 2rem;
}

.favBtn a{
    padding:1rem 2rem 1rem 4rem;
    position:relative;
}

.favBtn a::before{
		content:"";
		display: block;
    position:absolute;
		top: 54%;
		left: 2rem;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
    width:20px;
    height:20px;
    background:var(--svgHeartRed);
}

.infoImagePhoto{
    display:flex;
}

.infoImagePhoto img{
    width:100%;
    height:auto;
    object-fit: cover;
}


.ancLinkListWrap{
    background: #156ad1;
    position:relative;
    z-index:0;
}

.ancLinkListBlock{
    padding:2rem 0 1rem 0;
}

.ancLinkList{
    margin: 0;
    padding: 0;
    list-style:none;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items:center;
}

.ancLinkList li{
    min-width:calc(calc(100% / 3) - 1rem);
    display:flex;
    justify-content: center;
    align-items:center;
    margin:2rem 0 0 0;
}
.ancLinkList li a{
    width:100%;
    display: block;
    text-decoration:none;
    color:#156ad1;
    font-weight:700;
    background: #ffffff;
    text-align: center;
    padding:1.5rem 1rem;
    border-radius:6px;
}

.ancLinkList li.noTab{
    opacity:0.3;
}

.ancLinkList li.noTab a{
		pointer-events: none;
}

.detailContentWrap{
    background:#156ad1;
    position:relative;
    overflow: hidden;
    padding: 8rem 0 0 0;
    z-index:1;
}

.detailContent{
    background: #ffffff;
    position:relative;
    padding:1rem 0;
    z-index:2;
}

.detailContent::before{
    content: "";
    display: block;
    width: 120%;
    height:140px;
    position: absolute;
    top: -5rem;
    left:-10%;
    transform: rotate(2deg);
    z-index:-3;
    background: #ffffff;
    overflow:hidden;
}

.detailContent .container{
    position:relative;
}

.detailContent .container:after{
    content: "";
    display: block;
    width: 70px;
    height:70px;
    position: absolute;
    top:-90px;
    right:20px;
    z-index:3;
    background:url("/new/_app/_webroot/img/page/special/special_detail/firstContentImg.png") no-repeat;
    background-size:contain;
    background-position:center center;
}

.firstContent{
    width:100%;
    max-width:960px;
    margin: 0 auto;
    position:relative;
    z-index:4;
}

.firstContentWrap{
    width:100%;
    margin: 0 auto;
    background: #F6FAFF;
}


.firstContentWrap{
    padding:2rem;
}

.detailBg{
    background: #F6FAFF;
    margin: 0 0 80px 0;
    padding:8rem 6rem 5rem 6rem;
}

.detailBg p{
    font-size:1.333rem;
    line-height:1.8;
    margin:1rem 0 0 0;
}

.fukidashi{
    position:relative;
}

.fukidashi p{
	position: absolute;
	top: -11rem;
	left: -6rem;
	background: #ffffff;
	font-size: 2rem;
	font-weight: 700;
	padding: 1.5rem 6rem;
	border-radius: 10px;
	border: 3px solid #156ad1;
	color: #156ad1;
}


.fukidashi p::before{
    content:"";
    display: block;
    width:20px;
    height:20px;
    position:absolute;
    bottom:-8px;
    left:47%;
    background: #ffffff;
    transform:translateX(-50%);
    transform:rotate(45deg);
    z-index:3;
}

.fukidashi p:after{
    content:"";
    display: block;
    width:20px;
    height:20px;
    position:absolute;
    bottom:-12px;
    left:47%;
    background: #156ad1;
    transform:translateX(-50%);
    transform:rotate(45deg);
    z-index:2;
}

.detailTitle h4{
    background: #7DB7FC;
    color:#ffffff;
    font-size:2.6rem;
    position:relative;
    text-align: center;
    margin:1rem 0;
    padding:2rem;
    overflow:hidden;
    font-weight:500;
    z-index:0;
}

.detailTitle h4::before{
    content:"";
    display: block;
    background: #2664D7;
    position:absolute;
    top: -30px;
    left: -20px;
    transform: rotate(20deg);
    width: 100px;
    height: 200px;
    z-index:-1;
}

.detailTitle h4:after{
    content:"";
    display: block;
    background: #2664D7;
    position:absolute;
    top: -20px;
    right:-20px;
    transform: rotate(20deg);
    width: 100px;
    height: 200px;
    z-index:-1;
}

.pointBg{
    background: #F6FAFF;
    margin: 0 0 80px 0;
    padding:4rem;
}

.detailImg{
    margin:0 auto;
    text-align:center;
}

.detailImg img{
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.ctaArea{
    background:#156ad1;
}

.ctaContent{
    max-width:700px;
    margin: 2rem auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ctaImage{
    width:20%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.ctaText{
    width:70%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}

.ctaText p{
    color:#ffffff;
		line-height:1.6;
		margin: 0 0 1.5rem 0;
}

.ctaRequestBtn{
    margin: 0;
    padding: 0;
    position:relative;
}

.ctaRequestBtn::before{
    content:"";
    display: block;
    background:url("/new/_app/_webroot/img/page/special/special_detail/book.png") no-repeat;
    width:62px;
    height:57px;
    position:absolute;
    top: -7px;
    left: 10px;
    z-index:1;
}

.ctaRequestBtn a{
    background:#FF9100;
    border-radius:8px;
    box-shadow:0px 4px 0px #0d3d96;
    color:#ffffff;
    display: block;
    font-size:1.1rem;
    font-weight:600;
    margin: 0;
    padding:1.5rem 6rem 1.5rem 7rem;
    position:relative;
    text-decoration:none;
    text-align: center;
}

.ctaRequestBtn a::before{
    content:"";
    display: block;
    position:absolute;
    top:40%;
    right:5%;
    width:12px;
    height: 12px;
    background: #ffffff;
    transform:rotate(45deg);
}

.ctaRequestBtn a:after{
    content:"";
    display: block;
    position:absolute;
    top:40%;
    right:6%;
    width:12px;
    height: 12px;
    background: inherit;
    transform:rotate(45deg);
}

.greenBg{
    background: #E9F8F8;
    padding:2rem;
}

.centerBig{
    margin: 2rem auto;
    padding: 0 0 0 0;
    font-size:2rem;
    font-weight:500;
    text-align: center;
}

.typeList{
    width:80%;
		margin: 0 auto;
    display:flex;
    justify-content: space-between;
    align-items:center;
    list-style:none;
}

.typeList li{
    background: #ffffff;
    padding:1rem 2rem;
    border:1px solid #0E8CC5;
    border-radius: 8px;
    display:flex;
}

.typeList li p{
    margin: 0;
    padding: 0;
    font-size:1.4rem;
    text-align: center;
    color:#666666;
}

.typeList li p span{
    font-feature-settings: "palt";
    font-size:2.4rem;
    font-weight:500;
    color:#0A648D;
}

.centerText{
    text-align: center;
    max-width:70%;
    margin: 2rem auto ;
		line-height: 1.6;
}

.schoolBlock{
	width:100%;
}

.schoolBlock .btnList{
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	margin: 2rem 0 0 0;
}

.addBoxBtnWrap{
	margin-bottom:2rem;
}

.otherContentArea{
	background: #fcf1d8;
}

@media screen and (max-width:768px) {
    /* .forSp{
        display:none;
    } */
    .specialDetailTitleLeft {
        width: 100%;
        padding: 10px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

		.specialDetailTitleRight{
		    width:100%;
		}

    .specialDetailTag li {
        font-size:11px;
        padding:2px 8px;
    }

    .specialDetailTitle {
        font-size: 2rem;
        line-height: 1.2;
        color: #ffffff;
    }

    .specialDetailTitle br{
        display:block;
    }

    .areaLink li{
        width:calc(94% / 2);
    }

    .ancLinkList li{
        width:100%;
        margin:12px 0px;
    }

		.infoAreaWrap{
		    background: #e9f2fd;
		    padding:2rem 0;
		}

		.infoArea{
		    display:flex;
				flex-wrap:wrap;
		    justify-content: space-between;
				flex-direction: column-reverse;
		}

		.infoDetail{
			width:100%;
			margin:2rem 0;
		}

		.infoImage{
			width:100%;
		  display:flex;
		  flex-direction:column;
		  justify-content:center;
		  align-items:flex-start;
		}

    .specialDetailTitleImg:after{
        background-size:contain;
        width:60px;
        height:50px;
    }

    .catchTitleWrap h3::before {
        content: "";
        display: block;
        background: url(/new/_app/_webroot/img/page/special/special_detail/area_ttl_sub.png) no-repeat;
        background-size:contain;
        width: 60px;
        position: absolute;
        top: -37px;
        left: 50%;
        transform:translateX(-50%);
    }

    .detailBg{
        padding:5rem 1rem 2rem 1rem;
				margin:0 0 4rem 0;
    }

    .detailImg{
        margin:0 auto;
        text-align:center;
    }

    .detailImg img{
        width: 100%;
        height: 250px;
        object-fit: contain;
    }

    .detailTitle h4{
        font-size:2rem;
    }

    .detailTitle h4::before{
        position:absolute;
        top: -30px;
        left: -94px;
        transform: rotate(20deg);
        width: 100px;
        height: 200px;
        z-index:-1;
    }

    .detailTitle h4:after{
        position:absolute;
        top: -20px;
        right: -60px;
        transform: rotate(20deg);
        width: 100px;
        height: 200px;
        z-index:-1;
    }

		.articleTitle::before{
				position: absolute;
				top: 50%;
				left: 0%;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}

		.articleContent{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 20px 20px;
			margin-top: 2rem;
		}

		.articleContent p{
			min-width: calc(100% - 2rem);
			font-size: 1.4rem;
			line-height: 1.6;
		}

		.articleContent img{
			align-self: flex-start;
			min-width:100%;
			display: block;
		}

		.articleTitle h5.pointHead{
				width: 100%;
				margin: 0 0 0 6rem;
				padding: 0 0 0 1.6rem;
				font-size: 1.75rem;
				border-left: 5px solid #156ad1;
				line-height: 1.6;
				font-weight: 500;
				font-feature-settings: "palt";
		}

		.articleTitle::before{
		    content:"";
		    display: block;
		    background:url("/new/_app/_webroot/img/page/special/special_detail/point_flag@2x.png") no-repeat;
		    background-size:contain;
		    width:74px;
		    height: 62px;
		    position:absolute;
				width: 50px;
				height: 43px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}

		.pointBg{
		    background: #F6FAFF;
		    margin: 0 0 80px 0;
		    padding:2rem;
		}

		.shareBtn a,.favBtn a{
		    display: block;
		    font-size:1.4rem;
		    font-weight:600;
		    text-decoration:none;
		    color:#156ad1;
		    background: #ffffff;
		    border:2px solid #609AE0;
		    border-radius:50px;
		    margin:0 0 3px 8px;
				padding:1rem 2rem 1rem 2rem;
		    box-shadow:0px 3px 0px #609AE0;
		}

		.favBtn a{
				padding:1rem 2rem 1rem 4rem;
		}

		.favBtn a::before{
		    position:absolute;
				top: 54%;
				left:1.8rem;
		}


		.shareBtn a:hover,.favBtn a:hover{
		    opacity:1;
		    margin:3px 0 0 8px;
		    box-shadow:0px 0px 0px #609AE0;
		}

		.fukidashi p{
			position: absolute;
			top: -8rem;
			left: 0rem;
			background: #ffffff;
			font-size: 1.5rem;
			font-weight: 700;
			padding: 1rem 1.5rem;
			border-radius: 10px;
			border: 3px solid #156ad1;
			color: #156ad1;
			width:100%;
			text-align: center;
		}

		.fukidashi p::before{
		    content:"";
		    display: block;
		    width:20px;
		    height:20px;
		    position:absolute;
		    bottom:-8px;
		    left:47%;
		    background: #ffffff;
		    transform:translateX(-50%);
		    transform:rotate(45deg);
		    z-index:3;
		}

		.fukidashi p:after{
		    content:"";
		    display: block;
		    width:20px;
		    height:20px;
		    position:absolute;
		    bottom:-12px;
		    left:47%;
		    background: #156ad1;
		    transform:translateX(-50%);
		    transform:rotate(45deg);
		    z-index:2;
		}

		.typeList{
		    width:80%;
				margin: 0 auto;
		    display:flex;
				flex-direction:column;
		    justify-content: space-between;
		    align-items:center;
		    list-style:none;
		}

		.typeList li{
				width:100%;
				margin:1rem 0;
				display:flex;
				justify-content: center;
				align-items:center;
		}

		.typeList li p{
			line-height:1.6;
		}

		.typeList li p span{
			margin:1rem;
		}

		.centerText{
		    text-align: center;
		    max-width:100%;
		    margin: 2rem auto ;
				line-height: 1.8;
		}

		.ctaContent{
		    max-width:700px;
		    margin: 2rem auto;
		    display:flex;
				flex-direction:column;
		    justify-content:space-between;
		    align-items:center;
		}

		.ctaText{
		    width:100%;
		    display:flex;
		    flex-direction:column;
		    justify-content:center;
		    align-items:flex-start;
		}

		.ctaText p{
		    color:#ffffff;
				line-height:1.6;
				margin:1.5rem 0;
				text-align: center;
		}

		.ctaRequestBtn{
		    margin: 0;
		    padding: 0;
		    position:relative;
				width: 100%;
		}

		.ctaRequestBtn::before{
		    content:"";
		    display: block;
		    background:url("/new/_app/_webroot/img/page/special/special_detail/book.png") no-repeat;
				background-size:contain;
		    width:40px;
		    height:40px;
		    position:absolute;
		    top: 0px;
		    left: 10px;
		    z-index:1;
		}

		.ctaRequestBtn a{
		    background:#FF9100;
		    border-radius:8px;
		    box-shadow:0px 4px 0px #0d3d96;
		    color:#ffffff;
		    display: block;
		    font-size:1.4rem;
		    font-weight:600;
		    margin: 0;
		    padding:1.5rem 6rem 1.5rem 7rem;
		    position:relative;
		    text-decoration:none;
		    text-align: center;
		}
}