/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 26 2023 | 23:17:28 */
.wrap-top { padding:120px 0 120px;}
.wrap-greeting { padding-right:70%; background-image:url(http://iqu-care.net/wp-content/uploads/2023/07/S__49381552.jpg); background-position:right top; background-size:70%; background-repeat:no-repeat; position:relative; min-height:440px;}
.wrap-greeting h3 { font-size:24px; line-height:1.6; margin:80px 0 24px; font-weight:500; letter-spacing:.1em;}
.wrap-greeting .box { width:45%; padding:40px 40px 0 0; background-color:#fff; position:absolute; bottom:0px; left:0px; top:240px;}
.wrap-greeting .box a { width:80%; margin:20px auto 0; display:block; padding:8px 0; text-align:center; border:1px solid #2EFEC8; color:#2EFEC8;}

@media screen and (max-width:768px){
.wrap-top { padding:40px 0 80px;}
	.wrap-greeting { padding-right:0; background-position:top; background-size:100%; padding-top:74%;}
	.wrap-greeting h3 { margin:24px 0; font-size:18px;}
	.wrap-greeting .box { width:100%; padding:0; position:static;}
}

.wrap-identity { background-image:url(http://iqu-care.net/wp-content/uploads/2023/07/S__49381530.jpg); background-size:cover; color:#fff; text-shadow:1px -1px 1px #134E78;}
.wrap-identity h2 { font-size:32px; font-weight:400; margin:0 0 80px;}
.wrap-identity h3 { font-size:32px; font-weight:400; margin:40px 0 80px; letter-spacing:.1em;}
.wrap-identity p { width:35%;}

.wrap-logo { width:90%; background-color:#fff; padding:60px 80px; margin:-80px auto 0;}
.wrap-logo img { width:40%; float:left; margin-right:24px; margin-bottom:40px;}

@media screen and (max-width:768px) {
	.wrap-identity h2 { margin:0 0 40px;}
	.wrap-identity h3 { margin:40px 0; font-size:24px;}
	.wrap-identity p { width:100%;}
	
	.wrap-logo { margin:-40px auto 0; padding:40px 5%;}
	.wrap-logo img { width:60%; float:none; margin:0 auto 20px; display:block;}
}

.w45 { width:45%;}
.w55 { width:55%;}

.txt { padding:0 40px;}
.txt h3 { margin:0 0 40px; padding:0 0 10px; border-bottom:2px solid #88abc2; text-align:center; font-size:24px; letter-spacing:.1em; font-weight:700; line-height:1.4;}
@media screen and (max-width:768px) {
	.w45,.w55 { width:100%;}
	
	.w45.txt { padding:0; margin-bottom:20px;}
	.txt h3 { margin:0 0 24px; font-size:20px;}
}

.midashi-access { font-size:32px; margin:0 0 40px; letter-spacing:.1em; line-height:1.6;}
.midashi-access:after { content:" "; width:20px; height:2px; background-color:rgb(34, 139, 34); display: block;}
g
.w48 .lead { font-size:24px; font-weight:400; color: #63446e; margin:0 0 20px;}
.w48 .name { font-size:24px; font-weight:400; margin:20px 0 0; text-align:right;}
.w48 h5 { clear:none; margin:0 0 16px; font-size:16px; font-weight:700;}

@media screen and (max-width:768px){
	.w48 .lead { margin:16px 0; font-size:20px;}
	.w48 .name { font-size:20px;}
}

.midashi-top { text-align:center; font-size:32px; margin:80px 0; letter-spacing:.1em;}
.midashi-top span { font-size:14px; margin-top:8px; display:block; margin-bottom:24px;}
.lead-top { width:60%; margin:0 auto; text-align:center;}
.midashi-top:after { content: ''; display: block; width: 60px; height: 2px; margin: 10px auto 0; background: #228b22;}

.lead-link { width:90%; margin:80px auto 0;}
.lead-link .btn { width:48%; float:left; font-size:16px; padding:16px 0; margin:0 1% !important;}

.btn { background:#fff; text-align:center; display:block; box-sizing:border-box;}
.btn:hover { background:#e6ffe6; color:#fff !important;}
.mr-4p { margin-right:4%;}
.mb-80 { margin-bottom:80px !important;}


@media screen and (max-width:768px){
	.midashi-top { margin:40px 0;}
	.midashi-top span { font-size:12px;}
	.lead-top { width:90%; margin:0 auto 8px;}
	
	.lead-link { width:100%; margin:0 auto;}
.lead-link .btn { width:100%; float:left; font-size:16px; padding:8px 0; margin:0 0 8px !important;}
	.lead-link .btn span { display:none;}
	
	.mb-80 { margin-bottom:40px !important;}
}

.wrap-process { padding:80px 0; text-align:center; background-image:url(http://iqu-care.net/wp-content/uploads/2023/07/Y1005004.jpg); background-size:cover; background-position:center; text-shadow:1px 1px 1px #fff;}
.wrap-process .midashi-top { margin:0 0 40px;}
.wrap-process .midashi-top:after { box-shadow:1px 1px 1px #fff;}
.wrap-process a { margin-top:320px;}

@media screen and (max-width:768px){
	.wrap-process { padding:40px 0;}
}

.wrap-process a { display:block; width:240px; margin:40px auto 0; color:#134E78; font-size:18px; font-weight:400; border:1px solid #666; padding:8px 0;}
.wrap-process a { color:#134E78; border:1px solid #134E78; margin-top:120px; box-shadow:1px 1px 1px #fff,-1px -1px 1px #fff;}
@media screen and (max-width:768px){
	.wrap-process a { margin:24px auto;}
}

.img-pagetop { margin-bottom:80px;}

.btn-bf { display:block; width:300px; padding:4px 0; margin:0 auto 40px; background-color:rgb(34, 139, 34); border:1px solid rgb(34, 139, 34); text-align:center; color:#fff !important; font-size:18px;}
.midashi-page a { background-color:rgb(34, 139, 34); display:inline-block; color:#fff; font-weight:400; font-size:16px; margin-right:16px; padding:4px; float:rleft;  display: inline-block; margin-top:8px;}
@media screen and (max-width:768px){
	.midashi-page a { display: block;}
}

.inner-page .inner { padding: 0 0 0 260px; position:relative; overflow:hidden;}
.inner-page .inner p { margin-bottom: 12px; font-size: 15px; line-height: 2.2;}
.inner-page .inner .box-price,.inner-page .inner .box-price2 { border-top: 1px solid #DCE5EB; padding: 30px 0 42px 5px; overflow:hidden;}
.inner-page .inner .box-price h3,.inner-page .inner .box-price2 h3 { font-size:24px; float: left; width: 33%; margin:0; letter-spacing: 0.12em; position:relative;}
.inner-page .inner .box-price h3 span,.inner-page .inner .box-price2 h3 span { display:block; font-size:15px; font-weight:bold; margin-top:13px; margin-left:16px;}
.inner-page .inner .box-price dl { width:67%; float:right; margin:0; padding:0;}
.inner-page .inner .box-price dt,.inner-page .inner .box-price2 dt { clear: both; float: left; padding-top: 1px; font-size: 15px; font-weight: bold; letter-spacing: 0.15em; background-color:#fff; padding-right:8px; position:relative; z-index:2;}
.inner-page .inner .box-price dd,.inner-page .inner .box-price2 dd { position: relative; padding: 0 0 0 100px; text-align: right; margin:0;}
.inner-page .inner .box-price dd span,.inner-page .inner .box-price2 dd span { display: inline-block; margin: -1px 0 10px; padding-left: 8px; line-height: 1; background-color:#fff; position:relative; z-index:2; font-size:19px; font-weight:500;}
.inner-page .inner .box-price2 dd span small { line-height:1; padding-right:8px;}
.inner-page .inner .box-price dd:after,.inner-page .inner .box-price2 dd:after { display: block; content: ''; position: absolute; top: 8px; left: 0; background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.3, #134E78), color-stop(0.3, #FFFFFF), color-stop(1, #FFFFFF)); background: linear-gradient(to left, #134E78 30%, #FFFFFF 30%, #FFFFFF 100%) left bottom;  background-repeat: repeat-x; background-size: 6px 1px; width: 100%; height: 1px; z-index: 1; opacity: 0.5;}
.inner-page .inner .border-box { border:1px solid; padding:16px;}
@media screen and (max-width:768px){
	.inner-page .inner { padding: 0;}
	.inner-page .inner p { padding: 0; font-size:13px;}
	.inner-page .inner .box-price,.inner-page .inner .box-price2 { border-top: 1px solid #DCE5EB; padding: 30px 0 0 ; overflow:hidden;}
	.inner-page .inner .box-price h3,.inner-page .inner .box-price2 h3 { width: 100%; position:relative; float: none;}
	.inner-page .inner .box-price h3 span,.inner-page .inner .box-price2 h3 span { display:inline-block; font-size:10px; font-weight:bold; margin-top:0; margin-left:2px;}
	.inner-page .inner .box-price dl,.inner-page .inner .box-price2 dl { width:100%; float:none; margin: 40px 0 0 0 !important; padding:0 !important;}
	.inner-page .inner .box-price dt,.inner-page .inner .box-price2 dt { font-size: 15px; font-weight: bold; letter-spacing: 0.15em; background-color:#fff; padding-right:0; position:relative; z-index:2; width:100%; float:none; text-align:center; line-height:1.6;}
	.inner-page .inner .box-price dd,.inner-page .inner .box-price2 dd { position: relative; padding: 0; text-align: center; margin:0 0 8px; }
	.inner-page .inner .box-price dd span,.inner-page .inner .box-price2 dd span { display: inline-block; margin: -1px 0 0; padding-left: 0; line-height: 1; background-color:#fff; position:relative; z-index:2; font-size:16px; font-weight:400; padding:16px 0;}
	.inner-page .inner .box-price dd:after,.inner-page .inner .box-price2 dd:after { position:static;}
}

.inner-page.contact { margin:0 0 80px;}
.inner-page .inner .box-contact { padding: 28px 30px 20px 30px; box-sizing: border-box; background: #EBF2F7; border-radius: 7px; margin:40px 0 20px; width:100%; clear:both;}
.inner-page .inner .box-contact h3 { margin:0 0 14px; font-size: 16px; font-weight: bold; letter-spacing: 0.18em; font-family: '貂ｸ繧ｴ繧ｷ繝�け Medium', 'Yu Gothic Medium', '貂ｸ繧ｴ繧ｷ繝�け菴�', YuGothic, '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN', '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;}
.inner-page .inner .box-contact h4 { margin:0 0 9px; font-size: 27px; letter-spacing: 0.05em; font-weight:400;}
.inner-page .inner .sml { margin:0 0 8px; font-size: 12px; letter-spacing: 0.1em;}

.inner-page .inner .left-sns { width:270px; position:absolute; top:1395px; left:0; font-size:18px; line-height:2;}
.inner-page.contact .inner .left-sns { top:0;}
.inner-page .inner .left-sns a { font-weight:400;}
.inner-page .inner .left-sns ul,.wrap-sec .txt ul { margin:64px 0 0; padding:0;}
.inner-page .inner .left-sns ul li,.wrap-sec .txt ul li { list-style:none; font-size:20px; margin:0 0 10px; line-height:1;}
.inner-page .inner .left-sns ul li a,.wrap-sec .txt ul li a { font-weight:500; border-bottom:1px solid #228b22;}
.inner-page .inner .left-sns ul li i,.wrap-sec .txt ul li i { font-size:24px; padding-right:16px; display:inline-block; width:37px;}

@media screen and (max-width:768px){
	.inner-page .inner .box-contact { padding: 20px;}
	.inner-page .inner .box-contact h3 { font-size:13px;}
	.inner-page .inner .box-contact h4 { font-size:15px; letter-spacing: 0.04em; line-height:1.6;}
	.inner-page .inner .box-contact p { padding:0;}
	
	.inner-page .inner .left-sns { width:100%; position:static; padding:0; font-size:16px; margin:40px 0 40px;}
	.inner-page .inner .left-sns a { font-size:13px;}
	.inner-page .inner .left-sns ul { margin:24px 0 0;}
	.inner-page .inner .left-sns ul li { display:inline-block; margin:0 16px 0 0;}
	.inner-page .inner .left-sns ul li i { font-size:20px; padding-right:8px; width:24px;}
}

.inner-page .inner .zeibetsu { font-size:13px; text-align:right; margin:0 0 8px;}
.inner-page .inner .box-price2 h3 { width:100%; margin:0 0 40px;}
.inner-page .inner .box-price2 h3 span { display:inline-block;}
.inner-page .inner .box-price2 h3 em { font-size:14px; font-weight:bold; font-style:normal; position:absolute; right:0px; bottom:3px;}
.inner-page .inner .box-price2 dl { margin:40px 0 0; padding:0 0 0 24px; overflow:hidden;}
.inner-page .inner .box-price2 dt span { font-size: 11px; display:block; margin:8px 0 24px;}
.inner-page .inner .box-price2 dt:last-of-type span { margin:8px 0 0;}
.inner-page .inner .box-price2 .des { margin:30px 0 0 24px; font-size:13px;}

@media screen and (max-width:768px){
	.inner-page .inner .zeibetsu { margin:40px 0 8px; padding-right:0;}
	.inner-page .inner .box-price2 h3 { margin:0 0 24px;}
	.inner-page .inner .box-price2 h3 em { font-size:10px; bottom:auto; top:10px;}
	.inner-page .inner .box-price2 dt span { position: absolute;
    z-index: 3;
    right: -155px;
    top: -6px;
    background-color: #fff;
    padding-left: 6px;}
	.inner-page .inner .box-price2 .des { margin:0;}
}

@media screen and (min-width:768px){
.clearcolor{background:rgba(255,255,255,0.5); width:70%; margin:auto; padding:40px; text-align:left;}
	.head-owl .txt2 {
    padding: 240px 0 0 80px;
    position: relative;}
	.weare-owl .left h3,.work-owl .txt h3 { font-size:22px; margin:0 0 64px; position:relative;}
	.weare-owl .left h3 small,.work-owl .txt h3 small { font-size:12px; font-weight:400; display:block; margin:0 0 5px;}


}
@media screen and (max-width:768px){
.clearcolor{background:rgba(255,255,255,0.5); width:90%; margin:auto; padding:40px; text-align:left;}
	.txt2{z-index:20; position:absolute; width:90%; left:5%;}
	.page-id-1286 .txt{padding:0!important;}
	.story .work-owl .img{margin-bottom:60px;}
	.story .work-owl .img{display:none;}
	.work-owl .txt .sp{margin-top:20px;}
}

.ul-head-rightbtn li a{color:#fff!important;}

.wpcf7 form label {
    display: grid;
}


.page-id-85 .head-page h3 small{color:#fff!important;}




/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
	 z-index:99; position:fixed; background-color:#fff; width:100%; padding:8px 308px 8px 20px; box-sizing:border-box; height:80px; top:0;
}

.site-header .home-link {
	
}

.site-header .site-title:hover {
	text-decoration: underline;
}

.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}

.site-header .logo { width:60px; object-fit:cover;}
@media screen and (max-width:768px){
	.site-header { height:145px; text-align:center; padding:8px 0 0;}
	.site-header .home-link {display:block;	}
	.site-header .logo { width:auto; height:75px; display:block; margin:0 auto;}
}

.site-description {
	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.ul-head-rightbtn { position:absolute; top:0; right:0; width:300px; margin:0; padding:0; overflow:hidden; z-index:999;}
.ul-head-rightbtn li { width:100px; display:block; list-style:none; font-size:0; float:left;}
.ul-head-rightbtn li a { display:block; background-color:#88abc2; color:#fff; height:80px; padding:20px 0 0; font-size:13px; text-align:center; box-sizing:border-box;}
.ul-head-rightbtn li:nth-of-type(2) a { background-color:#619bc2;}
.ul-head-rightbtn li a i { font-size:20px; display:block;}
@media screen and (max-width:768px){
	.ul-head-rightbtn { width:100%; top:90px; right:auto; left:0;}
	.ul-head-rightbtn li { width:25%;}
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation { clear:both; margin:0 auto; max-width:1136px; min-height:45px; height:64px; position:relative;}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 12px 0px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #141412; border-bottom:2px solid #fff;
	display: block;
	font-size: 12px;
	line-height: 1;
	padding: 12px 12px;
	text-decoration: none; font-weight:normal;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	border-bottom:0px solid #141412; color:#141412;
}
/*.nav-menu li:last-of-type:hover > a,
.nav-menu li:last-of-type a:hover,
.nav-menu li:last-of-type:focus > a,
.nav-menu li:last-of-type a:focus {
	border-bottom:0;}*/

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #88abc2;
	border: 2px solid #88abc2;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px; border-bottom:0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #88abc2; color:#fff; border-color:#88abc2;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	
}

.menu-toggle {
	display: none;
}

























.footer-top {background-image:url(http://iqu-care.net/wp-content/uploads/2023/05/ft.jpeg);
	text-align:center; background-size:cover; color:#fff;  padding:100px 8% 50px; }

@media screen and (min-width:768px){
.block-front ul{flex-wrap:wrap; display:flex;}
.products .block-front ul li {width:calc(100% / 2 - 20px)!important; margin:10px!important;     display: flex;    flex-direction: column;    justify-content: space-between;}
.bg-head-front{background: url(https://iqu-care.net/wp-content/uploads/2023/05/AdobeStock_314221899.jpeg) no-repeat center/cover!important;}
.story	.weare-owl img{object-fit:contain;}
.story	.weare-owl{margin:0;}
.story	.weare-owl .right{display:flex; justify-content:center; align-items:center; align-items: flex-start;}
	.story .w100{font-size:2.3rem;}
	.more-view{display:block; margin:20px auto 0; padding:4px 10px; background:#eee; text-align:center; width:150px; font-size:1.2rem;}
.more-view:hover{text-decoration:none; background:#E0E0E0; color:#000;}
	.fz12{}
	.company-about2{ }
	.company-about2	.wrap {background:#EEE; padding:20px 30px 40px; margin-bottom:40px;}
	.company-about2	.wrap p{margin:0;}
	.company-about2 h3{font-size:28px;}
	.company-about2 dt{font-weight:normal!important;}
	.company-about2 dl{display:flex; flex-wrap:wrap; margin:40px 0!important; line-height:1;}
	.company-about2 dt , .company-about2 dd{width:50%; }
	.img100{width:100%!important; position:relative!important; height:auto!important;}
	.body-about1 img{width:auto;}
	.body-about1 .w01{width:40%;}
	.body-about1 .w02{width:40%;}
	.body-about1 .w03{width:20%;}
}



	

.bggray{background:#eee; padding:30px;}
.bggray h3{margin:10px 0 20px!important;}


.morelink:before { content: ""; position: absolute; width: 105px; height: 2px; bottom: 0; left: 0; border-bottom: 2px solid #000; color: transparent; }
.morelink:after { content: ""; display: inline-block; width: 29px; height: 2px; background: #000; margin-left: 5px; transform: rotate(45deg); position: absolute; left: 76px; bottom: 10px; }
.morelink:hover{text-decoration:none; color:#88abc2;}
.morelink:hover:before{border-color:#88abc2;}
.morelink:hover:after {background: #88abc2; }
.morelink { margin-top:40px; line-height:1; display:block; font-size:1.3rem; padding:5px; position: relative; }


.section-needs-front .morelink {font-size:1rem;}
.section-needs-front .morelink:before { content: ""; position: absolute; width: 135px; height: 2px; bottom: 0; left: 0; border-bottom: 2px solid #000; color: transparent; }
.section-needs-front .morelink:after { content: ""; display: inline-block; width: 29px; height: 2px; background: #000; margin-left: 5px; transform: rotate(45deg); position: absolute; left: 106px; bottom: 10px; }


.more-view{display:block; margin:20px auto 0; padding:4px 10px; background:#eee; text-align:center; width:150px; font-size:1.2rem;}
.more-view:hover{text-decoration:none; background:#E0E0E0; color:#000;}

.body-about1{display:flex; margin-bottom:60px!important;}
.body-about1 .txt{padding:0 30px; display:flex; flex-direction: column;     align-items: center;}
.body-about1 .txt a{display:block; width:100%; border:1px solid #000; padding:2px; text-align:center; margin-top:60px;}
.body-about1 .txt a:hover{text-decoration:none; background:#EFEFEF; color:#000!important;}


@media screen and (max-width:1000px){
.body-about1{display:flex; margin-bottom:60px!important; flex-direction:column; align-items: center;}
	.body-about1 .txt{margin:30px 0;}
	.body-about1 .txt a{margin-top:20px;}
	
		.company-about2{font-size:12px; }
	.company-about2	.wrap {background:#EEE; padding:20px 20px 40px; margin-bottom:40px;}
	.company-about2	.wrap p{margin:0;}
	.company-about2 h3{font-size:28px;}
	.company-about2 dt{font-weight:normal!important;}
	.company-about2 dl{display:flex; flex-wrap:wrap; margin:0 0 20px!important; line-height:1;}
	.company-about2 dt , .company-about2 dd{width:100%; font-size:14px; margin:5px 0!important;}
	
}

.products .block-front ul li p{margin:0;}
.products .block-front ul li .txt{color:#000;}
.products .block-front ul li .txt h4{ font-size:1.3rem!important;  text-align:center;}
.products .block-front ul li .txt h4 .arrow{display:none;}
.products .asp_product_buy_button{margin-top:20px;}

.home h1 , h2 , h3 , h4 , h5 {font-weight:normal; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; letter-spacing:1px;}
.home .section-idea-front h3{font-weight:normal; font-size:26px;}
.home .midashi-news{font-weight:normal; font-size:28px; color:#000; letter-spacing:0.3rem; padding-bottom: 20px;}
.home .footer-top h3{font-size:22px; margin-bottom:0;}
.home .section-bg-front .ul-typea , .home .mdmenu{font-weight:normal; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; letter-spacing:1px;}
.contact .panel-front .txt{top:0!important; color:#fff;}
.mincho { font-family: /*'Sawarabi Mincho'*/, sans-serif;}
.panel-front{background-repeat:no-repeat!important;}
.wrap { width:90%; margin:0 auto;}
.wrap-s { width:84%; margin:0 auto;}
.fleft { float:left;}
.fright { float:right;}
.overflow { overflow:hidden;}
.clearfix:after {content:""; clear:both; display:block;}
.t-center { display:block; text-align:center;}

.flex { display:flex; flex-wrap:wrap;}
.ai-c { align-items:center;}
.jc-sb { justify-content:space-between;}
.jc-c { justify-content:center;}
.jcsb { justify-content:space-between;}

.btn-defolt {width:258px; line-height:50px; display:block; background-color:#f5f5f5; border:1px #f5f5f5 solid; text-align:center; font-size:16px; border-radius:4px;}
.btn-b { display:block; width:258px; line-height:50px; text-align:center; background-color:#f5f5f5; color:#000; margin:0 auto; border:1px solid #f5f5f5; font-size:16px; font-weight:400; border-radius:4px;}

.pc { }
.sp { display:none!important;}


.w32 { width:32%;}
.w38 { width:38%;}
.w45 { width:45%;}
.w48 { width:48%;}
.w49 { width:49%;}
.w50 { width:50%;}
.w55 { width:55%;}
.w60 { width:60%;} 
@media screen and (max-width:768px){
	.wrap-s { width:86%;}
	.fleft,.fright { float:none;}
	.btn-defolt { width:100%;}
	.pc { display:none!important;}
	.sp { display:block!important;}

    .w38,.w45,.w48,.w49,.w50,.w55 { width:100%;}
	
	
	.more-view{display:block; margin:20px auto 0; padding:4px 10px; background:#eee; text-align:center; width:100%; font-size:0.7rem;}
.more-view:hover{text-decoration:none; background:#E0E0E0; color:#000;}

}



.mt-24 { margin-top:24px;}
.mt-80 { margin-top:80px !important;}
.mb-24 { margin-bottom:24px;}
.mb-100 { margin-bottom:100px;}
@media screen and (max-width:768px){
	.mt-80 { margin-top:40px !important;}
	.mb-100 { margin-bottom:40px;}
}

.link-wrap { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99;}
.comingsoon { width:100%; height:100vh; background-color:#fff; position:fixed; top:0; left:0; z-index:999999; text-align:center; line-height:100vh; font-size:64px; font-family:'Dancing Script', cursive;}

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; height: 60vh; margin:0; box-sizing:border-box;
}
@media screen and (max-width:768px){
	.parallax {
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; height: 34vh; margin:0; box-sizing:border-box;}
}

/*--ここから--*/
.midashi-news { font-size:24px; border-bottom:1px solid #646464; color:#646464; margin:80px 0 16px;}
.dl-news-top { margin:0 0 80px; max-height:400px; overflow-y:scroll; padding:20px;}
.dl-news-top dt { width:24%; float:left;}
.dl-news-top dd { padding:0 0 20px 24%; border-bottom:1px dotted #aaa;}
@media screen and (max-width:768px) {
	.midashi-news { margin:40px 0 0;}
	.dl-news-top { margin:0 0 40px; max-height:480px; padding:20px 2%; -webkit-overflow-scrolling: touch;}
	.dl-news-top dt { width:100%; float:none;}
	.dl-news-top dd { padding:0 0 20px 0;}	
}

/*---新着情報　アコーディオン↓---*/

/*全体*/
.dl-news-top .hidden_box {
    margin:  0;/*前後の余白*/
    padding: 0; width:100%;
}
.dl-news-top .hidden_box p { margin:0 0 12px;}

/*ボタン装飾*/
.dl-news-top .hidden_box label { padding:0; font-weight:400; cursor:pointer; font-size:13px; display:block; position:relative; width:100px; background-color:#fff; height:auto; line-height:auto; margin:-16px 0 0; border:1px solid; text-align:center;}
.dl-news-top i { position:absolute; top:14px; right:20px; font-size:24px;}

/*ボタンホバー時*/
.dl-news-top .hidden_box label:hover {
    color:#111;
}

/*チェックは見えなくする*/
.dl-news-top .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.dl-news-top .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
   
}

/*クリックで中身表示*/
.dl-news-top .hidden_box input:checked ~ .hidden_show { padding:0; height:auto; opacity:1; font-size:13px; text-align:left; font-family:Meiryo, sans-serif; background:#efefef; padding:5px 10px;}
.dl-news-top .hidden_box input:checked ~ label i { transform:rotate(180deg); padding-left:0;}
.dl-news-top .hidden_box input:checked ~ label:after { display:none;}
@media screen and (max-width:768px){
	.dl-news-top .hidden_box { padding:0;}
	.dl-news-top .hidden_box label { font-size:13px; font-weight:300;}
	.dl-news-top .hidden_box label i { top:4px; font-size:18px;}
	.dl-news-top .hidden_box input:checked ~ .hidden_show {	padding: 8px; margin-bottom:12px;}
}

/*---新着情報　アコーディオン↑---*/

.head-front .box { width:90%; max-width:500px; text-align:center; margin:40px auto; padding:40px; border:1px solid #ccc;}

.box-contact { background-color:#fafafa; padding:24px 5%; margin:80px 0 0;}
.box-contact h4 { font-size:16px; margin:0 0 20px;}
@media screen and (max-width:768px) {
	.head-front .box { text-align:left; padding:24px;}
	.box-contact { padding:20px 5%; margin:0 0 40px;}
}

.slider-front { margin:0 0 40px;}
.news-corona { width:550px; background-color:#eee; padding:16px; margin:0 auto; font-size:14px;}
@media screen and (max-width:768px){
	.slider-front { margin:0 0 32px;}
	.news-corona { width:90%; padding:8px; font-size:13px;}
}


.top-front { padding:100px 0;}
.top-front h3 { font-size:70px; margin:0; line-height:1.8; font-weight:bold;}
.top-front h4 { font-size:28px; margin:0; line-height:2.45; font-weight:400; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/;}
@media screen and (max-width:768px){
	.top-front { padding:40px 0;}
	.top-front h3 { font-size:40px; line-height:1.4; margin:0 0 16px;}
	.top-front h4 { font-size:16px;}
}

.pickup-front { margin:0 0 100px;}
.pickup-front .wrap { display:flex;}
.pickup-front h3 { font-size:48px; margin:0; writing-mode:vertical-rl; width:120px; font-weight:400; padding-right:80px;}
.pickup-front h3 img { width:40px;}
.pickup-front ul { width:calc(100% - 120px); display:flex; flex-wrap:wrap;}
.pickup-front ul li { width:48%; position:relative; margin-right:4%; margin-bottom:40px; display:flex; align-items:center;}
.pickup-front ul li:nth-of-type(2n) { margin-right:0;}
.pickup-front ul li img { width:160px; display:block;}
.pickup-front ul li .txt { margin-left:30px;}
.pickup-front ul li .txt h4 { font-size:16px; margin:0 0 16px;}
@media screen and (max-width:768px){
	.pickup-front { margin:0 0 40px;}
	.pickup-front h3 { width:15%; padding-right:16px;}
	.pickup-front h3 img { width:24px;}
	.pickup-front ul { width:85%;}
	.pickup-front ul li { display:block; margin-bottom:24px; font-size:12px;}
	.pickup-front ul li img { width:100%;}
	.pickup-front ul li .txt { margin-left:0;}
	.pickup-front ul li .txt h4 { font-size:14px; margin:12px 0 8px;}
	.pickup-front ul li .txt p { font-size:12px; margin:0;}
}

.bn-front { margin:0 0 100px;}
@media screen and (max-width:768px){
	.bn-front { margin:0 0 40px;}
}

.section-k { margin:0 0 100px; font-family:/*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; line-height:1.5;}
.section-k .wrap { width:988px; position:relative; color:#fff; writing-mode:vertical-rl; height:560px;}
.section-k .a { width:280px; height:280px; position:absolute; background-image:url(http://mr-green.jp/wp-content/uploads/2021/09/bg_kotoba_01.gif); background-size:contain; font-size:28px; text-align:center; display:flex; align-items:center; z-index:3;}
.section-k .b { width:640px; height:520px; background-image:url(http://mr-green.jp/wp-content/uploads/2021/09/bg_kotoba_02.gif); background-size:contain; text-align:center; font-size:34px; position:absolute; bottom:0; right:180px; z-index:2;}
.section-k * div { position:relative; width:100%; height:100%;  display:flex; align-items:center; text-align:center; justify-content:center;}
.section-k .b div { height:520px;}
.section-k * div img { width:40px; height:40px; position:absolute; bottom:20px; left:calc(50% - 20px);}
.section-k .c { width:240px; height:240px; background-image:url(http://mr-green.jp/wp-content/uploads/2021/09/bg_kotoba_03.gif); background-size:contain; text-align:center; font-size:24px; position:absolute; left:0; bottom:0; z-index:1;}
.section-k .c div { height:240px;}
.section-k .c div img { width:36px; bottom:16px;}
@media screen and (max-width:768px){
	.section-k { position: relative; margin:0 0 40px;}
	.section-k .block-word-inner { position: relative; margin: 0 auto; width: 100%; height: 550px; overflow: hidden;}
	.section-k .sp-inner { position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: 425px;  height: 550px;}
	.section-k .block-word-inner h2 { position: absolute; right: 75px; top: 0; z-index: 3; margin: 0; padding: 0 75px 0 0; width: 100px; height: 175px; background: url(http://mr-green.jp/wp-content/uploads/2021/10/bg_kotoba_01.gif) no-repeat center center; background-size: cover; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #FFF; font-size: 17px; font-weight: bold;  line-height: 1.5; text-align: center; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; box-sizing: content-box;}
	.section-k .block-word-inner div#word-main { position: absolute; left: 16%; top: 75px; transform: translate(-50%,0); z-index: 1; margin: 0; padding:0; width: 324px; height: 425px; background: url(http://mr-green.jp/wp-content/uploads/2021/10/bg_kotoba_02.gif) no-repeat center center; background-size: cover; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #FFF; font-size: 24px; font-weight: bold; line-height: 1.5; text-align: center; cursor: pointer;  font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; box-sizing: content-box;}
	
	.section-k .block-word-inner div#word-list { position: absolute; left: 0; bottom: 0; z-index: 2; margin: 0;  padding: 0 0 0 0; width: 150px; height: 153px; background: url(http://mr-green.jp/wp-content/uploads/2021/10/bg_kotoba_03.gif) no-repeat center center; background-size: cover; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #FFF; font-size: 15px; font-weight: normal; line-height: 1.5; text-align: left; cursor: pointer; font-family:/* "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; box-sizing: content-box;}
	.section-k .block-word-inner div#word-list a { color:#fff;}
}

.section-h { padding:0 20% 100px 0; position:relative;}
.section-h h3 { position:absolute; top:0; right:0; width:20%; writing-mode:vertical-rl; padding:80px 0; height:100vh; display:flex; align-items:flex-start;}
.section-h h3 img { width:55px; display:inline-block; margin-bottom:160px;}
.section-h h3 a { font-size:24px; display:flex; align-items:center; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; padding-right:10px;}
.section-h h3 a img { width:40px; margin-bottom:0; margin-top:16px;}
.section-h .body { margin:0 0 80px; display:flex; position:relative; align-items:end;}
.section-h .body:last-of-type { margin:0;}
.section-h .body img { width:calc(100% / 3 * 2); }
.section-h .body .txt { width:calc(100% / 3); padding:0 40px; line-height:40px; font-size:28px; font-weight:bold; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/;}
.section-h .body .txt img { width:40px; display:inline-block; margin-right:16px;}
.section-h .body.rev { flex-direction:row-reverse;}
.section-h .body.rev .txt { text-align:right;}
.section-h .body.rev .txt img { margin-right:0; margin-left:16px;}
.section-h .body .txt.vertical { writing-mode:vertical-rl;}
.section-h .body .txt.vertical img { margin-left:0; margin-top:16px;}
.section-h .body .txt.vertical p { display:flex; align-items:center; margin:0; font-size:24px;}
@media screen and (max-width:768px){
	.section-h { padding:0 14% 40px 0;}
	.section-h h3 { width:10%; margin:0; padding:0;}
	.section-h h3 img { width:32px; margin-bottom:270px;}
	.section-h h3 a { font-size:14px; font-weight:400; padding-right:0;}
	.section-h h3 a img { width:24px;}
	.section-h .body { margin:0 0 40px; display:block;}
	.section-h .body img { width:90%; }
	.section-h .body p { margin:0 0 16px;}
	.section-h .body .txt { width:100%; padding:0; line-height:20px; font-size:20px;}
	.section-h .body .txt img { width:28px; margin-right:8px;}
	.section-h .body.rev { text-align:right;}
	.section-h .body.rev .txt img { margin-left:8px;}
	.section-h .body .txt.vertical { writing-mode:horizontal-tb;}
	.section-h .body .txt.vertical img { margin-left:8px; margin-top:0px;}
	.section-h .body .txt.vertical p { display:block; font-size:20px; line-height:20px;}
}
.section-h.products { padding:0 0 100px;}
@media screen and (max-width:768px){
	.section-h.products { padding:0 0 40px;}
}

.lo-front { background-color:#e6b217; padding:64px 0;}
.lo-front .wrap { padding:0 0 0 calc(100% / 8.5); position:relative;}
.lo-front .wrap h3 { margin:0; padding:0 40px 0 0; display:flex; align-items:center; font-size:40px; color:#fff; font-weight:400; writing-mode:vertical-rl; position:absolute; top:0; left:0; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/;}
.lo-front .wrap h3 img { display:inline-block; margin-bottom:8px;} 
.lo-front .wrap h3 a { font-size:22px; display:flex; align-items:center; margin-top:80px; color:#fff;}
.lo-front .wrap h3 a img { width:40px; display:inline-block; margin-bottom:0; margin-top:20px;}
.lo-front .wrap h3 img { width:60px;}
.lo-front .wrap ul { display:flex; align-items:start; min-height:480px; padding-left:40px;}
.lo-front .wrap ul li { width:30%; margin-right:5%; border-radius:8px; background-color:#fff;}
.lo-front .wrap ul li:nth-of-type(3n) { margin-right:0;}
.lo-front .wrap ul li .head { padding:16px; display:flex; align-items:center; font-size:10px;}
.lo-front .wrap ul li .head img { width:62px; height:62px; border-radius:50%; display:inline-block; margin-right:16px;}
.lo-front .wrap ul li .head .txt h4 { font-size:14px; margin:0 0 4px;}
.lo-front .wrap ul li .head .txt p { margin:0;}
.lo-front .wrap ul li .head .txt .mail { font-weight:bold; font-size:12px;}
.lo-front .wrap ul li .body { position:relative;}
.lo-front .wrap ul li .body p { margin:0;}
.lo-front .wrap ul li .body img { width:100%; height:192px; object-fit:cover;}
.lo-front .wrap ul li .body .txt { padding:16px; line-height:2;}
.lo-front .wrap ul li .date { font-size:12px; color:#aaa; text-align:right; margin:0 0 16px; padding:0 16px;}
@media screen and (max-width:768px){
	.lo-front .wrap h3 { padding:0 4% 0 0; font-size:32px;}
	.lo-front .wrap h3 img { width:48px;}
	.lo-front .wrap h3 a { font-size:14px;}
	.lo-front .wrap h3 a img { width:24px;}
	.lo-front .wrap ul { display:block; padding-right:0; padding-left:4%;}
	.lo-front .wrap ul li { width:100%; margin-right:0; margin-bottom:12px;}
}

.lo-front.ow .wrap { padding:0 calc(100% / 8.5) 0 0;}
.lo-front.ow .wrap h3 { left:auto; right:0; font-family: "Noto Sans JP", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold; padding:0;}

.lo-front.lo .wrap h3 { font-family: "Noto Sans JP", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-weight:bold;}
@media screen and (max-width:768px){
	.lo-front.ow .wrap { padding:0 calc(100% / 7) 0 0;}
	.lo-front.ow .wrap h3 { padding:0;}
	.lo-front.ow .wrap ul { padding:0 4% 0 0;}
}

.head-products { padding:100px 5%;}
.head-products h3 { margin:0; text-align:center;}
.head-products h3 img { height:54px;}
.head-products h4 { font-size:22px; line-height:1.8; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; font-weight:400; margin:0;}
@media screen and (max-width:768px){
	.head-products { padding:40px 5%;}
	.head-products.flex { display:block;}
	.head-products h3 { margin:0 0 32px;}
	.head-products h3 img { height:38px;}
	.head-products h4 { font-size:14px;}
}

.lo-products { margin:0 0 100px; padding:100px; position:relative;}
.lo-products:hover { opacity:.7;}
.lo-products img { width:100%; height:100%; position:absolute; object-fit:cover; top:0; left:0;}
.lo-products .txt { position:relative; font-weight:bold; font-size:16px; line-height:1.8; color:#fff; background:url(http://mr-green.jp/wp-content/uploads/2021/09/icn_next_04.png) no-repeat right 50%; background-size:40px 40px;}
.lo-products .txt h3 { font-size:40px; margin:0 0 16px;}
@media screen and (max-width:768px){
	.lo-products { margin:0 0 40px; padding:40px 5%;}
	.lo-products .txt { font-size:13px;}
	.lo-products .txt h3 { font-size:24px;}
	.lo-products .txt p { margin:0; line-height:1.6;}
}

.bg-ef-products { background-color:#efefef; padding:100px 0 0;}
@media screen and (max-width:768px){
	.bg-ef-products { padding:40px 0 0;}
}

.lo-products-1 ul { display:flex; flex-wrap:wrap;}
.lo-products-1 ul li { width:46.5%; margin-right:7%; position:relative; margin-bottom:64px;}
.lo-products-1 ul li:nth-of-type(2n) { margin-right:0;}
.lo-products-1 ul li h4 { margin:24px 0; display:flex; font-size:22px;}
.lo-products-1 ul li h4 img { width:40px; height:40px; display:block; margin-right:16px;}
.lo-products-1 ul li h4 div small { font-size:13px; display:block; margin-bottom:4px;}
@media screen and (max-width:768px){
	.lo-products-1 ul { display:block;}
	.lo-products-1 ul li { width:100%; margin-right:0; margin-bottom:24px;}
	.lo-products-1 ul li h4 { margin:12px 0; font-size:20px;}
	.lo-products-1 ul li h4 img { width:30px; height:30px;}
	.lo-products-1 ul li h4 div small { font-size:12px;}
}

.lo-products-2 h3 { font-size:40px; margin:20px 0 0; text-align:center;}
.lo-products-2 ul { display:flex; flex-wrap:wrap;}
.lo-products-2 ul li { width:46.5%; margin-right:7%; padding:64px 0; border-bottom:1px solid #ccc; display:flex; position:relative;}
.lo-products-2 ul li:nth-of-type(2n) { margin-right:0;}
.lo-products-2 ul li .img { width:30%; margin-right:6%;}
.lo-products-2 ul li .txt { width:64%; padding-right:72px;}
.lo-products-2 ul li .txt h4 { font-size:20px; margin:0 0 12px;}
.lo-products-2 ul li .icon { width:40px; height:40px; position:absolute; right:0; top:calc(50% - 20px);}
.lo-products-2 ul li p { margin:0; font-size:14px;}
.lo-products-2 ul li.noline { border-bottom:0;}
@media screen and (max-width:768px){
	.lo-products-2 h3 { font-size:28px; margin:64px 0 0;}
	.lo-products-2 ul { display:block;}
	.lo-products-2 ul li { width:100%; margin-right:0; padding:24px 0;}
	.lo-products-2 ul li .txt { padding-right:40px;}
	.lo-products-2 ul li .txt h4 { font-size:16px; margin:0 0 8px;}
	.lo-products-2 ul li p { font-size:13px;}
	.lo-products-2 ul li .icon { width:30px; height:30px;}
}

.section-b-o { padding:100px 0;}
.section-b-o ul { display:flex; flex-wrap:wrap;}
.section-b-o ul li { width:46.5%; margin-right:7%; position:relative; margin-bottom:80px;}
.section-b-o ul li:nth-of-type(2n) { margin-right:0;}
.section-b-o ul li h4 { font-size:22px; margin:20px 0 13px; display:flex; justify-content:space-between; align-items:center;}
.section-b-o ul li h4 img { display:block; width:40px; height:40px; margin-left:20px;}
.section-b-o .btn,.section-f-o .btn { display:block; width:400px; line-height:60px; font-size:20px; text-align:center; margin:0 auto; background-color:#111; color:#fff; border-radius:4px; font-weight:bold;}
.section-b-o .btn:hover { opacity:.7; text-decoration:none;}
@media screen and (max-width:768px){
	.section-b-o { padding:40px 0;}
	.section-b-o ul { display:block;}
	.section-b-o ul li { width:100%; margin-right:0; margin-bottom:24px;}
	.section-b-o ul li h4 { font-size:16px; margin:8px 0;}
	.section-b-o ul li h4 img { width:30px; height:30px;}
	.section-b-o ul li p { line-height:1.6; font-size:13px;}
	.section-b-o .btn,.section-f-o .btn { display:block; width:100%; line-height:40px; font-size:14px;}
}

.section-f-o {text-align:center; padding:160px 0; position:relative;}
.section-f-o:hover { opacity:.7;}
.section-f-o img { width:38.2%; display:inline-block;}
.section-f-o .btn { margin-top:64px;}
@media screen and (max-width:768px){
	.section-f-o { padding:160px 5%;}
}

.head-bar-wd { background-color:#20527d; height:60px; padding:16px 0 0;}
.head-bar-wd a { color:#fff;}
.head-bar-wd h3 { font-size:20px; margin:0;}
.head-bar-wd ul { }
.head-bar-wd ul li { display:inline-block; padding:0 24px; border-right:1px solid #fff;}
.head-bar-wd ul li a { display:block; text-align:center; font-size:14px; font-weight:bold;}
.head-bar-wd ul li:last-of-type { border-right:0;}
@media screen and (max-width:768px){
	.head-bar-wd { height:auto; padding:12px 0;}
	.head-bar-wd h3 { display:none;}
	.head-bar-wd ul li { padding:0 8px;}
	.head-bar-wd ul li a { font-size:12px;}
	
}

.head-bar-wd.g-log { background-color:#81b3b7;}
.head-bar-wd.cl { background-color:#c2b188;}
.head-bar-wd.cl a { color:#111;}
.head-bar-wd.cl ul li { border-color:#111;}

.lead-wd { background-color:#20527d; color:#fff; padding:100px 18%; font-size:26px; font-weight:bold; line-height:2;}
.lead-wd .title { margin:-140px 0 80px; text-align:center;}
.lead-wd .title img { width:640px; display:inline-block;}
.lead-wd h3 { font-size:50px; margin:0 0 40px;}
@media screen and (max-width:768px){
	.lead-wd { padding:100px 5% 40px; font-size:14px;}
	.lead-wd .title { margin:-115px 0 40px;}
	.lead-wd h3 { font-size:30px; margin:0 0 20px;}
}

.lead-wd.g-log { background-color:#81b3b7; font-size:27px; padding:100px 12%;}
.lead-wd.cl { background-color:#c2b188; color:#111; font-size:28px; padding:100px 18%; line-height:2;}
.lead-wd.cl p { font-size:28px;}
@media screen and (max-width:768px){
	.lead-wd.g-log { padding:100px 5% 40px;}
	.lead-wd.cl { font-size:14px; padding:100px 5% 40px;}
	.lead-wd.g-log .flex { display:block;}
	.lead-wd.cl p { font-size:14px;}
}

.body-wd { padding:100px 0;}
.body-wd h3 { font-size:50px; margin:0 0 80px; text-align:center; }
.body-wd .inner { margin:0 0 80px; display:flex; align-items:center; position:relative;}
.body-wd .inner:last-of-type { margin:0;}
.body-wd .inner .img { width:45%;}
.body-wd .inner .img img { width:100%; height:100%; object-fit:cover;}
.body-wd .inner .txt { width:55%; padding:0 0 0 80px; font-size:20px; font-weight:bold;}
.body-wd .inner .txt h4 { margin:0 0 24px;}
.body-wd .inner .txt h4 img { height:127px;}
.body-wd .inner .txt .btn { line-height:40px; font-size:24px; display:inline-block; margin-top:12px;}
.body-wd .inner .txt .btn img { width:40px; height:40px; display:inline-block; margin-right:16px;}
@media screen and (max-width:768px){
	.body-wd { padding:40px 0; }
	.body-wd h3 { font-size:32px; margin:0 0 40px;}
	.body-wd .inner { margin:0 0 40px; display:block;}
	.body-wd .inner .img { width:100%;}
	.body-wd .inner .txt { width:100%; padding:0;}
	.body-wd .inner .txt h4 { margin:16px 0;}
	.body-wd .inner .txt .btn { line-height:30px; font-size:18px;}
	.body-wd .inner .txt .btn img { width:30px; height:30px;}
}

.people-wd { background-color:#20527d; padding:48px 0;}
.people-wd h3 { font-size:50px; margin:0 0 40px; text-align:center; color:#fff; font-weight:bold;}
.people-wd ul { display:flex; justify-content:space-between; flex-wrap:wrap;}
.people-wd ul li { width:49%; margin-bottom:20px; background-color:#fff; display:flex; border-radius:8px; padding:20px; align-items:start; justify-content:space-between; position:relative;}
.people-wd ul li img { width:30%;}
.people-wd ul li .txt { width:66%;}
.people-wd ul li .txt h4 { font-size:20px; margin:0 0 8px;}
.people-wd ul li .txt p { margin:0;}
.people-wd .btn { display:block; text-align:center; margin:20px 0 0; line-height:40px; font-size:24px; font-weight:bold; color:#fff;}
.people-wd .btn img { width:40px; height:40px; margin-right:16px; display:inline-block;}
@media screen and (max-width:768px){
	.people-wd { padding:40px 0 1px;}
	.people-wd h3 { font-size:30px; margin:0 0 24px;}
	.people-wd ul { display:block;}
	.people-wd ul li { width:100%; margin-bottom:12px;}
	.people-wd ul li img { width:32%;}
    .people-wd ul li .txt { width:64%;}
	.people-wd ul li .txt h4 { font-size:16px; margin:12px 0;}
	.people-wd ul li .txt p { font-size:13px;}
	.people-wd .btn { font-size:16px; line-height:30px;}
	.people-wd .btn img { width:30px; height:30px;}
}

.people-wd.glog { background-color:#81b3b7; margin-top:100px;}
.people-wd.co { background-color:#c2b188; color:#111; margin-top:100px;}
.people-wd.co a { color:#111;}

.map-wd { padding:100px 0; text-align:center;}
.map-wd h3 { font-size:50px; margin:0 0 32px; text-align:center;}
.map-wd h3 small { font-size:28px; display:block;}
.map-wd .btn { font-size:24px; font-weight:bold;}
.map-wd .btn img { width:40px; height:40px; display:inline-block; margin-right:16px;}
@media screen and (max-width:768px){
	.map-wd { padding:40px 0;}
	.map-wd .flex { display:block;}
	.map-wd h3 { font-size:30px; margin:0 0 24px;}
	.map-wd h3 small { font-size:16px;}
	.map-wd .btn { font-size:16px; margin-top:16px;}
	.map-wd .btn img { width:30px; height:30px;}
}

.map-wd .inner { display:flex; justify-content:space-between; align-items:start;}
.map-wd .inner .box { width:40%; border:2px solid #111; padding:64px; font-size:16px;}
.map-wd .inner .box h4 { font-size:24px; margin:0 0 20px; line-height:1.5;}
.map-wd .inner .box p { margin:0;}
.map-wd .inner .txt { width:55%;}
.map-wd .inner .txt .price { margin:0 0 24px; font-weight:bold;}
.map-wd .inner .txt .price h4 { margin:8px 0;}
.map-wd .inner .txt .price .hyoujun { font-size:22px;}
.map-wd .inner .txt .price .hyoujun h4 { font-size:20px; font-weight:400;}
.map-wd .inner .txt .price .kihon { font-size:20px;}
.map-wd .inner .txt .price .kihon h4 { font-size:18px; font-weight:400;}
.map-wd .inner .txt .price .center { padding:0 16px;}
.map-wd .inner .txt .des { background-color:#efefef; padding:20px 32px; text-align:left; font-size:12px; line-height:1.5;}
.map-wd .inner .txt .des p { font-size:12px; margin-bottom:16px;}
@media screen and (max-width:768px){
	.map-wd .inner { display:block; margin-top:1px solid #eee; padding:24px 0 0;}
	.map-wd .inner .box { width:100%; padding:20px; font-size:14px; border:1px solid #111; margin-top:40px;}
	.map-wd .inner .box h4 { font-size:18px; margin:0 0 16px;}
	.map-wd .inner .txt { width:100%;}
	.map-wd .inner .txt .price .flex { display:flex;}
	.map-wd .inner .txt .price .hyoujun { font-size:16px;}
	.map-wd .inner .txt .price .hyoujun h4 { font-size:18px;}
	.map-wd .inner .txt .price .kihon h4 { margin:20px 0 0;}
}

.map-wd .area-mo { padding:100px 0;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 auto 100px;}
.map-wd .area-mo h3,.map-wd .lineup-mo h3 { font-size:50px; text-align:center; margin:0 0 80px; font-weight:400;}
.map-wd .lineup-mo h3 { font-size:42px; font-weight:bold;}
.map-wd .area-mo .img { width:55%; padding-top:62px;}
.map-wd .area-mo .txt { width:40%; font-size:18px; text-align:left;}
.map-wd .area-mo .txt h3 { font-size:40px; margin:0 0 48px; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; text-align:left;}
.map-wd .area-mo .txt h4 { margin:0 0 20px; font-size:24px; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/;}
.map-wd .area-mo .txt dl { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:24px 0 16px; margin:40px 0; font-size:17px;}
.map-wd .area-mo .txt dl dt { width:35%; float:left; font-family:/* "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; font-size:24px;}
.map-wd .area-mo .txt dl dd { width:65%; float:right; border-bottom:1px solid #ccc; line-height:24px; padding:14px 0 8px; margin:0 0 4px;}
.map-wd .area-mo .txt dl dd:last-of-type { border-bottom:0;}
@media screen and (max-width:768px){
	.map-wd .area-mo { padding:40px 0; margin:0 auto 40px;}
	.map-wd .area-mo h3,.map-wd .lineup-mo h3 { font-size:30px; margin:0 0 40px;}
	.map-wd .area-mo .img { width:100%; padding-top:20px;}
	.map-wd .area-mo .txt { width:100%; font-size:13px;}
}

.map-wd .des-mo { width:60%; margin:0 auto 100px; background-color:#efefef; padding:24px 40px; text-align:left; font-size:12px;}
.map-wd .des-mo p { font-size:12px; line-height:1.5; margin-bottom:16px;}
@media screen and (max-width:768px){
	.map-wd .des-mo { width:100%; margin:0 auto 40px; padding:20px;}
}

.map-wd .lineup-mo { padding:80px 6% 20px; margin:0 auto 100px; border-bottom:1px solid #ccc;}
.map-wd .lineup-mo ul { display:flex; flex-wrap:wrap;}
.map-wd .lineup-mo ul li { width:47%; margin-right:6%; margin-bottom:64px;}
.map-wd .lineup-mo ul li:nth-of-type(2n) { margin-right:0;}
.map-wd .lineup-mo ul li .txt { width:60%; margin:0 auto; text-align:left; font-size:16px;}
.map-wd .lineup-mo ul li .txt h4 { font-size:24px; text-align:center; margin:20px 0; font-family: /*"ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/;}
.map-wd .lineup-mo ul li .txt dl { font-family:/* "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","游明朝","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif*/; margin:0 0 0 20px;}
.map-wd .lineup-mo ul li .txt dl dt { width:50%; float:left; font-weight:400;}
.map-wd .lineup-mo ul li .txt dl dd { padding-left:50%; margin:0 0 8px;}
.map-wd .lineup-mo ul li .txt small { font-size:11px; margin-left:20px;} 
@media screen and (max-width:768px){
	.map-wd .lineup-mo { padding:40px 5% 20px; margin:0 auto 40px;}
	.map-wd .lineup-mo ul { display:block; }
	.map-wd .lineup-mo ul li { width:100%; margin-right:0; margin-bottom:24px;}
	.map-wd .lineup-mo ul li .txt { width:100%;}
	.map-wd .lineup-mo ul li .txt dl { margin:0;}
}

.bottom-wd { padding:80px 0; background-size:contain; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bottom-wd .flex { flex-direction:row-reverse;}
.bottom-wd .w50.txt { padding:0 24px; font-size:16px;}
.bottom-wd .w50.txt h3 { margin:0 0 24px; text-align:center;}
.bottom-wd .w50.txt h3 img { width:360px; display:inline-block;}
.bottom-wd .w50.txt .btn { line-height:40px; font-size:22px; font-weight:bold;}
.bottom-wd .w50.txt .btn img { width:40px; height:40px; display:inline-block; margin-right:16px;}

.bottom-wd.second .flex { flex-direction:row;}
@media screen and (max-width:768px){
	.bottom-wd { padding:40px 0; }
	.bottom-wd .flex { display:block;}
	
	.bottom-wd .w50.txt p { font-size:14px;}
	.bottom-wd .btn { line-height:30px; font-size:16px; font-weight:bold;}
    .bottom-wd .btn img { width:30px; height:30px; display:inline-block; margin-right:16px;}
}

.head-l { position:relative; padding:160px 0 64px; text-align:center;}
.head-l .bg { width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.head-l .logo { width:662px; display:inline-block; position:relative; z-index:3;}
@media screen and (max-width:768px){
	.head-l { padding:100px 0 64px;}
}

.top-menu-l { margin:40px 0;}
.top-menu-l h4 { font-size:20px; text-align:center; margin:0 0 24px;}
.top-menu-l ul { display:flex; flex-wrap:wrap;}
.top-menu-l ul li { width:24.25%; margin-right:1%; margin-bottom:8px;}
.top-menu-l ul li:nth-of-type(4n) { margin-right:0;}
.top-menu-l ul li a { display:block; background-color:#4f961a; color:#fff; font-size:14px; font-weight:bold; padding:0 16px; line-height:40px; border-radius:4px;}
@media screen and (max-width:768px){
	.top-menu-l h4 { font-size:16px;}
	.top-menu-l ul li a { font-size:12px;}
}

.top-front.lo h3 { font-size:50px; font-weight:bold;}
.top-front.lo h4 { font-family: 'Noto Sans JP', sans-serif; font-weight:bold; font-size:24px;}
@media screen and (max-width:768px){
	.top-front.lo h3 { font-size:28px;}
	.top-front.lo h4 { font-size:14px;}
}

.body-l { }
.body-l .inner { display:flex; align-items:center; margin:0 0 100px;}
.body-l .inner .txt { padding-left:64px; font-size:18px;}
.body-l .inner .txt h4 { font-size:36px; margin:0 0 20px;}
.body-l .inner .txt p { margin:0;}
.body-l .inner.rev { flex-direction:row-reverse;}
.body-l .inner.rev .txt { padding-left:0; padding-right:64px;}
.body-l .bn-l { margin-bottom:16px; width:100%;}
@media screen and (max-width:768px){
	.body-l .inner { display:block; margin:0 0 40px;}
	.body-l .inner .txt { padding-left:0; font-size:13px;}
	.body-l .inner .txt h4 { font-size:24px; margin:16px 0;}
}

.search-l { padding:160px 0;}
.search-l h3 { font-size:40px; text-align:center; margin:0 0 80px;}
.search-l .menu { width:23%;}
.search-l .menu ul { }
.search-l .menu ul li { margin-bottom:8px;}
.search-l .menu ul li a { display:block; line-height:40px; font-size:14px; background-color:#4f961a; color:#fff; padding:0 16px; border-radius:2px;}
.search-l .body { width:70%;}
.search-l .body ul { }
.search-l .body ul li { margin:0 0 32px; padding:0 0 40px; border-bottom:1px solid #ccc;}
.search-l .body ul li .img { width:160px; margin-right:24px;}
.search-l .body ul li .img p { margin:0;}
.search-l .body ul li .txt h4 { line-height:40px; font-size:24px; margin:0 0 8px;}
.search-l .body ul li .txt h4 img { width:40px; height:40px; display:inline-block; margin-right:16px;}
.search-l .body ul li .txt i { padding-right:12px;}
.search-l .body ul li .txt p { margin:0; font-size:14px;}
.search-l .body ul li ul { margin:20px 0 0;}
.search-l .body ul li ul li { display:inline-block; margin-right:12px; background-color:#f0f0f0; border-left:6px solid #20527d; color: #20527d; padding:2px 8px; border-radius:4px; font-size:13px; margin-bottom:0; border-bottom:0;}
.search-l .body ul li ul li.blue { border-color: #81b3b7; color: #81b3b7;}
.search-l .body ul li ul li.gold { border-color: #c2b188; color: #c2b188;}
.search-l .body ul li ul li.brown { border-color: #755e45; color: #755e45;}
@media screen and (max-width:768px){
	.search-l { padding:40px 0;}
	.search-l h3 { font-size:24px; margin:0 0 24px;}
	.search-l .flex { display:block;}
	.search-l .body { width:100%;}
	.search-l .body ul li .txt h4 img { line-height:30px; font-size:20px;}
	.search-l .body ul li .txt h4 img { width:30px; height:30px;}
	.search-l .body ul li ul li { margin-bottom:4px; font-size:12px;}
}

.img-bottom-l { display:block; width:100%; margin:0 0 100px;}

.wrap-request { padding:100px 15%;}
.wrap-request h3 { font-size:40px; margin:0 0 80px; text-align:center;}
.wrap-request .inner-book { }
.wrap-request .inner-book .txt { width:55%; font-size:16px;}
.wrap-request .inner-book .img { width:40%;}
.wrap-request h4 { font-size:32px; margin:80px 0 64px;}
.wrap-request .box { padding:40px; background-color:#efefef; text-align:center; margin:64px 0;}
.wrap-request .btn { display:block; width:400px; height:56px; line-height:56px; font-size:15px; font-weight:bold; text-align:center; background-color:#111; color:#fff; margin:0 auto; border-radius:4px;}
@media screen and (max-width:768px){
	.wrap-request { padding:40px 5%;}
	.wrap-request h3 { font-size:24px; margin:0 0 24px;}
	.wrap-request .flex { display:block;}
	.wrap-request .inner-book .txt { width:100%; font-size:13px;}
    .wrap-request .inner-book .img { width:100%;}
	.wrap-request h4 { font-size:24px; margin:40px 0 24px;}
	.wrap-request .box { padding:20px; margin:40px 0;}
	.wrap-request .btn { width:100%; height:40px; line-height:40px; font-size:14px;}
}

.head-rec { padding:80px 0 48px; text-align:center; background-position:center; background-size:cover;}
.head-rec h3 { margin:0 0 80px;}
.head-rec h4 { margin:0 0 64px;}
.head-rec .home { margin:0 0 120px;}
.head-rec .lead { margin:0;}
@media screen and (max-width:768px){
	.head-rec { padding:40px 0;}
	.head-rec h3 { margin:0 0 40px;}
    .head-rec h4 { margin:0 0 24px;}
	.head-rec .home { margin:0 0 40px;}
	.head-rec .home img { width:80px;}
}

.wrap-rec { width:78%; margin:0 auto;}

.voice-rec { padding:80px 0 60px; background-color:#efefef;}
.voice-rec h3 { font-size:32px; margin:0 0 48px; text-align:center;}
.voice-rec ul { display:flex; flex-wrap:wrap;}
.voice-rec ul li { width:49%; margin-right:2%; border:1px solid #ccc; background-color:#fff; padding:20px; display:flex; margin-bottom:20px; position:relative;}
.voice-rec ul li:nth-of-type(2n) { margin-right:0;}
.voice-rec ul li img { width:170px; display:block; margin-right:20px; object-fit:cover;}
.voice-rec ul li .txt { font-weight:bold;}
.voice-rec ul li .txt p { margin:0;}
.voice-rec ul li .txt h4 { font-size:22px; margin:0 0 20px;}
.voice-rec ul li .txt h4 small { font-size:14px; display:block; margin-top:3px;}
.voice-rec ul li .txt .link { font-size:15px;}
.voice-rec ul li .txt .link i { padding-left:8px;}
@media screen and (max-width:768px){
	.wrap-rec { width:90%;}
	.voice-rec { padding:40px 0;}
	.voice-rec h3 { font-size:24px; margin:0 0 24px;}
	.voice-rec ul { display:block; }
	.voice-rec ul li { width:100%; margin-right:0; padding:18px 12px;}
	.voice-rec ul li .txt h4 { font-size:14px; margin:0 0 16px;}
	.voice-rec ul li .txt h4 small { font-size:10px;}
	.voice-rec ul li .txt .link { font-size:11px;}
}

.btn-rec { display:block; width:720px; line-height:110px; border:4px solid #111; color:#111; font-size:28px; font-weight:bold; text-align:center; margin:64px auto 0;}
@media screen and (max-width:768px){
	.btn-rec { width:100%; line-height:50px; border:2px solid #111; font-size:18px;}
}

.section-body-rec { padding:100px 0 0; border-top:1px solid #ccc;}
.section-body-rec h5 { font-size:28px; text-align:center;}
.section-body-rec .lead { font-size:18px; width:90%; margin:40px auto 40px;}
.section-body-rec .box { background-color:#efefef; margin:64px 0 0; padding:64px 140px; position:relative;}
.section-body-rec .box h4 { margin:0; text-align:center;}
.section-body-rec .box h4 img { }
.section-body-rec .box .flex { position:relative;}
.section-body-rec .box .flex * { width:300px;}
.section-body-rec .box .flex .center { width:140px; height:140px; position:absolute; top:24px; left:calc(50% - 70px); z-index:3;}
.section-body-rec .box_f5 { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; padding: 30px 30px 30px 0; background-color:#f5f5f5;} 
.section-body-rec .box_f5 img { width:300px; height:120px; object-fit:contain;}
.section-body-rec .box_f5  ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(100% - 340px); margin:0;}
.section-body-rec .box_f5  ul li { width:calc(100% / 3);}
.section-body-rec .box_f5.rev { flex-direction:row-reverse; padding:30px 0 30px 30px;}
@media screen and (max-width:768px){
	.section-body-rec { padding:40px 0 0;}
	.section-body-rec h5 { font-size:15px;}
	.section-body-rec .lead { font-size:14px; width:100%; margin:20px auto;}
	.section-body-rec .lead p { font-size:14px;}
	.section-body-rec .box { padding:0; margin:40px 0 0;}
	.section-body-rec .box .flex .center { width:48px; left:calc(50% - 24px);}
	.section-body-rec .box_f5 { padding:30px 12px!important;}
	.section-body-rec .box_f5 img { margin-bottom:18px; width:100%; height:auto;}
	.section-body-rec .box_f5 ul { width:100%; margin:0 auto;}
	.section-body-rec .box_f5 ul li { width:44%; font-size:12px;}
	.section-body-rec .box_f5 ul li:nth-child(2n) { width:56%;}
}

.section-shi { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:64px 0; text-align:center;}
.section-shi .link { font-size:28px; font-weight:bold;}
.section-shi .link i { padding-left:16px;}
@media screen and (max-width:768px){
	.section-shi .link { font-size:18px;}
}

.to-top { margin:40px 0; text-align:center; font-size:24px; font-weight:bold; }
.to-top a { color:#111;}
.to-top a i { color:#2e8b57; padding-right:12px;}

.body-g-l .inner.a { display:flex; align-items:end; padding:100px 0 0;}
.body-g-l .inner.a img { width:64%;}
.body-g-l .inner.a .txt { width:36%; padding-left:40px; font-size:18px;}
.body-g-l .inner.a .txt p,.body-g-l .inner.b .txt p,.body-g-l .inner.c .txt p,.body-g-l .inner.d .txt p,.body-g-l .inner.e .txt p,.body-g-l .inner.f .txt p,.body-g-l .inner.g .txt p { margin:0;}
.body-g-l .inner.a .txt h4,.body-g-l .inner.b .txt h4,.body-g-l .inner.c h4,.body-g-l .inner.d .txt h4,.body-g-l .inner.e .txt h4,.body-g-l .inner.f h4,.body-g-l .inner.g .txt h4 { font-size:36px; margin:0 0 20px; line-height:1.5;}
.body-g-l .inner.a.cl img { width:52%;}
.body-g-l .inner.a.cl.rev { flex-direction:row-reverse; width:100%; margin:0 0 0 auto;}
.body-g-l .inner.a.cl.rev .txt { padding: 0 40px 0 0;}
.body-g-l .inner.b { width:70%; margin-left:30%; position:relative; padding:100px 0 0;}
.body-g-l .inner.b .txt { font-size:18px; position:absolute; bottom:0; left:0;}
.body-g-l .inner.b .txt p { margin:0;}
.body-g-l .inner.c { display:flex; align-items:end; justify-content:space-between; padding:100px 0 0;}
.body-g-l .inner.c .txt { width:46%;}
.body-g-l .inner.c.cl img { width:64%;}
.body-g-l .inner.c.cl .txt { width:33%;}
.body-g-l .inner.c.cl.rev { flex-direction:row-reverse;}
@media screen and (max-width:768px){
	.body-g-l .inner.a { display:block; padding:40px 0 0;}
	.body-g-l .inner.a img { width:100%;}
	.body-g-l .inner.a .txt { width:100%; padding-left:0px; font-size:13px;}
	.body-g-l .inner.a .txt h4,.body-g-l .inner.b .txt h4,.body-g-l .inner.c h4,.body-g-l .inner.d .txt h4,.body-g-l .inner.e .txt h4,.body-g-l .inner.f h4,.body-g-l .inner.g .txt h4 { font-size:24px;}
	
	.body-g-l .inner.b { width:100%; margin-left:0; padding:40px 0 0;}
	.body-g-l .inner.b .txt { position:static;}
	
	.body-g-l .inner.c { display:block; padding:40px 0 0;}
	.body-g-l .inner.c .txt { width:100%; padding:16px 0 0;}
	
	.body-g-l .inner.a.cl img,.body-g-l .inner.c.cl img,.body-g-l .inner.c.cl .txt { width:100%;}
}

.full-glog { margin:100px 0 0; padding:140px 100px; position:relative;}
.full-glog img { width:100%; height:100%; object-fit:cover; top:0; left:0; position:absolute;}
.full-glog span { padding:32px 20px; font-size:40px; font-weight:bold; background-color:#fff; writing-mode:vertical-rl; position:relative; z-index:3;}
@media screen and (max-width:768px){
	.full-glog { margin:40px 0 0; padding:40px 5%;}
	.full-glog span { padding:20px 8px; font-size:24px;}
}

.body-g-l .inner.d,.body-g-l .inner.e,.body-g-l .inner.f { padding:100px 0 0; display:flex; align-items:end;}
.body-g-l .inner.d .img { width:52%;}
.body-g-l .inner.d .img img { width:100%;}
.body-g-l .inner.d .txt { width:48%; padding:0 48px 0 140px; font-size:18px;}
.body-g-l .inner.e img,.body-g-l .inner.f img { width:70%; padding-right:48px;}
.body-g-l .inner.e .txt,.body-g-l .inner.f .txt { width:30%; font-size:18px;}
.body-g-l .inner.f { flex-direction:row-reverse;}
.body-g-l .inner.f img { padding-right:0; padding-left:48px;}
.body-g-l .inner.g { width:90%; position:relative; padding:100px 0;}
.body-g-l .inner.g .txt { font-size:18px; position:absolute; bottom:124px; left:25%; width:35%;}
.body-g-l .inner.g .txt p { margin:0;}
@media screen and (max-width:678px){
	.body-g-l .inner.d,.body-g-l .inner.e,.body-g-l .inner.f { padding:40px 0 0; display:block;}
	.body-g-l .inner.d .img { width:100%;}
	.body-g-l .inner.d .txt { width:100%; font-size:13px;}
	.body-g-l .inner.e img,.body-g-l .inner.f img { width:100%; padding-right:0;}
	.body-g-l .inner.f img { padding-left:0;}
    .body-g-l .inner.e .txt,.body-g-l .inner.f .txt { width:100%; font-size:13px;}
	.body-g-l .inner.g { padding:40px 0;}
	.body-g-l .inner.g .txt { position:static; width:100%;}
}

.header-page { padding :120px 8%; color:#fff; position:relative; margin-bottom:60px;}
.header-page .logo { width:150px; position:absolute; top:50px; right:100px;}
.header-page h3 { font-size:48px; margin:0 0 20px; line-height:1.5;}
.header-page h3 small { font-size:18px;display:block;margin-bottom:10px;}
.header-page .inner { display:flex; justify-content:space-between;}
.header-page .inner .left { width:calc(100% / 3); line-height:2.2;}
.header-page .inner .right { width:60%;}
.header-page .inner .right ol { margin:0; padding:0; display:flex; width:100%;}
.header-page .inner .right ol li { list-style:none; margin-right:8px; width:100%; position:relative;}
.header-page .inner .right ol li:last-of-type { margin-right:0;}
.header-page .inner .right ol li span { font-size:14px; display:block; position:relative; letter-spacing:0.2em; margin-bottom:8px;}
.header-page .inner .right ol li span::after { content:""; width:calc(100% - 30px); height:1px; background-color:#fff;  position:absolute; top:50%; right:0;}
@media screen and (max-width:768px){
	
	.event-sh ul li dl dd{margin-top:10px;}
	
	.event-sh ul li dl dt{font-size:18px!important; margin-bottom:10px;}
	.header-page .logo { width:100px; position:absolute; top:20px; right:20px;}
	.header-page h3 { font-size:20px;}
	.header-page h3 small { font-size:16px;}
	.header-page .inner { display:block; font-size: 12px;}
	.header-page .inner .left { width:100%; margin-bottom: 20px;}
	.header-page .inner .right { width:100%;}
	.header-page .inner .right ol { display:block;}
	.header-page .inner .right ol li { margin-bottom:5px;}
	.header-page .inner .right ol li span { margin:0;}
	.company-about2 h3{font-size:23px!important;}
	.bggray h3{font-size:23px!important;}
	.story .morelink{margin:0 auto 80px; width: 115px;}
}

.concept-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.contact-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.after-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.service-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color;}
.layout-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color;}
.all-product-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.about-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.customize-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }
.concept2-bg { background-attachment:fixed; background-size:cover; background-blend-mode:color; }

@media screen and (max-width:768px) { 
	.concept-bg { background-attachment:inherit; background-position-x:center;}
	.contact-bg { background-attachment:inherit; background-position-x: center;}
	.after-bg { background-attachment:inherit; background-position-x: center;}
	.service-bg { background-attachment:inherit; background-position-x: center;}
	.layout-bg { background-attachment:inherit; background-position-x: center;}
	.all-product-bg { background-attachment:inherit; background-position-x: center;}
	.about-bg { background-attachment:inherit; background-position-x: center;}
	.customize-bg { background-attachment:inherit; background-position-x: center;}
	.concept2-bg { background-attachment:inherit; background-position-x: center;}
}

.section-bg-front { padding:80px 8% 30px; background-color:#f5f5f5;}
.section-bg-front h3,.section-needs-front h3,.ic-gaiyou h3,.section-ic-flow h3,.section-products-ic h3,.content-after .inner h3,.contact-after h3,.access-sh h3,.about-sh h3,.event-sh h3,.bg-779 h3,.footer-top h3 { font-size:18px; text-align:center; margin:0 0 50px; font-weight:400;}
.section-bg-front .ul-typea { margin:0; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.section-bg-front .ul-typea li { width:47%; border-radius:4px; position:relative; overflow:hidden; margin-bottom:30px;}
.section-bg-front .ul-typea li .box { background-color:#fff; padding:24px; text-align:center; font-size:20px; line-height:1.6;}
.section-bg-front .ul-typea li .box small { font-size:13px; display:block; margin:0 0 12px;}
.section-bg-front .ul-menu { margin:50px 0; display:flex; flex-wrap:wrap; padding:0;}
.section-bg-front .ul-menu li { width:calc(100% / 3);}
.section-bg-front .ul-menu li a { display:block; line-height:64px; padding:0 16px; background-color:#fff; border:0.5px solid #dbdbdb; border-radius:4px; font-size:13px; color:#111;}
.section-bg-front .ul-menu li a img { width:30px; padding-right:8px;}

.section-bg-front .ul-typea.front li { width:30%;}
@media screen and (max-width:768px){
	.img100{width:100%!important;}
	.section-bg-front { padding:60px 6% 5px;}
	.section-bg-front h3,.section-needs-front h3,.ic-gaiyou h3,.section-ic-flow h3,.section-products-ic h3,.content-after .inner h3,.contact-after h3,.access-sh h3,.about-sh h3,.event-sh h3,.bg-779 h3,.footer-top h3 { font-size:16px; margin-bottom:20px;}
	.section-bg-front .ul-typea { display:block;} 
	.section-bg-front .ul-typea li { width:100%;  margin-bottom: 20px;}
	.section-bg-front .ul-menu { display:block; margin:20px 0;}
	.section-bg-front .ul-menu li { width:100%;}
    .section-bg-front .ul-typea li .box { font-size:14px; line-height:2;}
	.section-bg-front .ul-typea li .box small { font-size:11px;}
	
	.section-bg-front .ul-typea.front li { width:100%; margin-bottom: 20px;}
}


.section-bg-front.page .btn-product { display:block; width:258px; line-height:50px; border:1px solid #fff; background-color:#fff; font-size:16px; text-align:center; margin:0 auto 100px;}

.section-bg-front.page .ul-product { margin:0; padding:0; display:flex; flex-wrap:wrap;}
.section-bg-front.page .ul-product li { width:16.8%; margin-right:4%; border-radius:4px; overflow:hidden; position:relative; text-align:center; margin-bottom:40px; line-height:1.8;}
.section-bg-front.page .ul-product li:nth-of-type(5n) { margin-right:0;}
.section-bg-front.page .ul-product li .box { background-color:#fff; padding:24px; font-size:18px; min-height:112px;}
.section-bg-front.page .ul-product li h5 { margin:0 0 5px;}
.section-bg-front.page .ul-product li h5 small { display:block;}
.section-bg-front.page .ul-product li .p-m0 { margin:0; font-size:13px;}

.section-bg-front.blog { padding:50px 8% 80px;}
.section-bg-front.blog .ul-blog { margin:0 0 80px; display:flex; justify-content:space-between; padding:0;}
.section-bg-front.blog .ul-blog li { width:30%; background-color:#fff; padding:0 20px 20px; box-sizing:border-box; position:relative; border-radius:4px; font-size:20px; text-align:center;}
.section-bg-front.blog .ul-blog li img { display:block; width:70%; margin:0 auto 20px;}

@media screen and (max-width:768px){
	.section-bg-front.page .btn-product { line-height:40px; font-size:12px;}
	.section-bg-front.page .ul-product { display:block;}
	.section-bg-front.page .ul-product li { width:100%; margin-bottom: 20px;}
	
	.section-bg-front.blog { padding:30px 6% 80px;}
	.section-bg-front.blog .ul-blog { display:block; margin-bottom:20px;}
	.section-bg-front.blog .ul-blog li { width:100%; margin-bottom:20px;}
}

.section-products-ic { padding:80px 0; background-color:#dbdbdb;}
.section-products-ic ul { display:flex; flex-wrap:wrap;}
.section-products-ic ul li { width:30%; margin-right:5%; background-color:#fff; padding:0 16px 16px; margin-bottom:40px; font-size:20px; text-align:center; border-radius:4px; line-height: 1.8; position:relative;}
.section-products-ic ul li small { font-size:13px; font-family: -apple-system, BlinkMacSystemFont,Meiryo, sans-serif; line-height:2.2; margin-top:10px; display:block; text-align:left;}
.section-products-ic ul li small span { position:absolute; bottom:0; right:20px;}
.section-products-ic ul li:nth-of-type(3n) { margin-right:0;}
.section-products-ic .btn-defolt { margin:0 auto;}

.section-products-ic.service ul li { min-height:350px;}

.section-products-ic.all-product ul { }
.section-products-ic.all-product ul li { width:45%; margin-right:10%; height:auto; letter-spacing:0;} 
.section-products-ic.all-product ul li:nth-child(2n) { margin-right:0;}
.section-products-ic.all-product ul li small { text-align:center; font-size:13px;}
.section-products-ic.all-product ul li small span { position:static;}
.section-products-ic.all-product ul li small a { display:block; margin:0;}
.section-products-ic.all-product ul li .dressing { padding:1px; color:#fff; font-size:12px; display:inline-block; margin:10px 0 0; border:1.5px solid #8d8d8d; }
.section-products-ic.all-product ul li .dressing span { background:#8d8d8d; padding:4px 10px; display:inline-block;}

.section-products-ic ul.case li { width:31%; margin-right:3.5%;}
.section-products-ic ul.case li:nth-of-type(3n) { margin-right:0;}
@media screen and (max-width:768px){
	.section-products-ic ul { display: flex;}
	.section-products-ic ul li { width:100%!important; margin-bottom:20px; font-size: 16px; margin-right:0!important;}
	.section-products-ic ul li img { margin-bottom:10px;}
	.section-products-ic ul li small { font-size:12px; line-height:2;}
	
	.section-products-ic ul.case li { width: 100%; margin-bottom:20px; font-size: 16px;}
	
	.section-products-ic.all-product ul li { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; text-align:center; padding:16px 12px 0; min-height:256.67px;}
	.section-products-ic.all-product ul li img { width:45%; object-fit:cover; margin:0; height:148px;}
	.section-products-ic.all-product ul li .txt { width:50%; font-size:14px;}
	.section-products-ic.all-product ul li small { font-size:10px; line-height:1.6;}
	.section-products-ic.all-product ul li small span { font-size:13px; padding-top:5px; display:block;}
	.section-products-ic.all-product ul li .dressing { position:absolute; top:172px; margin:auto; right:0; left:0; width:180px; }
	.section-products-ic.all-product ul li .dressing span { width:100%;}
	.section-products-ic.all-product ul li a { position:absolute; bottom:5px; left:0; right:0; text-align:center;}
	
	.section-products-ic.all-product ul.soup li { min-height:auto; padding:16px 12px; align-items:center;}
}


.section-needs-front { background-color:#f5f5f5; padding:50px 0 160px;}
.section-needs-front .inner { position:relative; padding:64px 8%; margin:0px 8% 50px 0;;}
.section-needs-front .inner .box { width:44%; background-color:#fff; padding:40px; box-sizing:border-box; position:relative; z-index:9;}
.section-needs-front .inner .box h4 { margin:0 0 20px; font-size:20px;}
.section-needs-front .inner .box span { display:block; margin:24px 0 0;}
.section-needs-front .inner img { width:55%; height:100%; position:absolute; top:0; right:0; object-fit:cover;}
.section-needs-front .inner p { margin:0;}
.section-needs-front .inner.rev { overflow:hidden;}
.section-needs-front .inner.rev img { right:auto; left:0; }
.section-needs-front .inner.rev .box { float:right;}

.section-needs-front.page { padding:80px 0 80px;}
@media screen and (max-width:768px){
	.section-needs-front { padding: 30px 0;}
	.section-needs-front .inner { margin:0 auto 20px; padding:0;}
	.section-needs-front .inner img { width:100%; height:auto; position:static;}
	.section-needs-front .inner .box { width:84%; margin:0 auto;}
	.section-needs-front .inner .box h4 { font-size:1.6rem;}
	.section-needs-front .inner.rev .box { float:none;}
	.section-needs-front.page { padding:80px 0 20px;}
}

.section-ic-flow { padding:80px 0;}
.section-ic-flow h4 { text-align:center; line-height:2;}
.section-ic-flow h4 img { width:75%; margin:24px 0;}
.section-ic-flow ul { display:flex; justify-content:space-between;}
.section-ic-flow ul li { width:calc(94% / 4); position:relative; border:1px solid #513743; padding:20px 15px; box-sizing:border-box;}
.section-ic-flow ul li h4 { font-size:15px; margin:0 0 20px; text-align:center; line-height:1.3;}
.section-ic-flow ul li h4 .num { font-size:16px; font-weight:400; display:block; margin:0 0 16px;}
.section-ic-flow ul li img { width:80%; margin:0 auto 0px; display:block;}
.section-ic-flow ul li p { margin:0;}

.section-ic-flow.all-product ul li { width:calc(94% / 3); line-height:2;}
.section-ic-flow.all-product ul li img { margin-bottom:24px;}
.section-ic-flow.all-product ul li h5 { font-size:15px; font-weight:400; border-bottom:1px solid; width:88%; margin:0 auto 5px;}
.section-ic-flow.all-product ul li .overflow { width:88%; margin:0 auto 10px;}
@media screen and (max-width:768px){
	.section-ic-flow { padding:20px 0 40px;}
	.section-ic-flow h4 { font-size:15px;}
	.section-ic-flow h4 img { width:100%;}
	.section-ic-flow ul { display:block;}
	.section-ic-flow ul li { width:100%!important; margin-bottom: 20px;}
	.section-ic-flow ul li p { font-size:12px; line-height:2;}
	
	.section-ic-flow.all-product ul li .overflow { width:95% ;font-size:12px;}
	.section-ic-flow.all-product ul li .overflow center { text-align:left;}
	.section-ic-flow.all-product ul li .w48 { width:48%!important;}
	.section-ic-flow.all-product ul li .fleft { float:left!important;}
	.section-ic-flow.all-product ul li .fright { float:right!important;}
}

.section-idea-front { padding:100px 6%; text-align:center;}
.section-idea-front h3,.section-idea-front ol { width:50%;}
.section-idea-front h3 { margin:0; font-size:24px; line-height:1.8; text-align:left;}
.section-idea-front h3 .btn { display:block; width:258px; line-height:50px; text-align:center; background-color:#f5f5f5; color:#000; margin-top:50px; border:1px solid #f5f5f5; font-size:16px; font-weight:400; border-radius:4px;}
.section-idea-front .txt { width:45%; text-align:left;}
.section-idea-front .btn  { display:block; width:258px; line-height:50px; text-align:center; background-color:#f5f5f5; color:#000; margin:70px auto -100px; border:1px solid #f5f5f5; font-size:16px; font-weight:400; border-radius:4px;}
.section-idea-front ol { margin:0; padding:0; display:flex; flex-direction:column; flex-wrap:wrap; height:375px;}
.section-idea-front ol li { list-style:none; position:relative; margin-bottom:24px; margin-right:50px;}
.section-idea-front ol li .num { font-size:22px; position:absolute; line-height:40px; top:6px; left:0; } 
.section-idea-front ol li .txt { position:relative; padding-left:50px;}
.section-idea-front ol li .txt:before { content: ""; display:block; width:6px; height:1px; top:18px; left:30px; background-color:#111; position:absolute;}
.section-idea-front ol li .txt .head { font-size:18px; display:block; margin:8px 0; line-height:40px;}
.section-idea-front ol li .txt .body { font-size:24px;}

.section-idea-front.concept { display:block;}
.section-idea-front.concept h3 { width:40%; margin:0 auto 60px;}
.section-idea-front.concept ol { margin:0 auto; width:100%;}
.section-idea-front.concept ol li { width:30%; margin:0 1.66%}
.section-idea-front.concept ol li .txt { margin-bottom:8px; margin-left:37px;}
.section-idea-front.concept ol li .txt .head { font-size:16px; margin:8px 0 0;}
.section-idea-front.concept ol li .txt .body { font-size:20px;}

.section-idea-front.change { display:block; text-align:center; }
.section-idea-front.change h3 { margin:0 auto 60px;}
.section-idea-front.change ol { display:block; margin:0 auto; height:auto; text-align:left;}
.section-idea-front.change li { margin-right:0;}
.section-idea-front.change li .num { position:relative;}
.section-idea-front.change li .num:after { content: ""; display:block; width:70px; height:1px; bottom:-6px; left:calc(100% / 2 - 35px); background-color:#111; position:absolute;}
.section-idea-front.change .btn { display:block; line-height:50px; text-align:center; background-color:#f5f5f5; color:#000; margin-top:50px; border:1px solid #f5f5f5; font-size:16px; font-weight:400; border-radius:4px;}
.section-idea-front.change h4 { margin: 60px 0 0 ;}
.section-idea-front.change li .txt:before { display:none;}
@media screen and (max-width:768px){
	.home .section-idea-front {margin-top:-20px; padding:0 6% 12px;}
	.section-idea-front { padding:30px 6% 12px;}
	.section-idea-front h3,.section-idea-front ol { width:100%!important;}
	.section-idea-front h3 { font-size:22px;}
	.section-idea-front h3 .btn { width:100%; margin:20px 0; line-height:40px; font-size:12px;}
	.section-idea-front .txt { width:100%; margin-top:24px;}
	.section-idea-front .btn { margin:30px 0 -20px; width:100%;}
	.section-idea-front ol { height:auto;}
	.section-idea-front ol li .txt:before { width:6px; height:.8px;}
	.section-idea-front ol li .txt .head { font-size:10px; margin-bottom:0;}
	.section-idea-front ol li .txt .body { font-size:13px;}]
	
	.section-idea-front.concept h3 { width:100%;}
	.section-idea-front.concept ol li { width:100%;}	
}

.section-bg-front.footer { text-align:center; padding:70px 8%;}
.section-bg-front.footer img { width:45%; display:block; margin:0 auto; margin-bottom:30px;}
.section-bg-front.footer h3 { margin:20px 0;}
.section-bg-front.footer ul { display:flex; font-size:22px; justify-content:center; margin-top:-25px;}
.section-bg-front.footer ul li { padding: 0 15px;}
.section-bg-front.footer .link { display:block; width:100%; height:50px; line-height:50px; border:1px solid #fff; text-align:center; border-radius:4px; background:#fff; margin:30px auto 0;}



.footer-top a { color:#fff;}
.footer-top h4 { margin:0 0 12px;}
.footer-top h4 img { width:168px; height:264px;}
.footer-top .logo { width:320px; object-fit:contain;}
.footer-top h2 { font-size:34px; margin:36px 0 28px; color:#fff;}
.footer-top .tel { font-size:22px; display:inline-block; margin:0 0 16px;}
.footer-top .ul-contact { margin:0 0 40px; }
.footer-top .ul-contact li { display:inline-block; margin:0 10px 20px;}
.footer-top .ul-contact li a { display:block; width:298px; height:50px; line-height:50px; border:1px solid #fff; text-align:center; border-radius:4px;}
.footer-top .ul-contact li:last-child a { width:617px;} 
.footer-top .add { margin:0 0 48px; }
.footer-top .add a { background-color: #f5f5f5; border: 1px solid #f5f5f5; padding:2px 8px; border-radius:4px; display:inline-block; margin-left:16px; color:#000;}
.footer-top .add span { display:block; margin-top:24px; font-size:12px;}
.footer-top .add span a { background:0; border:0; color:#fff; margin:0; display:inline; padding:0;}
.footer-top .ul-sns { }
.footer-top .ul-sns li { display:inline-block; margin:0 16px; font-size:24px;}

.footer-bottom { padding:0; text-align:center; background:#f5f5f5; margin-bottom:0;}
.footer-bottom .logo { width:250px; display:block; margin:0 auto 30px;}
.footer-bottom .img { width:300px; height:150px; display:block; margin:0 auto 40px;}
.footer-bottom .cr { background:#000; color:#fff; text-align:center; margin-bottom:0; padding:12px 0;}
@media screen and (max-width:768px) {
	.footer-top {  padding:100px 5% 50px;}
	.footer-top h3 { font-size:15px;}
	.footer-top .ul-contact { margin:0;}
	.footer-top .ul-contact li { margin: 0 0 15px; width:100%;}
	.footer-top .ul-contact li a { font-size:12px; width:100%;}
	.footer-top .ul-contact li:last-child a { width:100%;}
	.footer-top .add a { padding: 0 50px 3px; line-height: 1.3;}
	.footer-bottom { margin-bottom:58px;}
	.footer-bottom .logo { width:180px; margin:0 auto 10px;}
}

.about-sh { padding:80px 0; }
.about-sh .head { position:relative; /*margin:0 0 0 8%; padding:100px 0 200px;*/}
.about-sh .head img { width:75%; height:100%; position:absolute; top:0; right:0;}
.about-sh .head h4 { margin:0; font-size:31px; position:relative; line-height:1; text-align:center;}
.about-sh .head h4 span { padding:2px 0; letter-spacing:.2em; line-height:1.3;}
.about-sh ul { margin:50px 0 0; overflow:hidden; position:relative; z-index:3;}
.about-sh ul li { width:45%; float:left; margin-right:10%; padding:0 20px;}
.about-sh ul li:last-of-type { margin-right:0;}
.about-sh ul li h4 { font-size:20px; margin:16px 0; min-height: 52px; text-align:center;}
.about-sh ul li h5 { font-size:15px; margin:10px 0 15px; min-height:36.67px; text-align:center;}

.about-sh .grayback { background:#f5f5f5; padding:10px 30px; }
@media screen and (max-width:768px) {
	.about-sh { padding:30px 0; }
	.about-sh .head { position:static; margin:0; padding:0;}
	.about-sh .head img { width:100%; position:static;}
	.about-sh .head h4 { font-size:18px; text-align:center; margin:24px 0 0;}
	.about-sh ul li { float:none; width:100%; font-size:12px; line-height:2;}
	.about-sh ul li:first-child { margin-bottom:50px;}
	.about-sh ul li h4 { font-size:18px; margin: 10px 0;}
}

.event-sh { background-color:#f5f5f5; padding:80px 0;}
.event-sh ul li { background-color:#fff; border-bottom:1px solid #ccc; display:flex; justify-content:space-between; position:relative; align-items:center;}
.event-sh ul li:last-of-type { border-bottom:0;}
.event-sh ul li img { width:300px; height:120px; object-fit:contain;}
.event-sh ul li dl { width:calc(100% - 340px); margin:0; padding:0; padding:30px 30px 30px 0;}
.event-sh ul li dl dt { margin:0 0 16px; font-weight:400; overflow:hidden; font-size:15px;}
.event-sh ul li dl dt p { margin:0;}
.event-sh ul li dl dt time { float:left;}
.event-sh ul li dl dt ul { float:right; }
.event-sh ul li dl dt ul li { background-color:#eee; padding:0 8px; display:inline-block; margin-left:8px; font-size:13px;}
.event-sh ul li dl dd { line-height:2;}
@media screen and (max-width:768px) {
	.event-sh ul li { border-bottom:none; padding:36px 15px 0 15px; margin-bottom:30px; align-items:start;}
	.event-sh ul li img { width:40%!important;}
	.event-sh ul li dl { width:100%; padding:0 0 0 20px;}
	.event-sh ul li dl dt { position:absolute; top:0; right:0; left:0; text-align:center; margin:0 0 12px;}
	.event-sh ul li dl dt time { float:none;}
    .event-sh ul li dl dt ul { float:none; }
	.event-sh ul li dl dt ul li { margin:0 8px 0 0;}
	.event-sh ul li dl dd { font-size:10px; line-height:1.8;}
}

.access-sh { padding:80px 0;}
.access-sh h3 { font-size:24px; margin:0 0 40px; }
.access-sh dl { border-top:1px solid #ccc; margin:0; font-size:13px; }
.access-sh dl dt { width:28%; float:left; padding:16px 0; font-weight:400;}
.access-sh dl dd { margin:0; padding:16px 0 16px 28%; border-bottom:1px solid #ccc;}
.access-sh dl dd.first { min-height:103px;}
.access-sh dl dd.last { min-height:125.1px;}
.access-sh dl dd .btn { background: #f5f5f5; border: 1px solid #f5f5f5; border-radius:4px; padding:2px 16px;}
.access-sh iframe { height:200px;}
@media screen and (max-width:768px) {
	.access-sh { padding:40px 0;}
	.access-sh h3 { font-size:16px; margin: 20px 0 20px;}
	.access-sh h3.s-name { font-size:16px;}
	.access-sh dl { font-size:13px; margin-bottom:20px;}
}

.ic-gaiyou { padding:80px 0;}
.ic-gaiyou h4{ font-size:22px; line-height:1.8; margin:0 0 20px; letter-spacing:.2em;}
@media screen and (max-width:768px){
	.ic-gaiyou { padding:80px 0 0;}
	.ic-gaiyou h4{ font-size:16px; margin:20px 0;}
}

.head-contact { padding:160px 0; overflow:hidden;}
.head-contact h3 { font-size:46px; margin:0 0 64px;}
.head-contact a { font-size:13px; color:#111;}
.head-contact ul { float:right;}
.head-contact ul li { display:inline-block; margin-left:40px;}
@media screen and (max-width:768px) {
	.head-contact { padding:30px 0; overflow:hidden; font-size:12px;}
	.head-contact h3 { font-size:24px; margin:0 0 32px;}
	.head-contact ul li { margin-left:0; display:block;}
}

.contactarea { border:solid 2px #006d80; border-radius:4px; text-align:left; background:#fff; z-index:1; margin-bottom:80px;}
@media screen and (max-width:768px) {
	.contactarea { margin-bottom:40px;}
}

.contact h2 { margin:0; text-align:center;}
.contact .cvarea { background:#fff; text-align:center; padding:30px 5%; border-radius:5px; margin-bottom:30px;}
.contact .cvarea h3 { font-family:'Noto Sans JP', sans-serif; font-weight:900; font-size:19px; margin-bottom:20px; letter-spacing:1px;}
.contact .cvarea ul { width:740px; margin:0 auto; padding:0; overflow:hidden;}
.contact .cvarea ul li { float:right; list-style:none; width:48%;}
.contact .cvarea ul li:first-child { float:left; padding-left:42px; font-family:'Noto Sans JP', sans-serif; font-weight:bold; font-size:40px; line-height:60px; background:url(../img/ico_tel.png) left 15px no-repeat; letter-spacing:-1px;}
@media screen and (max-width:768px){
	.contact { margin-bottom: 60px; padding-bottom: 60px;}
	.contact .cvarea { padding: 20px 2% 0; margin-bottom:20px;}
	.contact .cvarea h3 { font-size:13px; margin:0 0 20px;}
	.contact .cvarea ul { width:100%;}
	.contact .cvarea ul li { float:none; margin:0 auto; list-style:none; width:88%;}
	.contact .cvarea ul li:first-child { font-size:28px;}
	.contact center { width:88%; margin:0 auto;}
}

.body-select {padding:30px 0;}
.body-select h3 {font-size:24px; line-height:1.8; margin:0 0 50px; letter-spacing:0.1em; color:#513743;}
.body-select h3 small { font-size:18px; display:block;}
.body-select h4 { font-size:20px; margin:0 0 30px; line-height:1.8; letter-spacing:0.1em;}
.body-select p {margin:0 0 50px; line-height:2.2;}
.para { height:40vh; background-attachment:fixed; background-size:cover; background-position: bottom;}

.bg-g {background-image:url();}
@media screen and (max-width:768px){
	.body-select { padding: 20px 0 0;}
	.body-select h3 {font-size:16px; line-height:1.2; margin: 0 0 20px;}
	.body-select h3 small { font-size:13px;} 
	.body-select p { margin: 0 0 25px; font-size: 12px; line-height: 2;}
	.body-select h4 { font-size:16px; margin: 0 0 10px;}
}

.footbg { padding-top:580px; position:relative; z-index:99; height:500px;}
.des-map { background-color:rgba(51,51,51,0.8); padding:36px 40px; font-size:12px; color:#fff; margin-top:-90px; letter-spacing:.2em; height:90px;}
.des-map a { color:#fff;}
.des-map .fright { font-size:18px;}
.des-map .fright a { padding:0 4px;}
@media screen and (max-width:768px){
    .footbg { padding-top:210px; height:300px;}
    .des-map { background-color:rgba(51,51,51,0.8); padding:8px 5%; font-size:12px; color:#fff; margin-top:0; letter-spacing:.2em; height:auto; position:absolute; bottom:0;}
    .des-map a { color:#fff;}
	.des-map .fright { display:block; text-align:right;}
}


.wrap-faq-new {color:#fff; background-color:#513743; position:relative; padding:0 0 0 24%; margin:80px 0;}
.wrap-faq-new p { margin:0; font-size:0;}
.wrap-faq-new h3 { font-size:32px; margin:0; font-weight:400; position:absolute; top:100px; left:24px;}
.wrap-faq-new h3 small { font-size:13px; display:block; font-weight:300;}
.wrap-faq-new .inner { background-color:#fff; color:#111; padding:100px 40px; box-sizing:border-box;}
@media screen and (max-width:768px){
	.wrap-faq-new { padding:160px 5% 24px; margin:40px 0;}
	.wrap-faq-new h3 { font-size:24px; top:64px; left:5%;}
	.wrap-faq-new h3 small { font-size:12px;}
	.wrap-faq-new .inner { padding:0; background-color:transparent;}
}

.box-faq { border:1px solid #eee; margin:0 0 16px; padding:16px 0; display:flex; align-items:center; color:#999; background-color:#fff;}
.box-faq .q { width:100px; text-align:center; font-size:24px; font-weight:400; height:100%;}
.box-faq:hover { border:1px solid #513743;}
.box-faq:hover .q { color:#000;}
.box-faq:hover .hidden_box { border-color:#000; color:#000;}
.box-faq:hover label {}
.box-faq  p { margin:0;}
@media screen and (max-width:768px){
	.box-faq .q { width:64px; font-size:18px;}
}

/*全体*/
.wrap-faq-new .hidden_box {
    margin:  0;/*前後の余白*/
    padding: 24px 0 24px 24px; border-left:1px solid #eee; width:100%;
}

/*ボタン装飾*/
.wrap-faq-new .hidden_box label {
    padding: 0;
    font-weight: 400;
    cursor :pointer; font-size:18px; display:block; position:relative; width:100%; background-color:#fff;
 height:auto; line-height:auto; padding-right:48px;}
.wrap-faq-new .hidden_box label i { position:absolute; top:14px; right:20px; font-size:24px;}

/*ボタンホバー時*/
.wrap-faq-new .hidden_box label:hover {
    color:#111;
}

/*チェックは見えなくする*/
.wrap-faq-new .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.wrap-faq-new .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

/*クリックで中身表示*/
.wrap-faq-new .hidden_box input:checked ~ .hidden_show {
    padding: 10px 48px 10px 0;
    height: auto;
    opacity: 1;
}
.wrap-faq-new .hidden_box input:checked ~ label i { transform:rotate(180deg); padding-left:0;}
.wrap-faq-new .hidden_box input:checked ~ label:after { display:none;}
@media screen and (max-width:768px){
	.wrap-faq-new .hidden_box { padding:8px 0 8px 8px;}
	.wrap-faq-new .hidden_box label { font-size:13px; font-weight:300;}
	.wrap-faq-new .hidden_box label i { top:4px; font-size:18px;}
	.wrap-faq-new .hidden_box input:checked ~ .hidden_show { padding:8px 0 0;}
}

/*---コンタクトフォームここから---*/

.contact-form {  font-size:14px;  padding:30px 37px 0; height:auto;}
.contact-form p { padding:24px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; font-size:14px;}
.contact-form p:nth-last-child(2) { border:none; padding-top:0;}
.contact-form .ttl { display:block; width:25%; float:left; padding:16px; box-sizing:border-box; background-color:#f5f5f5; color:#000; overflow:hidden;}
.contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:96%; background-color:#eee; float:right; height:53px;}
.contact-form textarea[name="your-message"] { height:140px;}
.contact-form select { line-height:2; height:37.02px;}
.contact-form [type="checkbox"], .contact-form [type="radio"] { display:inline; float:none; width:auto;}
.contact-form .checkbox-300 { width:75%; float:left;}
.contact-form .contact-right { width:75%; float:right;}
.contact-form  input[type="submit"] { background:#f5f5f5; border:none; color:#000; text-align:center; display:block; border-radius:0; letter-spacing:0.1em; padding:17px 0; width:38%; font-size:16px; float:none; margin:0 auto;}
.contact-form .hissu,.wrap-orderform .hissu { font-style:normal; background-color:#708090; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px; float:right;}
.contact-form .nini { font-style:normal; background-color:#A9BCF5; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px;}
.contact-form em { display:inline-block; margin-left:4px;}
.contact-form .box { border:1px dotted #333; border-radius:16px; padding:16px 16px 0 0; margin-bottom:20px;}
.contact-form .box p { border:0;}

.wrap.resavation .contact-form p { font-size:14px;}
@media screen and (max-width:768px) {
    .contact-form { margin:0; height:auto; padding:30px 20px 37px;}
    .contact-form p { padding:20px 0; overflow:hidden; margin:0; border-bottom: none;}
    .contact-form p:nth-last-child(2) { border:none;}
	.contact-form p:last-of-type { border-bottom:1px solid #ccc;}
    .contact-form .contact-left { display:block; width:100%; float:none; text-align:left; padding-right:8px; box-sizing:border-box; margin-bottom:8px;}
	.contact-form .contact-right { width:100%; float:none;}
    .contact-form input,.contact-form textarea,.contact-form select { border:none; display:block; width:100%; background-color:#eee; min-height:28px;}
    .contact-form .submit { text-align:center; margin:56px 0;}
    .contact-form .submit span { display:block;}
    .contact-form input[type="submit"] { border:none; text-align:center; display:inline-block; border-radius:0; letter-spacing:0.1em; padding:17px 0; width:100%; font-size:16px;}
	.contact-form .checkbox-300 { width:100%; float:none;}
	.contact-form [type="checkbox"], .contact-form [type="radio"] { min-height:13px;}
	.contact-form .box { padding:20px 5%;}
	.contact-form span.wpcf7-list-item { display:block;}
	.contact-form .ttl { width:100%; margin:0 0 16px; padding:8px; font-size:12px;}
	.contact-form .hissu, .wrap-orderform .hissu { font-size:10px;}
}

/*---コンタクトフォームここまで---*/

.bar-fixed { padding:5px 80px; background-color:#513743; font-size:16px; overflow:hidden; position:fixed; bottom:0; left:0; width:100%; z-index:999;}
.bar-fixed .span-l { padding:4px 16px; font-size:14px; color:#fff; background-color:#111; float:left; display:inline-block; margin-right:12px; margin-top:20px;}
.bar-fixed .span-r { display:block; float:right; line-height:2.5; padding:5px 0 15px; font-size:14px; margin-right:16p;}
.bar-fixed .tel { font-size:28px; font-weight:bold; line-height:1; display:block; margin-top:5px;}
.bar-fixed .btn { margin:8px 0 8px; padding:0; overflow:hidden; display:block; text-align:center; font-size:12px; padding:12px 0; background-color:#fff; color:#111; font-weight:bold;}
.bar-fixed .fright { margin-top:10px;}
.mt-20 { margin-top:20px;}

.bar-fixed.new { z-index:9999; padding:5px 60px;}
@media screen and (max-width:768px){
	.bar-fixed { padding:12px 16px 0!important; font-size: 10px;}
	.bar-fixed .span-l { font-size:12px; margin-top:0;}
	.bar-fixed .span-r { line-height:1.2; margin-top:0; width:100%; font-size:10px;}
	.bar-fixed .fleft { float:left; width:32%;}
	.bar-fixed .fright { float:right; margin-top:0; width:100%!important;}
	.bar-fixed .tel { font-size:16px;}
	.bar-fixed .btn { width:48%!important; margin-bottom:5px; line-height:1.4; margin-top:0; padding:8px 0;}
	.bar-fixed .btn.sp100 { width:100%!important;}
	/*.bar-fixed .btn:last-child { width:100%!important; margin-bottom:10px;}*/

	.bar-fixed.new { font-size:11px; letter-spacing:0; padding:12px 16px 7px!important;}
	.bar-fixed.new .btn { font-size:11px; width:49%!important;}
	/*.bar-fixed.new .btn:last-child { margin-bottom:5px; line-height:2.5;}*/
}

/*---section-products-ic　アコーディオン↓---*/

/*全体*/
.section-products-ic .hidden_box {
    margin:  0;/*前後の余白*/
    padding: 0; width:100%;
}
.section-products-ic .hidden_box p { margin:0 0 12px;}

/*ボタン装飾*/
.section-products-ic .hidden_box label {
    padding: 0;
    font-weight: 400;
    cursor :pointer; font-size:18px; display:block; position:relative; width:100%; background-color:#fff;
 height:auto; line-height:auto;}
.wrap-faq-new .hidden_box label i { position:absolute; top:14px; right:20px; font-size:24px;}

/*ボタンホバー時*/
.section-products-ic .hidden_box label:hover {
    color:#111;
}

/*チェックは見えなくする*/
.section-products-ic .hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.section-products-ic .hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

/*クリックで中身表示*/
.section-products-ic .hidden_box input:checked ~ .hidden_show {
    padding:0;
    height: auto;
    opacity: 1;
	font-size: 13px;
    text-align: left;
    margin-top: -10px;
    font-family: Meiryo, sans-serif;
	background: #f0fea278;
    padding: 5px 10px;
}
.section-products-ic .hidden_box input:checked ~ label i { transform:rotate(180deg); padding-left:0;}
.section-products-ic .hidden_box input:checked ~ label:after { display:none;}
@media screen and (max-width:768px){
	.section-products-ic .hidden_box { padding:45px 0 0;}
	.section-products-ic .hidden_box label { font-size:13px; font-weight:300;}
	.section-products-ic .hidden_box label i { top:4px; font-size:18px;}
	.section-products-ic .hidden_box input:checked ~ .hidden_show {	padding: 8px; margin-bottom:12px;}
}
/*---section-products-ic　アコーディオン↑---*/

.news { border:1px solid; padding:20px 100px; margin:80px auto 0;}
@media screen and (max-width:768px){ 
	.news { padding:10px; margin:40px auto 0;}
}