@charset "utf-8";


/*PC/SP共通の指定*/
#area {}

#trjWrap{background-color: #fff; display: block; margin: 0 auto; width:66%; max-width: 1000px;}
#trjWrap.kyWrap{background-color: #FF5E51!important;}

#trjWrap a:hover{opacity:0.7;}
#trjWrap img{width: 100%;}

#trjWrap .trjMain{position:relative;}

#trjWrap .bt_kiyaku{margin:0!important; position: absolute; top: min(56.7vw , 567px); left: min(58.8vw , 588px); width: 15%;}
#trjWrap .bt_entry_top{margin:0!important; position: absolute; top: min(46.8vw , 468px); left: min(72.2vw , 722px); width: 25%;}

#trjWrap .trjRead{color: #003264; font-size: min(2.4vw , 24px); font-weight: bold; text-align: center; width: 100%; margin: 0 auto min(2.4vw , 24px) auto; line-height: 1.3; position: absolute; bottom: 0; left: 0;}

#trjWrap .cpBox{background:url("/features/area/tokai/trj2026_summer/images/white_back.png") no-repeat center top; min-height: 1495px; position:relative; padding-top: 80px; padding-bottom: min(28vw , 280px);}
#trjWrap .bt_entry_bottom{margin:0!important; position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); width: 25%;}

#trjWrap .cpBox h3{
	display: block;
	width: 170px;
	box-sizing: border-box;
	position:relative;
	color: #003264;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	padding: 0 30px;
	letter-spacing: 5px;
	text-align: center;
	margin: 0 auto;
	}
#trjWrap .cpBox h3::before{
	position:absolute;
	content:"";
	width:12px;
	height:18px;
	display:inline-block;
	border:8px solid transparent;
	box-sizing:border-box;
	border-top-color:#003264;
	top:7px;
	left:0;
	}
#trjWrap .cpBox h3::after{
	position:absolute;
	content:"";
	width:12px;
	height:18px;
	display:inline-block;
	border:8px solid transparent;
	box-sizing:border-box;
	border-top-color:#003264;
	top:7px;
	right:0;
	}

#trjWrap .cpList{display:flex; justify-content:space-between; flex-wrap: wrap; width: 80%; margin: 0 auto; padding: 0;}
#trjWrap .cpList li{margin-top: 38px; list-style: none; text-align: center; width: 32%;}
#trjWrap .cpList li img{width: 100%;}
/*#trjWrap .cpList li:nth-child(2),.cpList li:nth-child(5){margin: 38px 80px 0 90px;}*/


#trjWrap .cpTxtBox{color: #0856A1; font-size: 20px; margin: 50px auto; text-align: center;}
#trjWrap .cpTxtBox .cpt_Big{font-size: 24px; font-weight: bold;}
#trjWrap .cpTxtBox ul{margin: 30px 0 50px 0;}
#trjWrap .cpTxtBox ul li{color: #003264; font-size: 24px; font-weight: bold; margin-bottom: 20px;}
#trjWrap .cpTxtBox ul li span{border-bottom: 5px solid #FFFF00;}

#trjWrap .cpYokoBox{color: #0856A1; font-size: 18px; line-height: 24px; margin: 70px auto; width: 61%;}
#trjWrap .cpYokoBox dl{margin-bottom: 20px; display:flex; justify-content:flex-start; flex-wrap: wrap;}
#trjWrap .cpYokoBox dt{width: 19%; margin-right: 3%;}
#trjWrap .cpYokoBox p{color: #EB5069; font-size: 24px; font-weight: bold; text-align: center; margin-top: 2em;}


/* ===フッター=== */
#trjWrap .ftAria{
	display: block;
	text-align: center;
	font: 14px;
	background-color: #FF5E51;
}
#trjWrap .ftAria aside{
	display:block;
	padding:10px 0;
	text-align:center;
	color: white;
	}
#trjWrap .ftAria aside span{
	font-size:14px;
	margin-bottom:5px;
	}
#trjWrap .ftAria aside span a{
	color:white;
	text-decoration:none!important;
	}
#trjWrap .ftAria aside span a:hover{
	color:white;
	text-decoration:underline!important;
	}
#trjWrap .ftAria aside span:before{
	content:"●";
	color:white;
	}


/* ===規約=== */
#trjWrap .kiyaku {display: block; margin: 0 auto; padding: 60px 0; width:70%; max-width: 700px;}


/*■■■■■■■■規約設定■■■■■■■■*/
#trjWrap .kiyaku #wrapper_ky{
	display:block;
	padding:35px 0 20px 0;
	background-color: white;
	border-radius: 20px;}
#trjWrap .kiyaku .kyBox{
	display:block;
	width:77%;
	margin:0 auto;}
#trjWrap .kiyaku .kyBox h5{
	display:block;
	margin:0 auto 30px auto;
	font-size:16px;
	color:white;
	background-color:#7AC6FF;
	padding:6px 0;
	text-align:center;
	letter-spacing:5px;}
#trjWrap .kiyaku .kyBoxIn{
	display:block;}

#trjWrap .kiyaku .ky_ul{
	display:block;
	margin-bottom:58px;
	padding-left: 0;
	text-align:left;}
#trjWrap .kiyaku .ky_ul p{
	display:block;
	font-size:12px;
	margin-bottom:8px;
	font-weight:bold;
	text-align:left;}
#trjWrap .kiyaku .ky_ul li.dot{
	line-height:22px;
	font-size:12px;
	margin:18px 0 0 15px;
	text-align:left;
	display:list-item}
#trjWrap .kiyaku .ky_ul li.num{
	list-style:none;
	margin:5px 0 0 5px;
	text-indent:-2.5em;
	padding-left:2.5em;
	font-size:12px;
	line-height:18px;
	text-align:left;}
#trjWrap .kiyaku .ky_ul li.noClume{
	list-style:none;
	margin:5px 0 0 5px;
	font-size:12px;
	line-height:18px;
	text-align:left;}

#trjWrap .kiyaku .ky_ul a{border: none; color:#000; text-decoration:underline;}
#trjWrap .kiyaku .ky_ul a:hover{border:none; color:#000; text-decoration:none;}

#area #trjWrap .trjMain h2 {
        border-left: none;
	padding-left:0px;
	margin-left: 0px;
    }



/*▼▼768px以上の表示　主にPC用▼▼*/
@media screen and (min-width: 768px){
	#area {}
#trjWrap .pcOnly{display:block;}
#trjWrap .spOnly{display:none;}
}

/*@media screen and (max-width:1500px){*/
#trjWrap .bt_kiyaku{top: inherit; bottom: 19%; left: 60%; width: 15%;}
#trjWrap .bt_entry_top{top: inherit; bottom: 19%; left: 72%; width: 25%;}
#trjWrap .bt_entry_bottom{bottom: 55px; left: 50%; transform: translateX(-50%); width: 25%;}
/*}*/

@media screen and (max-width:1350px){
#trjWrap .cpYokoBox{width: 71%;}
}
	
/*▼▼767px以下の表示　SP用 ▼▼*/
@media screen and (max-width:767px){
#area {}
#trjWrap{width:100%;}
#trjWrap img{width: 100%;}
#trjWrap .pcOnly{display:none;}
#trjWrap .spOnly{display:block;}
	
#trjWrap .trjMain{padding-bottom: 3em;}
	
#trjWrap .bt_kiyaku{bottom: 15%; left: 40%; width: 25%;}
#trjWrap .bt_entry_top{bottom: 15%; left: inherit; right: 2%; width: 35%;}
	
#trjWrap .trjRead{font-size: 4.5vw; padding-top: 1em; margin-top: 3em!important;}
	
#trjWrap .cpBox{min-height: inherit; padding: 19vw 0 25vw 0; margin: 4vw 0 2vw 0; background-size: auto 100%;}
#trjWrap .bt_entry_bottom{position: relative; bottom: inherit; width: 40%;}

#trjWrap .cpList{width: 90%;}
#trjWrap .cpList li{margin-top: 10px; width: 48%;}
	
#trjWrap .cpTxtBox{font-size: 3.8vw; margin: 6vw auto; text-align: center;}
#trjWrap .cpTxtBox .cpt_Big{font-size: 3.4vw;}
#trjWrap .cpTxtBox ul{margin: 5vw 0 6vw 0;}
#trjWrap .cpTxtBox ul li{font-size: 3.4vw; margin-bottom: 3vw;}
#trjWrap .cpTxtBox ul li span{border-bottom: 5px solid #FFFF00;}


#trjWrap .cpYokoBox{font-size: 3.6vw; margin: 8vw auto; width: 90%;}
#trjWrap .cpYokoBox dl{margin-bottom: 4vw; justify-content:center; flex-flow: column;  text-align: center; line-height: 4.8vw;}
#trjWrap .cpYokoBox dt{width: 100%; margin-right: 0%;}	
#trjWrap .cpYokoBox p{font-size: 4.5vw;}
	
	
/* ===フッター=== */
#trjWrap .ftAria{
	font: 2.8vw;
}
#trjWrap .ftAria aside{
	padding:10px 0;
	}
#trjWrap .ftAria aside span{
	font-size:2.8vw;
	margin-bottom:5px;
	}

	
/*■■■■■■■■規約設定■■■■■■■■*/
#trjWrap .kiyaku {padding: 7.8vw 0; width:90%;}
#trjWrap .kiyaku #wrapper_ky{padding:4.5vw 0 2.6vw 0;}
#trjWrap .kiyaku .kyBox{width:90%;}
#trjWrap .kiyaku .kyBox h5{margin:0 auto 4vw auto; font-size:3.8vw;}
#trjWrap .kiyaku .ky_ul{margin-bottom:9vw;}
#trjWrap .kiyaku .ky_ul p{font-size:3.2vw;}
#trjWrap .kiyaku .ky_ul li.dot{line-height:5.8vw; font-size:3.2vw;}
#trjWrap .kiyaku .ky_ul li.num{font-size:3.2vw;	line-height:4.8vw;}
#trjWrap .kiyaku .ky_ul li.noClume{font-size:3.2vw; line-height:4.8vw;}
	
}