@charset "utf-8";

@media screen and (min-width:1400px){
.hbg {display:none !important;}
}

@media screen and (min-width:1024px) and (max-width:1399px) {
#top_wrap {width:1024px;}
.hbg {display:none !important;}
.sec01 .mTitle {width:1024px;padding-left:15px;}
.sc_area02 {width:1024px}
.titless {width:1024px}
.sec06 .mTitle {max-width:100%;}
.sec05_area {width:1024px;padding-left:15px;}
.wrap {width:1024px;}

.sc_area02 {width:1024px;;padding:0 15px;}
.bd {width:1024px;}

.sc_area03 {width:1024px;;padding:0 15px;}
}


@media screen and (min-width:767px) and (max-width:1023px) {
#top_wrap {width:100%;}
.hbg {display:block !important;}
.logo {padding-left:15px;}
.navi {display:none;}
.sec01 .mTitle {max-width:100%;padding-left:15px;}
.sec01 .mTitle p:nth-child(1) img {width:70%}
.sec01 .mTitle p:nth-child(2) {color:white;font-size:5em;padding:30px 0 30px 0;font-weight:bold}
.sec01 .mTitle p:nth-child(3) {color:white;font-size:3em;}
.sc_area02 {width:100%;padding:15px;}
.sec06 .mTitle {max-width:100%;}
.sc_area02 {width:100%;padding:15px;}
.sc_area02 h3 {font-size:15px;width:100%;}
.sc7_wrap_mb {}
.s_navi {width:100%;position:relative;display:block;}
.s_navi ul {width:100%;margin:0 auto;text-align:center;}
.s_navi ul li {display:inline;float:left;width:33.33%;padding:15px 0px;font-size:16px;text-align:center;margin:0 auto;font-weight:bold}
.s_navi ul li a {color:#fff;}
.s_navi li a:hover {color:#fff;background:#35c1cd;}
.s_navi li a.rollover:hover{color:#fff;text-decoration:none;;color:white;padding:10px 5px;border-radius:15px;}
.s_navi li a.over{text-decoration:none; background:#35c1cd;color:white;padding:10px 5px;border-radius:15px}
.wrap {width:100%;padding:0 15px;}
.card .btn {position:absolute;top:30%;left:36%}

.sc_area02 {width:100%;padding:0 15px;}
.bd {width:100%;padding:0 15px;}

.sc_area05 {width:100%;padding:0 15px;}
.sc_area05 h2 {font-size:5rem;}
.sc05_process {width:100%;padding:0 15px;}
.sc05_process div .sa {width:30%;}
.sc05_process div .sb {width:70%;}
.sc05_process p.tms {font-size:5rem;}

.sc_area03 h2 {width:100%;padding:50px 15px 0;}
.sc_area03 h3 {width:100%;padding:50px 15px 0;}
.sc_area03 {width:100%;padding:0 15px;}
}

@media screen and (max-width:766px) {
#top_wrap {width:100%;}
.hbg {display:block !important;}
.logo {padding-left:15px;}
.navi {display:none;}
.sec01 {width:100%;padding-left:15px;position:relative}
.sec01 .mTitle {max-width:100%;padding-left:15px;}
.sec01 .mTitle p:nth-child(1) img {width:70%}
.sec01 .mTitle p:nth-child(2) {color:white;font-size:26pt;padding:30px 0 18px 0;font-weight:bold;word-break:keep-all}
.sec01 .mTitle p:nth-child(3) {color:white;font-size:15pt;}

.sec06 .mTitle {max-width:100%;padding:0 15px;}
.sec06 .mTitle p {font-size:35px;font-weight:bold;color:white !important;}
.sec06 .mTitle p span {font-size:45px;font-weight:bold;}
.sec06 .mTitle p:nth-child(2n) {font-size:15px;font-weight:normal;margin-top:50px;width:100%;word-break:keep-all}
.sec06 .mTitle p:nth-child(3n) {opacity:0.4;margin-top:30px;font-size:30px;}

.sc3_wrap h2 {font-size:50px;margin:0 0 14px 0;color:white;margin-top:30px;}
.column3 {display:table-cell;float: left;width: 33%;padding: 0 3px;margin:3px 0;height:180px;}
.card dl {height:auto;overflow:hidden}
.card dt {font-size:15px;padding:10px 12px 8px;font-weight:normal;word-break:keep-all}
.card dd {font-size:13px;padding:5px 3px;word-break:keep-all}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding:0px;
  text-align: center;
  background-color: #f1f1f1;
  height:170px;
}
.column {display:table-cell;float: left;width: 50%;padding: 0 5px;margin:5px 0}
.column2 h2 {font-size:50px;}
.card2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 0px;
  text-align: center;
  background-color: #f1f1f1;
  height:170px;
  line-height:1.2em
}
.card2 dl {height:80px;overflow:hidden}
.card2 dl img {width:100%;}
.card2 dt {font-size:18px;padding:17px 3px 10px;}
.card2 dd {font-size:14px;padding:6px 6px;}

.sc4_area  .card dl img {width:80%;}

.sc7_wrap {display:none;}
.sc7_wrap_mb {display:block;padding:0 15px;text-align:center;}
.sc7_wrap_mb h2 {font-size:50px;margin:0 0 14px 0;color:white;}
.sc7_wrap_mb h3 {font-size:13px;font-weight:normal;margin:0 0 50px 0;color:white;}

.sc2_wrap h2 {font-size:40px;}
.sc2_area ul li {display:inline;width:20%;margin:0;float:left;}
.sc2_area ul li img {width:100%}

.sec05_area {width:100%;padding-left:15px;}
.wrap {width:100%;padding:0 15px;}
.ft_menu ul li {width:100%;}
.ft_link {height:auto;overflow:hidden}
.ft_link ul li {padding:10px 0 13px 0;display:block;width:100%;margin-top:0px;}
.ft_copy .ft_txt {width:100%;}
.ft_copy .ft_sns {width:100%;text-align:center;padding-top:20px;margin:0 auto;}

#sub_visual {background:cover;height:150px;}
#sub_visual p {color:white;font-weight:bold;font-size:40px;text-align:center;padding-top:30px;}
#sub_visual p:nth-child(1n+2) {font-size:13px;padding-top:10px;font-weight:normal;opacity:0.5}
.sc_area {width:100%;padding:15px;}
.sc_area .s01_txt {position:relative;text-align:left;width:100%;padding:0;}
.sc_area .s01_txt img {width:70%}
.sc_area .s01_txt:last-child {width:100%;margin-left:0%;padding-bottom:70px;}
.sc_area .s01_txt dl {font-size:15px;color:white;}
.sc_area .s01_txt dl dt {font-weight:bold;font-size:19px;padding:26px 0 12px 0}
.sc_area .s01_txt p {position:absolute; top:70px;text-align:right;color:white;font-size:2.3em;right:0;
font-weight:bold;}

.sc_area01 {width:100%;position:relative;margin:0 auto;text-align:center;word-break:keep-all;}
.sc_area01 p {margin-top:50px;display:block;padding:15px;}
.sc_area01 p img {width:80%}
.sc_area01 h2 {
font-size:40px;color:#fff;width:100%;margin:0 auto;text-align:center;
margin-top:60px;font-weight:bold;line-height:1.7em;padding:15px;
}
.sc_area01 h3 {
font-size:18px;color:#fff;width:100%;margin:0 auto;text-align:center;
margin-top:60px;font-weight:normal;line-height:1.7em;padding:15px;}
.sc_area01 .basic_text {float:left;padding:15px;text-align:left;display:inline;word-break:keep-all}
.sc_area01 .basic_text dl {font-size:18px;color:#fff;}
.sc_area01 .basic_text dl:nth-child(n+2) {margin-top:50px;}
.sc_area01 .basic_text dl dt {font-weight:bold;font-size:30px;padding:26px 0 12px 0}
.sc_area01 .basic_text dl dd {padding:10px 0}
.sc_area01 .basic_text dl dd img {width:100%}
.sc_area01 .basic_text dl dd.nm {text-align:center;}
.sc_area01 .basic_text dl dd .nm {width:auto;}

.sc_area02 {width:100%;padding:15px;}
.sc_area02 h3 {font-size:15px;width:100%;}
.sc_area02 .basic_text {padding:0px;}
.sc_area02 .basic_text dl dt {font-size:19px;padding:26px 0 12px 0}
.sc_area02 .basic_text dl {font-size:15px;color:#fff;}
.sc_area02 .basic_text dl:nth-child(n+1) {margin-top:30px;}
.sc_area02 .basic_text dl dd .nm {width:80%;}

.sc_area03 {width:100%;padding:15px;}
.sc_area03 h2 {width:100%;font-size:19px;}
.sc_area03 h3 {width:100%;font-size:15px;}
.sc_area03 .process dl {width:48%}
.sc_area03 .process dl dt {font-weight:bold;font-size:19px;padding:13px 0 12px 0}
.sc_area03 .basic_text {padding:0px}
.sc_area03 .basic_text dl {font-size:15px;}
.sc_area03 .basic_text dl dt {font-size:19px}


.board_wrap {width:100%;padding:15px;}
.bd {width:100%;padding:15px;}

#faq_wrap li h3 {margin-right:30px;}
#faq_wrap li h3 .tit_btn {position:absolute;right:-15px;}
#faq_sch .frm_input {width:80%}
#faq_con {text-align:left;font-size:16px;}
#faq_hhtml {margin-top:60px;}

.s_navi {width:100%;position:relative;display:block;}
.s_navi ul {width:100%;margin:0 auto;text-align:center;}
.s_navi ul li {display:inline;float:left;width:33.33%;padding:15px 0px;font-size:16px;text-align:center;margin:0 auto;font-weight:bold}
.s_navi ul li a {color:#fff;}
.s_navi li a:hover {color:#fff;background:#35c1cd;}
.s_navi li a.rollover:hover{color:#fff;text-decoration:none;;color:white;padding:10px 5px;border-radius:15px;}
.s_navi li a.over{text-decoration:none; background:#35c1cd;color:white;padding:10px 5px;border-radius:15px}

.sc05_process_bg {background-size:cover;}
.sc05_process p.tms {font-size:4em;padding:4px 0 4px 0;}
.sc_area05 {width:100%;padding:15px;height:auto;}
.sc05_process {width:100%;padding: 0 15px;}
.sc05_process div {padding:30px 0 ;margin:0;}
.sc05_process div .sa {float:left;width:100%;font-size:2em;}
.sc05_process div .sb {float:left;width:100%;}
.sc_area05 h2 {font-size:45px;}
.sc_area05 h3 {font-size:15px;}
.sc_area05 .basic_text dl dd {padding:10px 0;font-size:15px;}
.sc_area05 .basic_text_dk dl dd {padding:30px 0;font-size:15px;}

.titless a {display:none;}
.view_img_cont {margin-top:30px;}
.bd_ttl {font-size:40px;}
}

@media screen and (min-width:766px) {
.sc7_wrap {display:block;}
.sc7_wrap_mb {display:none;}
.sc_area div p {display:none;}
.fixed_quick {display:none;}
}