@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
@font-face {
    font-family: "rounded-m";
    font-style: normal;
    font-weight: 400;
    src: url('../font/roundedMmidium.eot');
    src: url('../font/roundedMmidium.eot?#iefix') format('embedded-opentype'),
         url('../font/roundedMmidium.woff') format('woff'),
         url('../font/roundedMmidium.otf') format('opentype')
}
@font-face {
    font-family: "rounded-m";
    font-style: normal;
    font-weight: 600;
    src: url('../font/roundedMbold.eot');
    src: url('../font/roundedMbold.eot?#iefix') format('embedded-opentype'),
         url('../font/roundedMbold.woff') format('woff'),
         url('../font/roundedMbold.otf') format('opentype')
}
@font-face {
    font-family: "rounded-m";
    font-style: normal;
    font-weight: 700;
    src: url('../font/roundedMheavy.eot');
    src: url('../font/roundedMheavy.eot?#iefix') format('embedded-opentype'),
         url('../font/roundedMheavy.woff') format('woff'),
         url('../font/roundedMheavy.otf') format('opentype')
}
html {overflow-y:scroll;font-size: 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;font-feature-settings : "pkna" 1; height:100%;}  
body,td,th {line-height:1.7em;color: #4d4030;letter-spacing:0.02em;background:#f7f6ef;}
body {margin:0;padding: 0; height:100%;width:100%;position:relative;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul{padding:0;margin:0;}
.cl:after {content: "";clear: both;display: block;}
li {list-style-type:none;}
.soon{ opacity: 0.2;}
.none{ display:none !important;}
div{ padding:0; margin:0;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic; line-height:0;}
a img:hover {opacity: 0.4 ;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
a:link {text-decoration: none; color:inherit; font-size:inherit; font-weight:inherit;}
a:visited {text-decoration: none; color:inherit;}
a:hover {text-decoration: none; color:#ED7C82;}
a:active {text-decoration: none; color:inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #fadfe0;color: #111;}
::-moz-selection {background: #fadfe0;color: #111;}
.pc{ display:block;}
.sp{ display:none;}
.f13{ font-size:1.3rem; line-height:1.6em;}
.f14{ font-size:1.4rem; line-height:1.6em;}
.f15{ font-size:1.5rem; line-height:1.75em;}
.f16{ font-size:1.6rem; line-height:1.75em;}
.f20{ font-size:2rem; line-height:1.75em;}
.f45{ font-size:4.5rem; line-height: inherit;}
.bb{ background:url(../images/border.png) repeat-x center bottom; }
.br{ background:url(../images/border.png) repeat-y right center ; }
.bl{ background:url(../images/border.png) repeat-y left center ; }
.bt{ background:url(../images/border.png) repeat-x center top; }
.f_w{ color:#FFF !important;}
.center{ text-align:center;}
.ma_m{font-family:rounded-m; font-weight:400;}
.ma_b{font-family:rounded-m; font-weight:600;}
.ma_h{font-family:rounded-m; font-weight:700;}
.qs_m{font-family: 'Quicksand', sans-serif;font-weight:400;letter-spacing:0em;}
.qs_b{font-family: 'Quicksand', sans-serif;font-weight:700;letter-spacing:0em;}
.kado7{border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}
.kado10{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.kado20{border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.in{ max-width:1200px; padding:0 40px; margin:0 auto; position:relative;}
.tate{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl; }
.flx{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; text-align: center !important; }
/*header*/
#header{ width:100%; background:#FFF; padding:15px 0;}
.hd_logoarea{ margin:0 0 25px 0;}
.logo{ background:url(../images/logo_yell.png) no-repeat center; background-size:100% auto; min-height:71px; width:210px; float:left;}
.logo p{ display:none;}
.hd_info{ float: right; padding:0 0 10px 0;background:url(../images/border.png) repeat-x center bottom;}
.hd_tel{ float:left; line-height:1.2em; font-size:1.4rem; background:url(../images/icon_tel.png) no-repeat left center/34px; padding:0 0 0 43px; }
.hd_tel_tel{ font-size:3.2rem; line-height:1em; display:block; margin:0; letter-spacing:-0.05em;}
.hd_link{ margin:0 0 0 30px; float:left; background:#C4E5EB;}
.hd_link li{ line-height:1em; font-size:1.3rem; padding:5px 15px 5px 30px;}
.hd_l1{ background:url(../images/icon_mail.png) 4% center/16px no-repeat;border-bottom:1px solid #fff;}
.hd_l2{ background:url(../images/icon_accs.png) 4% center/16px no-repeat;}
.menu{background:url(../images/border.png) repeat-y left center ; }
.menu li{ width:16.6666%; box-sizing:border-box;background:url(../images/border.png) repeat-y right center ; padding:6px 15px 10px 15px; text-align:center; float:left;}
.menu p{font-family:rounded-m; font-weight:700; font-size:1.6rem; line-height:1em; margin:0 auto -4px auto; padding:7px 0 8px 37px;display:table; background-repeat:no-repeat; background-position: left center; text-align:left;}
.menu1{ background-image:url(../images/m_icon_about.png);}
.menu2{ background-image:url(../images/m_icon_prg.png);}
.menu3{ background-image:url(../images/m_icon_flow.png);}
.menu4{ background-image:url(../images/m_icon_staff.png);}
.menu5{ background-image:url(../images/m_icon_qa.png);}
.menu6{ background-image:url(../images/m_icon_rec.png);}
.menu1,.menu2,.menu3,.menu4,.menu5,.menu6{  background-size:30px;}
.menu span{font-family: 'Quicksand', sans-serif;font-weight:700;color:#B2ABA0; font-size:1.1rem; letter-spacing:0.05em;}
.pcmenu{ display:block;}
.spmenu{ display:none;}

.hd_time_info{ background: #ED7C82; padding: 5px 10px; line-height: 1em; text-align: center; margin: 5px 0 0 0; float: none; clear: both; font-size: 1.6rem;}

.hd_news{ margin: 10px 0 0 0;background:#f7f6ef; padding: 10px 15px 7px 15px;border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
.hd_news_ttl{ font-size: 1.1rem; line-height: 1.45em; color: #ed7c82; width: 40px; float: left;}
.hd_news_txt{ font-size: 1.4rem; line-height: 1.2em; margin: 0 0 0 50px;}
/*contents common*/
#contents{ width:100%; margin:0 0 120px 0;}
.cont_ttl{ width:100%; min-height:280px; background-color:#ED7C82; position:relative; margin:0 0 80px 0;}
.cont_title{ font-size:4.8rem; line-height:1em;font-family:rounded-m; font-weight:700; color:#FFF; padding:100px 0 0 0;}
.cont_title span{ display:block;font-family: 'Quicksand', sans-serif;font-weight:700; font-size:1.6rem; line-height:1.1em; padding:10px 0 0 0; letter-spacing:0.09em;}
.cont_ttl_bg{ width:50%; margin: 0 0 0 50%; height:280px; background-size:cover; background-position:center;}
.cw_1{ font-size:2.4rem; padding:0 0 15px 0; margin:0 0 25px 0; line-height:1.2em;font-family:rounded-m; font-weight:700;}
.cont_wrap{ position:relative;}
/*index*/
.ind_main{ background:#ED7C82; position:relative;}
.ind_slide{ width:70%; float:left; height:600px; max-width:1400px; position:relative;}
.ind_slider{ height:600px;}
.ind_slider li{ height:600px; background-position:center; background-size:cover;}
.ind_slide_txt{ position:absolute; z-index:9999; width:100%; top:0; left:0;}
.ind_slide_ttl{ margin:60px 0 0 0; display:table; float:right;writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;  color:#FFF; line-height:1.3em; font-weight:700; font-size:2.6rem;font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.ind_slide_span{ display:block; margin:0 40px 0 0; font-size:2rem;}
.ind_main_bird{ position:absolute; bottom:-35px; right:-80px; width:320px; z-index:9999;}
.ind_lead{ width:100%; float:none; clear:both; padding:60px 0 40px 0; font-size:1.9rem; line-height:1.8em; text-align:center;}
.ind_lead_news{ margin: auto; display: table; padding:5px 15px; background:#fff; font-size: 1.5rem; line-height: 1em;color:#ED7C82; }
.ind_lead_txt{margin: auto; display: table; font-size: 1.6rem; padding: 10px 0 50px 0; line-height: 1.8em;}
.ind_3point{ background:#F2EDE2; padding:50px 0 0 0;}
.ind3_wrap{ padding:0 0 110px 0;}
.ind3_wrap li { width:30.6666%; margin:0 2% 0 0; padding:0 2% 0 0;background:url(../images/border.png) repeat-y right center ; float:left; }
.ind3_wrap li:nth-child(3){ width:30.6666%; margin:0; padding:0;background:none;}
.ind_3ttl{font-family:rounded-m; font-weight:700; color:#ED7C82; line-height:1.2em; padding:15px 0 20px 0; font-size:2rem;}
.ind_3ttl span{font-family: 'Quicksand', sans-serif;font-weight:700;color:#A0978B; font-size:1.1rem; letter-spacing:0.05em; display:block; margin:0 0 0 0; padding:9px 0 0 0; line-height:1em;}
.ind3_boxtxt{ width:100%; margin:0 0 35px 0;}
.ind3_link{ padding:8px 60px; background:#FFF url(../images/arrow.png) 93% center no-repeat; display:table; margin:0 auto 15px auto; clear:both; float:none;font-family:rounded-m; font-weight:600; font-size:1.2rem;}
.ind3_ol_wrap{ background:#39BBCB url(../images/ind_roof_img.jpg) right center no-repeat; background-size:50% auto; padding:260px 0 60px 0; position:relative;}
.ind_ol_txtwrap{ width:45%;}
.ind3_roof{ position:absolute; width:100%; left:0; top:0;}
/*footer*/
#footer{ width:100%; margin:0;}
.ft_contactwrap{ margin:25px 0 40px 0;background:url(../images/border.png) repeat-y left center ;}
.ft_contactwrap li{ width:50%; padding:10px 30px; box-sizing:border-box;background:url(../images/border.png) repeat-y right center ; text-align:center; float:left;}
.ft_contactwrap li:nth-child(3){ width:24%; margin:0 0 0 2%; padding:25px 15px 10px 15px; box-sizing:border-box;background:#ED7C82 ; text-align:center; float:left; color:#FFF;}
.ft_cont_icon{ width:57px; margin:0 auto 15px auto;}
.ft_telnum{ font-size:4.5rem;color:#ED7C82;font-family: 'Quicksand', sans-serif; font-weight:700; line-height:50px; padding:10px 0 3px 0; letter-spacing:-0.05em;}
.ft_teltime{ line-height:1.2em; font-size:1.8rem;}
.ft_fomnum{ color:#39BBCB; line-height:50px; padding:7px 25px 7px 25px; font-size:2.8rem; display:table; margin:auto; background:url(../images/ft_arrow_b.png) right center no-repeat;}
.ft_mailad{ line-height:1.6em; font-size:1.4rem;}
.ft_hotnum{ line-height:50px; padding:7px 25px 7px 25px; font-size:2.2rem; display:table; margin:auto; background:url(../images/ft_arrow_w.png) right center no-repeat;}
.ft_bottom{ padding:25px 0 15px 0; background:#FFF;}
.ft_logoarea{width: 32.6666%; padding: 25px 2% 0 0; margin: 0 2% 0 0; border-right: 1px solid #dedede; box-sizing: border-box;}
.ft_logoarea2{border: none;width: 30.6666%; padding: 25px 0 0 0; margin: 0;}
.ft_logoa_w{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: calc(20px + 2%) 0 0 0;}
.ft_logo { max-width:166px; float:none; margin: auto; width: 80%;}
.ft_info{ margin:0; font-size:1.3rem; line-height:1.6em; font-weight:700; padding:0 0 10px 0;}
.ft_info2{ margin:0 156px 0 0; font-size:1.3rem; line-height:1.6em; font-weight:700; padding:0 0 0 0; text-align: right;}
.copy{ font-size:1.2rem; letter-spacing:0.15em; text-align:right; padding:10px 0; line-height:1em;}
.ft_hyoka{ background: #C4E5EB; display: table; padding: 5px 10px; font-size: 1.2rem; line-height: 1em; margin: auto;}
.ft_btn li{width: 32.6666%; margin: 0 1% 0 0; float: left;}
.ft_btn li:nth-child(3){ margin: 0;}
.ft_btn li a{background: #C4E5EB;padding: 7px 5px; text-align: center; font-size: 1rem;letter-spacing: -0.04em; font-weight: 600; line-height: 1em; display: block;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px; }
.ft_btn_lnk{ padding:5px 0 0 0;}
.ft_btn_lnk a{border-radius: 7px;display: block; background: #f9d0cd;padding: 5px 10px; text-align: center; font-size: 1.2rem; font-weight: 600; line-height: 1em; }
/*about*/
.ttl_ab{ background-image:url(../images/topimg_about.jpg);}
.cw_ab1{ margin:0 0 100px 0;}
.cw_ab2{ background:#FFF; padding:60px 0; margin:0 0 70px 0;}
.ab_intro_txt{ width:48%; margin:0 2% 0 0 ; float:right; }
.ab_intro_txt span{ font-size:1.8rem; line-height:1.7em; margin:10px 0; display:table;font-family:rounded-m; font-weight:600; background:#9AD5DF; letter-spacing:-0.05em;}
.ab_intro_img{ width:50%; margin:0 auto; float:right; text-align:center; }
.ab_intro_img2{ width:50%; margin:-70px auto 0 ; float:right; text-align:center; }
.ab_intro_img img , .ab_intro_img2 img{ max-width:473px;}
.ab_pro_img{ margin: 0 0 20px 0;}
.ab_pro_img img{ width:33.3333%; float:left;}
.ab_pro_l{ width:47%; margin:0 6% 0 0; float:left;}
.ab_pro_l li , .ab_pro_r li{ padding:0 0 20px 0; margin:0 0 15px 0; background:url(../images/border_br.png) repeat-x center bottom;}
.ab_pro_l h3 , .ab_pro_r h3{ width:22px; height:22px; line-height:22px; text-align:center; background:#ED7C82;border-radius: 12px;font-family: 'Quicksand', sans-serif; font-size:1.3rem; font-weight:700; color:#FFF; letter-spacing:-0.04em; float:left;}
.ab_pro_l p , .ab_pro_r p { line-height:22px;font-family:rounded-m; font-weight:600; margin:0 0 0 32px; font-size:1.6rem;}
.ab_pro_r{ width:47%; margin:0 0 0 0; float:left;}
.ab_info{ width:39%; margin:0 4% 40px 0; float:right;}
.ab_info_img{ width:57%; margin:0 0 40px 0; margin:auto; float:right; padding:0 0 40px 0; }
.ab_info li{padding:0 0 15px 0; margin:0 0 10px 0; background:url(../images/border_br.png) repeat-x center bottom;font-family:rounded-m; font-weight:600; }
.ab_info li h3{width:70px; height:24px; line-height:24px; text-align:center; background:#ED7C82;border-radius: 7px;font-size:1.3rem; color:#FFF;float:left;}
.ab_info li h4{width:70px; height:24px; line-height:24px; text-align:center; background:#39BBCB;border-radius: 7px;font-size:1.3rem; color:#FFF;float:left;}
.ab_info li p{ margin:0 0 0 80px; line-height:24px; font-size:1.5rem;}
#map_canvas{ height:450px; width:100%; clear:both; float:none;}

.ab_ds_l{ width:39%; margin:0 4% 70px 0; float:left; background: url(../images/ab_midimg.jpg) no-repeat center/cover;}
.ab_ds_r{ width:57%; margin:0 0 40px 0; margin:auto; float:left; padding:0 0 50px 0; }

/*flow*/
.cw_fl1{ margin:0 0 240px 0;}
.ttl_fl{ background-image:url(../images/topimg_flow.jpg);}
.fl_img{ width:64%; float:right; text-align:center; margin:0 0 70px 0;}
.fl_img img{ max-width:640px;}
.fl_txt{ width:32%; float:right; margin:0 4% 70px 0; }
.fl_komoku_wrap{ margin:0 0 80px 0; float:none; clear:both; position:relative;}
.fl_komoku_wrap li{ background:#FFF; padding:15px 0; margin:0 0 8px 0;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}
.fl_num{font-family: 'Quicksand', sans-serif; font-weight:700; width:110px; float:left;}
.fl_num_step{ font-size:1rem;line-height:50px; display:block; float:left;}
.fl_num_num{ font-size:5rem;line-height:50px;display:block; float:left; margin:0 0 0 7px; letter-spacing:-0.1em; color:#ED7C82;}
.fl_komoku_ttl{ width:460px; padding:0 15px; box-sizing:border-box; float:left;}
.fl_komoku_title{ font-size:2rem;font-family:rounded-m; font-weight:600; line-height:30px; padding:10px 0; margin:0 0 0 125px;}
.fl_komoku_txt{ margin:0 0 0 480px; font-size:1.5rem; line-height:1.6em; padding:0 25px 0 0; box-sizing:border-box;}
.flow_icon{ position:absolute; top:-50px; left:-30px; width:89px;}

.fl_topttl{ margin: 0 0 80px 0;border:1px solid #d5d0ca;}
.fl_topttl li{ width: 50%; text-align: center; float: left; line-height: 1em; padding: 20px; box-sizing: border-box; background: url(../images/arrow_qa.png) 95% center no-repeat;}
.fl_topttl li:first-child{border-right:1px solid #d5d0ca;}
/*QA*/
.cw_fl1{ margin:0 0 240px 0;}
.ttl_qa{ background-image:url(../images/topimg_qa.jpg);}
.qa_left{ width:280px; float:left;}
.qa_body{ width:auto; margin:0 0 0 320px;}
.qa_menu{ border-top: 1px solid #d5d0ca;}
.qa_menu li{ border-bottom: 1px solid #d5d0ca; background:url(../images/arrow_qa.png) 100% center no-repeat; line-height:55px; width:100%; float:none; font-size:1.6rem; box-sizing:border-box; height:55px;}
.qa_b_ttl{ border:1px solid #d5d0ca;text-align:center; margin:0 0 20px 0;font-size:2.2rem; padding:0; height:55px; line-height:55px; box-sizing:border-box;}
.qa_b_ttl2{ border:1px solid #d5d0ca;text-align:center; margin:0 0 20px 0;font-size:2.2rem; padding:0; height:55px; line-height:55px; box-sizing:border-box;margin:80px 0 20px 0;}
.qa_q{ margin:0; overflow:hidden;}
.qa_q span{ display:block;}
.qa_qq{ width:45px; height:45px;  float:left; background:#ED7C82;font-family: 'Quicksand', sans-serif; text-align:center; line-height:45px; color:#FFF; font-weight:700; font-size:2.5rem;}
.qa_q_txt{ margin:0 0 0 60px; font-size:1.8rem; line-height:1.2em; padding:10px 0 0 0;color:#ED7C82;}
.qa_a{ margin:0 0 20px 0; overflow:hidden; background:#FFF;}
.qa_a span{ display:block;}
.qa_aa{ width:45px; height:45px; float:left; background:#39BBCB;font-family: 'Quicksand', sans-serif; text-align:center; line-height:45px; color:#FFF; font-weight:700;font-size:2.5rem;}
.qa_a_txt{ margin:25px 25px 25px 60px; font-size:1.6rem; }

/*STAFF*/
.ttl_st{ background-image:url(../images/topimg_staff.jpg);}
.st_wrap{ padding:0 0 50px 0; margin:0 0 40px 0;}
.st_l{ width:460px; float:left;}
.st_r{ width:auto; margin:0 0 0 490px; padding:30px 0 0 0;}
.st_img{ width:55%; float:left; line-height:0;}
.st_prof{ width:42%; margin:30px 0 0 3%; float:left;}
.st_name{ font-size:2.6rem;color:#ED7C82;font-family:rounded-m; font-weight:700; line-height:1em; margin:0 0 20px 0;}
.st_proftxt{ font-size:1.2rem; line-height:1.8em;}
.st_hl{ font-size:1.9rem; margin:0 0 20px 0; line-height:1.4em;}
.dai_mess{ background: #fff; padding: 50px 50px 0;}

/*contact*/
.ttl_hl{ background-image:url(../images/topimg_hotline.jpg);}
.ttl_ct{ background-image:url(../images/topimg_contact.jpg);}
.ct_intro{ max-width: 550px; margin: auto;}
.ct_direct_wrap{ margin: 50px 0 60px 0;}
.ct_telicon{ max-width: 80px; margin:10px auto 20px auto;}
.ct_telnum {font-family:rounded-m; font-weight:600; text-align: center; font-size: 2rem;line-height: 1em;}
.ct_telnum span{font-family: 'Quicksand', sans-serif;font-weight:700; font-size: 4.2rem; line-height: 1em; display: block; margin: 0 0 5px 0;}
.ct_direct_wrap li{ width: 100%;background: url(../images/border.png) repeat-y right center; float: left; padding: 15px 30px 15px 0; box-sizing: border-box; text-align: center;}
.ct_direct_wrap li:last-child{ background: none; padding:15px 0 15px 30px ;}
.ct_mlad{font-family: 'Quicksand', sans-serif; padding: 10px 50px 10px 20px; border: 2px solid #4E4131; display: table; font-size: 2.2rem; line-height: 1em; font-weight: 700; margin: 15px auto 0 auto; background: url(../images/arrow.png) 96% center no-repeat;}

.form_wrap label{ display:block; font-size:1.6rem;font-family:rounded-m; font-weight:600; color:#ED7C82; margin:0 0 10px 0;}
.fo_hissu{ height:16px; line-height:16px; background:#ED7C82; padding:0 10px; color:#FFF;font-family:rounded-m; font-weight:400; font-size:1.1rem;}
.form_wrap input{ width:100%; border:none; font-size:1.4rem; padding:10px; line-height:1.5em; box-sizing:border-box; margin:0 0 25px 0;}
.form_wrap textarea{ width:100%; height:228px; line-height:1.3em; font-size:1.4rem; border:none;resize: vertical; box-sizing:border-box; padding:15px;}
.form_left{ width:50%; box-sizing:border-box; padding:0 15px 0 0; float:left;}
.form_right{ width:50%; box-sizing:border-box; padding:0 0 0 15px ; float:left;}
.fo_btn{ float:none; clear:both; margin:30px 0 0 0; text-align:center;}
.btn{ margin:5px auto 0 auto; line-height:1em; padding:30px 0; width:250px; background:#39BBCB; border: 10px solid #BBE2E8; font-size:3rem; color:#FFF;}

/*thanks*/
.send_img{ max-width: 266px; width: 80%; margin:0 auto 10px  ;}

/*prgram*/
.ttl_prg{ background-image:url(../images/topimg_prg.jpg);}
.cw_prg1{ margin:0 0 60px 0;}
.prg_mainttl{ font-size: 3.2rem; line-height: 1.35em; margin: 0 0 25px 0; text-align: center;}
.prg_mainttl2{ font-size: 3.8rem; line-height: 1.35em; margin: 0 auto 25px auto; text-align: center; color: #39bbcb; background: url(../images/prg_ttl_bar.png) repeat-x center 90%/auto 24px; display: table;}
.prg_bigl{ font-size: 3em; font-weight: 100 !important; color: #ed7c86;}
.prg_smll{ font-size: 0.7em; font-weight: 100 !important; color: #ed7c86; padding: 0 5px 0 0;}
.prg_mainttl_mini{ font-size: 1.8rem; line-height: 1.2em; text-align: center; color: #ed7c86;}
.prg_3box{ padding: 50px 0;}
.prg_3box li{ width: 30.6666%; float: left; margin: 0 1.7% 0 0; padding: 0 2.3% 0 0; background: url(../images/border.png) repeat-y right center;}
.prg_3box li:last-child{ float: left; margin: 0 ; padding: 0 ; background: none;}
.prg_3b_img{margin: 0 0 15px 0; position: relative;}
.prg_3b_num{ color: #ed7c86; font-size: 7rem; position: absolute; top: -40px; left: 15px; line-height: 1em;}
.prg_bl_w{padding:20px 40px 0; position: relative;}
.prg_bl_img1 , .prg_bl_img2{width: 250px; position: absolute;top: 52%; margin: -125px 0 0 0; line-height: 0;}
.prg_bl_img1{left: 0; }
.prg_bl_img2{right: 0;}
.prg_bl_txt{ background: #ebe5d4; padding: 60px 260px; }
.prg_bl_ttl{ font-size: 1.7rem; margin: 0 0 25px 0;}
.prg_nou_txt{ max-width: 480px; margin: 0 auto 40px auto; font-size: 1.8rem; line-height: 1.8em;}
.prg_nou_4 { margin: 0 0 25px 0;}
.prg_nou_4 li{ width: 22.75%; margin: 0 3% 0 0; float: left;}
.prg_nou_4 li:last-child{ margin: 0;}
.prg_flo_l{ width: 64.6666%; margin: 0 1.8% 0 0; padding: 0 2.2% 0 0; background: url(../images/border.png) right center repeat-y; float: left;}
.prg_flo_r{ width: 31.333%; margin: 0; padding: 0; float: left;}
.prg_flo_d{ text-align: center; height: 50px; line-height: 50px; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; color: #f8f6ef; font-size: 1.6rem; margin: 0 0 30px 0;}
.hei{background: #39bbcb;}
.hol{background: #ed7c86;}
.prg_flo_l_1{ width: 47.5%; margin: 0 2% 0 0;padding: 0 3% 0 0;background: url(../images/border.png) right center repeat-y; float: left;}
.prg_flo_l_2{ width: 47.5%; margin: 0;padding: 0; float: left;}
.prg_flo_l_3{ width: 100%; margin: 0;padding: 0; float: none;}
.prg_flo_kind{ font-size: 1.5rem; line-height: 1.4em; min-height: 3.5em; border-bottom: 1px dotted #b3dee6; text-align: center; font-weight: 600;}
.prg_flo_sch li{ margin: 15px 0 10px 0;}
.prg_flo_sch_time{ width: 75px; float: left; font-size: 1.4rem; line-height: 1.45em;}
.prg_flo_sch_nai{ margin: 0 0 0 80px; font-size: 1.6rem; line-height: 1.3em;}
.prg_eve{ background: #fff; padding: 25px 1% 25px 3% ;border-radius: 15px; -webkit-border-radius: 15px;-moz-border-radius: 15px; color: #ed7c86;}
.prg_eve li{ background: url(../images/prg_eve_bar.png) no-repeat left center/13px; padding: 0 2% 0 21px; font-size: 1.7rem; line-height: 1.2em; width: 25%; float: left; box-sizing: border-box; margin: 15px 0 ;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; text-align: center !important;}
.prg_eve li p{ text-align: left;}

/*RECRUIT*/
.ttl_rec{ background-image:url(../images/topimg_rec.jpg);}
.cw_1_rec{ font-size:2.4rem; padding:0 0 10px 0; margin:0 0 10px 0; line-height:1.2em;font-family:rounded-m; font-weight:700;}
.rc_intr_w{ background: #fff; border: 1px solid #f6f3ea; padding: 30px; margin: 0 0 20px 0;}
.rc_intr_ttl{ color: #39bbcb; font-size: 1.4rem; width: 140px; float: left;}
.rc_intr_txt{ margin: 0 0 0 150px;}
.rc_intr_lead{ padding: 0 0 40px 0; margin: 0 0 2% 0;}
.rc_vis_li{ padding: 0 0 25px 0; margin: 0 0 2% 0;}
.rc_vis_li li{ width: 49%; margin: 0 1% 1% 0; float: left; box-sizing: border-box; background: #ebf6f8; border:1px solid #b3dee6; padding: 20px 10px; line-height: 1.2em;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; font-size: 1.8rem; text-align: center;}
.rc_vis_li li:nth-child(even){ margin: 0 0 1% 0;}
.rc_vis_li span{ font-size: 1.1rem; padding: 0 5px; line-height: 1rem;}
.rc_yoko_tag{margin: 0 0 3px 0;}
.rc_yoko_tag li{background: #ebf6f8; border:1px solid #b3dee6; display: inline-table; margin: 0 0.5% 1% 0; padding: 6px; line-height: 1em; font-size: 1.2rem;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; }
.rc_yoko{padding: 0 0 40px 0; margin: 0 0 2% 0;}
.rc_yoko li{background: #fff; border: 1px solid #f6f3ea; box-sizing: border-box; padding: 20px;}
.rc_yoko1{ width: 100%; float: none; clear: both; margin: 0 0 0.4% 0; }
.rc_yoko2{ width: 49.8%; float: left; margin: 0 0.4% 0.4% 0;}
.rc_yoko3{ width: 49.8%; float: left; margin: 0 0 0.4% 0;}
.rc_yoko_ttl{ width: 130px; float: left; line-height: 1.2em;font-family:rounded-m; font-weight:600; font-size: 1.35rem;color: #39bbcb;}
.rc_yoko_txt{ margin:0 0 0 150px; line-height: 1.4em; font-size: 1.6rem;}
.rc_yoko_txtp{ margin: 0 0 10px 0;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
/*header*/
.logo{ width:190px;}
.menu p{ font-size:1.3rem;}
/*contents common*/
/*index*/
.ind3_wrap li { width:30%; margin:0 2.5% 0 0; padding:0 2.5% 0 0;}
.ind3_wrap li:nth-child(3){ width:30%; }
.ind3_ol_wrap{padding:100px 0 40px 0;}
/*footer*/
.ft_contactwrap li{ width:50%; margin:0 0 25px 0;}
.ft_contactwrap li:nth-child(3){ width:96%; margin:0 2%; padding:25px 20px 10px 20px; float:none; clear:both;}
.ft_telnum{ font-size:3.5rem;}
.ft_fomnum{ font-size:2.4rem; line-height:45px;}
/*about*/
/*flow*/
.cw_fl1{ margin:0 0 200px 0;}
.fl_komoku_ttl{ width:100%; padding:0 15px; box-sizing:border-box; float:left; margin:0 0 10px 0;}
.fl_komoku_txt{ margin:0; font-size:1.5rem; line-height:1.6em; padding:15px 20px 15px 20px; box-sizing:border-box; clear:both; float:none;background:url(../images/border_br.png) repeat-x center top;}
/*QandA*/
.qa_left{ width:230px;}
.qa_body{ width:auto; margin:0 0 0 260px;}
.qa_menu li{ font-size:1.4rem;}
.qa_b_ttl{ font-size:2rem;}
.qa_b_ttl2{ font-size:2rem;}

/*staff*/
.st_l{ width:350px; position:relative;}
.st_r{ width:auto; margin:0 0 0 370px; padding:40px 0 0 0;}
.st_img{ width:55%; float:left;}
.st_prof{ width:42%; margin:40px 0 0 3%;}
.dai_mess{  padding: 40px 40px 0;}
/*contact*/
.ct_mlad{ font-size: 1.8rem;}
	
/*program*/
.prg_bl_img1 , .prg_bl_img2{width: 150px; position: absolute;top: 52%; margin: -75px 0 0 0; line-height: 0;}
.prg_bl_txt{ background: #ebe5d4; padding: 60px 130px; }
.prg_mainttl2{ font-size: 3.4rem;}
.prg_eve{ padding: 25px 1% 25px 4% ;}
.prg_eve li{ padding: 0 3% 0 21px; font-size: 1.4rem; }
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width:768px) {
.pc{ display:none;}
.sp{ display:block;}
.f13{ font-size:1.2rem;}
.f15{ font-size:1.4rem;}
.f16{ font-size:1.5rem;}
.f45{ font-size:4rem; line-height: inherit;}
.in{ padding:0 30px;}
/*header*/
.logo{width:36%; max-width:210px; min-height:40px;}
.hd_info{ float: right; padding:0 0 6px 0;}
.hd_tel{ float:none; margin:0 0 10px 0;}
.hd_link{float:none; margin:0;}
.menu li{ width:33.333%;}

.hd_time_info{ margin:0 0 10px 0;}
.menu_arrow{ background: url(../images/m_icon_arrow.png) right center/20px no-repeat ;}

/*contents common*/
#contents{ margin:0 0 120px 0;}
.cw_1{ font-size:2.2rem;margin:0 0 15px 0;}
.cont_ttl{ width:100%; height:auto; min-height:100px; margin:0 0 50px 0;}
.cont_ttl_bg{ width:100%; margin: 0 0 0 0; height:180px;}
.cont_title{ font-size:3.8rem; line-height:1em;font-family:rounded-m; font-weight:700; color:#FFF; padding:60px 0 30px 0;}
/*index*/
.ind_slide{ width:100%; float:none;height:auto; }
.ind_slider{ height:500px;}
.ind_slider li{ height:500px;}
.ind_slide_ttl{writing-mode: horizontal-tb;-ms-writing-mode: tb-rl;-webkit-writing-mode:horizontal-tb; float:left;}
.ind_slide_txt{ position: relative; padding:0 0 30px 0;}
.ind_slide_ttl{ margin:30px 0 0 0; font-size:1.8rem;}
.ind_slide_span{ display:block; margin:0 0 0 0; font-size:1.5rem;  padding:15px 0 30px 0;}
.ind_main_bird{ position:absolute; bottom:-25px; right:15px; width:290px;}
.ind_lead{ text-align: left; font-size:1.8rem;}
.ind3_wrap{ padding:0 0 70px 0;}
.ind3_wrap li { width:100%; margin:0 0 3% 0; padding:0 0 3% 0;background:url(../images/border.png) repeat-x center bottom ; }
.ind3_wrap li:nth-child(3){ width:100%; }
.ind3_wrap img { width:40%; margin:0 3% 20px 0; float:left;}
.ind3_boxtxt { width:57%; float:left; margin:0 0 20px 0;}
.ind_3ttl{ padding:0 0 20px 0; font-size:1.8rem;}
.ind3_ol_wrap{ background:#39BBCB url(../images/ind_roof_img.jpg) bottom center no-repeat; background-size: 100%; padding:19% 0 90% 0; position:relative;}
.ind_ol_txtwrap{ width:100%;  margin:0 0 40px 0; padding:0 0 0 0; box-sizing:border-box;}
/*footer*/
.ft_contactwrap{background:url(../images/border.png) repeat-x center top ; margin:10px 0 40px 0;}
.ft_contactwrap li{ width:100%;background:url(../images/border.png) repeat-x center bottom ; text-align:center; float:none; padding:25px 0 15px 0;}
.ft_contactwrap li:nth-child(3){ width:100%; margin:0; padding:25px 20px 10px 20px; float:none;}
.ft_logoarea,.ft_logoarea2{ padding:15px 0; width:46%; margin:0 2%; border-right: none; border-bottom: 1px solid #dedede;}
.ft_logo { width:100px; float:left; }
.ft_info{ margin:0 0 0 115px; font-size:1.3rem; line-height:1.6em; font-weight:700; text-align: left;}
/*about*/
.cw_ab1{ margin:0 0 80px 0;}
.cw_ab2{ background:#FFF; padding:40px 0; margin:0 0 50px 0;}
.ab_intro_txt{ width:100%; margin:0 0 40px 0; float:none; }
.ab_intro_txt span{ font-size:1.7rem;}
.ab_intro_img , .ab_intro_img2{ width:100%; float:none; margin:0 auto 30px auto;}
.ab_pro_img img{ width:50%; float:left;}
.ab_info{ width:100%; margin:0 !important; float:none;}
.ab_info_img{ width:100%; margin:0 0 30px 0; padding:0 0 30px 0; margin:auto; float:none; }
#map_canvas{ height:350px;}
	
.ab_ds_l{ width:100%; margin:0 0 30px 0; float:none; padding: 30% 0;}
.ab_ds_r{ width:100%; margin:0 0 30px 0; margin:auto; float:none; padding:0 0 70px 0; }


/*flow*/
.cw_fl1{ margin:0 0 160px 0;}
.fl_img{ width:100%; float:right; text-align:center; margin:0 0 70px 0;}
.fl_txt{ width:100%; float:right; margin:0 0 70px 0; }
.fl_num_step{ line-height:44px;}
.fl_num_num{ font-size:4.4rem; line-height:44px;}
.fl_num{ width:100px;}
.fl_komoku_title{ font-size:1.8rem;line-height:24px; padding:10px 0; margin:0 0 0 110px;}
.flow_icon{ position:absolute; top:-55px; left:-5px; width:89px;}

/* QandA*/
.qa_left{ width:100%; margin:0 0 30px 0;}
.qa_body{ width:100%; margin:0; clear:both; float:none;}
.qa_menu li{ font-size:1.6rem; text-align:center; line-height:50px; height:50px;}
.qa_b_ttl{ font-size:1.8rem;}
.qa_b_ttl2{ font-size:1.8rem; margin:60px 0 20px 0;}

/*staff*/
.st_l{ width:100%; float:none; margin:0 0 30px 0;}
.st_r{ width:100%; margin:0; padding:0;}
.st_img{ width:55%; float:left; text-align:right;}
.st_img img{ max-width:210px;}
.st_prof{ position:absolute; top:30px; right:0; width:42%; margin: 0;}
.st_name{ font-size:2.4rem;}
.st_proftxt{ font-size:1.15rem; line-height:1.6em;}
.dai_mess{  padding: 30px 30px 0;}
	
/*contact*/
.ct_direct_wrap li{ width: 100%; padding: 0; background: url(../images/border.png) center bottom repeat-x; padding: 0 0 30px 0;}	
.ct_direct_wrap li:last-child{padding:30px 0 0 0;}
.ct_mlad{ font-size: 1.5rem; padding: 8px 29px 8px 15px;}
	
.form_left , .form_right { width:100%; padding: 0; float:none;}

/*PROGRAM*/
.cw_prg1{ margin:0 0 45px 0;}
.prg_mainttl{ font-size: 2.6rem; margin: 0 0 20px 0;}
.prg_mainttl_mini{ font-size: 1.4rem;}
.prg_3box{ padding: 40px 0;}
.prg_3box li{ width: 100%; float: none; margin: 0 0 4% 0; padding:  0 0 4% 0;background: url(../images/border.png) repeat-x center bottom; clear: both;}
.prg_3box li:last-child{ float: none; margin: 0 ; padding: 0 ;}
.prg_3b_img{ width: 220px; float: left; margin: 0;}
.prg_3b_num{ font-size: 5rem; top: -20px; left: 10px; }
.prg_3b_txt{ margin: 0 0 0 250px;}
.prg_bl_w{padding:20px 0 0;}
.prg_bl_img1 , .prg_bl_img2{width: 40%; position: relative;top: auto; line-height: 0; float: left; left: auto;}
.prg_bl_img1{ margin: 0 2% 0 8%;}
.prg_bl_img2{ margin: 0 8% 0 2%;}
.prg_bl_ttl{ font-size: 1.6rem; margin: 0 0 15px; }
.prg_bl_txt{ background: #ebe5d4; padding:100px 30px 40px 30px; margin: -70px 0 0 0 !important; }
.prg_nou_txt{ font-size: 1.7rem; line-height: 1.7em;}
.prg_nou_4 li{ width: 48%; margin: 0 4% 4% 0; float: left; line-height: 0;}
.prg_nou_4 li:nth-child(even){ margin: 0;}
.prg_flo_l{ width: 100%; margin: 0 0 3%; padding: 0 0 3.3%; background: url(../images/border.png) center bottom repeat-x; float: left;}
.prg_flo_r{ width: 100%; margin: 0; padding: 0; float: left;}
.prg_eve{ padding: 25px 1% 25px 4% ;}
.prg_eve li{ padding: 0 3% 0 21px; font-size: 1.4rem; width: 33.33333% }

/*recruit*/
.cw_1_rec{ font-size:2.2rem; }
.rc_intr_ttl{ font-size: 1.3rem; width: 120px;}
.rc_intr_txt{ margin: 0 0 0 130px;}
.rc_vis_li li{ padding: 10px ; font-size: 1.6rem;}
.rc_yoko li{padding: 15px;}
.rc_yoko_ttl{ width: 100%; float: none; margin: 0 0 10px 0;}
.rc_yoko_txt{ margin:0 ; line-height: 1.3em; font-size: 1.5rem;}
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:600px) {
.in{ padding:0 15px;}
.f45{ font-size:3rem; line-height: inherit;}
/*header*/
#header{ width:100%; background:#FFF; padding:8px 0;}
.logo{ width:36%;}
.hd_logoarea{ margin:0;}
.hd_info{ background:none;padding:0;}
.hd_time_info{ margin:0 0 8px 0; font-size: 1.4rem;}
.hd_tel_tel{ font-size:2rem; }
.hd_tel{ font-size:1rem;padding:0 0 0 30px; background-size:25px;}
.hd_link li{font-size:1.1rem; padding:5px 15px 5px 25px; background-size:15px;}
.pcmenu{ display:none;}
.spmenu{ display:block;}
.burger { padding:9px 0 9px 0; font-size:2rem; letter-spacing:0.08em;}
.menu{ background:none;}
.menu li{ width:100%;background:url(../images/border.png) repeat-x center top; float:none; padding:15px 0 10px 0 ;}
	
.hd_news_ttl{ font-size: 1rem; width: 30px;}
.hd_news_txt{ font-size: 1.2rem;margin: 0 0 0 40px;}
/*contents common*/
#contents{ margin:0 0 80px 0;}
.cw_1{ font-size:2rem;}
.cont_ttl_bg{height:120px;}
.cont_title{ font-size:3rem; padding:40px 0 10px 0;}
/*index*/
.ind_slider{ height:350px;}
.ind_slider li{ height:350px;}
.ind_main_bird{ width:220px;}
/*footer*/
.ft_logoarea,.ft_logoarea2{ width:100%; margin:0; }
.ft_info,.ft_info2{ font-size:1.15rem; line-height:1.5em;}
.ft_hyoka{ display: block; text-align: center; width: 100%; box-sizing: border-box;}
.copy{ text-align:center;}
/*about*/
.ab_pro_l p , .ab_pro_r p {font-size:1.45rem;}
/*staff*/
.dai_mess{  padding: 20px 20px 0;}
/*flow*/
.cw_fl1{ margin:0 0 140px 0;}
.fl_num_num{ font-size:3.3rem;}
.fl_num{ width:85px;}
.fl_komoku_title{ font-size:1.6rem; margin:0 0 0 95px;}

/*QA*/
.qa_qq{ width:25px; height:25px;  float:left; background:#ED7C82;font-family: 'Quicksand', sans-serif; text-align:center; line-height:25px; color:#FFF; font-weight:700; font-size:1.3rem;}
.qa_q_txt{ margin:0 0 0 40px; font-size:1.5rem; line-height:1.2em; padding:0 0 0 0;color:#ED7C82;;}
.qa_a{ margin:0 0 20px 0; overflow:hidden; background:#FFF;}
.qa_a span{ display:block;}
.qa_aa{ width:25px; height:25px; float:left;font-family: 'Quicksand', sans-serif; text-align:center; line-height:25px; color:#FFF; font-weight:700;font-size:1.3rem;}
.qa_a_txt{ margin:12px 12px 12px 40px; font-size:1.4rem; line-height:1.2em; }
.st_name{ font-size:2.2rem;}
	
/*PROGRAM*/
.cw_prg1{ margin:0 0 35px 0;}
.prg_mainttl{ font-size: 2.2rem; margin: 0 0 15px 0;}
.prg_mainttl_mini{ font-size: 1.5rem;}
.prg_3box{ padding: 25px 0 35px 0;}
.prg_3box li{ margin: 0 0 7% 0; padding:  0 0 5% 0;}
.prg_3b_img{ width: 130px; float: left;}
.prg_3b_num{ font-size: 4rem; top: -20px; left: 10px; }
.prg_3b_txt{ margin: 0 0 0 145px;}
.prg_bl_img1 , .prg_bl_img2{width: 45%;}
.prg_bl_img1{ margin: 0 1% 0 4%;}
.prg_bl_img2{ margin: 0 4% 0 1%;}
.prg_bl_ttl{ font-size: 1.5rem;}
.prg_bl_txt{ padding:100px 20px 25px 20px; }
.prg_mainttl2{ font-size: 3rem;}
.prg_nou_txt{ font-size: 1.6rem; line-height: 1.65em;}
.prg_flo_sch_time{ width: 60px; font-size: 1rem; line-height: 1.6em;}
.prg_flo_sch_nai{ margin: 0 0 0 60px; font-size: 1.3rem;}
.prg_eve{ padding: 20px 1% 25px 6% ;}
.prg_eve li{ padding: 0 5% 0 21px; font-size: 1.3rem; width: 50%; margin: 10px 0; }

/*recruit*/
.rc_intr_w{padding: 20px;}
.rc_intr_ttl{ font-size: 1.4rem; width: 100%; float: none; margin: 0 0 15px 0;}
.rc_intr_txt{ margin: 0;}
.rc_vis_li li{ width: 100%; margin: 0 0 5px 0; float: none;font-size: 1.4rem;}
.rc_vis_li li:nth-child(even){ margin: 0 0 5px 0;}
.rc_vis_li span{ font-size: 1rem;}
.rc_yoko li{padding: 10px;}
.rc_yoko_ttl{ font-size: 1.3em;}
.rc_yoko_txt{ font-size: 1.3rem;}
.cw_1_rec{ font-size:2rem; text-align: left!important; }
}