html { overflow-y:scroll; /* Firefox*/ overflow-x:hidden; /* Firefox*/ width:auto; scroll-behavior: smooth;}
body { margin: 0px; padding: 0px ; font-size:14px; color: #333; line-height: 160%;
/*font-family:"ＭＳ Ｐ�?��?��?????", Osaka, "????????????�???? Pro W3"; */
font-family: "Hiragino Mincho Pro",serif,YuMincho,Meiryo;
}
a { color: #003360; text-decoration: underline; }
a:hover { color: #00324C; text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { font-size: 13px; margin: 0; font-weight: normal; line-height: 150%; }
img { border: none;}
p { margin: 0; padding: 0; text-indent: none; }
ul,ol,li { margin: 0; padding: 0; list-style-type: none;}
/* float */
.fl { float: left;}
.flr { float: right;}
.cll { clear: left; line-height: 0;}
.clr { clear: right; line-height: 0;}
.cllall { clear: both; line-height: 0;}
/* other */
.borderc { border: 1px solid #CCC; }
.t_center { text-align: center;}
.t_left { text-align: left;}
.t_right { text-align: right;}
.middle_img { vertical-align: middle; }
.aleft { margin: 0 20px 0 0;}
.aright { margin: 0 0 0 20px;}
.link {}
.link img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.link img:hover {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.link2 {}
.link2 img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.link2 img:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.shadow {
-moz-box-shadow: 3px 3px 10px #aaaaaa; /* firefox */
-webkit-box-shadow: 3px 3px 10px #aaaaaa;/* Safari,Chrome */
box-shadow: 3px 3px 10px #aaaaaa; /* Opera */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=10px); /* IE */
}
.arrow { background: url(newimg/arrow5.png) left 50% no-repeat; padding-left: 20px;}
.f12 { font-size: 12px; line-height: 140%;}
.c30 { color: #c30;}
/* margin-top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt60m { margin-top: -60px; }
/* margin-right */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
/* margin-bottom */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
/* margin-left */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
/* width */
.w500 { width: 500px;}
/* link */
.arrow1 { background: url(img/arrow1.png) left 50% no-repeat; padding-left: 30px;}
.arrow2 { background: url(img/arrow2.png) left 50% no-repeat; padding-left: 22px;}
.arrow3 { background: url(newimg/arrow3.png) left 50% no-repeat; padding-left: 20px;}
.arrow4 { background: url(newimg/arrow4.png) left 50% no-repeat; padding-left: 20px;}
.arrow5 { background: url(newimg/arrow5.png) left 50% no-repeat; padding-left: 20px;}
.arrow6 { background: url(newimg/arrow6.png) left 50% no-repeat; padding-left: 20px;}
.arrow7 { background: url(newimg/arrow7.png) left 50% no-repeat; padding-left: 24px;}
.arrow8 { background: url(newimg/arrow8.png) left 50% no-repeat; padding-left: 24px;}
/* ////// base ////// */
.allbox { margin: 0; padding: 0; text-align: left;}
.innerbox { width: 1200px; margin: auto;}
.innerbox2 { width: 1000px; margin: auto;}
.menubar{ z-index: 10; width: 100%; position: fixed; top: 0; background: #000; color: #FFF; height:66px ; padding: 10px 0px ; font-size: 18px; }
.menubar .logo { float: left; width: 180px; padding-top: 8px;}
.menubar .menu { float: right; width: 800px; text-align: right;}
.menubar .menu ul { margin: 20px 0px 0px; padding: 0;}
.menubar .menu li { display: inline; padding: 0px 10px;}
.menubar .menu li a { color: #FFF; text-decoration: none;}
.menubar .menu li a:hover { color: #DDD; text-decoration: none;}
.stage { background: url(img/stageimg.png) #E9F2F9 center top no-repeat; width: 100%; height: 860px;}
.stage .logo { padding-top: 300px;}
.stage .msg { padding-top: 30px; font-size: 68px; line-height: 110%; font-family: "Hiragino Mincho Pro",serif;}
.contents {}
.contents .firstmeg { font-size: 22px; text-align: center; line-height: 230%;font-family: "Hiragino Mincho Pro",serif; margin-top: 80px ;}
.contents .bigtitle { font-size: 42px; text-align: center; margin-bottom: 40px;font-family: "Hiragino Mincho Pro",serif;}
.servicebox { margin: 80px auto; padding: 80px 0px; background: #EDEDEE;}
.servicebox .service_sub { float: left; width: 360px; padding: 20px; margin-top: 30px;}
.servicebox .serivce_title { font-size: 28px; text-align: center; width: 280px; font-weight: bold; line-height: 130%; color: #6A3906; margin: 0px auto 15px;}
.servicebox .service_img { text-align: center; margin-bottom: 20px;}
.servicebox .service_img img { width: 120px;}
.servicebox .service_txt { font-size: 20px; line-height: 135%;}
.applybox { padding: 120px 0px;}
.applybox .ap_left { float: left; width: 500px; font-size: 20px; margin-top: 40px;}
.applybox .ap_left ul { margin: 0;}
.applybox .ap_left li { list-style-type: none; padding-bottom: 15px;}
.companybox { padding: 120px 0px; padding: 80px 0px; background: #EDEDEE;}
.companybox .t1 { border: 1px solid #CCC; border-collapse: collapse; width: 100%; font-size: 20px;}
.companybox .t1 th { border: 1px solid #CCC; border-collapse: collapse; background: #6A3906; color: #FFF; padding: 15px;}
.companybox .t1 td { border: 1px solid #CCC; border-collapse: collapse; background: #FFF; padding: 15px; }
.consultant { padding: 120px 0px;}
.consultant .agentsubbox { float: left; width: 360px; padding: 20px; margin-bottom: 30px; min-height: 900px;}
.consultant .agent_name { font-size: 24px; font-weight: bold; line-height: 130%;}
.consultant .agent_name span { display: block; font-size: 18px; font-weight: normal; margin-bottom: 15px;}
.consultant .agent_img { text-align: center; margin-bottom: 20px;}
.consultant .agent_img img { width: 360px;}
.consultant .agent_txt {font-size: 18px; line-height: 135%;}
.privacy { padding: 120px 0px;}
.foot { text-align: center; margin: 40px auto; font-size: 16px;}
/* ////// SmartPhone ///// */
#spfoot { display: none;}
#sphead { display: none;}
.Topmenu { display: none;}
.spheadimg { display: none;}
#spbox { display: none;}
#head { width: 100%; margin: 0px auto; font-size: 11px; text-align: left;}
#head .head_top {width: 100%; margin: 0px auto; border-bottom: 1px dotted #CCC; background: #E8E8E8;}
#head .head_top_inner { width: 1000px; margin: auto;}
#head .headxt { float: left; width: 500px;}
#head .head_list { float: right; width: 500px; text-align: right;}
#head .head_list li { padding: 0px 10px; border-right:1px solid #ccc ; display: inline;}
#head .head_list li:last-child { border-right: none !important; padding: 0px 0px 0px 10px !important;}
#head .head_bottom { width: 1000px; margin: auto;padding: 15px 0px 8px ;}
#head .logo { float: left; width: 500px;}
#head .addbox { float: right; width: 500px; text-align: right;}
#menu { width: 100%; margin: auto; background: #00324C; color: #FFF; height: 50px;}
/*#menu { width: 100%; margin: auto; background: #0071B3; color: #FFF; height: 50px;}*/
#menu .menubox { width: 1000px; margin: auto; text-align: center; font-size: 18px; }
#menu .menubox li { float: left; width: 165px; border-right: 1px dotted #FFF; height: 30px; margin-top: 10px;}
#menu .menubox li:last-child { border-right: none !important;}
#topbox { width: 100%; background: #ECEBEE;}
#topstage { width: 1200px; margin: 27px auto 0px; background: url(img/stageback.png) center top no-repeat; height: 380px;}
#topstage .topstageinner { width: 1000px; margin: auto; text-align: left;}
#topstage .topstagetitle { margin-left: 490px; padding:20px 0px 15px;}
#topstage .stagebox { float: left; padding: 7px; height: 211px; width: 226px; margin-left: 500px; background: url(img/stageback_fff.png) repeat;}
#topstage .stagebox2 { float: left; padding: 7px; height: 211px;width: 226px; margin-left: 18px; background: url(img/stageback_fff.png) repeat;}
#topstage .boxtitle { font-size: 20px; margin: 5px 2px 5px ; height: 44px; line-height: 120%; }
#topstage .boxtxt { font-size: 13px; margin-bottom: 2px; height: 40px; line-height: 130%;}
#topstage .boxtitle a { color: #333; text-decoration: none;}
#topstage .boxtitle a:hover { color: #333; text-decoration: underline;}
#top_stagebottom { width: 100%; margin: auto; background: #0071B3; color: #FFF;}
#top_stagebottom p { width: 980px; margin: auto; padding: 20px 10px; text-align: left;font-family: "Times New Roman", "游�?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HGS??????E","ＭＳ Ｐ�?????","??��?��?????", Meiryo, serif;}
#top_obi { width: 100%; margin: auto; background: #003360; color: #FFF; text-align: left; padding: 28px 0px;}
#top_obi .obi_left { float: left; width: 230px; margin-left: 8px;}
#top_obi .obi_right { float: left; width: 740px; margin-left: 14px;}
#top_obi .top_obi_inner { width: 1000px; margin: auto; text-align: left;}
#top_archive { width: 1000px; margin: 0px auto 60px; text-align: left;}
#top_archive .topbox { margin: 97px auto 0px;}
#top_archive .title2 { font-size: 24px; text-align: center;}
#top_archive .title2 h2 { font-size: 24px; text-align: center;display: block; }
#top_archive .title2 p { text-align: center; display: block; border-top: 4px solid #00324C; color: #00324C; width: 1000px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#top_archive .jobboxlist { margin: 45px auto; font-size: 14px; line-height: 160%;}
#top_archive .jobboxlist div { float: left; background: #E0DBD5; height: 280px; width: 440px; text-align: left; padding: 20px;}
#top_archive .jobboxlist div:last-child { margin-left:40px !important;}
#top_archive .colboxlist { margin: 45px auto; font-size: 14px; line-height: 160%;}
#top_archive .colboxlist div { float: left; background: #E0DBD5; width: 440px; text-align: left; padding: 20px;}
#top_archive .colboxlist div:last-child { margin-left:40px !important;}
#top_archive .jobbox_title { font-size: 24px; color: #003360; line-height: 160%; margin-bottom: 30px;font-family: "Times New Roman", "游�?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HGS??????E","ＭＳ Ｐ�?????","??��?��?????", Meiryo, serif;}
#top_archive .jobbox_detail { margin-top: 20px;}
#top_archive .jobbox_title a { text-decoration: none; color: #003360;}
#top_archive .jobbox_title a:hover { text-decoration: underline; color: #003360;}
.righttxtlink { text-align: right; font-size: 16px;}
.jobbox_title_img { text-align: center;}
#top_archive .box3 { margin: 40px auto;}
#top_archive .box3 .inner1 { float: left; width: 320px;}
#top_archive .box3 .inner2 { float: left; width: 320px; margin-left: 20px;}
#top_archive .top_s_icon { background: #EC6972; height: 75px; padding: 20px; width: 180px; text-align: center; color: #FFF; font-size: 15px; margin: auto;}
#top_archive .top_s_icon span { display: block; text-align: center; font-size: 14px; margin-bottom: 15px;}
#top_archive .top_s_icon_bottom { text-align: center;}
#top_archive .top_s_box { background: #E6E6E6; padding:25px 15px 15px 15px; height: 145px; margin-top: 10px;}
#top_archive .top_s_img { float: left; width: 102px;}
#top_archive .top_s_txt { float: left; width: 178px; font-size: 13px; margin-left: 10px;}
#top_archive .top_s_detail { margin-top: 15px;}
#top_archive .saiyio_left { width: 400px; float: left; text-align: center;}
#top_archive .saiyio_right { width: 600px; float: left; }
#top_archive .marketbox { width: 600px; margin: 30px auto; line-height: 180%; font-size: 16px; text-align: left;}
#top_archive .marketbox_txt {}
.c_y { background: #EDE7E2; width: 100%; margin: auto;padding: 30px 0px;}
#foot { width: 100%; margin: 0px auto; background: #00324C;color: #FFF;}
/*#foot { width: 100%; margin: 0px auto; background: #0071B3;color: #FFF;}*/
#foot a { color: #FFF; text-decoration: none;}
#foot a:hover { color: #FFF; text-decoration: underline;}
#foot .box { width: 1000px; margin: auto; text-align: left; padding: 25px 0px 0px;}
#foot .leftbox { width: 620px; float: left;}
#foot .rightbox { width: 330px; float: right; background: url(img/footaddbox.png) left top no-repeat; height: 510px;}
#foot .footadd { width: 290px; margin: auto; padding-top: 398px;}
#foot .copy { font-size: 11px; text-align: center; padding: 25px 0px; border-top:1px solid #5B6B89 ; margin-top: 25px;}
#foot .undertxt { font-size: 11px; margin-top: 50px; line-height: 150%;}
#foot .catebox { width: 200px; float: left; margin-top: 30px;}
#foot .catebox2 { width: 380px; padding: 20px; float: left; margin-top: 30px;font-size: 13px; line-height: 180%;}
#foot .catebox ul { margin-top: 10px; line-height: 120%;}
#foot .catebox li { font-size: 11px; background: url(img/arrow2.png) left 50% no-repeat; padding: 0 0 3px 22px;}
#foot .cate_title2 { font-size: 12px; background: url(img/arrow2.png) left 50% no-repeat; padding: 0 0 3px 22px; }
#foot .sitebox { width: 1000px; margin: 15px auto 30px; padding: 20px 0px; background: #58595B; color: #FFF;}
#foot .movinmark { font-size: 13px; font-weight: bold; margin-bottom: 10px; }
#foot .groupsite { width: 800px; margin: auto;}
#foot .groupsite ul { margin: 10px 0 0 0 ; padding: 0;}
#foot .groupsite li { width: 120px; float: left; padding: 0; list-style-type: none;}
#foot .m45 { margin-left: 45px;}
#foot .groupsite span { font-size: 10px; line-height: 120%; display: block; padding-top: 3px;}
#foot .moresite { margin: 20px auto; font-size: 10px;}
/*** sub ***/
#path { width: 1000px; margin:27px auto 0px; text-align: left;}
#path ul {}
#path li { display: inline; font-size: 11px;}
#substage_recruit { width: 100%; margin: auto; background: url(img/head_job.png)#9E5A0E center top no-repeat; height: 250px;}
#substage_recruit .substageinner { width: 1000px; margin: auto; }
#substage_recruit .substagetitle { text-align: center; padding-top: 80px; color: #FFF;}
#substage_recruit .substagetitle h1 { font-size: 38px;}
#substage_recruit .substagetitle p { text-align: center; display: block; border-top: 4px solid #FFF; color: #FFF; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#substage_saiyo { width: 100%; margin: auto; background: url(img/head_saiyo.png)#0F0D0C center top no-repeat; height: 250px;}
#substage_saiyo .substageinner { width: 1000px; margin: auto; }
#substage_saiyo .substagetitle { text-align: center; padding-top: 80px; color: #FFF;}
#substage_saiyo .substagetitle h1 { font-size: 38px;}
#substage_saiyo .substagetitle p { text-align: center; display: block; border-top: 4px solid #FFF; color: #FFF; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#substage_service { width: 100%; margin: auto; background: url(img/head_service.png) center top no-repeat; height: 250px;}
#substage_service .substageinner { width: 1000px; margin: auto; }
#substage_service .substagetitle { text-align: center; padding-top: 80px; color: #333;}
#substage_service .substagetitle h1 { font-size: 38px;}
#substage_service .substagetitle p { text-align: center; display: block; border-top: 4px solid #333; color: #333; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#substage_success { width: 100%; margin: auto; background: url(img/head_success.png)#E6DFD9 center top no-repeat; height: 250px;}
#substage_success .substageinner { width: 1000px; margin: auto; }
#substage_success .substagetitle { text-align: center; padding-top: 80px; color: #333;}
#substage_success .substagetitle h1 { font-size: 38px;}
#substage_success .substagetitle p { text-align: center; display: block; border-top: 4px solid #333; color: #333; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#substage_movin { width: 100%; margin: auto; background: url(img/head_about.png)#8ACCEB center top no-repeat; height: 250px;}
#substage_movin .substageinner { width: 1000px; margin: auto; }
#substage_movin .substagetitle { text-align: center; padding-top: 80px; color: #FFF;}
#substage_movin .substagetitle h1 { font-size: 38px;}
#substage_movin .substagetitle p { text-align: center; display: block; border-top: 4px solid #FFF; color: #FFF; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#substage_column { width: 100%; margin: auto; background: url(img/head_column.png)#34B5C8 center top no-repeat; height: 250px;}
#substage_column .substageinner { width: 1000px; margin: auto; }
#substage_column .substagetitle { text-align: center; padding-top: 80px; color: #333;}
#substage_column .substagetitle h1 { font-size: 38px;}
#substage_column .substagetitle p { text-align: center; display: block; border-top: 4px solid #333; color: #333; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#jobstage { width: 800px; margin: auto; font-family: "Times New Roman", "游�?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN","HGS??????E", "ＭＳ ??????","??��?��?????", Meiryo, serif;}
#sub_archive { width: 1000px; margin: 0px auto 60px; text-align: left;}
#sub_archive .topbox { margin: 97px auto 0px;}
#sub_archive .jobtitle { font-size: 28px; width: 550px; margin: 0px auto 40px; color: #003360; }
#sub_archive .jobtitle h1 { font-size: 28px; }
#sub_archive .joblead { width: 800px; margin: 0px auto 70px; font-size: 17px; line-height: 180%;}
#sub_archive .jobbar { background: #0071B3; font-size: 20px; line-height: 110%; color: #FFF; padding: 10px;}
#sub_archive .job_t { width: 800px; margin: auto; font-size: 17px; line-height: 170%;}
#sub_archive .job_t th,.job_t td { vertical-align: top; border-bottom: 1px dotted #CCC; padding: 28px; }
#sub_archive .job_t th { width: 210px;}
#sub_archive .add_job { margin: 40px auto 80px; text-align: center;}
#sub_archive .add_job p { padding-top: 30px; text-align: center; font-size: 15px;}
#sub_archive .jobtitle1 { font-size: 28px; text-align: center; width: 550px; margin: 0px auto 40px; color: #003360; }
#sub_archive .jobtitle1 h1 { font-size: 28px; }
#sub_archive .job_t1 { width: 800px; margin: auto; font-size: 17px; line-height: 170%;}
#sub_archive .job_t1 th,.job_t1 td { vertical-align: top; border-bottom: 1px dotted #CCC; padding: 28px; }
#sub_archive .job_t1 th { width: 210px;}
#sub_archive .companylist2 { float: left; width: 400px;}
#sub_archive .companylist2 li { font-size: 14px; border-bottom: 1px dotted #CCC; margin-bottom: 10px; background: url(img/arrow3.png) left 50% no-repeat; padding: 0px 0px 3px 24px;}
#sub_archive .jobbar2 { background: #009245; font-size: 20px; line-height: 110%; color: #FFF; padding: 10px;}
#sub_archive .otherjob { width: 800px; margin: 20px auto; border: 1px solid #CCC;}
#sub_archive .otherjob div { height: 400px; overflow: auto; padding: 20px;}
#sub_archive .otherjob li { font-size: 14px; border-bottom: 1px dotted #CCC; margin-bottom: 10px; background: url(img/arrow3.png) left 50% no-repeat; padding: 0px 0px 3px 24px;}
#sub_archive .otherjob li:last-child {margin-bottom: 0px !important;}
#sub_archive .otherjob2 { width: 800px; margin: 20px auto; border: 1px solid #CCC;}
#sub_archive .otherjob2 div { padding: 20px;}
#sub_archive .otherjob2 li { font-size: 16px; border-bottom: 1px dotted #CCC; margin-bottom: 10px; background: url(img/arrow3.png) left 50% no-repeat; padding: 0px 0px 3px 24px;}
#sub_archive .otherjob2 li:last-child {margin-bottom: 0px !important;}
#sub_archive .otherjob3 { width: 800px; margin: 20px auto 70px; border: 1px solid #CCC; font-size: 14px; color: #666;}
#sub_archive .otherjob3 p { padding: 20px;}
#sub_archive .otherjob3 strong { display: block; border-bottom: 3px double #555; font-size: 17px; color: #c30; margin: 20px auto 10px;}
#sub_archive .otherjob3 span { display: block; border-bottom: 1px dotted #555; font-size: 15px; color: #003360; margin: 20px auto 10px;}
#sub_archive .jobsingle_tag {}
#sub_archive .h2bar { background: #0071B3; font-size: 20px; line-height: 110%; color: #FFF; padding: 10px;}
#sub_archive .h2bar h2 { font-size: 20px;}
#sub_archive .innertxt { width: 800px; margin: 30px auto 70px; font-size: 17px; line-height: 180%;}
#servicestage { background: #F2EADD; padding: 35px 0px; font-family: "Times New Roman", "游�?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN","HGS??????E", "ＭＳ ??????","??��?��?????", Meiryo, serif;}
.service_box1 { background: #0B2851 ; padding: 20px; margin-top: 30px; min-height: 300px;}
.serivce_bar { border-bottom: 1px solid #FFF; padding-bottom: 3px; margin-bottom: 10px;}
.service_left { float: left; width: 470px ; margin-right: 30px; color: #FFF; font-size: 16px; line-height: 160%;}
.service_right { float: left; width: 260px ;}
.service_box2 { background: #36301A ; padding: 20px; margin-top: 70px; min-height: 300px;}
.service_box3 { background: #5C4E7F ; padding: 20px; margin-top: 70px; min-height: 550px;}
.service_box4 { background: #310912 ; padding: 20px; margin-top: 70px; min-height: 380px;}
#sub_archive .success_inner1 { margin-top: 70px;}
#sub_archive .top_s_icon { background: #EC6972; height: 75px; padding: 20px; text-align: center; color: #FFF; font-size: 15px; margin: auto;}
#sub_archive .top_s_icon span { display: block; text-align: center; font-size: 14px; margin-bottom: 15px;}
#sub_archive .top_s_icon_bottom { text-align: center;}
#sub_archive .top_s_box { background: #E6E6E6; padding:35px; margin-top: 10px;}
#sub_archive .top_s_img { float: left; width: 110px;}
#sub_archive .top_s_txt { float: left; width: 590px; font-size: 13px; margin-left: 30px;}
#sub_archive .about_t { width: 800px; margin: 0px auto 80px; font-size: 15px; line-height: 170%;}
#sub_archive .about_t th,.about_t td { vertical-align: top; border-bottom: 1px dotted #CCC; padding: 18px; }
#sub_archive .about_t th { width: 210px;}
#sub_archive .title2 { font-size: 24px; text-align: center; }
#sub_archive .title2 h2 { font-size: 24px; text-align: center;display: block; }
#sub_archive .title2 p { text-align: center; display: block; border-top: 4px solid #00324C; color: #00324C; width: 180px; margin: 3px auto 0px; padding-top: 4px; font-size: 17px; }
#sub_archive .mapback { background: #555; padding: 30px; margin-top: 30px; margin-bottom: 70px;}
/* === スマートフォン用の設定 === */
/* 画面幅が768px以下の場合に適用 */
@media screen and (max-width: 767px) {
.pcbox{display: none;}
.innerbox{width: auto;}
.innerbox img{width: 100%;}
.innerbox2 {width: auto;margin: auto;}
.stage {background: url(img/stageimg.png) #E9F2F9 center top no-repeat;width: 100%;height: 600px;}
.stage .logo {padding-top: 120px;}
.stage .msg { padding-top: 30px; font-size: 48px; line-height: 110%; font-family: "Hiragino Mincho Pro",serif;}
.contents .firstmeg {font-size: 22px;text-align: center;line-height: 230%;font-family: "Hiragino Mincho Pro",serif;margin-top: 25px;}
.contents .bigtitle {font-size: 26px;text-align: center;margin-bottom: 40px;font-family: "Hiragino Mincho Pro",serif;}
.applybox {padding: 15px;}
.applybox .ap_left {float: left;width: auto;font-size: 18px;margin-top: 40px;}
.consultant .agentsubbox {float: left;width: 360px;padding: 20px;margin-bottom: 30px;min-height: 200px;}
ul {
list-style: none;
padding: 0;
margin: 0;
}
/* ヘッダー */
.header {
background-color: #000;
padding: 10px 20px;
position: sticky;
top: 0px;
}
.header-inner {
display: flex;
justify-content: space-between; /* ロゴとメニューを両端に配置 */
align-items: center;
}
.logo {
font-size: 24px;
font-weight: bold;
}
/* ハンバーガーメニュー全体 */
.hamburger-menu {
position: relative; /* メニュー本体の位置の基準点にする */
}
/* チェックボックスは非表示に */
#menu-btn-check {
display: none;
}
/* ハンバーガーアイコン（三本線） */
.menu-btn {
display: block;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
z-index: 2; /* メニュー本体より手前に表示 */
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 25px;
border-radius: 3px;
background-color: #FFFFFF;
position: absolute;
left: 2.5px;
transition: all 0.3s;
}
.menu-btn span:before {
bottom: 8px;
left:initial;
}
.menu-btn span {
top: 13.5px;
}
.menu-btn span:after {
top: 8px;
left:initial;
}
/* チェックされたらアイコンを×印に変化させる */
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0); /* 真ん中の線を透明に */
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
}
/* メニュー本体 */
.main-nav {
position: fixed;
top: 0;
right: 0;
width: 250px;
height: 100%;
background-color: #000000;
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
transform: translateX(100%); /* 初期状態では画面右外に隠す */
transition: transform 0.3s;
z-index: 1;
padding-top: 60px; /* ヘッダーの高さ分くらい空ける */
}
.main-nav ul {
padding: 20px;
}
.main-nav li {
margin-bottom: 20px;
}
.main-nav a {
font-size: 18px;
color:#FFFFFF;
}
.main-nav a:hover {
color: #FFFFFF;
}
/* チェックされたらメニューを表示 */
#menu-btn-check:checked ~ .main-nav {
transform: translateX(0); /* 画面内にスライドイン */
}
}
/* 画面幅が768px以上の場合に適用 */
@media screen and (min-width: 768px) {
.spbox{display:none;}
}