@charset "UTF-8";
/* CSS Document */

body{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%;}
html{overflow-y:scroll; font-size:14px; color:#000; line-height:1.7; word-spacing:0;
font-family: 'Noto Sans JP', sans-serif;}
*{margin:0; padding:0; box-sizing:border-box; border:0;}
h1, h2, h3, h4, h5, h5, h6{font-size:100%; font-weight:normal;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left; font-weight:normal;}
a{color:inherit; text-decoration:none;}
img{vertical-align:bottom; max-width:100%;}

.clearFix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
.content{ max-width:1200px; margin:auto; width:100%;}

#mv{ position:relative; padding:50px 0 0;}
#mv:before{ position:absolute; top:0; content:''; background:#FF0000; width:100%; height:50px;}
#mv .mv_inner{ padding:17px 0 0; position:relative;}
#mv .mv_inner:before{ position:absolute; top:0; content:''; background:#FF0000; width:100%; height:17px;}
#mv .box{ max-width:1170px; margin:auto; position:relative;}
#mv .mv_img{ width:57.257%; float:right;}
#mv .mv_txt{ width:45%; position:absolute; left:20px; top:50%; transform:translateY(-50%);}
#mv .txtBt{ width:88%; margin:2em 0 0; text-align:center; color:#fff; line-height:1;}
#mv .txtBt span{ padding:0.6em 0; font-size:29px; font-weight:bold;}
#mv .txtBt .black{ float:left; background:#000; width:37%;}
#mv .txtBt .tred{ float:right; background:#FF0000; width:63%;}

h1{ margin:25px auto; text-align:center; }
h2{ font-size: 92px; font-weight: bold; line-height: 1; color:#FF0000;}
h2 span{ display:block; font-size:130px; padding:0.7vw 0 0; font-weight:900;}
h2 small{ font-size:140px; margin-left:-0.18em;}

#main h3{ width:400px; height:79px; position:absolute; left:0; right:0; margin:auto; top:-26px; color:#fff; text-align:center; font-family: 'Francois One', sans-serif;
 background:url(/contents/pc/daihatsu-kyushu/images/h3_bg.png) no-repeat; background-size:100% 100%; background-size:100% 100%;  font-weight:bold; font-size:30px; line-height:2.3; letter-spacing:0.1em;}
#main h4{ font-size:50px; color:#FF0000; font-weight:bold; line-height:1; padding:0 0 20px;}
#main h5{ background:#FF0000; padding:14px 47px; position:relative; font-size:30px; font-weight:bold; color:#fff; line-height:1; margin:0 auto 20px;}
#main h5:before{ position:absolute; width:47px; height:58px; content:''; background:url(/contents/pc/daihatsu-kyushu/images/titL.jpg) no-repeat left top; left:0; top:0;}
#main h5:after{ position:absolute; width:47px; height:58px; content:''; background:url(/contents/pc/daihatsu-kyushu/images/titR.jpg) no-repeat right top; right:0; top:0;}

#main .btn{ max-width: 685px; margin: 60px auto 90px; background:url(/contents/pc/daihatsu-kyushu/images/bg_btn.gif) repeat-x; background-size: auto; background-size: auto 100%; text-align: center; display: block; font-size: 38px; line-height: 1; font-weight: bold; color: #fff; padding: 0;}
#main .btn a {display:block;padding:5% 0;}
#main button{ max-width: 685px; margin: 0px auto 0px; background:url(/contents/pc/daihatsu-kyushu/images/bg_btn.gif) repeat-x; background-size: auto; background-size: auto 100%; text-align: center; display: block; font-size: 38px; line-height: 1; font-weight: bold; color: #fff; padding: 43px 200px;}
#main .bg_btn{ background:#F1F0E8; padding:60px 0;}
#main .bg_btn .btn{ margin:auto;}

#main .group{ position:relative; padding-top:100px;}
#main .txt1{ font-size:30px; font-weight:bold; padding:15px 0 3px;}
#main .txt2{ font-size:50px; font-weight:bold; padding:0 0 50px;}
#main .txt3{ font-size:38px; font-weight:bold; padding:0 0 10px;}
#main .txt3 span, #main .cap span, #group4 .txt span, #group4 .tit span,
#group6 .txt span{ display:inline-block;}
#main .cap{ font-size:18px;}

#group3.group, #group5.group, #group6.group{ background:#FF0000 ;}
#group4 .box{ margin-top:50px;}

#group1{ padding:100px 0 45px; margin:40px auto 0; background:#FF0000;}
#group1 .point{ text-align:center; font-size:0; position:relative; display: flex; justify-content: center;}
#group1 .point .item{ display:inline-block; width:23.5%; background:#fff; text-align:center; line-height:1; padding:0 0 15px; border-bottom:1px #FBB03B solid;}
#group1 .point .item:nth-of-type(3){ margin:0 2% 0 0;}
#group1 .point .item.itemL{ position:absolute; top:0; left:0;}
#group1 .point .item.itemR{ position:absolute; top:0; right:0;}
#group1 .point .item.itemL:after{ position:absolute; content:''; background-size:100% 100%; width:100%; height:68px; background:url(/contents/pc/daihatsu-kyushu/images/pointAbsL.png) no-repeat top left; left:0; top:-68px; background-size:100% 100%;}
#group1 .point .item.itemR:after{ position:absolute; content:'';  width:100%; height:68px; background:url(/contents/pc/daihatsu-kyushu/images/pointAbsR.png) no-repeat top right; right:0; top:-68px; background-size:100% 100%;}

#group1 .point p{ font-size:28px; font-weight:900; line-height:1.15; }
#group1 .point div.sub{ height:260px; }
#group1 .point p span.sub{ font-size:10px; font-weight:normal;line-height:1;position:relative;display:inline-block;top: -30px; }
#group1 .point .num{ font-size:59px; display:inline-block; margin-top:-0.05em; font-family: 'Francois One', sans-serif; font-weight:normal;}
#group1 .point_small{ font-size:16px; display:block; padding-top:7px; font-weight:normal;}
#group1 figure{ margin:0 auto 22px;}
#group1 .point_top{ font-size: 30px; line-height: 1.3; text-align: center; font-weight: bold; color: #fff; padding-bottom: 25px;}

#group2{ text-align:center; line-height:1.4; padding-bottom:100px; position:relative; background:#F1F0E8;}
#group2 .list{ padding:0 30px; font-size:26px;}
#group2 .listL{ float:left; width:48.5%; background:#fff; padding:25px 10px 0 10px;}
#group2 .listR{ float:right; width:48.5%; background:#fff; padding:25px 0 0;}
#group2 .list .item{ position:relative; margin:0 0 25px; border-top:1px #FF0000 solid;}
#group2 .list .tit{ background:#FF0000; width:240px; line-height:1; color:#fff; font-size:26px; margin:0 auto 25px; padding:11px 0;}
#group2 .list_txt{ text-align:left; margin-left:-0.5em; font-size:24px;}
#group2 .list_txt1{ font-size:20px; padding:15px 0 0;}
#group2 .list_child{ padding-top:25px; margin-top:25px; border-top:1px #ccc solid;}

#group2 .list_txt3 { padding: 15px 0 0; }
#group2 .list .list_txt2 .listIn{ padding: 0 6%;}
#group2 .list .list_txt2 .listIn li{ float: left; width: 48%; text-align: left;}
#group2 .list .list_txt2 .listIn li:nth-of-type(2n){ margin-left: 4%;}
#group2 .list .list_txt2 .listIn li:last-of-type{ text-align: center; width: 100%; padding: 10px 0 0;}
#group2 .list .list_txt2 .listIn small{ color: #FF0000; font-size: 25px;}


#group2 .txt2{ color:#FF0000;}
#group2 .txt2 .txt_black{ font-size: 30px; display: block; padding: 12px 0 0; color: #000;}

#group2 dl{ max-width:360px; margin:auto; font-size:26px;}
#group2 .wbox1{ max-width: 244px;}
#group2 .listL .item:nth-of-type(2) .wbox1 dt{width: 40%;}
#group2 .listL .item:nth-of-type(2) .wbox1 dd{width: 60%;}
#group2 dt{ float:left; width:40%; text-align:left; position:relative; padding-right:10%;}
#group2 dt:after{position:absolute; content:'：'; color:#00428E; line-height:1; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0;}
#group2 .listL .item:nth-of-type(1) dt, #group2 .listL .item:nth-of-type(1) dd{ width:50%;}
#group2 .listL .item:nth-of-type(1){ margin-bottom:50px;}
#group2 .listL .item:nth-of-type(2) dt{ width:25%;}
#group2 .listL .item:nth-of-type(2) dd{ width:75%; float:left; text-align:left; padding-left:5%;}
#group2 dd{ float:right; width:60%; text-align:right;}
#group2 dl .num{ font-size:33px; color:#E60012; margin-top: -0.3em; display: inline-block; vertical-align: middle;}

#group3{ text-align:center; color:#fff; line-height:1.3; padding-bottom:70px; position:relative;}
#group3 h3, #group5 h3{ margin:0 auto 40px;}
#group3 ul{ font-size:0; margin:35px auto 0; padding-top:10px;}
#group3 li{ width:24%; display:inline-block; background:#fff; margin:0 0.5% 1%; position:relative;}
#group3 .tit{ width:calc( 100% - 10px); margin:5px auto 0; background:#000; line-height:1; font-size:24px; padding:8px 0; color:#fff;}
#group3 .txt{ color:#000; font-size:34px; line-height:1; padding:23px 0;}
#group3 .txtAbs{ position:absolute; left:0; top:-25px; line-height:1; font-size:18px;}
#group3 .txt3 .txt3_sm{ font-size: 18px; display: block;}

#group4{ text-align:center; padding:0 0 70px; background:#F1F0E8; position:relative;}
#group4 h4{ line-height: 1.4;}
#group4 h4 span{ display: inline-block;}
#group4 .txt_black{ color: #000;}
#group4 .br{ display: block; color: #FF0000; padding: 10px 0 0;}
#group4 .content{padding: 100px 40px 40px; position: relative; background:url(/contents/pc/daihatsu-kyushu/images/bg_3.jpg) no-repeat top center #fff; background-size:100%;}
#group4 .txt{ font-size:22px; line-height:1.5; padding:0 0 30px;}
#group4 .tit{ font-size:21px; font-weight:bold; text-align:left; line-height:1.4; padding:0 0 20px;}
#group4 .titSm{ font-size:22px; color:#FF0000; line-height:1; font-weight:bold; padding:0 0 12px; margin:0 0 10px; border-bottom:2px #FF0000 solid;}
#group4 .time{ line-height:1.3;}
#group4 .txtCm{  bottom:0; width:96%; left:4%; color:#FF0000; padding:3% 0; background:url(/contents/pc/daihatsu-kyushu/images/bg_txt.gif) no-repeat center; background-size:100% 100%; display: flex; justify-content: center; align-items: center;}
#group4 .txtIn{ padding:0 0 24px;}

#group4 .inner{ font-size:18px;}
#group4 .innerL{ float:left; width:49%; margin-right:2%;}
#group4 .innerR{ float:right; width:49%; text-align:left;}
#group4 ul{ padding-bottom:24px;}
#group4 li{ float:left;}
#group4 li:nth-of-type(1){ width:42.5%;}
#group4 li:nth-of-type(2){ width:57.5%; padding:0 0 0 4%; position:relative;}

#group4 .list{ max-width:1220px; margin:30px auto 0; padding:0 10px;}
#group4 .list .item{ position:relative; margin:0 auto 30px; background:#fff;}
#group4 .list .item:after{ position:absolute; content:''; background:url(/contents/pc/daihatsu-kyushu/images/next_row2.png) no-repeat; background-size:100% 100%; width:88px; height:24px; margin:auto; bottom:-24px; left:0; right:0;}
#group4 .list .item:last-of-type:after{ display:none;}
#group4 .list .titL{ width:230px; height:100%; background:#FF0000; color:#fff; font-weight:bold; font-size:24px; position:absolute; left:0; display: flex; justify-content: center; align-items: center;}
#group4 .list .txtR{ padding:15px 10px 15px 250px; text-align:left; font-size:16px;}
#group4 .txt1{ padding: 0; font-weight: normal; line-height: 1.5;}
#group4 .txt1 span{ display: inline-block;}
#group4 .txt1 .txtPd{ padding-top: 7px;}

#group5{ text-align:center; color:#fff; line-height:1.3; position:relative;}
#group5 .box{ background:#000; padding:70px 0; color:#000;}
#group5 .box .content{ background:#fff; border-radius:15px; padding:50px 0}
#group5 .bg:nth-of-type(n+2){ margin:70px auto 0;}
#group5 .bg:nth-of-type(n+2) .content{ padding:50px 2.5%;}
#group5 .txt3{ padding:0 0 25px;}
#group5 .txt1{ padding:0 0 30px;}
#group5 .txt3 span{ display: inline-block;}
#group5 .map{ position:relative;}
#group5 .map li, #group5 .img1 li{ float:left; width:50%;}
#group5 iframe{ position:absolute; width:50%; height:100%; right:0; top:0;}
#group5 .txtTab{ line-height:1; padding:15px 0 70px; text-align:right; color:#fff;}
#group5 .tit{ font-size:38px; font-weight:bold; line-height:1; color:#FF0000; margin:0 auto 40px;}
#group5 .tit2{ border-top:1px #FF0000 solid; width:95%; margin:40px auto;}
#group5 .tit2 span{ background:#FF0000; line-height:1; color:#fff; font-size:26px; display:inline-block; padding:11px 40px;}
#group5 .titBr{ border-bottom:1px #FF0000 solid; padding:0 0 35px;}
#group5 .txt{ font-size:30px; width:95%; margin:50px auto 0; border-bottom:1px #FF0000 solid; border-top:1px #FF0000 solid; color:#000; font-weight:bold; padding:15px 0;}
#group5 .txt span{ font-size:42px; color:#FF0000;}

#group5 .img2{ max-width:908px; margin:auto;}
#group5 .img2 li{ float:left; width:32.159%; margin:0 1.76% 0 0;}
#group5 .img2 li:nth-of-type(3n){ margin:auto;}
#group5 .img2 p{  color:#000; font-size:18px; text-align:left; padding:7px 0 0;}
#group5 .img2 span{ color:#FF0000;}
#group5 .img3{ margin:0 0 15px;}
#group5 .img3 li{ float:left; width:49.5%; position:relative;height:524px;}
#group5 .img3 li:nth-of-type(1){ margin:0 1% 0 0;}
#group5 .img3 li:nth-of-type(1) figure{ position:absolute; left:0; bottom:0; width:100%;}
#group5 .img3 .txt4{ font-size:18px; text-align:left; padding-left:10px; line-height:1.7;}
#group5 .img3 .img4 figure{ width:49.2%; margin:0 1.4% 0 0;}
#group5 .img4 figure{ float:left; width:24.5%; margin:0 0.6% 0 0;}
#group5 .img4 figure:last-of-type{ margin:0;}
#group5 figcaption{ font-size:18px; text-align:left; line-height:1; padding:10px 0 0;}
#group5 .tit3{ color:#FF0000; font-weight:bold; font-size:30px;}
#group5 .cap{ text-align:left; padding:0 0 2% 10px;}

#place{ background:#F1F0E8; text-align:center; padding:70px 0;}
#place .content{ padding:50px 2.5%; border-radius:15px; background:#fff;}
#place .tit{ font-size: 38px; font-weight: bold; line-height: 1; color: #FF0000; margin: 0 auto 40px; border-bottom: 1px #FF0000 solid; padding: 0 0 35px;}
#place .txt{ font-size:18px; padding:0 0 20px;}
#place .img li{ float:left; width:33%; margin:0 0.5% 0 0;}
#place .img li:nth-of-type(3n){ margin-right:0;}
#place .txtList{ position:relative; padding-left:25px; line-height:1; text-align:left; font-size:18px; margin:15px 0;}
#place .txtList:after{ position:absolute; content:''; transform:translateY(-50%); top:50%; left:0; width:18px; height:21px; background:url(/contents/pc/daihatsu-kyushu/images/icon1.png) no-repeat; background-size:100% 100%;}

#group6{ text-align:center; padding:100px 0;}
#group6 .content{ border-radius:15px; background:#fff; padding:30px 6%;}
#group6 .txt2{ color:#fff; line-height: 1.4;}

#group6 .item{ border-bottom:2px #FF0000 solid; position:relative; margin-bottom:25px;}
#group6 .item:after{ position:absolute; content:''; left:0; right:0; bottom:-26px; margin:auto; width:88px; height:28px; background:url(/contents/pc/daihatsu-kyushu/images/next_row2.png) no-repeat center;}
#group6 .item:last-of-type{ margin:0; border:none;}
#group6 .item:last-of-type:after{ display:none;}
#group6 .tit{ font-size:37px; font-weight:bold; color:#000; line-height:1.1; padding:15px 0;}
#group6 .txt{ font-size:20px; padding-bottom:30px;}
#group6 .txt span{ display:inline-block;}
#group6 .flow_btn li{ float:left; width:49%; margin:0 2% 0 0;}
#group6 .flow_btn li:nth-of-type(2){ margin:0;}

#benefits{ background:#FF0000;}
#benefits h4, #contact h4{ font-size: 35px; line-height: 1.3; font-weight: bold; position: relative; padding: 20px 0px; margin: 0 0 80px; background: #000; color: #fff; text-align: center; position: relative;}
#benefits h4:after, #contact h4:after{width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent; border-top:20px solid #000; position:absolute; bottom:-19px; left:50%; content:''; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

#benefits .box-cont{max-width:1036px; margin:0 auto; padding:0 15px 60px; font-size:20px;}
#benefits .box{margin:0 0 35px;}
#benefits .boxL{width:69.9%; float:left; color:#fff;}
#benefits .boxR{width:27.8%; float:right;}
#benefits .box .note{text-align:right;}
#benefits .list li{width:48.7%; margin:0 2.6% 2.6% 0; background:#fff; float:left; position:relative; color:#000; padding:40px 2.5% 15px; word-break:break-all;}
#benefits .list li:nth-of-type(2n){margin:0 0 2.6%;}
#benefits .list li:after{width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent; border-top:20px solid #000; position:absolute; top:0; left:50%; content:''; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#benefits .list .num, #benefits .list .tit{text-align:center; margin:0 0 10px; font-weight:bold;}
#benefits .list .num{font-size:28px; line-height:1; color:#000;}
#benefits .list .tit{font-size:28px; line-height:1.4; color:#000;}
#benefits .list .tit span{display:inline-block;}
#benefits .list a{background-image: linear-gradient(#df6f61, #cc1801, #df6f61); font-size:25px; line-height:1; padding:13px 0; text-align:center; color:#fff; display:block; font-weight:bold; margin:14px 0 0 0; position:relative;}
#benefits .list a:before, #benefits .list a:after{position:absolute; top:0; content:''; width:12px; height:100%; background:#cc1801;}
#benefits .list a:before{left:0;}
#benefits .list a:after{right:0;}
#benefits .list a:hover{background:#cc1801;}
#benefits .txt{font-size:24px; text-align:center; padding:5px 0; font-weight:bold; color:#fff; background:#fff; color:#072B67;}

#contact{ background:#F1F0E8;}
#contact .box-cont{max-width:1036px; margin:0 auto; padding:0 15px;}
#contact table{width:100%; margin:0 0 60px;}
#contact table:last-of-type{ margin:0;}
#contact tr{vertical-align:middle;}
#contact th, #contact td{padding:0 0 30px; line-height:1;}
#contact th{width:305px; font-size:28px;}
#contact th p{position:relative;}
#contact th p:after{position:absolute; top:50%; right:15px; content:'必須'; font-size:17px; line-height:1.2; color:#fff; background:#FF0000; width:65px; text-align:center; padding:2px 0 4px; border-radius:5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block;}
#contact tr:nth-of-type(1) th,
#contact tr:nth-of-type(2) th,
#contact tr:nth-of-type(7) th{padding-top:30px;}
#contact tr:nth-of-type(3), #contact tr:nth-of-type(9){vertical-align:top;}
#contact tr:nth-of-type(3) th{padding-top:40px;}
#contact tr:nth-of-type(3) td ul{margin-bottom:20px;}
#contact tr:nth-of-type(9) th{padding-top:15px;}

#contact input[type=text],
#contact select,
#contact textarea{width:100%; border:none; border-bottom:1px solid #7f7977; background:#f7f7f7; line-height:1; font-size:20px; height:52px; line-height:52px;
font-family: 'Noto Sans JP', sans-serif;}
#contact input[type=text]::placeholder,
#contact select::placeholder{color:#BBB;}

#contact input[type=text]{padding:0 10px;}
#contact select{padding:0 0 0 10px;}
#contact tr:first-of-type select{padding: 0;}
#contact select option{width:100%;}
#contact label{font-size:17px; line-height:1.8;}
#contact input[type=radio],#contact input[type=checkbox]{width:28px; height:28px;}
#contact textarea{height:200px; line-height:1.6; padding:10px;}

#contact .list:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact .list li{width:48%; margin:0 4% 0 0; float:left;}
#contact .list li:last-of-type{margin:0;}
#contact .list2{border-bottom:1px solid #7f7977; font-size:28px; padding:15px 0;}
#contact .list2 li{width:140px; display:inline-block;}
#contact .list3:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact .list3 li{max-width:170px; width:31%; margin:0 3.5% 0 0; float:left;}
#contact .list3 li:last-of-type{margin:0;}

#contact .rows{margin:10px 0 0 0;}
#contact .zip{position:relative;}
#contact .zip:before{content:''; position:absolute; top:50%; left:43%; right:53%; height:1px; background:#4c4341;}
#contact .zip:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact #zip{width:40%; float:left;}
#contact #zip1{width:50%; float:right;}

.red{ color:#E60012;}
.sp{display: none;}

.page {
    padding: 0 20px;
    max-width:1200px;
    margin:0 auto;
}

ul.pageSetUL {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
    margin-bottom:30px;
}

.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 20px;
}

.page > ul.pageSetUL li {
    width: initial;
    min-height: 1rem;
}

.page > ul.pageSetUL li:nth-child(1) a:before {
    position: relative;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    transform: rotate( -90deg );
    background-color: #000;
    background: url(/contents/pc/images/pagetop.png) no-repeat 0 0;
}

.page > ul.pageSetUL li:nth-child(2) a:after {
    position: relative;
    top: 5px;
    left: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    background: url(/contents/pc/images/pagetop.png) no-repeat 0 0;
}


/*===============================
             MEDIA
================================*/

@media only screen and (max-width:1200px){
.content, #group4 .content, #group2 .list, #group5 .bg{ padding:0 10px;}
#main .btn{ padding:0; max-width:100%; width:60%;}

#main .txt1, #main h5, #group5 .txt, #group5 .tit3 { font-size:2.5vw;}
#main h5{ padding:2% 5%;}
#main h5::before{ width:5%; height:100%; background-size: 100% 100%;}
#main h5::after{ width:5%; height:100%; background-size: 100% 100%;}
#main .txt2, #main h4{ font-size:4vw;}
#main .txt2 .txt_black{ font-size: 3.8vw;}
#main .txt3, #group5 .tit, #group3 .txt, #main .btn, #place .tit{ font-size:2.9vw;}
#main .cap{ font-size:16px;}


#group1 .point p{ font-size:2.6vw;}
#group1 .point .num{ font-size:5.2vw;}

#group1 .point div.sub{ height:27vw;max-height:267px; }
#group1 .point p span.sub {top:-2vw;}

#group2 dl, #group2 .list .tit, #group2 .list{ font-size:2.2vw;}
#group2 dl{ padding:0 10px;}
#group2 dl .num{ font-size:3vw;}
#group2 .list .list_txt2 .listIn {padding: 0 5%;}
#group2 .list .list_txt2 .listIn small{ font-size: 2.3vw;}

#group2 .list_txt, #group4 .txt, #group4 .titSm{ font-size:2vw;}
#group2 .list_txt1, #group5 .img2 p{ font-size:1.6vw;}
#group3 .tit, #group5 .tit2 span{ font-size:2.2vw;}

#group4 .tit{ font-size:1.9vw;}
#group4 .content{ padding:10% 10px 0;}
#group4 .inner, #group5 .img3 .txt4, #group5 figcaption{ font-size:16px;}
#group4 .txtCm{ font-size:1.5vw; padding:0;}
#group5 .txt span{ font-size:3.5vw;}

#group6{ padding:100px 10px;}
}
@media only screen and (max-width:1130px){
h2{ font-size: 8vw;}
h2 span{font-size:11vw;}
h2 small{ font-size:12vw;}
#mv .txtBt span {font-size:3.5vw; }

#group1 .point_top{ font-size: 3vw;}
}
@media only screen and (max-width:640px){
#mv{ padding:30px 0 0;}
#mv::before{ height:30px;}
#mv .mv_inner{ padding:12px 0 0;}
#mv .mv_inner:before{ height:12px;}
#mv .mv_img{ text-align:center; float:none; margin:auto; width:80%;}
#mv .txtBt{ width:66%; margin:2em auto 0;}

h1{ margin:3vw auto; width:80%;}
h2{ font-size:13vw;}
h2 span{ font-size:18vw; margin-left:0.18em;}
h2 small{ font-size:18.5vw;}

#mv .box{ padding:7vw 0 0;}
#mv .mv_txt{ position:relative; transform:translateY(0); text-align:center; width:100%; left:auto;}
#main h3{ width:60%; height:12.4vw; top:-4vw; font-size:5vw;}
#main .btn{ margin:10% auto;}
#main .txt3,  #group3 .txt, #main .btn, #main .txt2{ font-size:5vw;}
#main .txt2 .txt_black{ font-size: 4.5vw;}
#main h4{ font-size:6vw;}
#main .txt2{ padding:0 0 6%;}
#main .cap{ font-size:14px;}
#main .group{ padding-top:17vw;}

#group1 .point{ display:block;}
#group1 .point div.sub {height:auto;}
#group1 .point .item.itemL, #group1 .point .item.itemR{ position:relative; left:auto !important; right:auto !important;}
#group1 .point .item{ width:49%; float:left; margin:0 2% 2% 0;}
#group1 .point .item:nth-of-type(2n){ margin-right:0;}
#group1 .point p{ font-size:4.5vw;}
#group1 .point .num{ font-size:11vw;}
#group1 .point p span.sub{ font-size:.5em;display:inline-block;line-height:1;font-weight:normal;top:0;}
#group1 figure{ width:50%;}
#group1 .point_small{ font-size:14px;}
#group1 .point .item.itemL::after, #group1 .point .item.itemR::after{ height:9vw; top:-9vw;}

#group1 .point_top{ font-size: 5vw; padding-bottom: 11vw;}

#group2{ padding-bottom:30px;}
#group2 .listL, #group2 .listR, #group4 .innerL, #group4 .innerR{ width:100%; float:none; margin:0; text-align:center;}
#group2 .list{ padding:0;}
#group2 .list .item:last-of-type{ padding-bottom:10px;}
#group2 dl, #group2 .list .tit, #group2 .list, #main .txt1, #main h5, #group5 .txt, #group5 .tit3{ font-size:4.5vw;}
#group2 dl{ max-width:500px; padding:0 10px;}
#group2 .list_txt, #group4 .txt, #group4 .titSm, #group4 .tit, #group3 .tit, #group5 .tit2 span{ font-size:3.9vw;}
#group2 .list_txt1, #group5 .img2 p{ font-size:3vw;}
#group2 dl .num{ font-size:5.5vw;}
#group2 dt{ width:40% !important;}
#group2 dd{ width:60% !important;}
#group2 dt, #group2 dd, #group2 .list_txt{ text-align:center !important;}


#group2 .list .list_txt2 .listIn small{ font-size: 4.5vw;}

#group3 .txtAbs{ font-size:14px; top:-20px;}
#group3 .txt3 .txt3_sm{ font-size: 3.8vw;}

#group4 .group{ margin-top:11%;}
#group4 .content{ background-size:200% auto; padding:14% 10px 0;}
#group3 li{ width:32%;}
#group3 li:last-of-type{ float:left;}
#group4 .inner, #group4 .txtCm{ font-size:3.3vw;}
#group4 .innerL{ margin-bottom:4%;}
#group4 .height, #group2 .listH{ height: auto !important;}
#group4 .list .titL{ width:90px; font-size:16px;}
#group4 .list .txtR{ padding:10px 10px 10px 100px; font-size:14px;}
#group4 .list .txtR br{ display:none;}
#group4 .list .item::after{ width:60px; height:16px; bottom:-16px;}

#group5 .map li, #group5 .img1 li{ float:none; width:100%;}
#group5 iframe{ position:relative; width:100%; height:300px;}

#group5 .bg{ background:none;}
#group5 .img2{ max-width:292px;}
#group5 .img2 li{ width:100%; margin:auto!important;}
#group5 .img2 li img{ margin: 0 auto 4%;}
#group5 .img2 p{ font-size:14px;}
#group5 .txt span{ font-size:6vw;}
#group5 .box .content{ padding:5% 0;}
#group5 .tit, #place .tit{ margin-bottom:5%; font-size:5vw;}
#group5 .tit3{ padding:0 0 15px;}
#place .img li, #place .img li:nth-of-type(3n){ width:49%; margin:0 2% 2% 0;}
#place .img li:nth-of-type(2n){ margin-right:0;}
#place .txtList{ font-size:4vw; margin:2vw 0; padding-left:20px;}
#place .txtList::after{ width:12px; height:14px;}

#group5 .img3 li{ width:100%; float:none; height:auto !important;}
#group5 .img3 li:nth-of-type(1) figure{ position:relative; padding:0 0 4%;}
#group5 .img4 figure{ width:49.2%; margin:0 1.4% 2% 0;}
#group5 .img4 figure:nth-of-type(2n){ margin-right:0;}
#group5 .img3{ margin:0}
#group5 .img4{ margin-top:5%;}

#place .txt{ font-size:16px; text-align:left;}

#group6{ padding:7% 10px;}
#group6 .tit{ font-size:6vw;line-height: 1.2;}
#group6 .txt{ font-size:16px;}

#benefits .boxL{ width:100%; margin:0 0 3%;}
#benefits .boxR{ max-width:278px; float:none; width:100%; margin:auto;}
#benefits .list li{ width:100%;}
#benefits .list li:nth-of-type(1){ margin:0 0 3%;}
#benefits .list .tit{ font-size:4vw;}
#benefits .txt{ font-size:3.4vw;}

#main button{ max-width: 685px; margin: 60px auto 90px; background-size: auto; background-size: auto 100%; text-align: center; display: block; font-size: 7vw; line-height: 1; font-weight: bold; color: #fff; padding: 33px 70px;}

#contact .box-cont{ padding:0 10px;}
#contact th, #contact td{ padding-bottom:15px; display:block;}
#contact th{ width:100%;}
#contact select{ font-size:14px;}
#benefits .box-cont{ font-size:18px;}
#contact th p::after{ font-size:14px; right:0;}
#contact input[type="radio"]{ width:20px; height:20px;}
#contact .submit{ font-size:5.7vw; height:100px; width:80%;}
.pc{ display: none;}
.sp{ display: block;}
}

@media only screen and (max-width:480px){
#main .txt3 span{ display: block;}
#group5 .txt3 span:last-of-type{ padding: 0;}

#group2 dt, #group2 dd{ line-height: 1.2; margin-bottom: 5px;}
#group2 dl, #group2 .wbox1{ max-width: 220px;}
#group2 dt::after{ top: 11px;}
#group3 li{ width:49%;}
#group5 .txt3 span{ display: inline-block;}
#group6 .txt, #benefits .box-cont{ font-size:14px;}
#group6 .item::after{ width:60px; bottom:-18px; height:16px; background-size:100% 100%;}

#contact th, #contact .list2{ font-size:18px;}
#contact select{ font-size:12px;}
#contact td{ padding-bottom:20px;}
#contact .submit{ font-size:8vw; height:70px;}
.btn-contact{ width:calc( 100% - 20px); margin:50px auto;}
#contact textarea{ height:150px;}

.page {
	padding:0;
	}

.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 0;
	}
ul.pageSetUL {
    padding:10px 2% 0;
	}
}