@charset "UTF-8";

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

/css/top_sph.css

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

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


/*-------------------------
.main_image
-------------------------*/
#top .main_image .inner{height:360px;background:url(/images/main_image01_sph.jpg) 70% no-repeat;background-size:cover;}

#top .main_image h1{top: 66%;max-width: 630px;}
#top .main_image .main_ttl{font-size:12px;line-height:1.6;color:#fff;font-weight:900;padding:0 10px;box-sizing:border-box;}
#top .main_image .main_ttl .orange_bg{padding: 6px 22px 5px;margin: 10px auto;}
#top .main_image .main_ttl .regular{font-size: 18px;}
#top .main_image .main_ttl .large{font-size: 28px;}

/*-------------------------
.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;}
#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:#ff8a00/*アクセントカラー*/;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{bottom:0;}
#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 .btn2{padding:10px 0 0;}
#top .box03 .btn1 input[type="submit"],
#top .box03 .btn1 .btn_submit,
#top .box03 .btn2 .btn_reset{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:100%;display:table;box-sizing:border-box;padding:0 5px 10px 5px;}
#top .box04 .search .special li a{font-size:16px;display:table-cell;margin:0;vertical-align:middle;box-sizing:border-box;height:80px;padding:0 80px 0 25px;}

/*-------------------------
.box05
-------------------------*/
#top .box05 .contentsbtn li{width:auto;display:block;}
#top .box05 .contentsbtn li.cont_btn_contact,
#top .box05 .contentsbtn li.cont_btn_concept,
#top .box05 .contentsbtn li.cont_btn_recruit{width:100%;}
#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;}

/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{margin-left:15px;margin-right:15px;}