html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{
margin:0;
padding:0;
font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ,'游ゴシック  Medium', 'MS PGothic', arial, helvetica, sans-serif;
vertical-align:baseline;
list-style-type:none;
letter-spacing:0.2em;
box-sizing:border-box;
}

a{
color:#555;
text-decoration:none;
}

.clearfix { 
display: block; 
}  

.clearfix:after {  
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;  
}  

.float{
float:left;
}

.float2{
float:left;
}





h1,h2,h3,h4{
font-weight:normal;
}

h1{
line-height:0;
}

/* 空間調整用 */
.m-t10{
margin-top:10px;
}

.m-t20{
margin-top:20px;
}

.m-t30{
margin-top:30px;
}

.m-t40{
margin-top:40px;
}

.m-t50{
margin-top:50px;
}

.m-b10{
margin-bottom:10px;
}

.m-b20{
margin-bottom:20px;
}

.m-b30{
margin-bottom:30px;
}

.m-b50{
margin-bottom:50px;
}

.m-b80{
margin-bottom:80px;
}

.m-l10{
margin-left:10px;
}

.m-l20{
margin-left:20px;
}

.m-l30{
margin-left:30px;
}

.m-r10{
margin-right:10px;
}

.m-r20{
margin-right:20px;
}

.m-r30{
margin-right:30px;
}


.p-t10{
padding-top:10px;
}

.p-t20{
padding-top:20px;
}

.p-t30{
padding-top:30px;
}

.p-b10{
padding-bottom:10px;
}

.p-b20{
padding-bottom:20px;
}

.p-b30{
padding-bottom:30px;
}

.p-l10{
padding-left:10px;
}

.p-l20{
padding-left:20px;
}

.p-l30{
padding-left:30px;
}

.p-r10{
padding-right:10px;
}

.p-r20{
padding-right:20px;
}

.p-r30{
padding-right:30px;
}

img{
width:100%;
vertical-align:bottom;
}




/*ここからnaver*/
.naver {
  margin: 0;
}
.naver,
.naver *,
.naver *:before,
.naver *:after {
  box-sizing: border-box;
}
.naver-handle {
  width: 100%;
  background: #06D385;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 16px;
  margin: 0;
  padding: 10px 15px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.naver-handle:after {
  height: 3px;
  width: 15px;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  background: #fff;
  box-shadow: 0 5px 0 #fff, 0 -5px 0 #fff;
  content: '';
  display: block;
  margin: auto 0;
}
.naver.open .naver-handle:after {
  width: 15px;
  height: 15px;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #fff;
  content: "\00d7";
  font-size: 22px;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
}
.naver-wrapper {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}
.naver-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.naver.enabled .naver-handle {
  display: block;
}
.naver.enabled .naver-wrapper {
  height: 0px;
  overflow: hidden;
}
.naver.enabled .naver-container {
  background: #ffffff;
}

 .naver-container {
 height:auto;
 }

/*ここまでnaver*/


.inner {
    width: 100%;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */


#top-head a,
#top-head {
    color: #222;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}

#global-nav ul li {
float: left;
width:11.1%;
}



#global-nav ul li:first-child{
border-left: solid 1px #222;
box-sizing:border-box;
}

#global-nav ul li{
border-right: solid 1px #222;
box-sizing:border-box;
}

#global-nav ul li a {

display:block;
text-align:center;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}

#top-head.fixed #global-nav ul li a {
    color: #222;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}


.header-w{
width:100%;
min-width:1000px;
}

.header-i{
width:1000px;
margin:0 auto;
}



.h-1{
padding:20px 0 20px;
}

.h-1-1{
width:199.1px;
margin-right:660px;
}

.h-1-2{
width:140.8px;
}

.h-2-1{
width:50%;
margin-right:10%;
}

.h-2-2{
width:30%;
}

.h-2{
display:none;
}

.visual-w{
width:100%;
min-width:1000px;
margin-top:40px;
}


.visual{
width:1000px;
height:500px;
margin:0 auto;
background-image:url("../image/ate3.png");
background-repeat:no-repeat;
background-size:cover;
}

.mokuji a{

}

.mokuji a:hover{
background-color:#00873A;
}










.side0{
padding:30px 10px 0 20px;
}

.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  text-align:center;
}

.arrow::before{
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}








.side1{
color:#fff;
font-size:0.8rem;
margin-top:100px;
padding-left:50px;
}

.side2{
color:#fff;
font-size:0.8rem;
margin-top:10px;
padding-left:50px;
}

.content-w{
width:100%;
min-width:1000px;
}

.content{
width:1000px;
margin:0 auto;
}


.bottom0-w{
width:100%;
min-width:1000px;
position:relative;
margin-top:-200px;
}

.bottom0{
width:1200px;
margin:0 auto;
}

.bottom1-w{
width:100%;
min-width:1000px;
}

.bottom1{
width:1000px;
margin:0 auto;
padding:50px 0;
}

.bottom2-w{
width:100%;
min-width:1000px;
}

.bottom2{
width:1000px;
margin:0 auto;
padding:0 0 50px;
}

.wrap{
margin-top:40px;
}

.bottom1>div{
width:18%;
margin-right:2.5%;
}

.bottom1>div:last-child{
margin-right:0;
}

.bp1{
color:#fff;
font-size:0.9rem;
}

.bp1 a{
color:#fff;
font-size:0.9rem;
}

.bp2{
font-size:0.7rem;
color:#fff;
}

.bottom2 p{
text-align:center;
}

.bp3{
font-size:1.3rem;
width:200px;
margin:0 auto 20px;
}

.bp4{
font-size:0.7rem;
}

.bp5{
margin-bottom:30px;
}

.bp6{
font-size:0.7rem;
}

.henka{
display:none;
}

.content2-w{
width:100%;
min-width:1000px;
}

.content2{
width:1000px;
margin:0 auto;
}

.content3{
width:900px;
margin:0 auto;
}

.h21{
width:480px;
margin:0 auto 40px;
}

.h31{
text-align:center;
padding:8px 0 5px;
color:#fff;
font-size:1.1rem;
}

.pad1{
padding:50px 0;
}

.pad2 {
padding: 80px 0 50px;
}

.pad3{
padding:120px 0 80px;
}

.pad4{
padding:130px 0 80px;
}

.pad5{
padding:80px 0;
}

.pad6{
padding:0 0 340px;
}

.cont1{
background-image:url("../image/gin3.png");
background-size:3000px;
background-repeat:no-repeat;
height:600px;
}

.cont2{
background-image:url("../image/gin7.png");
background-size:3000px;
background-repeat:no-repeat;
height:650px;
margin-top:-100px;
}

.cont3{
background-image:url("../image/gin8.png");
background-size:3000px;
background-repeat:no-repeat;
background-position:center top;
margin-top:-89px;
}

.cont4{
background-color:#F2EDE6;
}


.blue{
background-color:#0344B8;
}

.bp2 a {
font-size: 0.7rem;
color: #fff;
}

.mokuji2 li a{
font-size:0.6rem;
letter-spacing:0;
text-align:center;
display:block;
}

.mokuji2 li{
width:77px;
}

.mokuji2 li:nth-child(-n+6){
width:70px;
}

.mokuji2 li:nth-child(7){
width:80px;
}

.mokuji2 li:nth-child(8){
width:100px;
}

.mokuji2 li:nth-child(n+9):nth-child(-n+12){
width:75px;
}

.mokuji2 li:last-child{
width:100px;
}

.g1{
height:222px;
background-image:url("../image/gkyotu3.png");
background-size:3000px;
background-position:center bottom;
background-repeat:no-repeat;
}

.g2{
position:absolute;
bottom:10px;
width:100%;
}

.g2 a{
display:block;
width:60px;
margin:0 auto;
}


.sl-1{
padding:0 10px;
}


.in1-1{
width:65%;
margin-right:5%;
}

.in1-2{
width:30%;
}

.in2-1{
width:30%;
margin-right:5%;
}

.in2-2{
width:30%;
margin-right:5%;
}

.in2-3{
width:30%;
}

.h21t {
text-align: center;
font-size: 1.4rem;
padding-bottom: 50px;
}
h1, h2, h3, h4 {
font-weight: normal;
}

.p1 {
width: 30%;
margin: 0 auto;
}

.p1 a {
display: block;
font-size: 0.9rem;
text-align: center;
padding: 8px 0 5px;
border: solid 2px #555;
}

.p2{
background-color:#4267b2;
color:#fff;
font-weight:bold;
padding:7px 20px 4px;
font-size:0.8rem;
}

.p2a{
background-color:#1da1f2;
color:#fff;
font-weight:bold;
padding:7px 20px 4px;
font-size:0.8rem;
}


.p3{
color:#fff;
font-size:0.8rem;
text-align:center;
letter-spacing:0;
}

.p4{
font-size:0.8rem;
text-align:center;
}

.p5 a{
font-size:0.8rem;
display:inline-block;
width:100%;
height:32px;
text-align:center;
background-color:#00873A;
vertical-align:middle;
line-height:32px;
border-radius:16px;
color:#fff;
}



.trim2{
height:154px;
}

.ing2{
margin-bottom:50px;
}

.ing2>div{
width:22%;
margin-right:4%;
}

.ing2>div:last-child{
margin-right:0;
}

.ing2 img{
width:100%;
}

.nichiji{
font-size:0.8rem;
padding:10px 0;
}

.dai{
font-size:0.7rem;
}

.m-b26{
margin-bottom:26.665px;
}


.in3{
width:900px;
margin:0 auto;
padding-top:80px;
}

.in3-1{
width:30%;
margin-right:5%;
}

.in3-2{
width:30%;
margin-right:5%;
}

.in3-3{
width:30%;
}

.youtube-w{
width:100%;
background-image:url('../image/bg-green.jpg');
background-size:100%;
backgorund-repeat:no-repeat;
background-position:center center;
}

.in4{
width:1000px;
margin:0 auto;
padding:100px 0 100px;
}

.in4-1{
width:50%;
padding-top:30px;
}

.in4-2{
width:50%;
}


.yt-link a{
display:block;
text-align:right;
padding-top:5px;
color:#fff;
font-size:0.9rem;
}

.top_comment{
	font-size:15px;
	width:500px;
	margin:50px auto;

}


.facebook_tyuui{
	padding-top:30px;
	font-size:12px;
}

.twitter_box{
	width:270px;
	height:400px;
	border:1px solid #1DA1F2;
	background-color:#fff;
	background-image: url("../image/gin1.png"); 
	background-size:contain;
	background-repeat:no-repeat;
}

.twitter_txt{
	display:block;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	padding:170px 30px 20px;
}

.twitter_box_img{
	text-align:center;
}

.twitter_box_img img{
	width:201px;
	padding-bottom:30px;
}

.twitter_bottom{
	display:block;
	width:180px;
	height:50px;
	border-radius:25px;
	background-color:#1DA1F2;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	margin:0 auto;
	display: flex;
	align-items: center;
	justify-content: center;

}






@media only screen and (max-width: 1400px) {
.side{
display:none;
}
}









@media only screen and (max-width: 700px) {

	#top-head {
	    top: -100px;
	    position: absolute;
	    width: 100%;
	    margin: 100px auto 0;
	    padding: 30px 0 0;
	    line-height: 1;
	    z-index: 999;
	}

	#global-nav ul {
	    list-style: none;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    font-size: 14px;
	}

	#global-nav ul li {
	    float: left;
	    width:auto;

	}
	#global-nav ul li a {

	    padding: 0 30px;
	    display:block;
	    text-align:center;
	}



	#top-head,
	    .inner {
	        width: 100%;
	        padding: 0;
	    }
	    #top-head {
	        top: 0;
	        position: fixed;
	        margin-top: 0;
	    }
	    /* Fixed reset */
	    #top-head.fixed {
	        padding-top: 0;
	        background: transparent;
	    }
	    #mobile-head {
	        background: #fff;
	        width: 100%;
	        height: 56px;
	        z-index: 999;
	        position: relative;
	    }

	    #global-nav {
	        position: absolute;
	        /* 開いてないときは画面外に配置 */
	        top: -500px;
	        background: #fff;
	        width: 100%;
	        text-align: center;
	        padding: 10px 0;
	        -webkit-transition: .5s ease-in-out;
	        -moz-transition: .5s ease-in-out;
	        transition: .5s ease-in-out;
	    }
	    #global-nav ul {
	        list-style: none;
	        position: static;
	        right: 0;
	        bottom: 0;
	        font-size: 14px;
	    }
	    #global-nav ul li {
	        float: left;
	        position: static;
		width:50%;
	    }
	    
	    #top-head #global-nav ul li a,
	    #top-head.fixed #global-nav ul li a {
	        width: 100%;
		max-width:100px;
	        display: block;
	        color: #fff;
	        padding: 0;
		margin:0 auto;
	    }
	    #nav-toggle {
	        display: block;
	    }
	    /* #nav-toggle 切り替えアニメーション */
	    .open #nav-toggle span:nth-child(1) {
	        top: 11px;
	        -webkit-transform: rotate(315deg);
	        -moz-transform: rotate(315deg);
	        transform: rotate(315deg);
	    }
	    .open #nav-toggle span:nth-child(2) {
	        width: 0;
	        left: 50%;
	    }
	    .open #nav-toggle span:nth-child(3) {
	        top: 11px;
	        -webkit-transform: rotate(-315deg);
	        -moz-transform: rotate(-315deg);
	        transform: rotate(-315deg);
	    }
	    /* #global-nav スライドアニメーション */
	    .open #global-nav {
	        /* #global-nav top + #mobile-head height */
	        -moz-transform: translateY(556px);
	        -webkit-transform: translateY(556px);
	        transform: translateY(556px);
	    }

	.header-w{
	width:100%;
	min-width:auto;
	}

	.header-i{
	width:auto;
	margin:0 auto;
	}

	.h-1{
	display:none;
	}

	.h-2{
	display:block;
	padding:13px 10px;
	}

	.h-2-1 h1{
	height:30px;
	width:100%;
	background-image:url("../image/kyotu1.png");
	background-repeat:no-repeat;
	background-size:contain;
	}




	.content-w{
	min-width:0;
	}

	.content{
	width:100%;
	margin:0 auto;
	}

	.bottom0-w{
	min-width:0;
	}

	.bottom0{
	width:100%;
	margin:0 auto;
	padding:20px 3%;
	}

	.bottom1-w{
	min-width:0;
	}

	.bottom1{
	width:100%;
	margin:0 auto;
	padding:20px 3%;
	}

	.bottom2-w{
	min-width:0;
	}

	.bottom2{
	width:100%;
	margin:0 auto;
	padding:20px 3%;
	}

	.visual-w{
	min-width:0;
	}

	.visual{
	width:100%;
	}

	#global-nav ul li:first-child{
	border-left:none;
	}

	#global-nav ul li{
	border-right: none;
	}

	.float2{
	float:none;
	}


	.bottom1 > div:last-child {
	margin-right: 0;
	margin:0 auto 30px;
	}


	.bottom1 > div {
	width:200px;
	margin-right: 0;
	margin:0 auto 30px;
	}

	.bp1 {
	font-size: 0.8rem;
	margin-bottom: 10px;
	}

	.bp2 {
	font-size: 0.6rem;
	}

	.henka{
	display:inline;
	}

	.bp3{
	font-size:1rem;
	}

	.bp4{
	font-size:0.6rem;
	}

	.bp5{
	font-size:0.8rem;
	}

	.bp6{
	font-size:0.6rem;
	}

	.wrap{
	margin-top:56px;
	}

	.content2-w{
	min-width:0;
	}

	.content2{
	width:100%;
	margin:0 auto;
	}

	.h21{
	width:70%;
	}

	.h31{
	font-size:0.9rem;
	}

	.pad1{
	padding:20px 3%;
	}

	.pad2 {
	padding: 20px 3%;
	}

	.mokuji { 
	display: block; 
	}  

	.mokuji:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
	}  

	.mokuji li{
	float:left;
	}

	.mokuji2 li{
	width:77px;
	padding:5px;
	}

	.mokuji2 li:nth-child(-n+6){
	width:100%;
	}

	.mokuji2 li:nth-child(7){
	width:100%;
	}

	.mokuji2 li:nth-child(8){
	width:100%;
	}

	.mokuji2 li:nth-child(n+9):nth-child(-n+12){
	width:100%;
	}

	.mokuji2 li:last-child{
	width:100%;
	}

	.pad4 {
	padding: 100px 3% 80px;
	}


	.in1-1{
	width:100%;
	margin-right:0;
	}

	.in1-2{
	width:100%;
	margin-right:0;
	}

	.in2-1 {
	width: 100%;
	margin-right: 0;
	margin-bottom:50px;
	}

	.in2-2 {
	width: 100%;
	margin-right: 0;
	margin-bottom:50px;
	}

	.in2-3 {
	width: 100%;
	margin-bottom:0;
	}

	.cont1{
	background-image:url("../image/gin3.png");
	background-size:cover;
	background-repeat:no-repeat;
	height:auto;
	}

	.cont2{
	background-image:url("../image/gin7.png");
	background-size:cover;
	background-repeat:no-repeat;
	height:auto;
	margin-top:-100px;
	}

	.pad3 {
	padding: 100px 3% 80px;
	}

	.pad5 {
	padding: 80px 3%;
	}

	.pad6{
	padding:0 0 240px;
	}


	.content3 {
	width: 100%;
	margin: 0 auto;
	}

	.sl-1 {
	padding:0;
	}

	.ing2 > div {
	width: 100%;
	margin-right: 0;
	margin-bottom:30px;
	}

	.p1 {
	width: 80%;
	margin: 0 auto;
	}

	.in2{
	width: 270px;
	margin: 0 auto;
	}

	.in4 {
	width:100%;
	margin: 0 auto;
	padding: 50px 0 100px;
	}

	.in4-1 {
	width: 100%;
	padding-top: 0;
	}

	.in4-2 {
	width: 100%;
	padding:0 13%;
	}

	.youtube-w {
	background-image: none;
	background-color:#fff;
	}

	.yt-link{
	display:none;
	}

	.in3 {
	width: 100%;
	margin: 0 auto;
	padding-top:0;
	padding:80px 13%;
	}

	.in3-1 {
	width: 100%;
	margin-right:0;
	margin-bottom:20px;
	}

	.in3-2 {
	width: 100%;
	margin-right:0;
	margin-bottom:20px;
	}

	.in3-3 {
	width: 100%;
	}

	.trim2 {
	height:250px;
	}

	.facebook_tyuui{
		width:80%;
		margin:0 auto;
	}



}