@media screen and (max-width:959px){
.nav_pc,
header,
#video-area video.pc,
.scroll_down,
.content_02 ul,
.content_04 th,
.content_05 h2,
.content_06 .img02,
#contact_r,
#page-top{
visibility:hidden;
display:none;
height:0;
}
.pc{display:none;}
body {
height:100%;
width:100%;
margin:0 auto ;
font-size:14px;
color:#333;
line-height:2em;
font-family: 'Kiwi Maru', serif;
}
header {
overflow:hidden;
height:auto;
width:100%;
background: #80b28c;
margin: 0 auto;
font-family: 'Noto Serif JP', serif;
}

/* nav
-----------------------------------------*/
nav.nav_sp {
position: fixed;
z-index: 2;
top: 0;
left: 0;
background: #fff;
color: #000;
text-align: center;
transform: translateY(-100%);
transition: all 0.6s;
width: 100%;
}
nav.nav_sp ul {
background:#fff;
margin: 0 auto;
padding: 0;
width: 100%;
}
nav.nav_sp ul li {
font-size: 1.1em;
list-style-type: none;
padding: 0;
width: 100%;
border-bottom: 1px dotted #333;
}
nav.nav_sp ul li:last-child {
padding-bottom: 0;
border-bottom: none;
background:#009e96;
}
nav.nav_sp ul li a {
display: block;
color: #000;
padding: 1em 0;
}
nav.nav_sp ul li:last-child a{
color: #fff;
}
nav.nav_sp.active {
transform: translateY(0%);
}
nav.nav_sp img {
width:20px;
margin-left: 20px;
}
.navToggle {
display: block;
position: fixed;
right: 0;
width: 42px;
height:46px;
cursor: pointer;
z-index: 3;
background:#009e96;
text-align: center;
}
.navToggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #fff;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 6px;
}
.navToggle span:nth-child(1) {top: 9px;}
.navToggle span:nth-child(2) {top: 18px;}
.navToggle span:nth-child(3) {top: 27px;}
.navToggle span:nth-child(4) {
border: none;
color: #eee;
font-size: 9px;
font-weight: bold;
top:25px;
}
.navToggle.active span:nth-child(1) {
top: 18px;
left: 6px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}

/* contact ------------*/
.contact {
color: #fff;
overflow:hidden;
height:auto;
text-align: center;
position: relative;
font-weight: bold;
background:#f6ad54 url(../images/contact_sp.png) no-repeat top center;
background-size:auto 100% ;
}
.contact p{
text-indent:-9999px;
}
.contact ol{
list-style-type:none;
width:90%;
margin:0 auto;
padding-top:140px;
overflow:hidden;
height:auto;
font-family: 'Kiwi Maru', serif;
}
.contact ol li{
width:46%;
height:50px;
float: left;
margin-bottom: 20px;
border: 1px solid #fff;
line-height: 1.2em;
font-weight: bold;
background: #f6ad54;
}
.contact ol li:first-child{
position: relative;
border: solid 1px #fff;
text-align: center;
margin-right: 5%;
}
.contact ol li:first-child .box_title{
position: absolute;
display: inline-block;
top: -8px;
left:10%;
text-align: center;
background: #f6ad54;
color: #fff;
font-size: 10px;
}
.contact ol li:first-child p {
margin: 0; 
padding: 0;
}
.contact ol li:first-child a{
color: #fff;
font-size:17px;
}
.contact li:last-child a{
position: relative;
margin-left: auto;
margin-right: auto;
padding-top:15px;
height:35px;
display: flex;
text-align: center;
background: #fff;
letter-spacing: -0.05em;
}
.contact li:last-child a span{
width: 100%;
height: 100%;
color: #f18700;
z-index: 10;
}
.contact .sp{
width: 100px;
border: 1px solid #fff;
}
.contact .sp img{
width:60%;
}
#contact_sp {
position: fixed;
bottom:0;
right:0;
z-index: 100;
}
#contact_sp img {
width:100px!important;
}
#contact_sp a {
width:100px;
height:120px;
background: url("../images/contact_r.png") no-repeat;
background-size:100px;
display: block;
text-indent: -9999px;
}

/* h1~h5
-----------------------------------------*/
h1.logo{
width:80px;
height: 80px;
text-indent:-9999px;
background:#fff url(../images/logo.png) no-repeat center;
background-size:70% auto;
}
h2{
font-size:18px;
font-weight: bold;
font-family: 'font';
}
.content_02 h2,
.content_04 h2,
.content_06 h2,
.content_07 h2,
.content_09 h2,
.content_11 h2{
background: #ebeb6e;
text-align: center;
color: #333;
padding: 10px 0;
}
h3{
font-family: 'font';
}

/* main
-----------------------------------------*/
.main{
width:100%;
height:290px;
font-family: 'Kiwi Maru', serif;
position: relative;
background: url(../video/douga.jpg) no-repeat center;
background-size:auto 290px;
margin-top: -37px;
z-index: -1;
}


#video-area{
position: fixed;
z-index: -1;
top:46px;
right:0;
left:0;
bottom:0;
overflow: hidden;
}
#video {
position: absolute;
z-index: -1;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
width:auto;
height:60%;border: 2px solid #fff;
}

/* content
-----------------------------------------*/
.content_01{
height:130px;
padding-top:20px;
text-align:center;
color: #333;
background:#f1f1f1;
clear: both;
font-family: 'font';
}
.content_01 p strong{
color: #009e96;
font-size: 15px;
}
.content_01 h1{
font-size:17px;
line-height:2em;;
width:90%;
margin: 0 auto;
}
.content_01 h1 em{
color: #f18700;
}
.content_01 h1 strong{
color: #009e96;
}
.content_01 h1 p.logo{
background: url(../images/logo_02.png) no-repeat center;
background-size:220px auto;
text-indent:-9999px;
height:50px;
width: 220px;
float: left;
}
.content_01 h1 p.text{
margin-top:13px;
letter-spacing:-0.1em;
float: left;
font-size:15px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
font-weight: bold;
}

/* content_02 ------------*/
.content_02{
background: #fff;
}
.content_02 img{
width: 97%;
margin: 20px 3% 20px 0;
}

/* content_03 ------------*/
.content_03{
padding:0 5% 30px;
width:90%;
background:#545451;
color: #fff;
}
.content_03 p.img{
width: 90%;
height:800px;
position: absolute;
background:url(../images/content_03sp.png) no-repeat center 30px;
background-size:100% auto;
}
.content_03 h2{
font-size:17px;
text-align: center;
padding-top:30px;
}
.content_03 ul{
margin:20px auto 0;
line-height:2.5;
}
.content_03 ul li{
font-family: 'Kiwi Maru', serif;
}

/* content_04 ------------*/
.content_04,
.content_06{
background: #fff;
}
.content_04 img{
width: 100%;
}
.content_04 {
width:100%;
}
.content_04 table{
width:90%;
margin: 0 auto;
}
.content_04 tr,.content_04 td{
display: block;
position: relative;
margin-bottom:10px;
}
.content_04 td{
border: 1px solid #ccc;
padding:5px 5px 10px 3px;
} 
.content_04 tr {
margin-bottom:20px;
}
.content_04 ul {
overflow:hidden;
height:auto;
}
.content_04 ul li{
text-align: center;
width:48%;
float: left;
margin: 0 1%;
border-bottom: 2px solid #eee;
}
.content_04 ul li.ttl{
text-align: center;
font-size: 15px;
width: 100%!important;
background: #eee;
padding: 5px 0 4px;
}
.content_04 ul li.img{
width: 100%!important;
margin-bottom: 10px;
}

/* content_05 ------------*/
.content_05{
background: #e5e5e5;
padding:0;
}
.content_05 ul{
width:90%;
padding-top: 20px;
margin:0 auto;
overflow:hidden;
height:auto;
}
.content_05 ul li{
width:100%;
background: #fff;
padding-bottom: 20px;
margin-bottom:20px;
}
.content_05 ul li:first-child {
color:#e1d53b;
background: #e1d53b;
}
.content_05 ul li:nth-child(odd){
margin-right:30px;
}
.content_05 ul li img{
width:100%;
border-bottom: 3px solid #d6d22f;
}
.content_05 ul li em{
background: #d6d22f;
color: #fff;
float: right;
padding: 0 8px;
}
.content_05 ul li h3{
margin: 20px 30px 0;
line-height:2em;
}
.content_05 ul li h3 strong{
font-size:18px;
}
.content_05 ul li p{
font-size:14px;
margin:10px 30px 0;
color: #666;
font-family: 'Kiwi Maru', serif;
}

/* content_06 ------------*/
.content_06{
padding-bottom: 20px;
background:#fff;
}
.content_06 aside{
width:80%;
margin:10px auto;
padding: 20px 5%;
color: #fff;
background:#83ccc9;
text-align: center;
}
.content_06 aside h3{
font-size:20px;
font-weight: bold;
margin-bottom:10px;
}
.content_06 aside p{
font-size:12px;
line-height: 1.6em;
}
.content_06 .img01{
height: 200px;
width: 100%;
margin: 0 auto;
margin-top: -200px;
}
.content_06 div.block_01{
background:url(../images/content_06_img02.jpg) no-repeat left bottom;
background-size:100px auto;
padding: 10px 0 0;
}
.content_06 div.block_02{
background:url(../images/content_06_img03.jpg) no-repeat left bottom;
background-size:100px auto;
padding: 10px 0 0;
}
.content_06 div.block_01,
.content_06 div.block_02{
width: 100%;
margin:0 auto;
}
.content_06 div.block_01 h4,
.content_06 div.block_02 h4{
font-size:15px;
border-bottom: 1px solid #666;
letter-spacing:0.6em;
margin-left:100px;
}
.content_06 div.block_01 ul,
.content_06 div.block_02 ul{
list-style: square;
margin:10px 0 20px 120px;
}
.content_06 div.block_03{
width:80%;
height: auto;
padding:20px 5% 0;
margin:0 auto ;
background: #f5ffff;
border:5px solid #80ccb0;
}
.content_06 div.block_03 h4{
text-align: center;
font-size:15px;
border-bottom: 1px solid #666;
padding-bottom:2px;
}
.content_06 div.block_03 ul{
list-style: square; 
margin: 20px 0;
padding: 0 10px;
}
.content_06 div.block_03 p{
background: #80ccb0;
color: #fff;
text-align: center;
padding:10px 15px;
font-size: 10px;
line-height:1.6em;
margin-bottom: 20px;
}

/* content_07 ------------*/
.content_07{
background: #99d6c0;
padding-bottom:20px;
overflow:hidden;
height:auto;
z-index:-1;
text-align: center;
}
.content_07 h3{
padding:25px 0 ;
font-size: 12px;
text-align: center;
}
.content_07 dt{
background: #e6f5ed;
font-size: 12px;
margin: 0 auto;
padding:10px 5%;
width: 80%;
line-height:1.6em;
}
.content_07 dt p {
clear: both;
margin:0 auto 10px;
padding: 0 5px;
width:50px;
height: 50px;
line-height: 50px;
color: #4bbac5;
font-size:12px;
font-weight: bold;
background: #fff;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
}
.content_07 dd{
background: #e6f5ed;
width:70%;
margin: 0 auto 20px;
color: #f9687d;
padding:0 10% 20px;
font-size:15px;
font-weight: bold;
line-height:1.6em;
}
.content_07 dd::before {
/* content: "解決！";*/
 color:#fff;
 font-size: 10px;
background: #f9687d;
padding:6px 4px 6px 10px;
margin-right:10px;
}

/* content_08 ------------*/
.content_08{
width: 100%;
background: url(../images/content_08baksp.jpg) no-repeat center bottom;
background-size:100% ;
z-index:3;
overflow:hidden;
position: relative;
z-index: 2;
color: #fff;
text-align: center;text-shadow:0 2px 3px #000;
}
.content_08 h2{
font-size:23px;
line-height:1.5em;
letter-spacing: 1.25em;
margin:50px 0 20px;
}
.content_08 p{
font-size:14px;
line-height:2.5em;
width:90%;
text-align: center;
margin: 0 auto 50px;
}
.content_08 div.img01 img{
width: 100%;
}

/* content_10 ------------*/
.content_10 {
background:#ebeb6f url(../images/content_10baksp.png) no-repeat center bottom;
background-size:100% ;
overflow: hidden;/*float解除*/
}
.content_10 div {
width: 90%;
margin:0 auto;
padding: 20px 0;
}
.content_10 h2{
font-size:28px;
line-height: 0.5em;
letter-spacing: 0.05em;
}
.content_10 h2 small{
font-size:10px;
font-weight: normal;
}
.content_10 h3{
font-size: 18px;
line-height:1.4em;
margin:40px 0;
}
.content_10 p{
line-height:2em;
margin-bottom:220px;
}

/* content_09 ------------*/
.content_09{
background: #99d6c0;
}
.content_09 h2{
background:#99d6c0!important;
}
.content_09 ul {
width:100%;
margin: 0 auto;
/*border: 3px solid #fff;*/
overflow:hidden;
height:auto;
}
.content_09 ul li{
width: 90%;
margin: 0 auto 30px;
line-height: 1.3em;
}
.content_09 ul li img{
 width: 100%;
height:250px;
object-fit: cover;
object-position:center -50px;
margin-bottom: 10px;
}
.content_09 ul li h3{
border-left: 4px solid #ebeb6e;
padding-left: 10px;
font-size: 10px;
}
.content_09 ul li h4{
border-left: 4px solid #ebeb6e;
line-height: 1;
padding-left: 10px;
letter-spacing:0.5em;
margin-bottom:10px;
font-size: 15px;
}
.content_09 ul li:nth-child(2) img{
height: 300px;
}

/* content_11 ------------*/
.content_11{
font-size: 12px;
text-align: center;
position: relative;
background:#ccecdc;
font-family: 'Kiwi Maru', serif;
}
.content_11 ul {
width:90%;
margin:0 auto;
padding:30px 0 0;
/*border: 3px solid #fff;*/
overflow:hidden;
height:auto;
}
.content_11 ul li{
width: 80%;
padding: 20px 10%;
margin-bottom:20px;
background: #fff;
}
.content_11 ul li img{
width: 70%;
text-align: center;
}

/* mov ------------*/
.mov{
background: #000;
text-align: center;
padding-top: 10px;
}
.mov iframe{
width:100%;
height: auto;
}
}