@charset "utf-8";


/*resetCSS*/
html{
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
color:#333333;
background:#FFF;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
font-style:normal;
font-weight:normal;
}
ol,ul{ list-style:none; }
caption, th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-size:1.8rem;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
}

*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

h1{
font-size:2.8rem;
font-weight:bold;
margin-bottom:30px;
}
h2{
font-size:2.8rem;
font-weight:bold;
margin-bottom:1.5em;
}
h2 span{ }
h3{
font-size:24px;
font-weight:bold;
margin-bottom:15px;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
}
p{ font-size:18px;
margin-bottom:1.5em;
line-height:180%; }
.anchor a{ }

a{
text-decoration: none;
color: #3BAB7E;
}
a:hover{
text-decoration:underline;
}
a:hover img{
opacity: 0.7;
transition: all .3s;
}

/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}
/* フォント指定
=========================================================================================== */
@font-face {
    font-family: 'Zen Maru Gothic';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/ZenMaruGothic-Medium.woff2') format('woff2'),
	     url('../fonts/ZenMaruGothic-Medium.woff') format('woff'),
	     url('../fonts/ZenMaruGothic-Medium.ttf')  format('truetype'),
         url('../fonts/ZenMaruGothic-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Zen Maru Gothic';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/ZenMaruGothic-Bold.woff2') format('woff2'),
	     url('../fonts/ZenMaruGothic-Bold.woff') format('woff'),
	     url('../fonts/ZenMaruGothic-Bold.ttf')  format('truetype'),
         url('../fonts/ZenMaruGothic-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Zen Maru Gothic';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/ZenMaruGothic-Black.woff2') format('woff2'),
	     url('../fonts/ZenMaruGothic-Black.woff') format('woff'),
	     url('../fonts/ZenMaruGothic-Black.ttf')  format('truetype'),
         url('../fonts/ZenMaruGothic-Black.eot') format('embedded-opentype');
}
/*--------------------ここまで-----------------------------------*/
/* Header Setting
=========================================================================================== */
#headerSet{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height:94px;
	z-index:999;
	padding:0.5em 4%;
	display: flex;
    justify-content: flex-end;
	align-items: center;
	transition: all .3s;
}
#headerSet #headerLogo{
    margin-bottom: 0;
    font-size: 24px;
    margin-right:auto;
}
#headerSet #headerLogo a{
    transition: all .3s;
    text-decoration: none;
}
#headerSet #headerLogo a:hover{
    opacity: 0.7;
}
#headerSet #headerLogo strong{
    font-size: 42px;
    font-weight: 900;
}
#headerSet #headerMenuSet .gnav ul{
	display: flex;
    align-items: center;
	justify-content: flex-end;
	font-size:18px;
}
#headerSet #headerMenuSet .gnav ul li{
	padding:1em 1.5em;
}
#headerSet #headerMenuSet .gnav ul li a{
	color:#333333;
    text-decoration: none;
	transition: all .3s;
}
#headerSet #headerMenuSet .gnav ul li a:hover{
    color: #3BAB7E;
}
#headerSet #headerContactBtn{
    margin-left: 1.5em;
}
#headerSet #headerContactBtn a{
    background: #3BAB7E;
    color: #FFF;
    padding: 0.5em 2em;
    border-radius: 3em;
    line-height: 1.2;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all .3s;
}
#headerSet #headerContactBtn a:hover{
    background: #287a59;
}
#headerSet #headerContactBtn a:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_tel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
}
#headerSet #headerContactBtn a span{
    font-size: 16px;
}
#headerSet #headerContactBtn a strong{
    display: block;
    font-size: 24px;
    font-weight: 900;
}
.current #headerSet{
	background: #FFF;
}
/* ALL Setting
=========================================================================================== */
article section{
	padding:60px 0;
	width:1100px;
	margin:0 auto;
}
article section.sectionStyle1{
	padding:100px 0;
	width:1100px;
	margin:0 auto;
}
.centerAdjust{
	text-align:center;
}
.rightAdjust{
	text-align: right;
}

.h2Style1{
	text-align:center;
	font-size:3.8rem;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
    font-weight: 900;
    color: #3BAB7E;
}
.bgPatternA{
    background: #F3F7F7;
}
.btnStyle1 a{
	font-size:16px;
	text-decoration:none;
	background:#3BAB7E;
	display:inline-block;
	padding:1.5em 6em;
    border-radius: 3em;
	color:#FFF;
	min-width: 300px;
	text-align: center;
	transition: all .3s;
	position:relative;
}
.btnStyle1 a:before {
    content: "";
    display: inline-block;
    background-image: url(../images/icon_arrow_r_w.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
}
.btnStyle1 a:hover{
	opacity: 0.7;
}
.anchor{
    display: block;
    padding-top: 180px;
    margin-top: -180px;
	pointer-events: none;
}
.columnSet{
	display: flex;
    justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.columnSet .column2{
	width:48%;
	margin-left:4%;
}
.columnSet .column2:nth-child(2n+1){
	margin-left:0;
}
.columnSet .column2 img{
	width:100%;
}
.map{
	font-size: 0;
}
.map iframe{
	width: 100%;
}
/* 下層ページOnly Setting
=========================================================================================== */
/***メインビジュアル***/
#subContentsHead{
    position: relative;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
	margin-bottom:2em;	
}
#subContentsHead.serviceHead{
    background-image:url("../images/service/mv_bg.jpg");
}
#subContentsHead.companyHead{
    background-image:url("../images/company/mv_bg.jpg");
    background-position: bottom center;
}
#subContentsHead .mainVisual{
	height: 40vh;
	position:relative;
	min-height: 320px;
    width: 1100px;
    margin: 0 auto;
}
#subContentsHead .mainVisual .mainTitle{
	font-size:4.2rem;
	white-space: nowrap;
	font-weight:900;
	margin-bottom:0;
	color:#3BAB7E;
    /*background: #FFF;
    padding: 0.2em 1em;*/
    text-shadow: 2px 2px 0 #FFF,
               -2px 2px 0 #FFF,
               2px -2px 0 #FFF,
               -2px -2px 0 #FFF;
	position: absolute;
    top: 50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
}
/**パンくず**/
#path{
	width:1100px;
	margin:0 auto;
	display: flex;
    align-items: center;
	justify-content: flex-start;
	font-size:14px;
	margin-bottom: 2em;
}
#path li a{
	color:#440D24;
}
#path li:after{
	content:"/";
	padding:0 1em;
}
#path li:last-child:after{
	content:none;
}
#sub article:first-child section{
	padding-top:40px;
}
/* service Setting
=========================================================================================== */
.cateBtnList{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}
.cateBtnList li{
	width: 30%;
    margin-left: 5%;
    margin-bottom: 1.5em;
}
.cateBtnList li:nth-child(3n+1){
	margin-left:0;
}
.cateBtnList li a{
    background: #3BAB7E;
    display: block;
    color: #FFF;
    padding: 1.5em 1em;
    border-radius: 3em;
    text-align: center;
    position: relative;
    transition: all .3s;
    text-decoration: none;
}
.cateBtnList li a:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 2em;
    border: 6px solid transparent;
    border-top: 7px solid #FFF;
    transform:translateY(-50%);
}
.cateBtnList li a:hover{
    opacity: 0.7;
}


.serviceContents .serviceColumnSet{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
.serviceContents .serviceColumnSet .serviceText{
    width: 48%;
}
.serviceContents .serviceColumnSet .serviceText h2{
    font-size: 3.2rem;
    margin-bottom: 1em;
    color: #3BAB7E;
}
.serviceContents .serviceColumnSet .serviceImg{
    width: 48%;
    margin-left: 4%;
}
.serviceContents .serviceColumnSet .serviceImg img{
    width: 100%;
}

.serviceContents .merit{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3em;
}
.serviceContents .merit li{
    width: 30%;
    margin-left: 5%;
    text-align: center;
    color: #3BAB7E;
}
.serviceContents .merit li:nth-child(3n+1){
	margin-left:0;
}
.serviceContents .merit li .imgOnlyStyle{
    margin-bottom: 0.5em;
}
.serviceContents .merit li img{
    width: 100%;
    border-radius: 20px;
}
.serviceContents .serviceBox{
    background: #FFF;
    border-radius: 20px;
    overflow: hidden;
    border: 4px solid #3BAB7E;
}
.serviceContents .serviceBox h3{
    background: #3BAB7E;
    color: #FFF;
    font-weight: 900;
    padding: 0.5em 4%;
    margin-bottom: 0;
}
.serviceContents .serviceBox .inner{
    padding: 2em 4%;
}
.serviceContents .serviceBox .inner ul{
    display: flex;
    flex-wrap: wrap;
}
.serviceContents .serviceBox .inner ul li{
    width: 32%;
    margin-left: 2%;
    padding-left:1em;
	text-indent:-1.5em;
}
.serviceContents .serviceBox .inner ul li:nth-child(3n+1){
	margin-left:0;
}
.serviceContents .serviceBox .inner ul li:before{
    content: "■";
    color: #3BAB7E;
    margin-right: 0.5em;
}
/* company Setting
=========================================================================================== */
.greetingColumnSet{
    display: flex;
    flex-wrap: wrap;
}
.greetingColumnSet .greetingText{
    width: 66%;
}
.greetingColumnSet .greetingText .h2Style1{
    text-align: left;
    margin-bottom: 0.5em;
}
.greetingColumnSet .greetingImg{
    width: 30%;
    margin-left: 4%;
}
.greetingColumnSet .greetingImg img{
    width: 100%;
}
.companyTable{
	font-size: 16px;
    margin: 0 auto;
    width: 76%;
}
.companyTable th{
	padding:1.5em;
}
.companyTable td{
	padding:1.5em;
}
.accessList {
    font-size: 16px;
}
.accessList dt{
    font-weight: bold;
    margin-bottom: 0.5em;
}
.accessList dt:before{
    content: "■";
    color: #3BAB7E;
    margin-right: 0.5em;
}
.accessList dd{
    margin-bottom: 2em;
}

/* index Setting
=========================================================================================== */
/***メインビジュアル***/
#mainVisual{
    background-image: url(../images/index/mainvisual_bg.svg);
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
    position: relative;
}
#mainVisual:after{
    content: "";
    background-image: url(../images/index/city.svg);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 260px;
    background-repeat: repeat-x;
    pointer-events: none;
    background-position: center;
}
#mainVisual .mainCatch{
	text-align: center;
	position:absolute;
	top:50%;
	left:50%;
    transform:translateY(-50%) translateX(-50%);
}
#mainVisual .mainCatch img{
    max-width: 600px;
}
#mainVisual .mainCatch span{
    background: #3BAB7E;
    padding: 0.5em 2em;
    border-radius: 3em;
    color: #FFF;
    font-size: 2.4rem;
    margin-bottom: 0.5em;
    display: inline-block;
    position: relative;
}
#mainVisual .mainCatch span:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -14px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #3BAB7E transparent transparent transparent;
    border-width: 16px 18px 0 18px;
}
#mainVisual .mainCatch strong{
    display: block;
    font-weight: 900;
    font-size: 6.4rem;
    color: #3BAB7E;
}

/***contents01***/
.contents01{
    color: #FFF;
    text-align: center;
    overflow: hidden;
}
.contents01 .inner {
    position: relative;
    background: #3BAB7E;
	margin-left:-200px;
	padding-left:200px;
	margin-right:-200px;
	padding-right:200px;
    border-bottom-left-radius: 50% 16%;
    border-bottom-right-radius: 50% 16%;
}
.contents01 h2{
    font-size: 3.8rem;
    font-weight: 900;
}
/***contents02***/
.contents02 .troubleList{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 20px;
}
.contents02 .troubleList li{
    width: 48%;
    margin-left: 4%;
    display: flex;
    margin-bottom: 1em;
}
.contents02 .troubleList li:nth-child(2n+1){
    margin-left: 0;
}
.contents02 .troubleList li:before{
    content: "●";
    color: #3BAB7E;
    margin-right: 0.5em;
}

/***contents03***/
.contents03 .indexServiceList{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
}
.contents03 .indexServiceList li{
    width: 30%;
    margin-left: 5%;
    margin-bottom: 2em;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 6px 0 #989898;
    transition: all .3s;
    border-radius: 20px;
}
.contents03 .indexServiceList li:hover{
	box-shadow: none;
	transform: translateY(6px);
}
.contents03 .indexServiceList li:nth-child(3n+1){
    margin-left: 0;
}
.contents03 .indexServiceList li a{
    display: block;
    color: #333;
    text-decoration: none;
    position: relative;
    height: 100%;
}
.contents03 .indexServiceList li a:after{
    content: "";
    background-image: url("../images/icon_arrow_r.svg");
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    bottom: 1em;
    right: 1em;
}
.contents03 .indexServiceList li a img{
    width: 100%;
}
.contents03 .indexServiceList li a .textArea{
    padding: 1em 8%;
}
.contents03 .indexServiceList li a h3{
    font-size: 20px;
    text-align: center;
    margin-bottom: 1.5em;
}
.contents03 .indexServiceList li a p{
    font-size: 16px;
}

/***contents04***/
.contents04{
    background-image: url(../images/index/bg_company.jpg);
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}
.contents04 .companyBox a{
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    transition: all .3s;
}
.contents04 .companyBox a:hover{
    opacity: 0.7;
}
.contents04 .companyBox a .textBox{
    width: 46%;
    background: #3BAB7E;
    color: #FFF;
    padding: 4em 8%;
}
.contents04 .companyBox a .textBox h2{
    font-size: 3.8rem;
    margin-bottom: 1em;
}
.contents04 .companyBox a .textBox h2 span:after{
    content: "";
    background-image: url("../images/icon_arrow_r_w.svg");
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 1em;
}
.contents04 .companyBox a .textBox p{
    margin-bottom: 0;
}
.contents04 .companyBox a .imgOnlyStyle{
    width: 54%;
    margin-bottom: 0;
    font-size: 0;
    background-image: url(../images/index/company.jpg);
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}


/***contents05***/
.contents05 .faqList{
	background:#eff7ff;
	border-radius: 10px;
	padding:2em 4%;
	margin-bottom:2em;
}
.contents05 .faqList dt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-weight:900;
	font-size:20px;
	margin-bottom:1em;
    color: #3BAB7E;
}
.contents05 .faqList dt span{
	color:#FFF;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #3BAB7E;
	text-align:center;
	line-height: 60px;
    font-size:24px;
}
.contents05 .faqList dt strong{
	width: calc(100% - 80px);
    margin-left: 20px;
    font-weight:900;
}
.contents05 .faqList dd{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-size:18px;
}
.contents05 .faqList dd span{
	color:#FFF;
	display: inline-block;
	width: 60px;
	height: 60px;
	font-weight:bold;
	border-radius: 50%;
	background: #EFDA72;
	text-align:center;
	line-height: 60px;
    font-size:24px;
}
.contents05 .faqList dd p{
	margin-bottom:0;
	width: calc(100% - 80px);
    margin-left: 20px;
}
/* footer Setting
=========================================================================================== */
footer #footerArea{
	background:#3BAB7E;
	padding-bottom:1em;
	color:#FFF;
    position: relative;
    margin-top: 160px;
}
footer #footerArea:before{
    content: "";
    background-image: url("../images/footercity.svg");
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 138px;
    background-repeat: repeat-x;
    pointer-events: none;
    background-position: center;
    transform: translateY(-100%);
}
.footerColumnSet a{
    transition: all .3s;
    text-decoration: none;
}
.footerColumnSet a:hover{
    opacity: 0.7;
}
.footerColumnSet{
	width:1100px;
	padding:4em 0;
	margin:0 auto;
	display: flex;
    flex-direction: row-reverse; 
	flex-wrap: wrap;
}
.footerColumnSet .columnR{
	width:48%;
}
.footerColumnSet .columnR #footerLogo a{
    margin-bottom: 1em;
    color: #FFF;
    font-size: 24px;
    font-weight: 900;
}

.footerColumnSet .columnL{
	width:48%;
    margin-left: 4%;
    text-align: center;
}
.footerColumnSet .columnL h2{
    margin-bottom: 0;
    font-size: 24px;
}
.footerColumnSet .columnL a{
    color: #FFF;
    font-weight: 900;
    font-size: 24px;
    display: inline-block;
}
.footerColumnSet .columnL a span{
    vertical-align: middle;
}
.footerColumnSet .columnL a:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_tel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: middle;
}
footer #footerArea #copy{
	font-size:14px;
	text-align:center;
	margin-bottom:0;
}

@media all and (-ms-high-contrast: none) {
}
/* After Setting
=========================================================================================== */
.mt0{margin-top:0;}
.ml0{ margin-left:0;}
.mb0{margin-bottom:0;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb3{margin-bottom:3em;}
.pb0{ padding-bottom:0;}
.pb20{ padding-bottom:20px;}
.pr20{ padding-right:20px;}
.vat{ vertical-align:top;}
.vam{ vertical-align:middle;}