@charset "utf-8";
/*
 Theme Name:   wing-child
 Description:  wing-child
 Author:       株式会社 WING
 Template:     wing
*/


html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {
	margin: 0;padding: 0;
}

p {
	margin:0 0 20px 0;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	line-height: 1.88rem;
	letter-spacing: 0.02rem;
}

ul,li {
	list-style: none;
}

button,input,select,textarea {
	margin: 0;
}

*, *:before, *:after {
	box-sizing: inherit;
}

img,embed,object,audio,video {
	height: auto;
}
a{
	color: #000;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-decoration:none;
}
html {
	box-sizing: border-box;
	overflow: auto;
}

body {
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	color:#000;
	padding:0;
	margin:0;
	letter-spacing: 0px;
	overflow: hidden;
}

img.site_logo{
	width:100%;
	transition: all 0.5s ease;
}

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

.disp_sp {
	display:block;
}

.disp_pc {
	display:none;
}

.txt-center {
	text-align:center;
}

.font-tsukua{
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.font-din{
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
}

p.center{
	text-align:center;
}

/***************/
/* header */
/***************/
#header {
	width:100%;
	height:110px;
	top: 0;
	left: 0;
	display:flex;
	z-index:999;
	background:none;
	transition: all 0.5s ease;
	-webkit-align-items: center;
	align-items: center;
	position:relative;

}


#header .header-inn {
	width:100%;
	display:flex;
	margin:0 auto;
	padding:0;
}

#header .logo a{
	display:block;
	max-width:291.6px;
}

#header .head_contact > div a:hover{
	opacity:0.75;
}

#header .head_contact > div:nth-child(2) a{
	position: relative;
	top: 10px;
	left: 15px;
}

#header .logo{
	width:100%;
	-webkit-align-items: center;
	align-items: center;
	display: flex;
	padding: 0;
	margin-left:15px;
	box-sizing: border-box;
	-webkit-justify-content: center;
	justify-content: center;
}

#header .h-right{
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: right;
	justify-content: right;
	/*-webkit-align-items: center;*/
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top:0;
}

#header img.pc{
	display:block;
}

#header img.sp{
	display:none;
}

@media screen and (min-width:1001px) {
/*	#header {
		height: 208px;
	}*/



}

@media screen and (max-width:780px) {
	#header{
		height:60px;
		z-index: 1;
	}

	#header.active{
		position: fixed;
	}

	#header .header-inn{
		width: 100%;
		height: 60px;
		display: flex;
		margin: 0 auto;
		padding: 0;
	}

	#header .logo{
		text-align:left;
		display: flex;
		padding:0;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: start;
		justify-content: start;
		padding-left: 70px;
	}

	#header .head_contact > div:nth-child(2){
		display:none;
	}

	#header .logo a{
		max-width:154.23px;
		display:flex;
		-webkit-align-items: center;
		align-items: center;
	}

	#header .logo img{
	max-width:none;
	}

	#header img.pc{
		display:none;
	}

	#header img.sp {
		display: block;
		max-width: 170px;
		margin: 5px 0 0 auto;
	}
	
}

@media screen and (max-width:640px) {
	div.top_slider .pc{
		display:none;
	}
}

@media screen and (min-width:641px) {
	div.top_slider .sp{
		display:none;
	}
}


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


	#header img.sp {
		max-width: 120px;
	}

}

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


}

@media screen and (max-width:1000px){
}

/***************/
/*   sp-nav    */
/***************/


/*header navi--------------------*/

.menu{
	height: 40px;
	position: absolute;
	left: 10px;
	left: 30px;
	top: 35px;
	margin:auto;
	width: 40px;
	z-index: 9999;
	display:initial;
}

header .menu:after{
	/*content: "menu";*/
	position: absolute;
	left: -2px;
	bottom: -20px;
	right: 0;
	margin: auto;
	font-size: 12px;
}

header.active .menu:after{
	/*content: "close";*/
	position: absolute;
	left: 0;
	bottom: -20px;
}

.menu__line{
	background: #165A9C;
	display: block;
	height: 3px;
	position: absolute;
	transition:transform .3s;
	width: 41px;
	border-radius: 3px;
	left: 5px;
	top: 7px;
}
.menu__line--center{
	top: 18px;
	left: 5px;
}
.menu__line--bottom{
	top: 30px;
	left: 5px;
}
.menu__line--top.active{
	top: 18px;
	transform: rotate(45deg);
	background:#fff;
}
.menu__line--center.active{
	transform:scaleX(0);
}
.menu__line--bottom.active{
	top: 18px;
	transform: rotate(135deg);
	background:#fff;
}
/*gnav*/
.sp_menu{
	display: none;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0;
}
.gnav__wrap{
	height: 100%;
	position: absolute;
	width: 100%;
	background:#0E92A4;
}


.gnav__wrap ul.gnav__menu01{
	display: flex;
	flex-wrap: wrap;
	margin: 80px 30px;
}


.gnav__wrap ul.gnav__menu01 li {
	margin: 0 10px;
	width: calc(50% - 20px);
	text-align: left;
	position: relative;
}

.gnav__wrap ul.gnav__menu01 li:nth-child(-n+2):before {
	content: "";
	position: absolute;
	bottom: auto;
	left: 0;
	right: 0;
	display: block;
	background-repeat: repeat;
	height: 1px;
	top: 0;
}

.gnav__wrap ul.gnav__menu01 li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background:#fff;
	display: block;
	background-repeat: repeat;
	height: 1px;
	top: auto;
}

.gnav__wrap ul.gnav__menu01 li a{
	padding: 30px 20px;
	color:#fff;
}

.gnav__wrap ul.gnav__menu01 li a{
	text-decoration: none;
	transition: .5s;
	display: block;
	font-size: 18px;
	font-weight: 500;
	transition: .5s;
}

.gnav__wrap ul li a:hover{
	opacity:0.5;
}

.gnav__wrap ul.gnav__menu01 li a:before{
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 15px;
	top: -2px;
	position: relative;
}


@media screen and (min-width:1001px) {
	.menu,.sp_menu{

	}
}

@media screen and (max-width:780px) {
	.menu{
		left: 5px;
		top: 10px;
	}
}

@media screen and (max-width:480px) {
	.sp_menu{

	}

	.gnav__wrap ul.gnav__menu01{
		margin: 80px 10px;
	}

	.gnav__wrap ul.gnav__menu01 li {
		width: calc(100% - 20px);
	}


	.gnav__wrap ul.gnav__menu01 li a{
		padding: 15px 10px;
		font-size: 14px;
	}

	

	.gnav__wrap ul.gnav__menu01 li:nth-child(n+2):before {
		display:none;
	}

}

/***************/
/* footer */
/***************/
footer{
	background:#3e3e3e;
}

footer .contact{
	display:flex;
}

footer .contact > div{
	width:50%;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
}

footer .contact > div:nth-child(1){
	background:#79BE61;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

footer .contact > div:nth-child(2){
	background:#0E92A4;
}

footer .contact .inn{
	max-width:600px;
	width:100%;

	display: -webkit-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	color:#fff;
	text-align:center;
	padding:60px 20px;
	font-weight: 700;
	font-size:30px;
}

footer .contact a{
	color:#fff;
	display:block;
}

footer .contact .inn p{
	width:100%;
	font-weight: 700;
	font-size:30px;
}

footer .contact_btn{
	width:100%;
	margin-top: 5px;
}

footer .contact_btn a{
	width:100%;
	position: relative;
	display: block;
	margin:0 auto;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	color: #0E92A4;
	max-width:409px;
	width:100%;
	background:#fff;
	padding:11px 20px;
	color:#0E92A4;
	border-radius: 40px;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:20px;
	position:relative;
}

footer .contact_btn a:after{
	content:"";
	background-image: url("img/arrw_blue.svg");
	width:26px;
	height:26px;
	display:inline-block;
	position: absolute;
	right: 22px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

footer .contact_btn a:hover{
	opacity:0.75;
}

footer .copy{
	color:#fff;
	text-align:center;
	padding: 38px 20px;
	letter-spacing: 0.02rem;
}

footer span.tel{
	font-size:51px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
	display: inline-block;
	margin-top: 13px;
}

@media screen and (max-width:1000px) {
}

@media screen and (max-width:780px) {
	footer .contact .inn{
		padding:40px 20px;
		font-size: 24px;
	}

	footer .contact .inn p{
		font-size: 24px;
	}

	footer span.tel{
		font-size:40px;
	}

	footer .contact_btn a{
		font-size:18px;

	
	}
}

@media screen and (max-width:720px) {
	footer .contact{
		display:block;
	}

	footer .contact > div{
		width:100%;
	}

	footer .contact > div:nth-child(1),
	footer .contact > div:nth-child(2){
		-webkit-justify-content: center;
		justify-content: center;
	}

}

@media screen and (max-width:480px) {
	footer .copy{
		padding: 18px 20px;
	}

	footer .contact .inn{
		padding:12px 20px 20px;
		font-size: 20px;
	}

	footer .contact > div:nth-child(1) .inn{
		padding-top:18px;
	}

	footer .contact .inn p{
		font-size: 20px;
		margin-bottom:5px
	}

	footer span.tel{
		margin-top:5px;
	}

	footer .contact a{
		
	}
}

/***************/
/* common */
/**************/
#content a{
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#content a:hover{
    opacity:0.75;
}

section.low_head{
	background:url("img/low_head.jpg");
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 100%;
	height: 310px;
}

h1{
}


h2{
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:40px;
	color:#0E92A4;
	letter-spacing: 0.05rem;
}

h2.low{
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:32px;
	color:#000;
	letter-spacing: 0.05rem;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	letter-spacing: 0.2rem;
}

h2.low:after{
	content:"";
	display:inline-block;
	background:#0E92A4;
	width:190px;
	height:3px;
	position:absolute;
	bottom:-19px;
	left: 0;
	right: 0;
	margin: auto;
}

.main_btn a{
	position: relative;
	display: block;
	margin:0 auto;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	color: #fff;
	max-width:635px;
	width:100%;
	background:#79BE61;
	padding:18px;
	box-shadow: 6px 6px 0px #39A389;
	border-radius: 40px;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:30px;
	position:relative;
}

.main_btn a:after{
	content:"";
	background-image: url("img/arrw.svg");
	width:26px;
	height:26px;
	display:inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.main_btn a:hover{
	opacity:0.75;
}

section.low_head{
	padding:20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

section.low_head .inn{
	margin:0 auto;
	max-width:940px;
	width:100%;
}

section.low_head h2{
	color:#fff;
	font-size:37px;
	letter-spacing: 0.2rem;
}

section.low_head .text{
	margin-top:10px;
}

section.low_head p{
	color: rgba(14,146,164,0.39);
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 100px;
	line-height: 4.5rem;
	letter-spacing: 0.3rem;
	margin-bottom: 10px;
}

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

	.link_btn a{
		max-width:480px;
		width:80%;
		margin:20px auto 30px;
		display:block;
	}

	section.low_head{
		height:260px;
	}

	section.low_head p{
		font-size: 70px;
	}

	section.low_head h2{
		font-size:30px;
	}

}

@media screen and (max-width:780px) {
	h2{
		font-size:24px;
		line-height: 2rem;
	}


}
@media screen and (max-width:480px) {

	h2{

	}

	section.low_head{
		background:url("img/low_head_sp.jpg");
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;

		height: 130px;
	}

	section.low_head p{
		font-size: 50px;
		line-height: 1.5rem;
		margin-bottom: 13px;
	}

	section.low_head h2{
		font-size:23px;
	}


	.main_btn a{
		font-size:22px;
		box-shadow:none;
		padding: 14px 20px;
		    letter-spacing: 0.15rem;
	}

	.main_btn a:after{
		right:33px;
	}

	h2.low{
		font-size:24px;
	}
}


/************/
/* top page */
/************/
.top_low h2{
	font-family: "din-2014";
	font-weight: bold;
	font-size: 70px;
	line-height:1em;
	margin-bottom:15px;
}

@media screen and (max-width:1000px) {
	.top_low h2{
		font-size: 50px;
		margin-bottom:17px;
	}
}

/***************/
/* top slider */
/**************/
div.top_slider{

}

div.top_slider button{
	box-shadow:none;
}

.main .slick-list{
	overflow:visible !important;
}

.main .slider{
    margin: 0 auto;
    width: 100%;
    max-width: none;
}

.main .slider img{
    height: auto;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*slick setting*/
.main .slick-prev:before,
.main .slick-next:before {
    color: #000;
}

.main .slick-slide a{
	display: block;
}

.main .slick-active img{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.slider_box{
	position:relative;
}



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

}

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

}

/***************/
/* top catch */
/**************/

section.top_catch{
	
}

section.top_catch .inner{
	padding:70px 20px 40px;
}

section.top_catch h2{
	text-align:center;
}

section.top_catch div.read{
	border-top:solid 1px #14569A;
	max-width:640px;
	margin: 28px auto 0;
	padding: 30px 0;
}

section.top_catch p{
	margin-bottom:17px;
	text-align:center;
}

section.top_catch br.sp{
	display:none;
}


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

}

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

	section.top_catch .inner{
		padding:30px 10px 3px;
	}
	
	section.top_catch br.sp{
		display:inline;
	}

	section.top_catch h2{
		letter-spacing: 0.45rem;
		line-height: 2.45rem;
		border-bottom:solid 1px #14569A;
		padding-bottom:13px;
		max-width:300px;
		margin: 0 auto;
	}

	section.top_catch div.read{
		border-top:none;
		margin-top:0;
		padding: 22px 0 0;
	}

	section.top_catch p{
		font-size:14px;
		margin-bottom: 29px;
	}

	section.top_catch br.pc{
		display:none;
	}
}

/***************/
/* top point */
/**************/
section.top_point{
	background-image: url("img/point_bg.png");
	background-position: center bottom;
	background-size:cover;
	padding:80px 20px 71px;
	position:relative;
}

section.top_point .inner{
	background:#fff;
	padding: 50px 41.5px 0;
	max-width:940px;
	margin:0 auto;
	border-radius:20px;
}

section.top_point:after{
	content: "";
	position: absolute;
	bottom:-90px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-width: 90px 50vw 0 50vw;
	border-style: solid;
	border-color: #3da7b5 transparent transparent transparent;
}

section.top_point .head{
	position:relative;
}

section.top_point p.catch{
	text-align:center;
	font-family: "source-code-pro", monospace;
	font-weight: 900;
	font-style: normal;
	font-size:16px;
	color:#39A389;
	margin-bottom:-10px;
	z-index:1;
	position:relative;
}

section.top_point h2{
	text-align:center;
	font-weight: 400;
	font-size:32px;
	color:#222;
	position:relative;
	max-width:640px;
	margin:0 auto;
	z-index:0;
}

section.top_point .head span{
	display:inline-block;
	background:#fff;
	position:relative;
	z-index: 1;
	padding: 0 25px;
}
section.top_point h2:after{
	content:"";
	display:block;
	position:absolute;
	height:6px;
	width:100%;
	background:#0E92A4;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
}

section.top_point .flex{
	display:flex;
	flex-wrap:wrap;
	margin-top:60px;
}

section.top_point .flex > div{
	width:calc(50% - 28.5px);
	margin-bottom:42px;
}

section.top_point .flex > div:nth-child(odd){
	margin-right:28.5px;
}

section.top_point .flex > div:nth-child(even){
	margin-left:28.5px;
}

section.top_point .flex img{
	max-width:66px;
	margin:0 auto 12px;
	display:block;
}

section.top_point .flex .point{
	min-height: 82.2px;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom:17px;
	border-bottom:solid 1px #14569A;
	box-sizing: border-box;
	padding-bottom: 14px;
}

section.top_point .flex .point p{
	font-size:23px;
	font-weight: 700;
	color:#0E92A4;
	text-align:center;
	margin:0;
	line-height: 2.1rem;
}

section.top_point p.green{
	font-weight: 700;
	color:#0E92A4;
	letter-spacing: 0;
}

section.top_point p.detail{
	font-size:16px;
	font-weight:400;
	line-height: 2.2rem;
	color:#222222;
}

section.top_point p.detail span{
	font-weight:700;
	color:#FF4600;
}

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

}

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

	section.top_point .flex > div{
		width:100%;
	}

	section.top_point .flex > div:nth-child(odd){
		margin-right:0;
	}

	section.top_point .flex > div:nth-child(even){
		margin-left:0;
	}
}

@media screen and (max-width:480px) {
	section.top_point{
		padding:15px 10px 23px;
	}

	section.top_point .inner{
		border-radius:0;
		padding: 20px 20px;
	}

	section.top_point h2{
		font-size:25px;
	}

	section.top_point h2:after{
		height:3px;
		top: 3px;
	}

	section.top_point .head span{
		padding: 0 10px;
	}

	section.top_point .flex img{
		margin-bottom:5px;
	}

	section.top_point .flex{
		margin-top:44px;
	}

	section.top_point .flex > div{
		margin-bottom:46px;
	}

	section.top_point .flex > div:last-child{
		margin-bottom:20px;
	}

	section.top_point .flex .point{
		min-height:50px;
		margin-bottom:20px;
	}

	section.top_point .flex .point p{
		font-size:18px;
		line-height: 1.8rem;
	}

	section.top_point p.green{
		font-size:16px;
		line-height: 1.6rem;
		margin-bottom:3px;
	}

	section.top_point p.detail{
		font-size:15px;
		line-height: 1.5rem;
		margin-bottom: 0;
	}
}


/***************/
/* top_product */
/**************/
section.top_product{
	padding:100px 20px 120px;
}

section.top_product div.catch{
	padding:45px 20px 40px;
	max-width:940px;
	margin:52px auto 60px;
	border-radius:10px;
	box-shadow: 0px 0px 8px 0px rgba(14, 146, 164, 0.44);
	text-align: center;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

section.top_product div.catch p{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:38px;
	margin: 0;
	line-height: 3.3rem;
	color:#0E92A4;
	display:inline-block;
	margin:0 auto;
	text-align: left;
	letter-spacing: 0.2rem;
	margin-left:25px;
}


@media screen and (max-width:1000px) {
	section.top_product div.catch p{
		font-size:28px;
	}
}

@media screen and (max-width:780px) {
	section.top_product div.catch{
		display:block;
	}

	section.top_product div.catch p{
		text-align:center;
		margin-left:0;
		margin-top:20px;
		line-height:2.6rem;
	}
}

@media screen and (max-width:480px) {
	section.top_product{
		  padding: 100px 15px 50px;
	}

	section.top_product div.catch{
		margin: 27px auto 30px;
		padding: 15px 10px 18px;
	}

	section.top_product div.catch img{
		display:block;
		margin:0 auto;
		width:61px;
	}

	section.top_product div.catch p{
		font-size:20px;
		font-family: "noto-sans-cjk-jp", sans-serif;
		font-weight: 900;
		font-style: normal;
		letter-spacing: 0.1rem;
		line-height: 2.175rem;
		width: 100%;
		margin-top:5px;
	}
}


/***************/
/* top_newst */
/**************/
section.top_news{
	padding:57px 20px 78px;
	background:#f3f8f1;
}

section.top_news .head{
	position:relative;
}

section.top_news p.catch{
	text-align:center;
	font-family: "source-code-pro", monospace;
	font-weight: 600;
	font-style: normal;
	font-size:16px;
	color:#39A389;
	margin-bottom:-5px;
	z-index:1;
	position:relative;
	letter-spacing: 0.1rem;
	line-height: 1.8rem;
}

section.top_news h2{
	text-align:center;
	font-weight: 400;
	font-size:32px;
	color:#222;
	position:relative;
	margin:0 auto;
	z-index:0;
	font-weight:700;x
}

ul.news_list{
	max-width:640px;
	margin:45px auto 40px;
}

ul.news_list li{
	padding:18px 15px;
	font-size:16px;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1rem;
}

ul.news_list li a{
	display:block;
}

ul.news_list li span{
	color:#0E92A4;
	display:inline-block;
	margin-right:20px;
	letter-spacing: 0.125rem;

}

ul.news_list li:nth-child(odd){
	background:#fff;
}

ul.news_list li:nth-child(even){
	background:#EDF4F5;
}

@media screen and (max-width:1000px) {
}

@media screen and (max-width:480px) {
	section.top_news{
		padding: 27px 15px 30px;
	}

	section.top_news p.catch{
		margin-bottom:2px;
	}

	ul.news_list{
		margin:38px 5px 28px;
	}

	ul.news_list li{
		font-size:14px;
		padding: 8px 15px 10px;
	}

	ul.news_list li span{
		font-size:16px;
		display:block;
	}
}

/***************/
/* top_map */
/**************/
section.top_map iframe{
	height:500px;
}

@media screen and (max-width:480px) {
	section.top_map iframe{
		height:300px;
	}
}

/***************/
/* top_access */
/**************/
section.top_access{
	padding:38px 20px 70px;
}

section.top_access .inner{
	margin:0 auto;
	max-width:640px;
}

section.top_access ul{
	display:flex;
	flex-wrap:wrap;
}

section.top_access ul li{
	border-bottom:solid 1px #707070;
	font-weight:400;
	font-size:16px;
	color:#222222;
	padding:18px 20px;
}

section.top_access ul > li:nth-child(odd){
	width:25%;
}

section.top_access ul > li:nth-child(even){
	width:75%;
}


@media screen and (max-width:1000px) {
}

@media screen and (max-width:480px) {
	section.top_access{
		padding:5px 10px 47px;
	}

	section.top_access ul{
		display:block;
	}

	section.top_access ul li{
		padding-left:8px;
		padding-right:8px;
		font-size:14px;
	}

	section.top_access ul > li:nth-child(odd),
	section.top_access ul > li:nth-child(even){
		width:100%;
	}

	section.top_access ul > li:nth-child(odd){
		border-bottom:none;
		padding-top:10px;
		padding-bottom:3px;
	}

	section.top_access ul > li:nth-child(even){
		padding-top:0;
	}
}



/***************/
/* low product */
/**************/
section.product_head{
	padding:70px 20px 36px;
}
section.product_head h2{
	text-align:center;
	font-size:32px;
	letter-spacing: 0.4rem;
}

section.product_head p{
	text-align:center;
}

section.product_head p.catch{
	font-size:16px;
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: normal;
	color:#0E92A4;
	letter-spacing: 0.1rem;
	margin-top: 3px;
	margin-bottom: 10px;
}

section.product_head p.text{
	line-height:2.5rem;
}


section.product_img{
	background-image: url("img/point_bg.png");
	background-position: center bottom;
	background-size:cover;
	padding:60px 20px 71px;
	position:relative;
}

section.product_img .inner{
	background:#fff;
	padding: 40px 70px 30px;
	max-width:800px;
	margin:0 auto;
	border-radius:20px;
}


section.product_img .head{
	position:relative;
}


section.product_img h2{
	text-align:center;
	font-weight: 400;
	font-size:32px;
	color:#222;
	position:relative;
	max-width:640px;
	margin:0 auto;
	z-index:0;
}

section.product_img .head span{
	display:inline-block;
	background:#fff;
	position:relative;
	z-index: 1;
	padding: 0 25px;
}
section.product_img h2:after{
	content:"";
	display:block;
	position:absolute;
	height:6px;
	width:100%;
	background:#0E92A4;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 0;
	left:0;
}

section.product_img img{
	margin:40px auto 0;
}

section.product_img img.pc{
	display:block;
}

section.product_img img.sp{
	display:none;
}

section.product_img p{
	margin-top:20px;
	text-align:center;
	line-height: 2.4rem;
	margin-bottom:10px;
}

section.product_bottom img.pc{
	display:block;
}

section.product_bottom img.sp{
	display:none;
}

section.product_bottom{
	padding:70px 20px 107px;
	background:#F3F9F1;
}

section.product_bottom .inner{
	max-width:940px;
	margin:0 auto;
}

section.product_bottom p{
	text-align:center;
	margin:40px auto 50px;
}

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

}

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

	section.product_img img.pc{
		display:none;
	}

	section.product_img img.sp{
		display:block;
	}

}

@media screen and (max-width:480px) {
	section.product_head{
		padding:45px 20px 5px;
	}

	section.product_head h2{
		font-size:26px;
		line-height: 1.5rem;
	}

	section.product_head p.catch{
		margin-bottom:9px;
	}
	
	section.product_head p.text{
		font-size:14px;
		line-height: 1.75rem;
	}

	section.product_img{
		padding:10px 10px 12px;
	}

	section.product_img .inner{
		border-radius:0;
		padding: 26px 10px 20px;
	}

	section.product_img h2{
		font-size:22px;
		padding: 0 57px;
		line-height: 1.8rem;
	}

	section.product_img h2:after{
		height:4px;
		top: -26px;
		left: 0;
		right: 0;
		margin: auto;
		width:90%;
	}

	section.product_img .head span{
		padding: 0 10px;
	}

	section.product_img img{
		margin: 18px auto 0;
	}

	section.product_img p{
		font-size: 15px;
		text-align: left;
		line-height: 1.8rem;
		margin-top: 24px;
		letter-spacing: 0rem;
		margin-bottom: 5px;
	}

	section.product_bottom img.pc{
		display:none;
	}

	section.product_bottom img.sp{
		display:block;
	}

	section.product_bottom{
		padding: 43px 30px 57px;
	}

	section.product_bottom p{
		margin: 39px auto 30px;
	}
}


/***************/
/* low company */
/**************/
section.company{
	padding:90px 20px 105px;
}

section.company .inner{
	max-width:940px;
	margin:0 auto;

}

.head{
	position:relative;
}

.sdgs{
	background-image: url("img/company_bg.png");
	background-size:cover;
	padding:27px 42px;
	margin-bottom: 278px;
}

.head img{
	max-width:250px;
	position:absolute;
	right:30px;
	top:27px;
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.47);
}

.sdgs h2{
	color:#fff;
	font-size:33px;
	line-height: 3.65rem;
	letter-spacing: 0.4rem;
}

section.company ul{
	display:flex;
	flex-wrap:wrap;
	border-top:solid 1px #aeaeae;
	margin-top:60px;
}

section.company ul li{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	color:#656565;
	border-bottom:solid 1px #aeaeae;
	padding:20px 25px;
}

section.company_map,
section.company_map iframe{
	height:500px;
}

section.company ul li:nth-child(odd){
	width:15%;
}

section.company ul li:nth-child(even){
	width:85%;
}


@media screen and (max-width:1000px) {
	.sdgs{
		padding:20px;
	}

	.sdgs h2{
		font-size:28px;
		letter-spacing: 0.2rem;
	}
}

@media screen and (max-width:780px) {
	.sdgs{
		margin-bottom:30px;
	}

	.head img{
		position:static;
		display:block;
		margin: 0 auto 60px;
	}

	section.company ul li:nth-child(odd){
		width:20%;
	}

	section.company ul li:nth-child(even){
		width:80%;
	}

}

@media screen and (max-width:480px) {
	section.company ul li{
		padding-left:10px;
		padding-right:10px;
	}

	section.company ul li:nth-child(odd){
		width:100%;
		border-bottom:none;
		padding-bottom:0;
		padding-top:12px;
	}

	section.company ul li:nth-child(even){
		width:100%;
		padding-top:10px;
		padding-bottom:12px;
	}

	section.company_map,
	section.company_map iframe{
		height:300px;
	}

	section.company{
		padding:60px 20px 70px;
	}

	.sdgs h2 {
		font-size: 22px;
		letter-spacing: 0;
		line-height: 2.4rem;
	}
}


/***************/
/* low news    */
/**************/
.p_navi{
	margin-top:60px;
	max-width:640px;
	margin:0 auto;
}

.p_navi ul{
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.p_navi ul a{
	display:block;
	font-size: 22px;
	padding: 5px 15px;
	margin: 0 10px 15px;
	background:#eee;
}

.p_navi ul li.active a{
	background: #79BE61;
	color: #fff;
	
}

.news_content{
	padding: 90px 20px 105px;
}

.news_content .inner{
	margin:40px auto 60px;
	max-width:940px;
}

h2.news{
	border-bottom:solid 3px #0E92A4;
	color:#222;
	font-size:30px;
	padding-bottom:20px;
	margin-bottom:40px;
}

.news_content p.date{
	color: #0E92A4;
	padding:0 20px;
	letter-spacing: 0.125rem;
	text-align:right;
	margin-bottom:50px;
}

.news_content div.text{
	margin-bottom:100px;
}

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

	.news_content{
		padding:40px 20px 60px;
	}

	.news_content .inner{
		margin:0px auto 30px;
	}


	h2.news{
		font-size:24px;
	}

	.news_content p.date{
		margin-bottom:20px;
	}

	.news_content div.text p{
		font-size:16px;
	}

	.news_content div.text{
		margin-bottom:50px;
	}
}


/***************/
/* low news    */
/**************/
.conatct_content{
	padding: 90px 20px 105px;

}

.conatct_content .inner{
	margin:40px auto 60px;
	max-width:940px;
}

.conatct_content p.tip{
	text-align:center;
	margin: 40px auto 40px;
}


@media screen and (max-width:480px) {
	.conatct_content{
		padding: 20px 20px 75px;

	}

	.conatct_content .inner{
		margin:40px auto 0px;
	}

	.conatct_content p.tip{
		margin-top: 42px;
		letter-spacing: 0;
		font-size: 16px;
	}
}


/*FORM----------------------------------------------------------------------------*/
div.form_box{
	padding: 0;
	font-size: 18px;
	font-weight:normal;
	max-width: 700px;
	margin: 0 auto 50px;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 400;
	font-style: normal;
}

div.form_box span.text-red{
	color: #C7000B;
	padding: 0px 10px;
	display: inline-block;
	font-size:14px;
	margin-left: 5px;
}

div.form_box input{
	margin: 10px 0 30px;
	padding: 10px 20px;
	font-size: 18px;
	border: 1px #CBCBCB solid;
	-moz-border: 1px #CBCBCB solid;
	-webkit-border: 1px #CBCBCB solid;
	-o-border: 1px #CBCBCB solid;
	-ms-border: 1px #CBCBCB solid;
	width: 100%;
	-webkit-appearance: none; 
}

div.form_box input::-webkit-input-placeholder {
	color:#8A8A8A;
}

div.form_box input:-moz-placeholder {
	color:#8A8A8A;
}

div.form_box input::-moz-placeholder {
	color:#8A8A8A;
}

div.form_box input:-ms-input-placeholder {
	color:#8A8A8A;
}

.mw_wp_form .error{
	margin-bottom:30px;
	margin-top: -20px;
}

/*radio----------*/
div.radio_area{
	margin:10px 0 20px;
}

.mw_wp_form_confirm div.radio_area {
	margin:-30px 0 30px;
}

.mw_wp_form_preview div.radio_area{
	margin-top:0;
}

input[type=radio].radio_btn_item{
	display: none;
}

.mwform-checkbox-field label, .mwform-radio-field label {
	display: block;
	margin:0 0 5px;
}

.radio_btn_item + span {
	padding-left: 40px;
	display: inline-block;
	position: relative;
	font-size: 18px;
}

.mw_wp_form .horizontal-item + .horizontal-item{
	margin:0;
}

.radio_btn_item + span::after,
.radio_btn_item + span::before {
border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
}

.radio_btn_item + span::before {
	border: 1px #CBCBCB solid;
	-moz-border: 1px #CBCBCB solid;
	-webkit-border: 1px #CBCBCB solid;
	-o-border: 1px #CBCBCB solid;
	-ms-border: 1px #CBCBCB solid;
	left: 0;
	top: 5px;
	height: 25px;
	width: 25px;
	background: #fff;
}

.radio_btn_item + span::after{
	background: #EE1C23;
	height: 13px;
	left: 6px;
	opacity: 0;
	top: 11px;
	width: 13px;
}

.radio_btn_item:checked + span::after {
	opacity: 1;
}
/*textarea--------------*/
div.form_box textarea{
	padding:10px 15px;
	border: 1px #CBCBCB solid;
	-moz-border: 1px #CBCBCB solid;
	-webkit-border: 1px #CBCBCB solid;
	-o-border: 1px #CBCBCB solid;
	-ms-border: 1px #CBCBCB solid;
	width: 100%;
	-webkit-appearance: none;
	margin: 15px 0 30px;
	font-size: 18px;
}

div.form_box textarea::-webkit-input-placeholder {
	color:#8A8A8A;
	font-size: 18px;
}

div.form_box textarea:-moz-placeholder {
	color:#8A8A8A;
	font-size: 18px;
}

div.form_box textarea::-moz-placeholder {
	color:#8A8A8A;
	font-size: 18px;
}

div.form_box textarea:-ms-input-placeholder {
	color:#8A8A8A;
	font-size: 18px;
}
/*checkbox-----------------------*/
.form_box input[type=checkbox].check_btn_item{
display: none;
}

.form_box .mwform-checkbox-field{
	display: block;
}

.form_box .mwform-checkbox-field label {
display: inline-block;
}

.form_box .check_btn_item + span {
font-size:18px;
padding-left: 30px;
display: inline-block;
position: relative;
}

.form_box .check_btn_item + span::after,
.form_box .check_btn_item + span::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
}
.form_box .check_btn_item + span::before {
	left: 0;
	top:4px;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 1px #CBCBCB solid;
	border-radius: 3px;
}
.form_box .check_btn_item + span::after{
border: none;
border-right: 5px solid #EE1C23;
border-bottom: 5px solid #EE1C23;
height: 17px;
left: 6px;
opacity: 0;
top: 2px;
transform: rotate(45deg);
width: 11px;
}
.form_box .check_btn_item:checked + span::after {
opacity: 1;
}

/*submit-----------------------*/
section.low_layout div.submit{
	max-width:635px;
	margin:0 auto 70px;
	position:relative;
}

section.low_layout div.submit:after{
	content:"";
	background-image: url("img/arrw.svg");
	width:26px;
	height:26px;
	display:inline-block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;

}

input[type="submit"],
button[type="submit"]{
	border: 0;
	-moz-border: 0;
	-webkit-border: 0;
	-o-border: 0;
	-ms-border: 0;
	width: 100%;
	border-radius: 40px;
	-moz-radius: 40px;
	-webkit-radius: 40px;
	-o-radius: 40px;
	-ms-radius: 40px;
	color:#fff;
	margin:50px auto 0;

	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-align: center;
	color: #fff;
	max-width:635px;
	width:100%;
	background:#79BE61;
	padding:18px;
	box-shadow: 6px 6px 0px #39A389;
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:30px;
	position:relative;
}

input[type="submit"] + button[type="submit"]{
	margin-top:50px;
}


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

	section.low_layout .inner.contact{
		margin:0 auto;
	}


	div.form_box{
		margin: 0 auto 30px;
	}


	section.low_layout .inner.contact > img{
		position: static;
		margin: 0 auto 20px;
		display: block;
		width: 70%;
		max-width:272px;
	}
}

@media screen and (max-width:780px) {
	div.form_box{
		margin: 0 -20px 30px;
		padding:0 20px 30px;
		border-radius:0
	}

	div.form_box{
		margin:0 auto;
		padding-bottom:0;
	}

	div.form_box input[type="submit"],
	div.form_box button[type="submit"]{
		padding:10px;
	}

	.mwform-checkbox-field label, .mwform-radio-field label{
		margin:8px 0;
	}

	div.radio_area{
		margin:20px 0;
	}

	div.form_box textarea{
		line-height:1.5em;
	}

	.mw_wp_form_confirm div.radio_area{
		margin:0 0 30px;
	}

	input[type="submit"],
	button[type="submit"]{
		font-size:22px;
		box-shadow:none;
		padding: 14px 20px;
		letter-spacing: 0.05rem;
		margin-top:0;
	}

	section.low_layout div.submit:after{
		right:33px;
	}
}

/*select-----------------------*/
div.form_box select{
	color:#000;
	margin: 10px 0 30px;
	padding: 10px 20px;
	font-size: 18px;
	border: 1px #CBCBCB solid;
	-moz-border: 1px #CBCBCB solid;
	-webkit-border: 1px #CBCBCB solid;
	-o-border: 1px #CBCBCB solid;
	-ms-border: 1px #CBCBCB solid;
	width: 100%;
	-webkit-appearance: none; 
	border-radius: 5px;
	background:#fff;
	appearance: none; /* デフォルトの矢印を消す */
}
select:focus {
  outline: none; /* focus 時のデフォルトの枠線を消す */
}
::-ms-expand {
  display: none;  /* IE 対応( select のデフォルト矢印を消す) */
}

div.radio_area .error{
	margin-top:0 !important;
}

div.select_area{
	max-width:355px;
	position:relative;
}

div.select_area:after{
	position: absolute;
	top: 33px;
	right: 15px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	margin: auto 0;
	content: "";
	width: 20px;
	height: 15px;
	border-top: 15px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	pointer-events: none; /* 矢印部分もクリック可能にする */
}

.mw_wp_form_preview div.select_area:after{
	display:none;
}

.mw_wp_form_preview div.form_box{
	margin-bottom:80px;
}

/*FORM----------------------------------------------------------------------------*/