/* ----------------------------------------------------------------

  Component Modules

----------------------------------------------------------------- */

/* ----------------------------------------------------------------
  menu-header
---------------------------------------------------------------- */

/* .menu-header
 ----------------------------------------------- */

.menu-header{
margin-bottom:20px;
padding:0 20px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#287ac4;
}

/* .menu-header-hdg
 ----------------------------------------------- */

.menu-header .menu-header-hdg{
padding:13px 0 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}

/* .menu-header-sup
 ----------------------------------------------- */

.menu-header .menu-header-sup{
margin-left:10px;
}

/* .menu-header-btn-del
 ----------------------------------------------- */

.menu-header .menu-header-btn-del{
padding:4px 10px 4px 23px;
border:1px solid rgba(255, 255, 255, .5);
color:#fff;
background:url(/element/history/shared/images/icon-close-wht.svg) 10px 50% no-repeat;
background-size:8px;
font-size:12px;
}

/* ----------------------------------------------------------------
  Heading
---------------------------------------------------------------- */

/* .hdg-l3
----------------------------------------------- */

.hdg-l3{
font-size:18px;
padding:7px 10px 4px;
margin:30px 0 15px;
color:#fff;
background-color:#787878;
}

/* .hdg-l4
----------------------------------------------- */

.hdg-l4{
padding:0 0 4px 22px;
margin-bottom:11px;
font-size:15px;
color:#333;
background:url(/info/ad/images/icon-check.svg) no-repeat 0 2px;
background-size:16px 16px;
border-bottom:1px solid #ddd;
}

/* ----------------------------------------------------------------
  Text
---------------------------------------------------------------- */

/* .ad-notice
----------------------------------------------- */

.ad-notice{
margin-top:10px;
position:relative;
padding-left:1em;
font-size:12px;
}
.ad-inquiry-box .ad-notice{
font-size: 13px;
}
.ad-notice:before{
content:'\203b';
}

/* ----------------------------------------------------------------
  Heading
---------------------------------------------------------------- */

.ad-hdg-container{
position:relative;
margin-bottom:23px;
}

.ad-hdg-container .ad-hdg{
width:960px;
height:300px;
background:url(/info/ad/images/img-hero.jpg);
}

.ad-hdg-container .ad-hdg>span{
position:absolute;
z-index:-1;
}

.ad-hdg-container>a{
position:absolute;
right:71px;
bottom:23px;
display:block;
width:397px;
padding:11px 10px 10px;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
font-family:Meiryo;
font-size:25px;
font-weight:bold;
color:#fff;
text-align:center;
text-shadow:0 1px rgba(0, 0, 0, .2);
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* ----------------------------------------------------------------
  Component
---------------------------------------------------------------- */

/* .ad-about
----------------------------------------------- */

.ad-about{
padding:0 370px 40px 0;
margin-bottom:-35px;
font-size:14px;
line-height:1.62;
background:url(/info/ad/images/img-about.png) no-repeat;
background-position:right 0 top 12px;
}

.ad-about .ad-about-hdg{
font-size:25px;
margin-bottom:6px;
}

/* .ad-point-list
----------------------------------------------- */

.ad-point-list{
overflow:hidden;
font-size:13px;
}

.ad-point-list>li{
float:left;
padding:10px;
width:49.5%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
height:255px;
}

.ad-point-list>li:not(:first-child){
margin-left:1%;
}

.ad-point-list>li .ad-point-hdg{
margin:-10px -10px 11px;
padding:10px 0 10px 10px;
background-color:#f1f1f1;
height: 121px;
box-sizing: border-box;
}

.ad-point-list>li .ad-point-hdg .ad-point-hdg-sup{
font-size:15px;
font-weight:bold;
}

.ad-point-list>li .ad-point-hdg .ad-point-hdg-sup>span{
font-size:11px;
font-weight:normal;
}

.ad-point-list>li .ad-point-hdg>span:first-child{
display:inline-block;
padding:1px 10px 0;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
color:#fff;
background-color:#1a97e6;
display:inlin-block;
}

.ad-point-list>li .ad-point-hdg strong{
display:block;
color:#287ac4;
font-size:21px;
}

.ad-point-list>li .ad-point-hdg b{
color:#bb8f15;
}

.ad-point-list>li>p{
line-height:1.7;
}

/* .ad-item-list
----------------------------------------------- */

.ad-item-list{
margin-bottom:29px;
}

.ad-item-list>li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.ad-item-list>li:not(:first-child){
margin-top:5px;
}

.ad-item-list>li>div:first-child{
position:relative;
width:9em;
padding-right:20px;
font-weight:bold;
}

.ad-item-list>li>div:first-child:after{
content:'\ff1a';
position:absolute;
right:0;
top:-1px;
font-weight:normal;
}

.ad-item-list>li>div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.ad-item-list .ad-notice{
display:block;
margin-top:0;
}

/* .ad-step-list
----------------------------------------------- */

.ad-step-list{
margin-top:15px;
overflow:hidden;
}

.ad-step-list>li{
float:left;
width:17.5%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.ad-step-list>li:not(:first-child){
margin-left:3.125%;
position:relative;
}

.ad-step-list>li:not(:first-child):before{
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:10px 0 10px 10px;
border-color:transparent transparent transparent #999;
border-style:solid;
}

.ad-step-list>li:not(:first-child):before{
left:-19px;
top:47px;
}

.ad-step-list>li>div{
padding:12px 10px;
border:1px solid #dcdcdc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:118px;
}

.ad-step-list>li:last-child>div{
border-width:3px;
}

.ad-step-list>li .ad-step-list-hdg{
font-weight:bold;
margin:0 -10px 8px;
padding:0 10px 5px;
border-bottom:1px solid #dcdcdc;
}

.ad-step-list>li .ad-step-list-hdg>span{
padding:3px 4px 1px;
margin-right:8px;
display:inline-block;
line-height:1.0;
color:#fff;
background-color:#999;
}

/* .ad-message-box
----------------------------------------------- */

.ad-message-box{
margin-top:22px;
padding:15px 23px 25px 143px;
border:1px solid #bbb;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/info/ad/images/img-message.png) no-repeat;
background-position:top 30px left 27px;
}

.ad-message-box .ad-message-hdg{
margin-bottom:7px;
padding-bottom:5px;
font-size:14px;
border-bottom:1px solid #ddd;
}

/* .ad-inquiry-box
----------------------------------------------- */

.ad-inquiry-box{
margin-top:22px;
padding:26px 0 18px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
background-color:#f1f1f1;
}

.ad-inquiry-box>a{
display:block;
margin:0 auto 8px;
padding:15px 10px 11px;
width:519px;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
box-shadow:inset 0 -3px rgba(0, 0, 0, .2);
font-size:30px;
font-weight:bold;
color:#fff;
text-shadow:0 2px rgba(0, 0, 0, .2);
text-decoration:none;
line-height:1.35;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.ad-inquiry-box>a>span{
display:block;
font-size:18px;
font-weight:bold;
color:#fff;
text-shadow:0 1px rgba(0, 0, 0, .2);
}

.ad-inquiry-box .ad-notice{
display:inline-block;
}

/* .sns
----------------------------------------------- */
ul.sns{
margin: 20px 0 10px;
text-align: right;
}
ul.sns > li{
margin-left: 10px;
display: inline-block;
vertical-align: top;
}