/* ymc : /rental/agent-jet/shared/css/agent-jet.css */

html {font-size: 62.5%;}
body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Verdana, sans-serif; font-size: 1.6em; line-height: 1.6;}

/*==========================================================================*
 *  container
 *==========================================================================*/
 
.container {
	max-width: 1100px;
	margin: 0 auto;
	padding:0 20px;
}

.btn_apply p {
	padding-bottom: 5px;
	text-align: center;
}

a:hover{opacity: 0.8;}

.btn_apply img{ width: 100%; max-width: 441px;}

.btn_apply figure{background: #f9f3c8; display: flex; max-width: 820px; margin:20px auto 0; justify-content: space-between; position: relative;}
.btn_apply figure figcaption{padding: 35px 0 35px 35px;}
.btn_apply figure figcaption b{color: #b30000; text-align: left; display: block; margin-bottom: 20px;}
.btn_apply figure figcaption p{font-size: 1.8rem; text-align: left;}
.btn_apply figure figcaption p span{font-size: 2.2rem; font-weight: bold;}
.btn_apply figure img{margin: 30px 35px 20px 0; height: 100%;}
.btn_apply figure:after{content:""; background: #f9f3c8; display: block; width: 30px; height: 30px; position: absolute; top: -15px; left: 47%; transform:rotate(-45deg)}


/*==========================================================================*
 *  header
 *==========================================================================*/
 
header {margin-bottom: 50px;padding-top: 20px;}

header .grid{display: flex; justify-content: space-between;}
header .grid .main_text{max-width: 520px; margin-right: 30px;}
header .grid .main_text h1 img{width: 100%; max-width: 402px; margin-top: 20px; margin-bottom: 0px;}
header .grid figure img{width: 100%; max-width: 504px;}


@media screen and (max-width: 768px) {
header .grid{display: block;}
header .grid .main_text{max-width:100%; margin-right: 0; margin-bottom: 25px;}
header .grid figure img{max-width:100%;}
}

 
/*==========================================================================*
 *  point
 *==========================================================================*/

.container > h2{display: table; margin-top: 70px; margin-bottom: 30px;}
.container > h2 b{color: #01b4ed; border-bottom: 5px solid #01b4ed; padding-left: 10px; padding-right: 10px; font-size: 1.6rem; vertical-align: bottom; display: table-cell;}
.container > h2 b span{font-size: 3.5rem;}
.container > h2 > span{border-bottom: 5px solid #e0e0e0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 100%; font-size: 2rem; vertical-align: bottom; display: table-cell;}

h3 span{margin-bottom: 15px;}
h3 span{background: #01b4ed; display: inline-block; padding: 5px 15px; color: #fff;}

.cong{padding: 0 50px 50px;}

.cong .grid{display: flex; justify-content: space-between;}
.cong .w560{max-width:560px; margin-right: 20px;}
.cong .w700{max-width:700px; margin-right: 20px;}
.cong .grid figure img{width: 100%; max-width: 368px;}
.cong b + p{margin-top: 10px;}
.cong p + h3{margin-top: 30px;}

.cong .photo3{display: flex; justify-content: space-between; margin-top: 35px;}
.cong .photo3 img{width: 32%; height: 100%;}

.tableg{display: flex; justify-content: space-between; margin-top: 20px;}

.tableg table{ border-top: #e0e0e0 solid 1px; font-size: 1.4rem; width: 48%; border-collapse:collapse;}
.tableg table th{ border-bottom: #e0e0e0 solid 1px; padding: 5px 10px; vertical-align: top; color: #1c9496;  background: url(../../img/bg_001.gif);}
.tableg table td{ border-bottom: #e0e0e0 solid 1px; padding: 5px 10px;}

.chekd dt{ color:#f14f4f; padding-left: 30px; margin-top: 10px; background: url(../img/icon_001.png) no-repeat 5px 2px;}
.chekd dd{ font-size: 1.4rem; padding-left: 30px;}

.listd{position: relative; margin-top: 20px;}
.listd dt{position: absolute; left: 0; background: #01b4ed; padding: 5px 25px; color: #fff; font-weight: bold; font-size: 1.8rem;}
.listd b{font-size: 2rem;}
.listd dd{margin-left: 120px; margin-bottom: 20px; padding-top: 2px; font-size: 1.4rem;}

.boxd{display: flex; margin-top: 10px; margin-bottom: 40px;}
.boxd dl:first-child{border-right: 1px #eee dotted;}
.boxd dl{position: relative; width: 50%; padding: 0 20px;}
.boxd dt{position: absolute; left: 25;}
.boxd b{font-size: 1.8rem; display: block;}
.boxd dd{margin-left: 130px; font-size: 1.4rem;}
.boxd + .boxd{margin-top: 0px;}

.boxtd{display: flex; margin-top: 10px; margin-bottom: 40px; justify-content: space-between;}
h4{font-size: 1.8rem; color: #006ebc; font-weight: bold;}
.boxtd dl{position: relative; width: 48%; padding: 0; display: flex;}
.boxtd b{font-size: 1.8rem; display: block;}
.boxtd dd{font-size: 1.4rem; margin-left: 20px;}
.boxtd + h3{margin-top: 60px;}

.boxld{display: block; margin-bottom: 20px;}
.boxld dl:nth-child(n+1):nth-child(-n+2){border-right: none; border-bottom: 1px #eee dotted; padding-top: 0;}
.boxld dl{width: 100%; padding: 20px 0; display: flex;}
.boxld dl dt{margin-right: 20px;}
.boxld dl dd{margin-top: 20px;}
.boxld dl b{display: block;}
.boxld dl span{color: #f00;}
.boxld + h3{margin-top: 40px;}

.boxl{margin-top: 10px; margin-bottom: 20px;}
.boxl b{font-size: 1.8rem;}
.boxl p{margin-bottom: 15px;}
.boxl .dot{border-bottom: 1px #eee dotted; padding-bottom: 20px; margin-bottom: 20px;}
.boxl li{margin-left: 25px;}
.boxl li b{font-size: 2rem; color: #f14f4f;}

.bgg{background: #e5f7fd; padding: 60px 0; margin-bottom: 60px;}

.bgg h2{font-size: 2.4rem; font-weight: normal; text-align: center; display: block; margin: 0 0 25px;}
.bgg h2:after{content:""; display: block; background: #01b4ed; width: 120px; height: 3px; margin:5px auto 20px;}
.bgg p{text-align: center;}
.bgg b{color: #01b4ed; display: block;}

.bgg .container > ul{display: flex; justify-content: space-between; margin-bottom: 60px;}
.bgg .container > ul > li{background: #fff; padding:15px 20px; font-size: 1.4rem; list-style: none;/* width: 23%;*/ width: 32%; position: relative}
.bgg .container > ul > li:after{content:""; display: block; background: url(../img/arro_001.png) no-repeat; width: 13px; height: 30px; position: absolute; top: 42%;/* right:-9%;*/ right:-5.5%;}
.bgg .container > ul > li:last-child:after{ display: none;}
.bgg .container > ul b{font-size: 2rem;}
.bgg .container > ul ul li{list-style: disc; margin-left: 20px;}

@media screen and (max-width: 768px) {
.container > h2{display: block; margin-top: 40px; margin-bottom: 20px;}
.container > h2 b{display: block; border-bottom: none;}
.container > h2 b span{font-size: 2.5rem;}
.container > h2 > span{display: block; padding-bottom: 5px; font-size: 1.8rem;}

.btn_apply figure{display:block; text-align: center;}
.btn_apply figure figcaption{padding: 20px;}
.btn_apply figure img{margin: 0 10px 10px; height: 100%;}

.cong{padding: 0 0 40px;}

.cong .grid{display: block;}
.cong .w560,.cong .w700{max-width:100%; margin-right: 0; margin-bottom: 25px;}
.cong .grid figure img{max-width:100%;}

.tableg{display: block; justify-content: space-between; margin-top: 20px;}
.tableg table{width: 100%;}
.tableg table:nth-child(2){ border-top: none;}

.listd dt{position: static; left: 0; background: #01b4ed; padding: 5px 25px; color: #fff; font-weight: bold; font-size: 1.8rem; display: inline-block;}
.listd b{font-size: 1.8rem;}
.listd dd{margin-left: 0; margin-bottom: 10px; padding-top: 5px;}

.boxd{display: block; margin-bottom: 20px;}
.boxd dl:first-child{border-right: none; border-bottom: 1px #eee dotted; padding-top: 0;}
.boxd dl{width: 100%; padding: 20px 0;}
.boxd + .boxd {margin-top: -20px;}
.boxd + .boxd dl:first-child{border-top: 1px #eee dotted; padding-top: 20px;}

.boxtd{display: block; margin-bottom: 20px;}
.boxtd dl{width: 100%; padding: 10px 0;}

.boxld dl{width: 100%; padding: 20px 0; display: block;}

.bgg .container > ul{display: block;}
.bgg .container > ul > li{width: 100%; margin-bottom: 30px;}
.bgg .container > ul > li:after{content:""; display: block; background: url(../img/arro_001.png) no-repeat; width: 13px; height: 30px; position: absolute; top: auto; bottom: -30px; right:50%; transform: rotate(90deg);}
.bgg .container > ul b{font-size: 1.8rem;}

}

 
/*==========================================================================*
 *  footer
 *==========================================================================*/

footer p {
	text-align: center;
	margin-top: 60px; margin-bottom: 40px; font-size: 1.2rem;
}