@charset "UTF-8";
/*
Theme Name: レスポンシブテンプレート
Theme URI: 
Description: サインズ
Version: 1.0
Author: sains
Author URI: 
*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap');

/******************
画像位置ぞろえ[共通]
******************/

img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	margin-left: auto;
	display:block;
}

img.alignleft{
	text-align: left;
}

/******************
オールクリア[共通]
******************/

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
	margin: 0;
	padding: 0;
}
html{
	font-size:62.5%;
}
body{
	font-family:"M PLUS 2", sans-serif;
	font-size:1.8rem;
	color:#000;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
}

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

li{
	list-style-type:none;	
}

a{
	color:#000;
	text-decoration:none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	backface-visibility: hidden;
}

a:hover{
	color:#d75722;
	backface-visibility: hidden;
}

a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
		outline:none;
	box-shadow: #000 0 0 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
}

table{
	border-collapse:collapse;
	border-color: #333333;
}

th{
	font-weight:500;
}

td{
	vertical-align:top;
}

@media screen and (max-width: 960px) {
	body{
		font-size:1.6rem;
	}
}
/******************
汎用[共通]
******************/

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.clear{
	clear:both;
}

.cenclear{
	clear:both;
	text-align:center;
	padding-top:30px;
}

.txt_center{
	text-align:center;
}


/******************
全体[共通]
******************/
*, *:before, *:after {
	box-sizing: border-box;
}
#wrapperTop,#wrapper{
	width:100%;
	overflow:hidden;
}

/******************
ヘッダー[PC]
******************/
#header{
	width:100%;
	position:fixed;
	top:0;
	z-index:1000;
	transition:.3s;
	background-color:#fff;
	box-shadow:0px 0px 3px #e6e6e6;
}
#headerUpperBox{
	width:90%;
	/*width:calc(100% - 150px);*/
	height:100px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#headerLogo{
	width:40%;	
	line-height:1;
}
#headerRight{
	width:60%;
	display:flex;
	flex-wrap:wrap;
	justify-content:end;
	align-items:center;
}
.nav-container{
	/*width: 100%;*/
	display: flex;
	flex-direction: row-reverse;
	order: 1;
	margin-top:5px;
}
#headerSns{
	display:flex;
	margin:0 10px 0 30px;
}
#headerSns p{
	margin-right:20px;
}
/*
#headerSns a{
	font-size:3.5rem;
	line-height:1;
	color:#1877f2;
	transition:.3s;
}
#headerSns a:hover{
	opacity:0.7;
}
*/
#headerContact{
	/*
	position:absolute;
	top:-30px;
	right:0;
	*/
	width:200px;
	transition:.3s;
}
.h-scroll #headerContact{
}
#headerContact a{
	display:block;
	padding:4px 30px 5px;
	background-color:#d75722;
	color:#fff;
	/*
	background-image: url(./images/common/h-mail.svg);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 30px auto;
	*/
	border-radius:100vh;
	transition: .3s;
	text-align:center;
}
#headerContact a:hover{
	background-color:#e32e24;
}
@media print,screen and (min-width: 961px) {
	.menu-btn, .nav-unshown, #spSub{
		display:none;
	}
	.nav-menu{
		display:flex;
	}
	.nav-menu li{
		margin-left:30px;
		position:relative;
	}
	.nav-menu li a{
		font-weight:500;
		display:block;
		padding:0 10px;
	}
	.nav-menu li span{
		position:relative;
	}
	.nav-menu li span::after {
		background-color: #d75722;
		content: '';
		display: block;
		height: 1px;
		margin: 2px auto 0;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		width: 0;
	}
	.nav-menu li a:hover span:after{
		width:100%;
	}
	.sub-menu {
		display:block;
		position: absolute;
		top: 90%;
		left: -30px;
		right: 0;
		width:200px;
		margin:auto;
		background: #fff;
		-webkit-transition: all .4s ease;
		transition: all .4s ease;
		-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.75);
		visibility: hidden;
		opacity: 0;
		z-index: 100;
	}
	.nav-menu li:hover .sub-menu {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}
	.sub-menu-list div {
		clear: both;
		padding: 0;
		width: auto !important;
		border-bottom: 1px dotted #808080;
	}
	.sub-menu-list div a{
		font-size:1.6rem;
		font-weight:normal;
		text-align: left;
		position: relative;
		padding: 10px 10px 10px 36px;
	}
	.sub-menu-list div a::before {
		content: '';
		display: block;
		position: absolute;
		height: 0;
		width: 0;
		top: 51%;
		left: 20px;
		-ms-transform: translateY(-51%);
		transform: translateY(-51%);
		border-top: 5px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #d75722;
		display: block;
		position: absolute;
		z-index: 1;
		transition:.3s;
	}
	.sub-menu-list.sub-menu-title2 div a::before{
		border-left: 8px solid #3c5d95;
	}
	.sub-menu-list.sub-menu-title2 div:last-child, .sub-menu-list.sub-menu-title3 div:last-child{
		border:none;
	}
	.sub-menu-list.sub-menu-title2 div a:hover {
		color:#3c5d95;
	}
}
@media screen and (max-width: 1660px) {
	#headerUpperBox{
		width:96%;
	}
}
@media screen and (max-width: 1540px) {
	.nav-menu li{
		margin-left:15px;
	}
	.nav-menu li a{
		font-size:1.6rem;
	}
	#headerSns{
		margin:0 0 0 20px;
	}
}
@media screen and (max-width: 1260px) {
	.nav-menu li{
		margin-left:5px;
	}
	/*
	#headerSns a{
		font-size:3.2rem;
		display:block;
	}
	*/
	#headerContact a{
		padding:5px 30px 7px;
		line-height:1.2;
	}
}
@media screen and (max-width: 1160px) {
	.nav-menu li a{
		font-size:1.4rem;
		padding:0 5px;
	}
	.sub-menu{
		width:160px;
	}
	.sub-menu-list div a{
		padding: 6px 10px 7px 40px;
	}
}
@media screen and (max-width: 960px) {
	#headerUpperBox{
		height:60px;
		/*align-items:start;*/
	}
	#header{
		background-color:rgba(255,255,255,0.8);
	}
	#headerLogo{
		max-width:500px;
		width:calc(100% - 50px);
		margin:auto auto auto 0;
	}
	#headerRight{
		display:block;
		width:auto;
		/*
		width:75%;
		display:flex;
		justify-content:end;
		align-items:center;
		width:auto;
		margin-right:110px;
		*/
	}
	#headerContact{
		display:none;
		/*
		width:60px;
		position:absolute;
		top:0;
		right:60px;
		*/
	}
	#headerContact a{
		/*
		padding:36px 5px 10px 5px;
		font-size:0.8rem;
		background-size:20px auto;
		background-position: center 16px;
		*/
	}
	#headerSns{
		display:none;
	}
	.nav-container{
		margin:0;
	}
}
@media screen and (max-width: 960px) {
	.nav-container{
		position:absolute;
		top:0;
		right:0;
	}
	.nav-menu {
		position: fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		z-index:999;
		background-color:#fff;
		padding:60px 0 10px 0;
		clear:both;
		background:var(--background-navbar);
		transition:0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		transform:scale(1, 0);
		transform-origin:top;
		overflow-y: scroll !important;
		overflow-x: hidden;
	}
	.menu-btn:checked ~ .nav-menu {
		transform: scale(1, 1);
		transform-origin: top;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		background-color:#fff;
	}
	.nav-menu li {
		border-top: 1px solid #ccc;
		margin: auto;
		opacity: 0;
		transition: 0.5s;
	}
	.nav-menu li a {
		font-size:1.8rem;
		font-weight:500;
		display:block;
		text-decoration: none;
		text-transform: capitalize;
		color: #000;
		padding: 15px 10px 15px 30px;
		opacity: 0;
		transition: 0.5s;
		position:relative;
	}
	.nav-menu li#hm_2 a, .nav-menu li#hm_4 a{
		padding-bottom:5px;
	}
	.sub-menu{
		display:flex;
		width:auto;
		margin-bottom:15px;
	}
	#hm_2 .sub-menu{
		display:block;
	}
	.sub-menu-title3{
		display:flex;
		flex-wrap:wrap;
	}
	.sub-menu-title3 div{
		width:50%;
	}
	.sub-menu-list div a{
		font-size:1.6rem;
		font-weight:normal;
		text-align: left;
		position: relative;
		padding: 6px 10px 6px 50px !important;
	}
	.sub-menu-list div a::before {
		content: '';
		display: block;
		position: absolute;
		height: 0;
		width: 0;
		top: 50%;
		left: 38px;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-top: 4px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 6px solid #d75722;
		display: block;
		position: absolute;
		z-index: 1;
		transition:.3s;
	}
	.sub-menu-list.sub-menu-title2 div a::before{
		border-left: 6px solid #3c5d95;
	}
	.sub-menu-list.sub-menu-title2 div:last-child{
		border:none;
	}
	.sub-menu-list.sub-menu-title2 div a:hover {
		color:#3c5d95;
	}
	.menu-btn:checked ~ .nav-menu a,
	.menu-btn:checked ~ .nav-menu li {
		opacity: 1;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
	}
	.menu-btn {
		display: none;
	}
	.menu-icon {
		display: inline-block;
		position: relative;
		cursor: pointer;
		padding: 29px 12px 28px;
		z-index:1000;
		/*background-color:#fff;*/
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	.navicon {
		background: #d75722;
		display: block;
		height: 2px;
		width: 26px;
		position: relative;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	.navicon:before,
	.navicon:after {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		background: #d75722;
		transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	.navicon:before {
		top: 9px;
	}
	.navicon:after {
		bottom: 9px;
	}
	.menu-btn:checked ~ .menu-icon .navicon:before {
		transform: rotate(-45deg);
	}
	.menu-btn:checked ~ .menu-icon .navicon:after {
		transform: rotate(45deg);
	}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
		top: 0;
	}
	.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
		bottom: 0;
	}
	.menu-btn:checked ~ .menu-icon .navicon {
		background: rgba(0, 0, 0, 0);
		transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
	}
	#nav-close {
		display: none;
		position: fixed;
		z-index: 99;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	#menu-btn:checked ~ #nav-close {
		display: block;
		opacity: .5;
	}
	#spContact, #spSns, .sp-sns{
		border:none !important;
	}
	#spSub ul{
		width:100%;
		max-width:300px;
		margin:30px auto 0;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	#spContact{
		width:100%;
		margin:0 auto 30px;
	}
	#spContact a{
		display:block;
		padding:8px 30px 10px;
		background-color:#d75722;
		color:#fff;
		border-radius:100vh;
		transition: .3s;
		text-align:center;
	}
	#spContact a:hover{
		background-color:#e32e24;
	}
	.sp-sns{
		width:40px;
		margin:0 20px 20px !important;
		text-align:center;
	}
	.sp-sns a{
		padding:0 !important;
	}
	/*
	#spSns{
		margin-bottom:20px;
		text-align:center;
	}
	#spSns a{
		font-size: 3.5rem;
		line-height: 1;
		color: #1877f2;
		transition: .3s;
		padding:0;
		text-align:center;
		display:inline-block;
	}
	*/
}

@media print,screen and (min-width: 961px) {
#wrapperTop, #wrapper{
	width:100%;
	margin:0 auto;
	clear:both;
}
	/*
#header.h-scroll {
	top:0;
	background-color:rgba(255,255,255,0.8);
	transition:.3s;
	*/
}
#headerLogo a{
	display:block;
}
.headerMenu ul{
	display:flex;
}
.headerMenu ul li{
	position:relative;
	box-sizing:border-box;
}

.headerMenu ul li span::after {
    background-color: #b70000;
    content: '';
    display: block;
    height: 2px;
    margin: 2px auto 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: 0;
}
.headerMenu ul li a:hover span:after{
	width:100%;
}
.headerMenu ul li:hover > a{
	transition: .3s;
}
.sphInquiryBox{
	display:none;
}
}
/******************
ヘッダー[スマートフォン]
******************/
@media screen and (max-width: 960px) {
	#h-contact{
		display:none;
	}
	body.headerMenuActive{
		position:fixed;
		width: 100%;
		height: 100%;
	}
	#wrapperTop,#wrapper{
	}
	#header{
		z-index:2;
		height:60px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	#headerUpperBox{
		width:calc(100% - 70px);
		height:60px;
	}
	#headerLogo{
		/*max-width:220px;*/
		width:98%;
	}
}

/******************
コンテンツボックス[共通]
******************/
#mainImgBox{
	position:relative;
	display:flex;
	justify-content:space-between;
	/*align-items:center;*/
	width:100%;
	max-width:1920px;
	margin:110px auto 60px;
	padding:0 1% 0 4%;
}
#mainLeft{
	width:34%;
}
#mainTxt{
	width:30%;
	position:absolute;
	top:52%;
	left:30%;
	transform: translate(-30%,-52%);
	z-index:5;
}
#mainLogo{
	max-width:940px;
	width:60%;
	position:absolute;
	top:46%;
	left:4%;
	z-index:5;
}
#main-logo1{
	width:10%;
	display:block;
	line-height:1;
}
#main-logo2{
	width:100%;
	display:block;
	background-color:#fff;
	padding:14px 20px 14px 0;
	margin-top:-5px;
	line-height:1;
}
#swiperBox{
	width: 60%;
	margin: 3% 2% 0;
}
#slide-bg01{
	position:absolute;
	top:5%;
	right:55.5%;
	z-index:1;
	background-image: url('./images/top/slide-bg01.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 6%;
	/*width:100%;*/
	height: 13%;
}
#slide-bg02{
	position:absolute;
	top:85%;
	right:54.5%;
	z-index:1;
	background-image: url('./images/top/slide-bg02.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 8%;
	/*width:100%;*/
	height: 18%;
}
#slide-bg03{
	position:absolute;
	top:2%;
	right:1%;
	z-index:1;
	background-image: url('./images/top/slide-bg03.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 9%;
	/*width:100%;*/
	height: 15%;
}
#slide-bg04{
	position:absolute;
	top:88%;
	right:1%;
	z-index:1;
	background-image: url('./images/top/slide-bg04.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 6%;
	/*width:100%;*/
	height: 13%;
}
#bg-img01{
	position:absolute;
	top:4%;
	left:4%;
	z-index:-1;
	background-image: url('./images/top/bg01.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 26%;
}
#bg-img37{
	position:absolute;
	top:42%;
	left:6%;
	z-index:-1;
	background-image: url('./images/top/bg27.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 8%;
	/*width:100%;*/
	height: 22%;
}
#bg-img02{
	position:absolute;
	top:73%;
	left:-3%;
	z-index:-1;
	background-image: url('./images/top/bg02.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 14%;
	/*width:100%;*/
	height: 21%;
}
#bg-img03{
	position:absolute;
	top:8%;
	left:22%;
	z-index:-1;
	background-image: url('./images/top/bg03.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 22%;
}
#bg-img04{
	position:absolute;
	top:72%;
	left:23%;
	z-index:-1;
	background-image: url('./images/top/bg04.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 9%;
	/*width:100%;*/
	height: 18%;
}
#contents{
	width:100%;
	margin:0 auto;
	clear:both;
	position:relative;
	z-index:1;
}
.topMidashi1{
	text-align:center;
	color:#3d5e97;
	margin:0 auto 60px;
	letter-spacing:0.2rem;
}
.topMidashi1 span{
	display:block;
	color:#d75722;
	font-size:1.8rem;
	font-weight:normal;
	line-height:1.4;
}
.topMidashi2{
	font-size:3rem;
	text-align:center;
	color:#d96133;
	margin:0 auto 40px;
}
.topMidashi3{
	text-align:center;
	color:#3d5e97;
	margin:0 auto 30px;
	letter-spacing:0.2rem;
}
.topMidashi3 span{
	display:block;
	color:#d75722;
	font-size:1.8rem;
	font-weight:normal;
	line-height:1.4;
}
.topMidashi4{
	display:table;
	margin:0 auto 60px;
	letter-spacing:0.2rem;
	position:relative;
	padding-bottom:20px;
}
.topMidashi4::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.pc-none{
	display:none;
}
@media screen and (max-width: 1260px) {
	#mainLogo{
		top:48%;
	}
	#bg-img02{
		top:68%;
	}
	#bg-img04{
		top:74%;
	}
}
@media screen and (max-width: 960px) {
	#mainImgBox{
		display:block;
		width:96%;
		margin:90px auto 60px;
		padding:0;
	}
	#mainLeft{
		width:auto;
	}
	#mainTxt{
		position:absolute;
		top:30%;
		left:0;
		transform: translate(0,-30%);
		width:40%;
		z-index:10;
		margin:auto;
		line-height:1;
	}
	#mainLogo{
		display:none;
	}
	#swiperBox{
		width:96%;
		margin:auto;
	}
	#slide-bg01{
		top: -2%;
		left: 0;
		right:unset;
		width: 12%;
		height: 19%;
	}
	#slide-bg02{
		top:unset;
		bottom:-2%;
		left:-1%;
		right:unset;
		width:12%;
		height:20%;
	}
	#slide-bg03{
		top: -4%;
		width: 14%;
		height: 17%;
	}
	#slide-bg04{
		top:unset;
		bottom:-1%;
		width:10%;
		height:16%;
	}
	#bg-img01, #bg-img02, #bg-img03, #bg-img04{
		position:static;
		display:none;
	}
}
@media screen and (max-width: 768px) {
	#mainTxt{
		top:10%;
		transform: translateY(-10%);
		max-width:400px;
		width:60%;
	}
	.pc-none{
		display:block;
	}
	.sp-none{
		display:none;
	}
	.topMidashi1{
		margin-bottom:40px;
	}
	.topMidashi2{
		font-size:2.6rem;
		margin-bottom:40px;
	}
	.topMidashi img, .topMidashi2 img{
		height:28px
	}
	#slide-bg02{
		bottom:-4%;
		height:14%;

	}
	#slide-bg04{
		top:unset;
		bottom:-3%;
		height:12%;
	}
}
@media screen and (max-width: 520px) {
	.topMidashi2{
		font-size:2rem;
		line-height:1.4;
	}
	.topMidashi4{
		font-size:2rem;
		line-height:1.4;
		margin-bottom:30px;
	}
}
/*わーるどりんぐとは*/
#about{
	position:relative;
}
#aboutBox{
	width:94%;
	max-width:1100px;
	margin:0 auto 40px;
	position:relative;
	z-index:2;
}
#aboutTitle{
	width:96%;
	text-align:center;
	margin:0 auto 40px;
}
#aboutImg{
	text-align:center;
	max-width:120px;
	margin:0 auto 30px;
}
#aboutTxt{
	text-align:center;
	letter-spacing:0.1rem;
	line-height:2.4;
	margin:0 auto 30px;
}
#aboutTxt span{
	display:block;
}
#sdgsBox{
	display:flex;
	width:50%;
	max-width:260px;
	margin:0 auto 100px;
	position:relative;
	z-index:2;
}
#sdgsBox li{
	margin:0 4%;
}
.txt-haba1{
	margin-bottom:30px;
}
/*
#bg-img05{
	position:absolute;
	top:-10%;
	left:2%;
	z-index:-1;
	background-image: url('./images/top/bg05.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 12%;
	height: 31%;
}
*/
#bg-img06{
	position:absolute;
	top:20%;
	left:-3%;
	z-index:-1;
	background-image: url('./images/top/bg06.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 14%;
	/*width:100%;*/
	height: 22%;
}
#bg-img07{
	position:absolute;
	top:50%;
	left:5%;
	z-index:-1;
	background-image: url('./images/top/bg07.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 24%;
}
#bg-img08{
	position:absolute;
	bottom:-10%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg08.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 14%;
	/*width:100%;*/
	height: 30%;
}
/*
#bg-img09{
	position:absolute;
	top:-5%;
	right:-2%;
	z-index:-1;
	background-image: url('./images/top/bg09.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	height: 23%;
}
*/
#bg-img10{
	position:absolute;
	top:16%;
	right:3%;
	z-index:-1;
	background-image: url('./images/top/bg10.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 13%;
	/*width:100%;*/
	height: 38%;
}
#bg-img11{
	position:absolute;
	top:58%;
	right:-4%;
	z-index:-1;
	background-image: url('./images/top/bg11.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 20%;
}
#bg-img12{
	position:absolute;
	bottom:-8%;
	right:-1%;
	z-index:-1;
	background-image: url('./images/top/bg12.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 13%;
	/*width:100%;*/
	height: 22%;
}
@media screen and (max-width: 960px) {
	#bg-img05{
		position:absolute;
		top:12%;
		left:-5%;
		z-index:-1;
		background-image: url('./images/top/bg05.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: left top;
		width: 12%;
		height:18%;
	}
	#bg-img06{
		top:40%;
		height:13%;
	}
	#bg-img07{
		top:65%;
		height:14%;
	}
	#bg-img08{
		height:18%;
	}
	#bg-img09{
		position:absolute;
		top:14%;
		right:-2%;
		height:13%;
		z-index:-1;
		background-image: url('./images/top/bg09.png');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right top;
		width: 10%;
		height: 23%;
	}
	#bg-img10{
		top:30%;
		right:0;
		height:22%;
	}
	#bg-img11{
		top:68%;
		height:12%;
	}
	#bg-img12{
		height:14%;
	}
}
@media screen and (max-width: 768px) {
	#aboutTxt{
		width:80%;
		letter-spacing: 0;
		line-height: 2;
		text-align:left;
	}
	#aboutTxt span{
			display:inline;
	}
	#aboutImg{
		max-width:80px;
	}
}
@media screen and (max-width: 520px) {
	#aboutTxt{
		font-size:1.4rem;
	}
	#sdgsBox{
		margin:0 auto 60px;
	}
}
/*roots*/
#roots{
	position:relative;
}
#bg-img38{
	position:absolute;
	top:34%;
	left:1%;
	z-index:-1;
	background-image: url('./images/top/bg24.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width: 100%;*/
	height: 36%;
}
#bg-img39{
	position:absolute;
	top:42%;
	right:-1%;
	z-index:-1;
	background-image: url('./images/top/bg19.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 14%;
	/*width: 100%;*/
	height: 36%;
}
#rootsBg{
	background-color:#fff5f3;
	padding:50px 0 40px;
	margin-bottom:80px;
}
#rootsTxt{
	width:96%;
	margin:auto;
	text-align:center;
}
#rootsTxt span{
	display:block;
}
#rootsImg{
	width:60%;
	max-width:300px;
	margin:30px auto 0;
	text-align:center;
}
@media screen and (max-width: 768px) {
	#rootsTxt{
		text-align:left;
	}
	#rootsTxt span{
		display:inline;
	}
	#bg-img38, #bg-img39{
		position:static;
		background-image:unset;
		width:auto;
		height:auto;
	}
}
@media screen and (max-width: 520px) {
	#rootsBg{
		padding-top:40px;
	}
}
/*事業内容*/
#work, #workBg1, #workBg2{
	position:relative;
}
#flexBox{
	width:96%;
	max-width:1100px;
	margin:0 auto 40px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
#flexBox2{
	width:96%;
	max-width:1100px;
	margin:0 auto 40px;
	position:relative;
	display:flex;
	justify-content:center;
}
.flexFrame1{
    width:32%;
	background-image:url(./images/top/work-frame01.png);
	background-size:cover;
	background-repeat: no-repeat;
	padding-top:49%;
	position:relative;
	margin-left:2%;
}
.flexFrame2{
    width:32%;
	background-image:url(./images/top/work-frame02.png);
	background-size:cover;
	background-repeat: no-repeat;
	padding-top:49%;
	position:relative;
	margin-left:1%;
}
.flexFrame3{
    width:32%;
	background-image:url(./images/top/work-frame03.png);
	background-size:cover;
	background-repeat: no-repeat;
	padding-top:49%;
	position:relative;
	margin-left:1%;
}
.flexFrame4{
    width:30%;
	background-image:url(./images/top/work-frame04.png);
	background-size:cover;
	background-repeat: no-repeat;
	padding-top:49%;
	position:relative;
	margin:0 2%;
}
.flexFrame5{
    width:30%;
	background-image:url(./images/top/work-frame05.png);
	background-size:cover;
	background-repeat: no-repeat;
	padding-top:49%;
	position:relative;
	margin:0 2%;
}
.flexArea1{
	position:absolute;
	top:25%;
	bottom:0;
	left:0;
	right:0;
	margin:0px 14% 0 8%;
}
.flexArea2{
	position:absolute;
	top:25%;
	bottom:0;
	left:0;
	right:0;
	margin:0px 14% 0 8%;
}
.flexArea3{
	position:absolute;
	top:25%;
	bottom:0;
	left:0;
	right:0;
	margin:0px 14% 0 8%;
}
.flexArea4{
	position:absolute;
	top:25%;
	bottom:0;
	left:0;
	right:0;
	margin:0 7% 0 8%;
}
#workLine{
	max-width:1100px;
	margin:0 auto 60px;
	position:relative;
	padding-bottom:60px;
}
#workLine::before{
	content: "";
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
#workIllust1{
	width:96%;
	max-width:600px;
	margin:0 auto 30px;
	padding-right:54px;
}
#workIllust2{
	width:96%;
	max-width:450px;
	margin:auto;
}
.frameIllust, .frameIllust2{
	text-align:center;
	margin:0 auto 20px;
}
.frameIllust img{
	max-height:60px;
}
.frameIllust2 img{
	max-height:70px;
}
/*
.frameIllust1{
	width:90%;
	margin:0 auto 20px;
}
.frameIllust2{
	width:60%;
	margin:0 auto 20px;
}
.frameIllust3{
	width:50%;
	margin:0 auto 20px;
}
*/
.frameIllust4{
	width:40%;
	text-align:center;
	margin:0 auto 20px;
}
.frameIllust4 img{
	max-height:100px;
}
.frameIllust5{
	width:30%;
	text-align:center;
	margin:0 auto 20px;
}
.frameIllust5 img{
	max-height:100px;
}
.workTitle{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.2rem;
	text-align:center;
	margin:30px auto 0;
	color:#d45622;
}
.workTitle2{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.2rem;
	text-align:center;
	margin:auto;
	color:#3c5d95;
}
.workTitle3{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.2;
	letter-spacing:0.2rem;
	text-align:center;
	margin:auto;
	color:#d45622;
}
.workTitle3 span{
	display:block;
}
.workTxt{
	font-weight:500;
	margin:30px auto 0;
}
.workTxt2{
	display:table;
	font-weight:500;
	margin:40px auto 0;
}
.workTxt3{
	font-weight:500;
	margin:20px auto 0;
}
.workTxt4{
	font-weight:500;
	margin:20px auto 0;
}
#wr-logo{
	width:180px;
	display:inline-block;
	line-height:1.2;
	padding-right:5px;
}
.workLink{
	width:180px;
	margin:auto;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}
.workLink2{
	width:180px;
	margin:auto;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
}
.workLink::before, .workLink2::before{
	content: "";
	height: 7px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;
}
.workLink span, .workLink2 span{
	display:block;
	font-weight:bold;
	padding:0px 70px 10px 5px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
.workLink span::before, .workLink2 span::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:18px;
	right:19px;
	width:40px;
	height:2px;
	background-color:#0075ac;
	transition: .3s;
}
.workLink span::after, .workLink2 span::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:14px;
	right: 19px;
	width: 12px;
	height: 1px;
	border-top: 2px solid #0075ac;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: .3s;
}
.flexFrame1 a:hover, .flexFrame2 a:hover, .flexFrame3 a:hover,
.flexFrame4 a:hover, .flexFrame5 a:hover{
	color:#000;
}
.flexFrame1 a:hover span::before, .flexFrame2 a:hover span::before, .flexFrame3 a:hover span::before,
.flexFrame4 a:hover span::before, .flexFrame5 a:hover span::before{
	right: 9px;
	background-color:#d75722;
}
.flexFrame1 a:hover span::after, .flexFrame2 a:hover span::after, .flexFrame3 a:hover span::after,
.flexFrame4 a:hover span::after, .flexFrame5 a:hover span::after{
	right: 9px;
	border-top: 2px solid #d75722;
}
/*
.workLink a:hover{
}
.workLink span:hover::before{
	right: 19px;
	background-color:#d75722;
}
.workLink span:hover::after{
	right: 19px;
	border-top: 2px solid #d75722;
}
*/
.workIllust1{
	max-width:380px;
	width:70%;
	position:absolute;
	top:0;
	left:15%;
}
.workIllust2{
	max-width:390px;
	width:70%;
	position:absolute;
	top:0;
	right:0;
}
.workIllust3{
	max-width:240px;
	width:70%;
	position:absolute;
	bottom:0;
	left:0;
}
.workIllust4{
	max-width:170px;
	width:30%;
	position:absolute;
	top:5%;
	right:5%;
}
.workIllust5{
	max-width:380px;
	width:80%;
	position:absolute;
	bottom: -180px;
	right: 15%;
}
.orange-line{
	width:96%;
	margin:auto;
}
.orange-line span{
	font-size:2.5rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	line-height:1.4;
	display:table;
	margin:0 auto 60px;
	position:relative;
	padding-bottom:20px;
}
.orange-line span::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/orange-line2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.blue-line{
	width:96%;
	margin:auto;
}
.blue-line span{
	font-size:2.5rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	line-height:1.4;
	display:table;
	margin:0 auto 60px;
	position:relative;
	padding-bottom:20px;
}
.blue-line span::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line2.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.txt-color1{
	font-size:3rem;
	font-weight:bold;
	color:#d75722;
	margin-bottom:30px;
}
.txt-color2 a{
	font-weight:bold;
	color:#d75722;
}
.txt-color3{
	font-weight:bold;
	color:#005495;
	display:table;
	margin:0 auto 15px;
}
#freeBox{
	width:96%;
	margin:10px auto 0px;
}
#freeBox p{
	font-size:2.2rem;
	font-weight:bold;
	display:table;
	margin:auto;
	color:#005495;
}
#free{
	width: 130px;
	padding: 0 15px;
	display: inline-block;
	vertical-align: middle;
}
#orange-dots{
	max-width: 1100px;
	margin:60px auto 120px;
	position:relative;
	padding-bottom:30px;
}
#orange-dots::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/orange-line3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
#orange-dots p{
}
#orange-arrow{
	max-width:740px;
	width:90%;
	display:table;
	margin:30px auto 40px;
	position:relative;
	padding:10px 80px;
	font-size:2rem;
}
#orange-arrow::before, #orange-arrow::after{
	content: "";
	width:20px;
	height: 62px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	margin:auto;
	background-image: url(./images/top/arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
#orange-arrow::after{
	left:unset;
	right:0;
}
#orange-arrow .kaigyo{
	display:block;
}
#bg-img13{
	position:absolute;
	top:5%;
	left:-3%;
	z-index:-1;
	background-image: url('./images/top/bg13.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 17%;
}
#bg-img14{
	position:absolute;
	top:30%;
	left:-4%;
	z-index:-1;
	background-image: url('./images/top/bg14.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 13%;
	/*width:100%;*/
	height: 19%;
}
#bg-img15{
	position:absolute;
	top:55%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg15.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 13%;
	/*width:100%;*/
	height: 20%;
}
#bg-img16{
	position:absolute;
	top:80%;
	left:-4%;
	z-index:-1;
	background-image: url('./images/top/bg16.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 12%;
	/*width:100%;*/
	height: 20%;
}

#bg-img17{
	position:absolute;
	top:0%;
	right:-3%;
	z-index:-1;
	background-image: url('./images/top/bg17.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 17%;
	/*width:100%;*/
	height: 8%;
}
#bg-img18{
	position:absolute;
	top:15%;
	right:-4%;
	z-index:-1;
	background-image: url('./images/top/bg18.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 12%;
	/*width:100%;*/
	height: 16%;
}
#bg-img19{
	position:absolute;
	top:35%;
	right:-9%;
	z-index:-1;
	background-image: url('./images/top/bg19.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 18%;
	/*width:100%;*/
	height: 18%;
}
#bg-img20{
	position:absolute;
	top:60%;
	right:-3%;
	z-index:-1;
	background-image: url('./images/top/bg20.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 16%;
}
#bg-img21{
	position:absolute;
	top:80%;
	right:-3%;
	z-index:-1;
	background-image: url('./images/top/bg21.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 26%;
}

#bg-img22{
	position:absolute;
	top:5%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg22.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 12%;
	/*width:100%;*/
	height: 20%;
}
#bg-img23{
	position:absolute;
	top:40%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg23.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 16%;
	/*width:100%;*/
	height: 14%;
}
#bg-img24{
	position:absolute;
	top:68%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg24.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 16%;
}
#bg-img25{
	position:absolute;
	top:20%;
	right:-2%;
	z-index:-1;
	background-image: url('./images/top/bg25.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 10%;
	/*width:100%;*/
	height: 16%;
}
#bg-img26{
	position:absolute;
	top:55%;
	right:-2%;
	z-index:-1;
	background-image: url('./images/top/bg26.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 11%;
	/*width:100%;*/
	height: 20%;
}
@media screen and (max-width: 1120px) {
	.workSub{
		font-size:2rem;
	}
	.workLink, .workLink2{
		bottom:35px;
	}
	#freeBox p{
		font-size:1.8rem;
	}
	#free{
		width:90px;
		padding:0 8px;
	}
}
@media screen and (max-width: 1060px) {
	#workIllust1{
		padding-right:4%;
	}
	.flexFrame1{
		width:46%;
		padding-top:48.5%;
		margin:0 auto;
		background-image:url(./images/top/work-frame01-sp.png);
	}
	.flexFrame2{
		width:46%;
		padding-top:48.5%;
		margin:0 auto;
		background-image:url(./images/top/work-frame02-sp.png);
	}
	.flexFrame3{
		width:54%;
		padding-top:47.5%;
		margin:30px auto 0;
		background-image:url(./images/top/work-frame03-sp.png);
	}
	.flexFrame4{
		width:46%;
		padding-top:48.5%;
		margin:0 auto;
		background-image:url(./images/top/work-frame04-sp.png);
	}
	.flexFrame5{
		width:46%;
		padding-top:48.5%;
		margin:0 auto;
		background-image:url(./images/top/work-frame05-sp.png);
	}
	.flexArea1, .flexArea2{
		top:25%;
		margin:0px 6% 0 8%;
	}
	.flexArea3{
		top:25%;
		margin:0 14%;
	}
	.flexArea4, .flexArea5{
		top:25%;
		margin:0px 6% 0 8%;
	}
	.frameIllust, .frameIllust2{
		margin:0 auto 10px;
	}
}
@media screen and (max-width: 960px) {
	.flexBox1{
		display:block;
	}
	.flexBox2{
		display:block;
		margin:60px auto;
	}
	.flexBox4{
		display:block;
	}
	.flexLeft1, .flexRight1, .flexLeft2{
		max-width:500px;
		width:100%;
		margin:auto;
		padding-top:486px;
	}
	.flexLeft4, .flexRight4{
		max-width:500px;
		width:100%;
		margin:0 auto 60px;
		padding-top:472px;
	}
	.workIllust1{
		position:static;
		margin-left:10%;
	}
	.workIllust2{
		position:static;
		margin: 60px 0 0 auto;
	}
	#illustLayout{
		display:flex;
		justify-content: space-evenly;
	}
	.workIllust3{
		position:static;
		width:54%;
		margin:0 11% 0 0;
	}
	.workIllust4{
		position:static;
		width:35%;
	}
	.workIllust5{
		position:static;
		margin:60px auto 0;
	}
	.workTitle{
		margin-top:10px;
	}
	.workTxt, .workTxt3, .workTxt4{
		margin-top:10px;
	}
	.workLink{
		bottom:30px;
	}
	.workLink2{
		bottom:30px;
	}
	.workLink::before, .workLink2::before{
		height:4px;
	}
	#freeBox p{
		font-size:1.6rem;
	}
	#free{
		vertical-align:top;
	}
}
@media screen and (max-width: 820px) {
	#flexBox2{
		display:block;
	}
	.flexFrame1, .flexFrame2{
		max-width:460px;
		width:100%;
		padding-top:484px;
		margin:0 auto 30px;
	}
	.flexFrame3{
		max-width:540px;
		width:100%;
		padding-top:474px;
		margin:0px auto 30px;
	}
	.flexFrame4{
		max-width:460px;
		width:100%;
		padding-top:484px;
		margin:0 auto 30px;
	}
	.flexFrame5{
		max-width:460px;
		width:100%;
		padding-top:484px;
		margin:0 auto 30px;
	}
	.flexArea1, .flexArea2{
		margin:0 8%;
	}
	.flexArea3{
	}
	.flexArea4, .flexArea5{
		top:25%;
	}
}
@media screen and (max-width: 768px) {
	.workTxt2{
		width:96%;
	}
	#wr-logo{
		font-size:1.6rem;
		width:140px;
	}
	.orange-line span, .blue-line span{
		font-size:2rem;
	}
	#orange-arrow .kaigyo{
		display:inline;
	}
	#orange-arrow{
		margin:30px auto 0;
		padding:10px 30px;
		font-size:1.6rem;
	}
	#orange-arrow::before, #orange-arrow::after{
		width:15px;
		height: 50px;
	}
}
@media screen and (max-width: 560px) {
	.flexFrame1, .flexFrame2{
		width:84%;
		padding-top:88%;
	}
	.flexFrame3{
		width:100%;
		padding-top:88%;
		margin:30px auto 0;
	}
	.flexFrame4{
		width:84%;
		padding-top:88%;
		margin:0 auto 30px;
	}
	.flexFrame5{
		width:84%;
		padding-top:88%;
		margin:0 auto;
	}
	.flexArea1 .flexArea2{
		margin:0px 6% 0 8%;
	}
	.flexArea3{
		margin:0 16%;
	}
	.flexArea4, .flexArea5{
	}
	.flexLeft1, .flexRight1, .flexLeft2{
		width:98%;
		margin-right:auto;
		padding-top:95%;
	}
	.flexLeft4, .flexRight4{
		width:98%;
		margin-right:auto;
		padding-top:92%;
	}
	.frameIllust, .frameIllust2{
		margin-bottom:10px;
	}
	.frameIllust img{
		max-height:40px;
	}
	.frameIllust2 img{
		max-height:50px;
	}
	.workTitle{
		margin-top:10px;
	}
	.workTitle, .workTitle2,	.workTitle3{
		font-size:5.5vw;
	}
	.workTxt, .workTxt3, .workTxt4{
		margin-top:10px;
		font-size:3.5vw;
	}
	.workSub{
		font-size:4.5vw;
		margin:0 auto 10px
	}
	.workLink, .workLink2{
		width:150px;
		bottom:20px;
	}
	.workLink span, .workLink2 span{
		font-size:1.6rem;
		padding:0px 50px 5px 5px;
	}
	.workLink span::before, .workLink2 span::before{
		right: 19px;
		width: 30px;
	}
	.workLink span::after, .workLink2 span::after{
		right: 19px;
		width: 10px;
	}
	.flexFrame1 a:hover span::before, .flexFrame2 a:hover span::before, .flexFrame3 a:hover span::before,
	.flexFrame4 a:hover span::before, .flexFrame5 a:hover span::before{
		right: 9px;
	}
	.flexFrame1 a:hover span::after, .flexFrame2 a:hover span::after, .flexFrame3 a:hover span::after,
	.flexFrame4 a:hover span::after, .flexFrame5 a:hover span::after{
		right: 9px;
	}
	#flexFrame{
		padding-bottom:40px;
		margin-bottom:60px;
	}
	#free{
		width:70px;
		text-align:center;
	}
	#orange-dots{
		margin:30px auto 60px;
	}
	#bg-img13{
		top: 1%;
		height: 4%;
	}
	#bg-img14{
	}
	#bg-img15{
	}
	#bg-img16{
		top: 86%;
		height: 5%;
	}
	#bg-img17{
	}
	#bg-img18{
		top: 7%;
		height: 4%;
	}
	#bg-img19{
		top: 40%;
		height: 4%;
	}
	#bg-img20{
		top: 69%;
		height: 4%;
	}
	#bg-img21{
		top: 92%;
		height: 7%;
	}
	#bg-img22{
	}
	#bg-img23{
		top: 36%;
		height: 6%;
	}
	#bg-img24{
		top: 94%;
		height: 4%;
	}
	#bg-img25{
		top: 7%;
		height: 4%;
	}
	#bg-img26{
		top: 65%;
		height: 5%;
	}
}
/*お知らせ*/
#topics{
	position:relative;
}
#topInfoBox{
	width:96%;
	max-width:900px;
	margin:0 auto 80px;
}
#topInfoBox ul{
	margin:auto;
	background-color:#fff;
}
#topInfoBox ul li{
	display:flex;
	margin-bottom:10px;
	border-bottom: 1px solid #ccc;
	padding:5px 5px 10px 5px;
}
.infoDate{
	width:160px;
	letter-spacing:0.1rem;
}
.infoTitle{
	width: calc(100% - 160px);
}
#infoMore{
	width:210px;
	margin:40px 0 0 auto;
	position:relative;
	padding-bottom:10px;
}
#infoMore::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;
}
#infoMore a{
	display:block;
	font-weight:bold;
	padding:6px 80px 6px 30px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
#infoMore a::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:24px;
	right:29px;
	width:40px;
	height:2px;
	background-color:#0075ac;
	transition: .3s;
}
#infoMore a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:20px;
	right: 29px;
	width: 12px;
	height: 1px;
	border-top: 2px solid #0075ac;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: .3s;
}
#infoMore a:hover{
}
#infoMore a:hover::before{
	right: 19px;
	background-color:#d75722;
}
#infoMore a:hover::after{
	right: 19px;
	border-top: 2px solid #d75722;
}
#bg-img27{
	position:absolute;
	top:-5%;
	left:-3%;
	z-index:-1;
	background-image: url('./images/top/bg20.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 8%;
	/*width:100%;*/
	height: 27%;
}
#bg-img28{
	position:absolute;
	top:70%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg02.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 12%;
	/*width:100%;*/
	height: 26%;
}
#bg-img29{
	position:absolute;
	top:10%;
	right:-2%;
	z-index:-1;
	background-image: url('./images/top/bg25.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 8%;
	/*width:100%;*/
	height: 23%;
}
#bg-img30{
	position:absolute;
	top:64%;
	right:-3%;
	z-index:-1;
	background-image: url('./images/top/bg16.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 9%;
	/*width:100%;*/
	height: 34%;
}
@media screen and (max-width: 960px) {
	#topNewsRight{
		width:63%;
		margin:0 2% 0 5%;
	}
	#topNewsRight ul li, .infoDate, .infoTitle{
		display:block;
	}
	.infoTitle{
		width: 98%;
		padding-left:2%;
		line-height:1.6;
	}
}
@media screen and (max-width: 768px) {
	#topNewsBox{
		display:block;
	}
	#topNewsLeft{
		width:100%;
	}
	#topNewsRight{
		width:96%;
		max-width:600px;
		margin:30px auto 0;
	}
	#topInfoBox ul li{
		display:block;
		padding:5px 10px 10px 10px;
	}
	.infoDate{
		display:block;
	}
	.infoTitle{
		width: 100%;
	}
	#infoMore{
		margin:40px auto 0;
	}
}
@media screen and (max-width: 520px) {
	#bg-img27{
		top:5%;
		height: 8%;
	}
}

/*私たちの強み*/
#strengthsBg{
	/*
	background-color:#ffe6e1;
	*/
	background-color:#fbece9;
	padding:40px 0 10px;
	margin-bottom:120px;
}
#strengthsFrame{
	width: 96%;
	max-width: 1000px;
	margin: auto;
	display: grid;
	gap: 0px 50px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.strengthsBox{
	display: grid;
	grid-row: span 5;
	grid-template-rows: subgrid;
	gap: 0;
	margin: 0 auto 60px;
	position:relative;
	padding:25px 0;
}
.strengthsBox::before{
	content:"";
	height:24px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	background-image: url(./images/top/orange-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;	
}
.strengthsBox::after{
	content:"";
	height:24px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-image: url(./images/top/yellow-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;	
}
.strengthsFlex{
	display:flex;
	margin-top:30px;
}
.strengthsNum{
	/*display:table;*/
	width:20%;
	font-size:1.8rem;
	font-weight:bold;
	margin:auto;
	margin-right:5%;
}
.strengthsTitle{
	width:75%;
	font-size:2rem;
	font-weight:500;
	line-height:1.4;
	/*
	text-align:center;
	*/
	margin:auto;
}
.strengthsTitle span{
	display:block;
}
.strengthsTxt{
	margin:30px auto 20px;
}
@media screen and (max-width: 1060px) {
	#strengthsFrame {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}
}
@media screen and (max-width: 960px) {
	#strengthsFrame{
		display: block;
		margin-bottom:0;
	}
	.strengthsBox{
		width:90%;
		max-width:640px;
		margin-bottom:0px;
	}
	.strengthsBox::before{
		background-size:100% 10px;
	}
	.strengthsBox::after{
		content:unset;
		position:static;
	}
	.strengthsNum{
		width:12%;
	}
	.strengthsTitle{
		width:88%;
	}
	.strengthsTitle span{
		display:inline;
	}
}
@media screen and (max-width: 520px) {
	#strengthsBg{
		padding:40px 0 30px;
		margin-bottom:60px;
	}
	.strengthsFlex{
		display:block;
	}
	.strengthsNum{
		width:60px;
		margin:0 auto 20px;
		padding-right:10px;
	}
	.strengthsTitle{
		width:auto;
		display:table;
		font-size:1.8rem;
	}
	.strengthsTxt{
		margin:20px auto 0;
	}
}
/*メディア掲載*/
#mediaBg{
	width: 520px;
	margin:60px auto;
	background-image: url(./images/top/media-bg.png);
	background-size: cover;
	padding-top: 146px;
	position: relative;
}
#mediaMore{
	position:absolute;
	top:55%;
	left:42%;
	transform: translateY(-55%);
	width:190px;
	margin:auto;
	padding-bottom:10px;
}
#mediaMore::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;
}
#mediaMore a{
	display:block;
	font-weight:bold;
	padding:6px 70px 6px 15px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
#mediaMore a::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:24px;
	right:19px;
	width:40px;
	height:2px;
	background-color:#0075ac;
	transition: .3s;
}
#mediaMore a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:20px;
	right: 19px;
	width: 12px;
	height: 1px;
	border-top: 2px solid #0075ac;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: .3s;
}
#mediaMore a:hover::before{
	right: 9px;
	background-color:#d75722;
}
#mediaMore a:hover::after{
	right: 9px;
	border-top: 2px solid #d75722;
}
@media screen and (max-width: 640px) {
	#mediaBg {
		width: 90%;
		padding-top: 25.5%;
	}
	#mediaMore{
		width:36%;
	}
	#mediaMore a{
		font-size:3vw;
		padding:6px 40px 4px 5px;
	}
	#mediaMore a::before{
		right:9px;
		width:30px;
	}
	#mediaMore a::after{
		right: 9px;
		width: 10px;
	}
	#mediaMore a:hover::before{
		right: 4px;
	}
	#mediaMore a:hover::after{
		right: 4px;
	}
}
@media screen and (max-width: 520px) {
	#mediaMore a::before{
		top:60%
	}
	#mediaMore a::after{
		top:50%;
	}
}
/*会員募集・寄附*/
/*
.moreLink{
	width:210px;
	margin:30px auto;
	position:relative;
	padding-bottom:10px;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
}
.moreLink::before{
	content: "";
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/blue-line1.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;
}
.moreLink a{
	display:block;
	font-weight:bold;
	padding:6px 80px 6px 30px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
.moreLink a::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:24px;
	right:29px;
	width:40px;
	height:2px;
	background-color:#0075ac;
	transition: .3s;
}
.moreLink a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:20px;
	right: 29px;
	width: 12px;
	height: 1px;
	border-top: 2px solid #0075ac;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: .3s;
}
.moreLink a:hover{
}
.moreLink a:hover::before{
	right: 19px;
	background-color:#d75722;
}
.moreLink a:hover::after{
	right: 19px;
	border-top: 2px solid #d75722;
}
*/
/*会員募集・寄付金*/
#others{
	position:relative;
}
#othersColor{
	position:relative;
	padding:80px 0 60px;
	background-color:#ffe6e1;
	z-index:1;
	overflow:hidden;
}
.flexBox5{
	max-width:1100px;
	width:90%;
    display:flex;
    margin:0 auto;
}
.flexFrame{
    width:31.3333%;
    margin:0 1%;
	background-color:#fff;
	border-radius:100vh;
	padding:20px 0;
	/*
	display: flex;
	flex-wrap: wrap;
	*/
	position:relative;
}
/*
.flexRight5{
    width:48%;
	background-color:#fff;
	border-radius:100vh;
	padding:40px 5%;
	display: flex;
	flex-wrap: wrap;
	position:relative;
}
*/
.md-h3{
	font-size:2.2rem;
	font-weight:bold;
	text-align:center;
	margin:0 auto 10px;
}
#memberTxt, #donationTxt{
	line-height:2.2;
}
.moreLink{
	width:180px;
	margin:5px auto 10px;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	align-items: end;
}
.moreLink::before{
	content: "";
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(./images/top/yellow-line3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: .3s;
}
.moreLink a{
	display:block;
	font-weight:bold;
	padding:0px 70px 10px 5px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
.moreLink a::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:18px;
	right:19px;
	width:40px;
	height:2px;
	background-color:#0075ac;
	transition: .3s;
}
.moreLink a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:14px;
	right: 19px;
	width: 12px;
	height: 1px;
	border-top: 2px solid #0075ac;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	transition: .3s;
}
.moreLink a:hover{
}
.moreLink a:hover::before{
	right: 9px;
	background-color:#d75722;
}
.moreLink a:hover::after{
	right: 9px;
	border-top: 2px solid #d75722;
}

#bg-img31{
	position:absolute;
	top:-5%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg05.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 34%;
}
#bg-img32{
	position:absolute;
	top:40%;
	left:-3%;
	z-index:-1;
	background-image: url('./images/top/bg06.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 22%;
}
#bg-img33{
	position:absolute;
	bottom:-2%;
	left:-2%;
	z-index:-1;
	background-image: url('./images/top/bg08.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 28%;
}
#bg-img34{
	position:absolute;
	top:-10%;
	right:-3%;
	z-index:-1;
	background-image: url('./images/top/bg09.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 10%;
	/*width:100%;*/
	height: 30%;
}
#bg-img35{
	position:absolute;
	top:22%;
	right:-2%;
	z-index:-1;
	background-image: url('./images/top/bg10.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 12%;
	/*width:100%;*/
	height: 45%;
}
#bg-img36{
	position:absolute;
	bottom:-6%;
	right:-4%;
	z-index:-1;
	background-image: url('./images/top/bg24.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	width: 9%;
	/*width:100%;*/
	height: 25%;
}
@media screen and (max-width: 960px) {
	.flexBox5{
		display:block;
	}
	.flexFrame{
		width:90%;
		max-width:320px;
		padding:10px 0;
		margin:0 auto 20px;
	}
	.flexLeft5{
		width:90%;
		max-width:600px;
		margin:0 auto 40px;
		padding:20px 8%;
	}
	.flexRight5{
		width:90%;
		max-width:600px;
		margin:auto;
		padding:20px 8%;
	}
	.moreLink::before{
		height:4px;
	}
	#bg-img34{
		top:-4%;
		height: 10%;
	}
}
@media screen and (max-width: 560px) {
	.md-h3{
		font-size:2.2rem;
	}
	.flexLeft5, .flexRight5{
		border-radius:30px;
	}
	#memberTxt, #donationTxt{
		line-height:2;
	}
	.moreLink{
		width:150px;
	}
	.moreLink a{
		font-size:1.6rem;
		padding:0px 50px 5px 5px;
	}
	.moreLink a::before{
		width: 30px;
		right:14px;
		top:17px;
	}
	.moreLink a::after{
		width: 10px;
		right:14px;
	}
	.moreLink a:hover::before, .moreLink a:hover::after {
		right: 5px;
	}
	#bg-img31{
		top:0;
		height: 10%;
	}
	#bg-img34{
		top:-1%;
	}
}
/*banner*/
#bannerTxt{
	display:table;
	font-size:2rem;
	margin:60px auto 0;
}
#bannerImg{
	width:96%;
	max-width:1000px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:20px auto 40px;
}
#bannerImg li{
	width:29.33333%;
	margin:0 2% 20px;
}
#bannerImg li a{
	display:block;
	border:1px solid #808080;
	transition:.3s;
}
#bannerImg li a:hover{
	border:1px solid #d75722;

}
@media screen and (max-width: 768px) {
	#bannerTxt{
		font-size:1.6rem;
	}
	#bannerImg li{
		width:46%;
	}
}
@media screen and (max-width: 520px) {
	#bannerTxt{
		margin-top:40px;
	}
	#bannerImg{
		margin-bottom:20px;
	}
}
/*お問い合わせ*/
#contact{
	position:relative;
	z-index:2;
}
#contactColor{
	position:relative;
	padding:80px 0 100px;
	background-color:#ffcdbc;
}
#lowerTxt{
	width:96%;
	margin:0 auto 30px;
}
#lowerTxt span{
	display:table;
	font-size:2rem;
	font-weight:500;
	letter-spacing:0.2rem;
	margin:auto;
}
#lowerTel{
	margin:auto;
	font-size:3rem;
	display:none;
}
#lowerMail{
	width:96%;
	max-width:700px;
	margin:auto;
}
#lowerMail a{
	font-size:2.4rem;
	font-weight:500;
	letter-spacing:0.2rem;
	background-color:#fff;
	border:2px solid #fff;
	padding:20px 10px 22px 100px;
	display:block;
	text-align:center;
	background-image: url(./images/common/mail-icon.svg);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	background-size: 36px auto;
	transition:.3s;
	border-radius:100vh;
}
#lowerMail a:hover{
	color:#fff;
	background-color:#d75722;
	border:2px solid #d75722;
}
@media screen and (max-width: 768px) {
	#lowerMail a{
		padding:30px 10px 30px 70px;
		letter-spacing:0rem;
		background-position: 12% 50%;
	}
}
@media screen and (max-width: 520px) {
	#contactColor{
		padding:30px 0 40px;
	}
	#lowerTxt span{
		font-size:1.6rem;
		letter-spacing:0;
	}
	#lowerMail a{
		font-size: 4.5vw;
		padding: 20px 5px 20px 40px;
		background-position: 10% 50%;
		background-size: 28px auto;
	}
}
/*アクセス*/
#ggmap{
	position: relative;
	padding-bottom: 25%;
	height: 0;
	overflow: hidden;
	width:100%;
}
#ggmap iframe,
#ggmap object,
#ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 960px) {
	#ggmap{
		position: relative;
		padding-bottom: 45%;
	}
}
@media screen and (max-width: 640px) {
	#ggmap{
		position: relative;
		padding-bottom: 70%;
	}
}
/*instagram*/
#instaColor{
	background-color:#ebeff4;
	background-image: url('./images/top/insta-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height:500px;
	position:relative;
}
#instaBox{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	transform: translateY(-50%);
	width:96%;
	max-width:1100px;
	display:flex;
	align-items:center;
	margin:auto;
	background-color:#fff;
}
#instaLeft{
	width:45%;
}
#instaRight{
	width:55%;
	display:flex;
	flex-wrap:wrap;
}
#instaRight p{
	width:calc(100% / 3);
	/*padding-left:1px;*/
}
/*
#instaRight p:first-child{
	padding-bottom:1px;
}
#instaRight p:nth-child(2){
	padding-bottom:1px;
}
#instaRight p:nth-child(3){
	padding-bottom:1px;
}
*/
#instaImg{
	width:90%;
	max-width:300px;
	margin:0 auto 20px;
}
#instaLink{
	width:90%;
	max-width:300px;
	margin:auto;
}
#instaLink a{
	font-size:1.6rem;
	display:block;
	border:1px solid #000;
	border-radius:100vh;
	padding:6px 60px 8px 40px;
	text-align:center;
	letter-spacing:0.2rem;
	position:relative;
	transition:.3s;
}
#instaLink a::before{
	position:absolute;
	margin:auto;
	content:'';
	vertical-align:middle;
	top:24px;
	right:39px;
	width:35px;
	height:1px;
	background-color:#000;
	transition: .3s;
}
#instaLink a::after{
	position: absolute;
	margin: auto;
	content: '';
	vertical-align: middle;
	top:21px;
	right: 39px;
	width: 10px;
	height: 1px;
	border-top: 1px solid #000;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	transition: .3s;
}
#instaLink a:hover{
	border:1px solid #b70000;
	color:#fff;
	background-color:#b70000;
}
#instaLink a:hover::before{
	right: 29px;
	background-color:#fff;
}
#instaLink a:hover::after{
	right: 29px;
	border-top: 1px solid #fff;
}
@media screen and (max-width: 960px) {
	#instaLink a::before{
		right:29px;
	}
	#instaLink a::after{
		right: 29px;
	}
	#instaLink a:hover::before{
		right: 19px;
	}
	#instaLink a:hover::after{
		right: 19px;
	}
}
@media screen and (max-width: 768px) {
	#instaBox{
		width:96%;
		max-width:600px;
		display:block;
	}
	#instaColor{
		height:600px;
	}
	#instaLeft{
		width:100%;
		padding:20px 0;
	}
	#instaRight{
		width:100%;
	}
	/*
	#instaRight p{
		padding:1px !important;
	}
	*/
}
@media screen and (max-width: 420px) {
	#instaColor{
		height:460px;
	}
}
/*背景画像*/
/*
#bgImg01{
	position:absolute;
	top:0;
	left:0;
	width:10%;
	height:100vh;
	background-image: url('./images/top/bg01.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	z-index:2;
}
#bgImg02{
	position:absolute;
	top:60px;
	right:0;
	width:30%;
	height:125%;
	background-image: url('./images/top/person.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	z-index:2;
}
#bgImg03{
	position:absolute;
	top:-50px;
	bottom:-20px;
	right:0;
	width:40%;
	height:auto;
	background-color:#ebeff4;
}
#bgImg04{
	position:absolute;
	top:0;
	right:0;
	width:45%;
	height:160%;
	background-image: url('./images/top/kawasoe-map.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	z-index:2;
}
#bgImg05{
	position:absolute;
	top:0;
	right:0;
	width:40%;
	height:116%;
	background-image: url('./images/top/nishimura-tomato.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	z-index:2;
}
*/
@media screen and (max-width: 1380px) {
	#bgImg01{
		/*height:735px;*/
	}
}
@media screen and (max-width: 1260px) {
	#bgImg01{
		/*height:740px;*/
	}
	#bgImg02{
		width:35%;
		height:75%;
	}
	#bgImg05{
		top:60px;
		height:75%;
	}
}
@media screen and (max-width: 960px) {
	#bgImg02{
		position:relative;
		top:0;
		width:80%;
		height:0;
		padding-top:100%;
		background-size: cover;
		margin:0 auto 40px;
	}
	#bgImg03{
		width:45%;
	}
	#bgImg04{
		position:relative;
		width:90%;
		height:0;
		padding-top:70%;
		background-size: cover;
		margin-left:auto;
	}
	#bgImg05{
		top:-30px;
		position:relative;
		width:60%;
		height:0;
		padding-top:45%;
		background-size: cover;
		margin-left:auto;
	}
}
@media screen and (max-width: 768px) {
	#bgImg01{
		position:static;
		background-color:unset;
		width:auto;
		height:auto;
	}
	#bgImg05{
		top:10px;
	}
}
/******************
フッター(中部)[共通]
******************/

#footer{
	clear:both;
	width:100%;
	overflow:hidden;
	margin:auto;
	padding-top:40px;
}
#footerBox{
	width:100%;
	max-width:1100px;
	margin:auto;
	overflow:hidden;
	/*
	display:flex;
	justify-content: space-between;
	*/
}
/*
#footerLeft{
	width:45%;
	margin-left:3%;
}
#footerRight{
	width:47%;
}
#footerLogo{
	margin:0 0 10px;
}
*/
#footerLeft{
	max-width:460px;
	margin:0 auto 30px;
}
#footerAdd{
	color:#4c4948;
	font-size:1.4rem;
	line-height:1.6;
	margin:6px 0 0 2%;
}
#footerMenu ul{
	width:90%;
	max-width:400px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
}
#footerMenu ul li{
	width:46%;
	margin:0 1% 0 3%;
}
#footerMenu ul li a{
	display:block;
	font-size:1.4rem;
	line-height:1.4;
	text-align:center;
}
/*
#footerWork{
	max-width:640px;
	margin:30px auto 0;
}
#footerWork p{
	font-weight:500;
	border-bottom:1px solid #000;
	text-align:center;
	font-size:1.6rem;
	margin-bottom:10px;
	padding-bottom:5px;
}
#footerWork ul{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
#footerWork ul li{
	margin:0 10px 0 10px;
}
#footerWork ul li a{
	font-size:1.4rem;
	position:relative;
	padding-left:18px;
}
#footerWork ul li a::before{
	content: '';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	top: 50%;
	left: 7px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 4px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #d75722;
	display: block;
	position: absolute;
	z-index: 1;
	transition:.3s;
}
#footerWork ul li:nth-child(4) a::before,#footerWork ul li:nth-child(5) a::before{
	border-left: 6px solid #3c5d95;
}
#footerWork ul li:nth-child(4) a:hover, #footerWork ul li:nth-child(5) a:hover{
	color:#3c5d95;
}
*/
#copyRight{
	clear:both;
	text-align:center;
	font-size:1.2rem;
	line-height:1.4em;
	padding:40px 0 10px;
}

#pageTopBtn{
	clear:both;
	z-index:100;
	display:block;
	position: fixed;
	bottom: 60px;
	right: 1%;
}
/******************
フッター[スマホ]
******************/

@media screen and (max-width: 960px) {
/*
	#footerBox{
		display:block;
	}
	#footerLogo{
		margin-bottom:5px;
	}
	#footerLeft{
		width:96%;
		max-width:480px;
		margin:0 auto 30px;
	}
	#footerRight{
		width:100%;
		max-width: 600px;
		padding-left: 4%;
		margin:auto;
	}
	#footerAdd{
		display:table;
		margin:auto;
	}
	#footerAdd span{
		display:block;
	}
	*/
	#pageTopBtn{
		width:40px;
		bottom: 35px;
		right: 10px;
	}
}
@media screen and (max-width: 520px) {
	#footerLeft{
		width:96%;
	}
	#footerAdd{
		display:table;
		margin:0 auto 5px;
	}
	#footerAdd span{
		display:block;
	}
	#footerMenu ul{
		width:98%;
		margin-left:2%;
	}
	#pageTopBtn{
		width:30px;
	}
}
@media print{

body{
	width:1600px;
}

#wrapperTop,#wrapper{
	padding-top:0;
	overflow:visible !important;
}

#wrapperTop #header, #wrapper #header{
	position: relative;
}

}

@page{
	margin: 16mm 10mm;
}

@-moz-document url-prefix(){
@page{
	margin: auto;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
@page{
	margin: auto;
}
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}