@charset "UTF-8";
/* CSS Document */

/*out accordion*/
.accordion_btn {display:none;font-family:"Yu Mincho","Yu Mincho Light","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif;color:#fff;cursor:pointer;}

@media screen and (max-width:768px){
    
    .accordion_btn {display:block;font-size:18px;line-height:1em;background:#165B73;position:relative;padding:14px 5.33333vw;border-top:solid 1px #fff;}
    .accordion_btn:before,
    .accordion_btn:after {content:"";display:block;width:20px;height:1px;background:#fff;position:absolute;right:5.33333vw;transition:0.3s;}
    .accordion_btn:before {top:50%;transform:translateX(-50%);}
    .accordion_btn:after {top:50%;transform:translateX(-50%) rotate(90deg);}
    .accordion_btn.active:before {top:50%;transform:translateX(-50%) rotate(45deg);}
    .accordion_btn.active:after {top:50%;transform:translateX(-50%) rotate(135deg);}
    
    .accordion_body {display:none;}
}


/*in accordion*/
.sp_accordion,
.contents_header_nav.sp {display:none;}

@media screen and (max-width:768px){
    
    .app_contents,
    .contents_header_nav.pc {display:none !important;}
    .contents_header_nav.sp {display:block;}
    
    .sp_accordion {display:block;padding:30px 30px;}
    .sp_accordion li {list-style:none;}
    .in_accordion_btn {font-family:"Yu Mincho","Yu Mincho Light","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif;font-size:20px;line-height:50px;color:#144960;cursor:pointer;position:relative;border-bottom:solid 1px #333;padding:20px 0;}
    .in_accordion_btn .icon {display:inline-block;width:50px;margin-right:30px;}
    .in_accordion_btn span {display:block;font-size:14px;}
    .in_accordion_btn:before,
    .in_accordion_btn:after {content:"";display:block;width:20px;height:1px;background:#333;position:absolute;right:0;transition:0.3s;}
    .in_accordion_btn:before {top:50%;transform:translateX(-50%);}
    .in_accordion_btn:after {top:50%;transform:translateX(-50%) rotate(90deg);}
    .in_accordion_btn.active:before {top:50%;transform:translateX(-50%) rotate(45deg);}
    .in_accordion_btn.active:after {top:50%;transform:translateX(-50%) rotate(135deg);}
    
    .in_accordion_body {display:none;}
    .in_accordion_body .image {width:calc(100% - 30px);margin:15px auto 30px;}
    .in_accordion_body .image img {width:100%;}
    .in_accordion_body .text {font-size:3.6vw;line-height:2em;margin-bottom:30px;}
    .in_accordion_body h3 {font-family:"Yu Mincho","Yu Mincho Light","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif;font-size:20px;font-weight: normal;color:#144960;margin-bottom:30px;}
}