@charset "UTF-8";

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

/css/top_sph.css

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

/*-------------------------
__top_style
-------------------------*/


/*-------------------------
.main_image
-------------------------*/
#top .main_image .inner{height:260px;background-size:cover;}

#top .main_image .inner  h1.maintitle {font-size: 12px;line-height:22px;font-weight: 700;letter-spacing: 0!important; color: #ffffff; text-align: center;position: absolute;
width: 100%;
top: 70%;
left: 50%;
transform: translateY(-30%) translateX(-50%);
-webkit- transform: translateY(-30%) translateX(-50%);
margin: 0;padding: 0;border: none;text-shadow: none;
text-shadow: 0px 0px 1px #333,
0px 0px  5px #333,
0px 0px 10px #333;
}


#top .main_image h1 img{height:auto;width:100%;max-height:60px;top:85px;max-width:310px;}

/*-------------------------
.box00
.box01
.box02
.box03
.box04
.box05
h2
h2 span
.box_inner
.box_inner2
-------------------------*/
#top .box00 .box_back,
#top .box01 .box_back,
#top .box02 .box_back,
#top .box04 .box_back,
#top .box05 .box_back{padding:45px 0 0;}
#top .box01 .box_back{padding-bottom:25px;}
#top .box02 .box_back{padding-bottom:0;}
#top .box03 .box_back{padding:45px 0;}
#top .box00 h2,
#top .box01 h2,
#top .box02 h2,
#top .box03 h2,
#top .box04 h2,
#top .box05 h2{width:auto;max-width:none;padding:0 0 15px;text-align:center;}
#top .box00 h2 span,
#top .box01 h2 span,
#top .box02 h2 span,
#top .box03 h2 span,
#top .box04 h2 span,
#top .box05 h2 span{font-size:20px;line-height:30px;height:30px;padding:5px 5px 0 5px;margin:0;}
#top .box00 h2 small,
#top .box01 h2 small,
#top .box02 h2 small,
#top .box03 h2 small,
#top .box04 h2 small,
#top .box05 h2 small{font-size:0.8em;line-height:1;display:block;}
#top .box00 .box_inner,
#top .box01 .box_inner,
#top .box02 .box_inner,
#top .box03 .box_inner,
#top .box03 .box_inner2,
#top .box04 .box_inner,
#top .box05 .box_inner{width:auto;max-width:650px;margin:0 auto;position: relative;}
#top .box02 .box_inner{padding:0 0 40px;}

/*-------------------------
.box00
-------------------------*/
#top .box00 .topics{padding:0;margin:0 10px;border-radius:0;box-shadow:none;}
#top .box00 .topics li time{font-size:12px;width:auto;min-height:0;padding:15px 10px 0 60px;display:block;}
#top .box00 .topics li .comm{font-size:13px;width:auto;min-height:0;padding:0 10px 15px 60px;display:block;}
#top .box00 .topics li a .comm{text-decoration:underline;}
#top .box00 .topics li a .comm::before{content:"";display:none;}

/*-------------------------
.box01
-------------------------*/
#top .box01 .room1{width:100%;}
#top .box01 .room1 .room_inner{height:auto;}
#top .box01 .room1 .photo{height:auto;min-height:30px;max-height:300px;}
#top .box01 .room1 .photo img{max-height:300px;}
#top .box01 .list_btn{position:relative;top:auto;right:auto;margin-top:10px;}
#top .box01 .list_btn a{font-size:14px;}
/*-------------------------
.box02
-------------------------*/
#top .box02 .box_inner dt,
#top .box02 .box_inner dd{display:block;width:auto;}
#top .box02 .box_inner dd a.call{color:#B36B00/*アクセントカラー*/;text-decoration:underline;pointer-events:auto;}

#top .box02 .box_ph{max-width:650px;margin:0 auto;padding:0 0 40px;}
#top .box02 .box_ph li{width:100%;}
#top .box02 .box_ph li + li{padding-top:10px;}
#top .box02 .box_ph li a{height:auto;}
#top .box02 .box_ph li img{max-height:400px;position:relative;top:auto;bottom:auto;left:auto;right:auto;}

/*-------------------------
.box03
-------------------------*/
#top .box03 .box_inner dt,
#top .box03 .box_inner dd{display:block;width:auto;}
#top .box03 .box_inner dt{line-height:25px;padding-top:10px;}
#top .box03 .box_inner dd{padding-top:5px;}
#top .box03 .box_inner dd + dd{padding-left:0;}
#top .box03 dd.add::after{top:5px;}
#top .box03 .cap1{font-size:12px;line-height:30px;display:block;margin:0 5px;}
/*横幅設定*/
#top .box03 dd .fm_s{width:80px;}
#top .box03 dd .fm_m{width:calc(100% - 30px);}
#top .box03 dd .fm_l{width:calc(100% - 30px);}
#top .box03 dd .fm_ll{width:calc(100% - 30px);}

#top .box03 dd input[type="button"]{font-size:12px;padding:0 10px;}
#top .box03 dd label.ck1 span{font-size:12px;}

#top .box03 .btn1{padding:20px 0 0;}
#top .box03 .btn1 input[type="submit"]{font-size:16px;padding:0 20px;}

#top .box03 .privacy .page_caption,
#top .box03 .privacy dl{font-size:12px;line-height:20px;}
#top .box03 .privacy .page_caption{}
#top .box03 .privacy dl{padding:0;}
#top .box03 .privacy dt{font-size:16px;padding:10px 0 0;}
#top .box03 .privacy dd{padding:5px 0 0;}
#top .box03 .privacy dd.box2{margin:0 0 0 15px;}
#top .box03 .privacy .pp_contact h4{font-size:14px;line-height:20px;}
#top .box03 .privacy .pp_contact p{font-size:12px;line-height:20px;padding:5px 0 0;}
#top .box03 .privacy .pp_contact br.line1{display:inline;}
#top .box03 .privacy .pp_contact br.line1 + .line0{padding:0;}

/*-------------------------
.box04
-------------------------*/
#top .box04 .search .area{padding:0 0 40px;}
#top .box04 .search .area li{width:auto;display:block;}
#top .box04 .search .area li a::before{width:30px;height:30px;border-radius:15px;background-size:30px 30px;left:5px;}
#top .box04 .search .area li a span{font-size:14px;padding:15px 0 15px 45px;}
#top .box04 .search .special{padding:0 0 40px;}
#top .box04 .search .special li{width:auto;display:block;}
#top .box04 .search .special li a{font-size:16px;}

/*-------------------------
.box05
-------------------------*/
#top .box05 .contentsbtn li{width:auto;display:block;}
#top .box05 .contentsbtn li + li{margin:10px 0 0;}
#top .box05 .contentsbtn li a{padding:70px 0 10px 0;border-radius:5px;}
#top .box05 .contentsbtn li a span{font-size:16px;padding:15px;border-radius:0 0 5px 5px;}
#top .box05 .contentsbtn li.cont_btn_cont1 a,
#top .box05 .contentsbtn li.cont_btn_voice a,
#top .box05 .contentsbtn li.cont_btn_staff a,
#top .box05 .contentsbtn li.cont_btn_pdf a{background-size:cover;background-position:center -20px;}

#top .box05 .contentsbtn li.cont_btn_3 a span{font-size:16px;padding:5px 15px;border-radius:0 0 0 5px;}
#top .box05 .contentsbtn li.cont_btn_3 a span span.sub {font-size:10px;line-height:14px!important;color:#000;padding: 0!important;display: block!important;}
#top .box05 .contentsbtn li.cont_btn_3 {width:100%;}