@charset "utf-8";

* {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
* {font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
img{width:auto; height:auto; max-width: 100%; vertical-align: bottom;}
html{overflow: auto;}
.clearfix:before,.clearfix:after{ display: block;  content: "";}
.clearfix:after{ clear: both;}
.clearfix{ zoom:1;}
a:hover,a:active{  color: #333333;}
a:link,a:visited{  color: #333333;  text-decoration: none;}
a img:hover {  opacity: 0.5 ; transition: 0.5s;}
body{  color: #333333;  font-size: 16px; line-height: 1.8em; background: #ffffff;overflow: hidden;}

/*アニメーション*/
/*上へ*/
.js-mv00{opacity: 0; transform: translate(0,20px); -webkit-transform: translate(0,20px); transition: .8s;}
.mv00{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
/*左へ*/
.js-mv01{opacity: 0; transform: translate(20px,0); -webkit-transform: translate(20px,0); transition: .8s;}
.mv01{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0); overflow: hidden;}
/*下へ*/
.js-mv02{opacity: 0; transform: translate(0,-20px); -webkit-transform: translate(0,-20px); transition: .8s;}
.mv02{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}
/*右へ*/
.js-mv03{opacity: 0; transform: translate(-20px,0); -webkit-transform: translate(-20px,0); transition: .8s;}
.mv03{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0); overflow: hidden;}

.js-mv04{opacity: 0; transition: 0.5s; transition-delay:.2s; transform: scale(0, 0); -webkit-transform: scale(0, 0);}
.mv04{opacity: 1.0; transform: scale(1, 1); -webkit-transform: scale(1, 1);}


#loader-bg {display: none;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #fff;z-index: 40;}
#loader {display: none;position: fixed;top: 50%;left: 50%;text-align: center;color: #fff;z-index: 50;}

/*プログレスナビ*/
#nav{position: fixed; top:45%; right: 5%; z-index: 1; width: 10px;}
#nav li{margin-bottom: 10px;}
#nav a{display: block; overflow: hidden; width: 15px; height: 0; padding-top: 15px; background: #ccc;}
#nav li a.current{background:#000;}
@media screen and (max-width:1641px){
  #nav{display: none;}
}

/*header*/
#header{ width: 100%;background-color: #fff;box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);z-index: 10;position: relative;}
.header_inner{width: 100%;margin:0; position: relative;box-sizing: border-box; height: 70px;}
.header_logo{ text-align: center;}
.header_request{ text-align: right;}
.header_logo h1 img{ height: 60px; padding : 5px 0; text-align: center;}
.header_request img{ position: absolute; bottom:0px; right:0; height: 70px; width: 70px; max-width:100%;}
.header_request_pc { display: none !important; }
.header_request_sp { display: block !important; }

@media screen and (max-width:640px){
.header_request_pc { display: none !important; }
.header_request_sp { display: block !important; }
}

@media screen and (min-width:1025px){
.header_request_pc { display: block !important; }
.header_request_sp { display: none !important; }
#header{ width: 100%;}
.header_inner{ max-width: 1500px; margin:0 auto; padding: 50px 20px; box-sizing: border-box; position: relative; height: 210px;}
.header_logo{ text-align: left; margin-left: 0px;}
.header_logo h1 img{ max-width: 100%; height: auto; text-align: left;}
.header_request img{ position: absolute; bottom:70px; right:20px; height: auto; width: auto; max-width:100%;}
}

@media screen and (min-width:1500px){
  .header_inner{ padding: 50px 0px;}
  .header_request img{ position: absolute; bottom:70px; right:0px;}
}


.box_inner{padding: 0 2%;}
@media screen and (min-width:1500px){
  .box_inner{padding: 0 30px;width: 1440px; margin:0 auto;}
}
.bg_inner{padding: 0 0;}
@media screen and (min-width:1500px){
  .bg_inner{padding: 0 0;width: 1500px; margin:0 auto;}
}

h2.h2_add_border{width:75%; margin-left: 24%; padding-left: 1%; margin-bottom:60px; border-bottom: solid 1px #000; text-align: left; }
h2.h2_fit_border img{ margin-bottom: -5px;}
@media screen and (max-width:640px){
  h2.h2_add_border{width:98%; margin-left: 0%; padding-left: 2%; margin-bottom:6%; border-bottom: none; text-align: left;}
  h2.h2_fit_border img{ margin-bottom: 0px;}
}

.img_txt{text-align: center; margin:40px;}
@media screen and (max-width:640px){
  .img_txt{text-align: center; margin:5% auto;}
  .img_txt img{ width: 100%; max-width: 100%;}
}

p{font-size: 16px; line-height: 1.8em;}
@media screen and (max-width:640px){
  p{text-align: left;}
}
@media screen and (min-width:1025px){
  p{font-size: 16px; line-height: 30px;}
}


.img_l{float: left; margin:0 7% 7% 0; max-width:45%;}
.img_r{float: right; margin:0 0 7% 7%; max-width:45%;}
@media screen and (min-width:1500px){
  .img_l{float: left; margin:0 70px 70px 0; max-width:100%;}
  .img_r{float: right; margin:0 0 70px 70px; max-width:100%;}
}
@media screen and (max-width:640px) {
.img_l{float: left; margin:0 6% 6% 0; max-width:100%;}
.img_r{float: right; margin:0 0 6% 6%; max-width:100%;}
}


/*mainVisual*/
.mainVisual{ background-image: url(../images/bg_mainVisual_01.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%;position: relative;}
.mainVisual_inner{ width: 96%; height: 600px; padding: 0 2%; position: relative;}
.mainVisual_inner h2{ max-width: 100%; margin:auto auto;}
.mainVisual_inner h2 img{ max-width: 100%; text-align: center; margin-top: 70px;}

.scroll img{ position: absolute; bottom:-45px; left:0; right: 0; margin:0 auto; z-index: 10;}

@media screen and (max-width:640px){
  .scroll img{ position: absolute; bottom:-25px;}
}

@media screen and (max-width:640px){
  .mainVisual{background-image: none; width: 100%;}
  .mainVisual_inner{ background: none; width: 100%; height: auto; padding: 0 ; position: relative;}
  .mainVisual_inner h2{ max-width: 100%; margin:auto auto; position: relative;}
  .mainVisual_inner h2 img{ max-width: 100%; text-align: center; margin-top: 0px;}
}

@media screen and (min-width:1025px){
  .mainVisual{ width: 100%; background-image: url(../images/bg_mainVisual_01.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover;}
  .mainVisual_inner{ width: 100%; height: 600px; padding: 0 ; margin: 0 auto; position: relative; text-align: center;}
  .mainVisual_inner h2{ width: 100%; padding: 0 ; margin: 0 auto; position: relative; text-align: center;}
  .mainVisual_inner h2 img{ max-width: 100%; text-align: center; margin: 0 auto; margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .mainVisual_inner{ max-width: 1500px; text-align: left;}
  .mainVisual_inner h2{ text-align: left;}
  .mainVisual_inner h2 img{ text-align: left; margin-left: 150px; margin-top: 70px;}
}

/*section01 consept*/
.concept{ background-color: #f9f7e9; padding: 13% 0 12% 0; position: relative; overflow: hidden; text-align: center;}
.concept .box_inner{background-image: url(../images/bg_concept_01.png); background-repeat: no-repeat; background-position: center 90px;}

@media screen and (min-width:1025px){
  .concept{padding: 130px 0 120px 0; }
}

/*section02 kenzai*/
.kenzai{ background-image: url(../images/bg_kenzai_01.jpg); background-size: cover; padding:12% 0;}
.kenzai ul{ width: 100%; box-sizing: border-box; margin:0 auto;}
.kenzai ul li{ float: left; width: 23%; margin:1% 1%;}
@media screen and (max-width:640px){
  .kenzai ul{ width: 96%; padding:0 2%;}
  .kenzai ul li{ float: left; width: 48%; margin:1%;}
}

@media screen and (min-width:1500px){  
  .kenzai{ padding:80px 0;}
  .kenzai ul{ width: 1096px;}
  .kenzai ul li{ float: left; width: 250px; margin:10px 12px;}
}


/*section03 performance*/
.performance{ background-color: #fff; padding: 13% 0 12% 0; position: relative; overflow: hidden; text-align: center;}

@media screen and (min-width:1025px){
  .performance{padding: 130px 0 120px 0; }
}


/*section04 thermal_top*/
.thermal_top{  background-image: url(../images/bg_thermal_01.jpg); background-size: cover; background-repeat: no-repeat; padding:10% 5% 0 5%; height: 300px; }
@media screen and (min-width:1025px){
  .thermal_top{ padding:30px 20px 0px 20px; height: 450px; background-attachment: fixed;}
}

.thermal { background-color: #fff; padding: 12% 0 5% 0;}
.thermal h3{ margin-bottom: 4%;}
.thermal p { margin-bottom: 6%;}

.other { background-color: #fff; padding: 0px 0 12% 0;}
.other ul{ margin:-2% auto 0 auto;}
.other ul li{ float: left; width: 44%; margin:0 3%; text-align: center;}
.other ul li p{ text-align: left; margin-bottom: 5%;}
.other ul li img{ margin:0 auto 2% 0;}
.other ul li:nth-child(3){ clear:both;}

@media screen and (min-width:1025px){
  .thermal { padding: 120px 0 50px 0;}
  .thermal h3{ margin-bottom: 40px;}
  .thermal p { margin-bottom: 60px;}
  .other { padding: 0px 0 120px 0;}
  .other ul li p{ text-align: left; margin-bottom: 0px;}
}

@media screen and (min-width:1500px){
  .other ul{ width: 1500px; margin:-20px auto 0 auto;}
  .other ul li{ float: left; width: 320px; margin:0 27px;}
  .other ul li img{ margin:0 auto 15px auto;}
  .other ul li:nth-child(3){ clear:none;}
}


/*section05 sozai_top*/
.sozai_top{ width:100%; background-image: url(../images/bg_sozai_01.jpg); background-size: cover; background-repeat: no-repeat; padding:10% 5% 0 5%; height: 300px; }
@media screen and (min-width:1025px){
  .sozai_top{ padding:30px 20px 0 20px; height: 450px; background-attachment: fixed;}
}

.sozai { background-color: #fff; background-image: url(../images/bg_sozai_01.png); background-position: top center; background-repeat: no-repeat; padding: 12% 0 9% 0;}
.sozai .text_box{width:75%; margin:-1% 0 5% 25%;  text-align: left; }
.sozai ul{ margin:-2% auto 0 auto;}
.sozai ul li{ float: left; width: 46%; margin:0 2%; text-align: center;}
.sozai ul li p{ text-align: left; margin-bottom: 5%;}
.sozai ul li img{ margin:0 auto 2% 0;}
.sozai ul li:nth-child(3){ clear:both;}
.sozai ul li:nth-child(5){ clear:both;}
.sozai ul li:nth-child(7){ clear:both;}

@media screen and (min-width:1500px){
.sozai .text_box{width:83%; margin:-1% 0 5% 17%;  text-align: left; }
.sozai ul{ width: 1500px; margin:-20px 0 0 -30px;}
.sozai ul li{ float: left; width: 315px; margin:0 30px;}
.sozai ul li img{ margin:0 auto 15px auto;}
.sozai ul li:nth-child(3){ clear:none;}
.sozai ul li:nth-child(5){ clear:both;}
.sozai ul li:nth-child(7){ clear:none;}
}
@media screen and (min-width:1025px){
  .sozai { padding: 120px 0 50px 0;}
  .sozai ul li p{ text-align: left; margin-bottom: 20px;}
}
@media screen and (max-width:640px){
  .sozai .text_box{width:100%; margin:0 0 5% 0;}
}

/*section06 kouhou_top*/
.kouhou_top{ background-image: url(../images/bg_kouhou_01.jpg); background-size: cover; background-repeat: no-repeat; padding:10% 5% 0 5%; height: 300px; }
@media screen and (min-width:1025px){
  .kouhou_top{ padding:30px 20px 0 20px; height: 450px; background-attachment: fixed;}
}

.kouhou { padding: 12% 0 5% 0; background-image: url(../images/bg_kouhou_02.jpg);}
.kouhou .text_box{width:75%; margin:0 0 5% 25%;  text-align: left; }
.kouhou ul{ margin:0 auto 0 auto;}
.kouhou ul li{ float: left; width: 46%; margin:0 2%; text-align: center;}
.kouhou ul li p{ text-align: left; margin-bottom: 5%;}
.kouhou ul li img{ margin:0 auto 2% 0;}
.kouhou ul li:nth-child(3){ clear:both;}

@media screen and (min-width:1500px){
.kouhou .text_box{width:83%; margin:0 0 5% 17%;  text-align: left; }
.kouhou ul{ width: 1500px; margin:0px 0 0 -30px; text-align: center;}
.kouhou ul li{ float: left; width: 315px; margin:0 30px; }
.kouhou ul li img{ margin:0 auto 15px auto;}
.kouhou ul li:nth-child(3){ clear:none;}
.flex { display: flex; justify-content: center;}
}
@media screen and (min-width:1025px){
  .kouhou { padding: 120px 0 100px 0;}
  .kouhou ul li p{ text-align: left; margin-bottom: 20px;}
}
@media screen and (max-width:640px){
  .kouhou .text_box{width:100%; margin:0 0 5% 0;}
}


/*section07 jitsurei*/
.jitsurei{background-image: url(../images/bg_jitsurei_01_sp.jpg); padding: 280px 0 50px 0; background-size: cover; background-repeat: no-repeat;}
.ttl{padding-bottom: 2%;}
.ttl2{margin-bottom: -9%; text-align: right;}
.jitsurei_box{background-color: rgba(255,255,255,0.65); margin-bottom: 5%; padding:5%; text-align: center;}
.jitsurei_img_r{float: none;  width: 70%;}
.jitsurei_box h3{padding-top: 5%;}
.jitsurei_box .b{padding: 3% 0; font-weight: bold;}
.img_jitsurei{margin-top: 7%; margin-bottom: 12%;}

@media screen and (min-width:1200px){
  .jitsurei{background-image: url(../images/bg_jitsurei_01.jpg); padding: 280px 0 50px 0; background-size: 100%;}
  .ttl{padding-bottom: 20px;}
  .ttl2{margin-bottom: -90px; text-align: right;}
  .jitsurei_box{margin-bottom: 50px; padding:0 40px 0 0;}
  .jitsurei_img_r{float: left; margin-right: 40px; width: auto; height:100%;}
  .jitsurei_box h3{padding-top: 50px;}
  .jitsurei_box .b{padding: 30px 0 20px 0; font-weight: bold;}
  .jitsurei_box p{overflow: auto;}
  .img_jitsurei{margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .jitsurei{ background-size: cover; padding: 560px 0 50px 0;}
  .jitsurei_img_r{float: left; margin-right: 70px;}
  .img_jitsurei img{width: 100%;}
  .img_jitsurei{margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .ttl img{width: 50%;}
  .ttl2 img{ width: 50%;margin-bottom: 0%; }
}

/*section09 jitsurei2*/
.jitsurei2{background-image: url(../images/2022_bg_jitsurei_01_sp.jpg); padding: 280px 0 50px 0; background-size: cover; background-repeat: no-repeat;}
.ttl{padding-bottom: 2%;}
.ttl2{margin-bottom: -9%; text-align: right;}
.jitsurei_box{background-color: rgba(255,255,255,0.65); margin-bottom: 5%; padding:5%; text-align: center;}
.jitsurei_img_r{float: none;  width: 70%;}
.jitsurei_box h3{padding-top: 5%;}
.jitsurei_box .b{padding: 3% 0; font-weight: bold;}
.img_jitsurei{margin-top: 7%; margin-bottom: 12%;}

@media screen and (min-width:1200px){
  .jitsurei2{background-image: url(../images/2022_bg_jitsurei_01.jpg); padding: 280px 0 50px 0; background-size: 100%;}
  .ttl{padding-bottom: 20px;}
  .ttl2{margin-bottom: -90px; text-align: right;}
  .jitsurei_box{margin-bottom: 50px; padding:0 40px 0 0;}
  .jitsurei_img_r{float: left; margin-right: 40px; width: auto; height:100%;}
  .jitsurei_box h3{padding-top: 50px;}
  .jitsurei_box .b{padding: 30px 0 20px 0; font-weight: bold;}
  .jitsurei_box p{overflow: auto;}
  .img_jitsurei{margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .jitsurei{ background-size: cover; padding: 560px 0 50px 0;}
  .jitsurei_img_r{float: left; margin-right: 70px;}
  .img_jitsurei img{width: 100%;}
  .img_jitsurei{margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .ttl img{width: 50%;}
  .ttl2 img{ width: 50%;margin-bottom: 0%; }
}

/*section07 jitsurei*/
.jitsurei3{background-image: url(../images/bg_jitsurei_31_sp.jpg); padding: 280px 0 50px 0; background-size: cover; background-repeat: no-repeat;}
.ttl{padding-bottom: 2%;}
.ttl2{margin-bottom: -9%; text-align: right;}
.jitsurei_box{background-color: rgba(255,255,255,0.65); margin-bottom: 5%; padding:5%; text-align: center;}
.jitsurei_img_r{float: none;  width: 70%;}
.jitsurei_box h3{padding-top: 5%;}
.jitsurei_box .b{padding: 3% 0; font-weight: bold;}
.img_jitsurei{margin-top: 7%; margin-bottom: 12%;}

@media screen and (min-width:1200px){
  .jitsurei3{background-image: url(../images/bg_jitsurei_31.jpg); padding: 280px 0 50px 0; background-size: 100%;}
  .ttl{padding-bottom: 20px;}
  .ttl2{margin-bottom: -90px; text-align: right;}
  .jitsurei_box{margin-bottom: 50px; padding:0 40px 0 0;}
  .jitsurei_img_r{float: left; margin-right: 40px; width: auto; height:100%;}
  .jitsurei_box h3{padding-top: 50px;}
  .jitsurei_box .b{padding: 30px 0 20px 0; font-weight: bold;}
  .jitsurei_box p{overflow: auto;}
  .img_jitsurei{margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .jitsurei{ background-size: cover; padding: 560px 0 50px 0;}
  .jitsurei_img_r{float: left; margin-right: 70px;}
  .img_jitsurei img{width: 100%;}
  .img_jitsurei{margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .ttl img{width: 50%;}
  .ttl2 img{ width: 50%;margin-bottom: 0%; }
}

/*section09 jitsurei4*/
.jitsurei4{background-image: url(../images/bg_jitsurei_41_sp.jpg); padding: 280px 0 50px 0; background-size: cover; background-repeat: no-repeat;}
.ttl{padding-bottom: 2%;}
.ttl2{margin-bottom: -9%; text-align: right;}
.jitsurei_box{background-color: rgba(255,255,255,0.65); margin-bottom: 5%; padding:5%; text-align: center;}
.jitsurei_img_r{float: none;  width: 70%;}
.jitsurei_box h3{padding-top: 5%;}
.jitsurei_box .b{padding: 3% 0; font-weight: bold;}
.img_jitsurei{margin-top: 7%; margin-bottom: 12%;}

@media screen and (min-width:1200px){
  .jitsurei4{background-image: url(../images/bg_jitsurei_41.jpg); padding: 280px 0 50px 0; background-size: 100%;}
  .ttl{padding-bottom: 20px;}
  .ttl2{margin-bottom: -90px; text-align: right;}
  .jitsurei_box{margin-bottom: 50px; padding:0 40px 0 0;}
  .jitsurei_img_r{float: left; margin-right: 40px; width: auto; height:100%;}
  .jitsurei_box h3{padding-top: 50px;}
  .jitsurei_box .b{padding: 30px 0 20px 0; font-weight: bold;}
  .jitsurei_box p{overflow: auto;}
  .img_jitsurei{margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .jitsurei{ background-size: cover; padding: 560px 0 50px 0;}
  .jitsurei_img_r{float: left; margin-right: 70px;}
  .img_jitsurei img{width: 100%;}
  .img_jitsurei{margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .ttl img{width: 50%;}
  .ttl2 img{ width: 50%;margin-bottom: 0%; }
}

/*section09 jitsurei5*/
.jitsurei5{background-image: url(../images/bg_jitsurei_51_sp.jpg); padding: 280px 0 50px 0; background-size: cover; background-repeat: no-repeat;}
.ttl{padding-bottom: 2%;}
.ttl2{margin-bottom: -9%; text-align: right;}
.jitsurei_box{background-color: rgba(255,255,255,0.65); margin-bottom: 5%; padding:5%; text-align: center;}
.jitsurei_img_r{float: none;  width: 70%;}
.jitsurei_box h3{padding-top: 5%;}
.jitsurei_box .b{padding: 3% 0; font-weight: bold;}
.img_jitsurei{margin-top: 7%; margin-bottom: 12%;}

@media screen and (min-width:1200px){
  .jitsurei5{background-image: url(../images/bg_jitsurei_51.jpg); padding: 280px 0 50px 0; background-size: 100%;}
  .ttl{padding-bottom: 20px;}
  .ttl2{margin-bottom: -90px; text-align: right;}
  .jitsurei_box{margin-bottom: 50px; padding:0 40px 0 0;}
  .jitsurei_img_r{float: left; margin-right: 40px; width: auto; height:100%;}
  .jitsurei_box h3{padding-top: 50px;}
  .jitsurei_box .b{padding: 30px 0 20px 0; font-weight: bold;}
  .jitsurei_box p{overflow: auto;}
  .img_jitsurei{margin-top: 70px;}
}

@media screen and (min-width:1500px){
  .jitsurei{ background-size: cover; padding: 560px 0 50px 0;}
  .jitsurei_img_r{float: left; margin-right: 70px;}
  .img_jitsurei img{width: 100%;}
  .img_jitsurei{margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .ttl img{width: 50%;}
  .ttl2 img{ width: 50%;margin-bottom: 0%; }
}


/*section08 security*/
.security{text-align: center; padding-top: 5px;}
.security_img{margin-bottom: 40px;}
.hidden_box {margin:40px 0 40px 0;}
.hidden_box_top{padding: 40px 0 40px 0; width: 100%; background-color: #d8bd74; text-align: center;}
.hidden_box label { cursor :pointer; color: #fff; font-size: 18px; padding: 10%;}
.hidden_box input {display: none;}
.hidden_box .hidden_show {
  background-color: #f9f7e9;height: 0;padding: 0;overflow: hidden;opacity: 0;transition: 0.5s;}
.hidden_box input:checked ~ .hidden_show { padding: 10px 0; height: auto; opacity: 1;}
.hidden_box h3{text-align: center; margin:10% auto 4% auto;}
@media screen and (min-width:1025px){ 
  .hidden_box h3{margin: 100px auto 40px auto;}
}

.item{width: 38%; margin:4% 2%; padding: 4% 4% 6% 4%; background-color: #fff; float: left; text-align: center; height: 380px;}
.item img{margin:4% auto;}
.item p{text-align: left; color: #666666; font-size:16px; line-height: 1.8em;}

@media screen and (min-width:1025px){  
  .kensa{margin:0 auto; padding: 0 2% ; }
  .item{box-sizing: border-box;width: 23%; background-color: #fff; float: left; margin:0 1%; padding: 40px 20px; height: 550px;}
  .item img{margin:0px auto 20px auto;}
  .item p{text-align: left; color: #666666; font-size:16px; line-height: 29px;}
}
@media screen and (min-width:1500px){
  .kensa{width:1440px;margin:0 auto; padding: 0 30px;}
  .item{width: 305px; background-color: #fff; float: left; margin:0 35px; padding: 40px 30px; height: 500px;}
  .item1{margin:0 35px 0 0px;}
  .item4{margin:0 0px 0 35px;}
}
@media screen and (max-width:640px){
  .item{width: 88%; margin:4% 2%; background-color: #fff; float: left; height: auto;}
}

.hoken{width: 96%; margin:0 auto; text-align: center;}
.hoken1{box-sizing: border-box;  margin: 4% 0 ;background-color: #fff; padding: 4% 3%;}
.hoken2{box-sizing: border-box;  margin: 4% 0 ;background-color: #fff; padding: 4% 3%;}
.hoken1 p{text-align: left; color: #666666; font-size:16px; line-height: 1.8em;}
.hoken2 p{text-align: left; color: #666666; font-size:16px; line-height: 1.8em;}

@media screen and (min-width:1025px){ 
.hoken{width: 96%; margin:0 ; padding: 0 2%}
  .hoken1{width: 48%; height: 320px; margin: 0 1% ; float: left;}
  .hoken2{width: 48%; height: 320px; margin: 0 1%; float: left;}
  .hoken1 p{text-align: left; color: #666666; font-size:16px; line-height: 29px; margin:30px 0 0px 0;}
  .hoken2 p{text-align: left; color: #666666; font-size:16px; line-height: 29px; margin:30px 0 0px 0;}
}
@media screen and (min-width:1500px){
  .hoken{width: 1500px; margin:0 auto; padding:0 30px; }
  .hoken1{width: 700px; height: 310px; margin: 0 20px 0 30px; float: left; padding: 50px 30px;}
  .hoken2{width: 700px; height: 310px; margin: 0 30px 0 20px; float: right; padding: 50px 30px;}
}

.after h3{padding-bottom: 30px;}
.after ul{ width: 96%; margin: 0 auto; background-image: url(../images/bg_after_sp.png); background-repeat: repeat-y; background-position: center ; color: #000;}
.after ul li{ width: 212px; height: 282px; background-image: url(../images/bg_after_01.png); background-repeat: no-repeat; background-position: center top;
  text-align:center; margin: 0 auto; padding: 65px 35px 0 35px;}
.after ul li p{ text-align: left;}
li.big{ width: 286px !important; height: 356px !important; background-image: url(../images/bg_after_02.png) !important; background-repeat: no-repeat;}
.after ul li img{ margin-bottom: 40px;}
li.big img{ margin-bottom: 30px !important;}
.after ul li:last-child{ height: 217px;}
.after ul li p { font-size: 15px;}

@media screen and (min-width:1500px){
.after h3{padding-bottom: 30px;}
.after ul{ width: 1440px; margin: 0 auto; background-image: url(../images/bg_after_pc.png); background-repeat: no-repeat; background-position: center 155px;}
.after ul li{ width: 212px; height: 282px; background-image: url(../images/bg_after_01.png); background-repeat: no-repeat;
  text-align:center; margin: 0 75px 0 0 ; padding: 65px 35px 0 35px; float: left;}
.after ul li p{ text-align: left;}
li.big{ width: 286px !important; height: 356px !important; margin-top: -35px !important; background-image: url(../images/bg_after_02.png) !important; background-repeat: no-repeat;}
.after ul li:last-child{ margin-right: 0px;}
.after ul li img{ margin-bottom: 40px;}
li.big img{ margin-bottom: 30px !important;}
}
@media screen and (max-width:380px){
.after ul li,
li.big{ width: 100% !important; height: 347px !important; margin: 0 auto; padding: 65px 18% 0; background-image: url(../images/bg_after_01.png) !important; background-repeat: no-repeat; text-align:center; float: none; box-sizing: border-box;}
li.big img{ margin-bottom: 10px !important;}
.after ul li p { text-align: justify;}
}

.contact{ padding: 60px 0 120px 0; background-image: url(../images/bg_contact_01.png); background-repeat: no-repeat; background-size: cover;}
.contact_text{padding: 5% 0 4% 0; text-align: center;}
.center{text-align: center;}
.contact h3{font-size: 24px;color: #333333; margin-bottom: 5%;}
.contact_l{width: 96%; float: left; margin:0 auto; padding: 4% 0;}
.contact_r{width: 96%; float: left; margin:0 auto 12% auto; padding: 4% 0;}
.bur{text-align: center;width: 96%; margin:0 auto;}
.bur img{　max-width:995px ;}
@media screen and (min-width:1500px){
.contact{ padding: 60px 0 60px 0; background-image: url(../images/bg_contact_01.png); background-repeat: no-repeat; background-size: cover;}
.contact_text{padding: 50px 0 40px 0; text-align: center;}
.contact h3{font-size: 24px;color: #333333; margin-bottom: 35px;}
.contact_l{width: 700px; float: left;}
.contact_r{width: 700px; float: right; margin-bottom: 120px;}
.bur img{width: auto; }
.pt80{padding-top: 80px;}
}
@media screen and (min-width:1025px){
.contact_l{width: 45%; float: left;}
.contact_r{width: 45%; float: right; margin-bottom: 120px;}
}
@media screen and (max-width:640px){
  .contact_l p{overflow: hidden;}
  .contact_r p{overflow: hidden;}
}

footer{text-align: center;}
.footer_info{background-color: #f9f7e9; padding: 25px; color: #666666; font-size: 14px; line-height: 30px; margin: 30px 0 20px 0;}
.copy{margin-bottom: 20px; font-size: 12px; color: #666666; text-align: center;}


/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
 /*ローディングアニメーション*/
.la-ball-pulse-sync,
.la-ball-pulse-sync > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-pulse-sync {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-pulse-sync.la-dark {
    color: #333;
}
.la-ball-pulse-sync > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-pulse-sync {
    width: 54px;
    height: 18px;
}
.la-ball-pulse-sync > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    -webkit-animation: ball-pulse-sync .6s infinite ease-in-out;
       -moz-animation: ball-pulse-sync .6s infinite ease-in-out;
         -o-animation: ball-pulse-sync .6s infinite ease-in-out;
            animation: ball-pulse-sync .6s infinite ease-in-out;
}
.la-ball-pulse-sync > div:nth-child(1) {
    -webkit-animation-delay: -.14s;
       -moz-animation-delay: -.14s;
         -o-animation-delay: -.14s;
            animation-delay: -.14s;
}
.la-ball-pulse-sync > div:nth-child(2) {
    -webkit-animation-delay: -.07s;
       -moz-animation-delay: -.07s;
         -o-animation-delay: -.07s;
            animation-delay: -.07s;
}
.la-ball-pulse-sync > div:nth-child(3) {
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
}
.la-ball-pulse-sync.la-sm {
    width: 26px;
    height: 8px;
}
.la-ball-pulse-sync.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.la-ball-pulse-sync.la-2x {
    width: 108px;
    height: 36px;
}
.la-ball-pulse-sync.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
}
.la-ball-pulse-sync.la-3x {
    width: 162px;
    height: 54px;
}
.la-ball-pulse-sync.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    66% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-moz-keyframes ball-pulse-sync {
    33% {
        -moz-transform: translateY(100%);
             transform: translateY(100%);
    }
    66% {
        -moz-transform: translateY(-100%);
             transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
             transform: translateY(0);
    }
}
@-o-keyframes ball-pulse-sync {
    33% {
        -o-transform: translateY(100%);
           transform: translateY(100%);
    }
    66% {
        -o-transform: translateY(-100%);
           transform: translateY(-100%);
    }
    100% {
        -o-transform: translateY(0);
           transform: translateY(0);
    }
}
@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
             -o-transform: translateY(100%);
                transform: translateY(100%);
    }
    66% {
        -webkit-transform: translateY(-100%);
           -moz-transform: translateY(-100%);
             -o-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }
}