@charset "utf-8";


html {
	font-size: 62.5%;
}

body {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;
	line-height: 1.66;
	color: #333;
}

body * {
	box-sizing: border-box;
}

sup {font-size: 78%; vertical-align: top;}
sub {font-size: 78%; vertical-align: baseline;}


::-moz-selection {
  color: #FFF;
  background: #45536a;
}

::selection {
  color: #FFF;
  background: #45536a;
} 


@media screen and (max-width:768px) {
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
}



.redb {
	color: #F00;
	font-weight: 600;
}

.redbg {
	color: #FFF;
	font-weight: 600;
	background-color: #F00;
	padding: 3px;
}

/* a 
-------------------------------------------------------------- */

a {
	color: #333;
	text-decoration: underline;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

a:hover,
a:active {
	text-decoration: none;
}



/* img 
-------------------------------------------------------------- */

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

.img-rp {
	display: block;
	width: 100%;
	height: auto;
}



/* layout
---------------------------------------------------------- */

.sec_inner{
	position:relative;
    z-index:0;
	width: 100%;
	max-width:1200px;
	margin:0 auto;
}


@media screen and (max-width:1280px) {
    .sec_inner{
		padding:0 60px;
	}
}

@media screen and (max-width:768px) {
    .sec_inner{
		padding:0 30px;
	}
}



/* wrapper
---------------------------------------------------------- */

#wrapper {
	position: relative;
	z-index:0;
	overflow: hidden;
}



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

#header {
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width: 100%;
}

.header_inner{
	width: 100%;
	margin:0 auto;
	padding:0 100px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.site-id{
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}


@media screen and (max-width:1280px) {
    .header_inner{
		padding:0 60px;
	}
}

@media screen and (max-width:768px) {
    .header_inner{
		padding:0 20px 0 0;
	}
	.site-id {
		width:160px;
		height:160px
	}
}

@media screen and (max-width:640px) {
	.site-id {
		width:100px;
		height:100px
	}
}



/* sec-mv
---------------------------------------------------------- */

#sec-mv {
	position: relative;
	z-index:0;
	height: 800px;
}

.mv_img {
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(../img/mv.jpg) no-repeat center;
	background-size:cover;
}

#mv_txt-right {
	position: absolute;
	z-index:1;
	top:195px;
	right:100px;
}

#mv_txt-bottom {
	position: absolute;
	z-index:1;
	bottom:60px;
	left:100px;
}

#mv_txt-bottom h2{
	font-size:2.6rem;
	font-weight:bold;
	color:#FFF;
	line-height:1.5;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 2.67px rgba(0, 0, 0, 0.8);
}

#mv_txt-bottom h2 .is-lg{
	font-size:1.6em;
	letter-spacing: 0.1em;
}


@media screen and (max-width:1280px) {
	#mv_txt-bottom {
		left:60px;
	}
	#mv_txt-right {
		right:60px;
	}
}

@media screen and (max-width:768px) {
	#sec-mv {
		height:400px;
	}
	#mv_txt-right {
		width:45%;
		top:13%;
		right:20px;
	}
	#mv_txt-bottom {
		bottom:30px;
		left:20px;
	}
	#mv_txt-bottom h2{
		font-size:3.125vw;
	}
}



/* sec-mv sub
---------------------------------------------------------- */

#sec-mvsub {
	position: relative;
	z-index:0;
	height: 300px;
}

.mvsub_img {
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: url(../img/mv.jpg) no-repeat center;
	background-size:cover;
}

#mvsub_txt-right {
	position: absolute;
	z-index:1;
	top:195px;
	right:100px;
}

#mvsub_txt-bottom {
	position: absolute;
	z-index:1;
	bottom:60px;
	left:100px;
}

#mvsub_txt-bottom h2{
	font-size:2.6rem;
	font-weight:bold;
	color:#FFF;
	line-height:1.5;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 2.67px rgba(0, 0, 0, 0.8);
}

#mvsub_txt-bottom h2 .is-lg{
	font-size:1.6em;
	letter-spacing: 0.1em;
}


@media screen and (max-width:1280px) {
	#mvsub_txt-bottom {
		left:60px;
	}
	#mvsub_txt-right {
		right:60px;
	}
}

@media screen and (max-width:768px) {
	#sec-mvsub {
		height:200px;
	}
	#mvsub_txt-right {
		width:45%;
		top:13%;
		right:20px;
	}
	#mvsub_txt-bottom {
		bottom:30px;
		left:20px;
	}
	#mvsub_txt-bottom h2{
		font-size:3.125vw;
	}
}



/* sec-concept
-------------------------------------------------------- */

#sec-concept {
	padding:85px 0 100px;
}

.concept_cont-01,
.concept_cont-02{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.concept_cont_txt h3 {
	font-size:2.7rem;
	font-weight:bold;
	margin-bottom:1.1em;
	letter-spacing: 0.1em;
}

.concept_cont-01{
	margin:45px 0 65px 0;
}

.concept_cont-01 .concept_cont_txt {
	flex: 1;
	padding-right:5%;
}

.concept_cont-01 .concept_cont_img {
	width: 38.3%
}

.concept_cont-02 .concept_cont_txt {
	flex: 1;
	padding:0 5% 0 8.3%;
}

.concept_cont-02 .concept_cont_img {
	width: 29.1%
}

.concept_cont-02 .concept_cont_img .p-name{
	font-size:1.6rem;
	margin-top:0.85em;
	letter-spacing: 0.1em;
}

.concept_cont-02 .concept_cont_img .p-name .min{
	font-family: "游明朝","Yu Mincho","YuMincho","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:1.375em;
}


@media screen and (min-width:769px) {
	#sec-concept .p-text {
		line-height:1.875;
	}
}

@media screen and (max-width:768px) {
	#sec-concept {
		padding:50px 0 60px;
	}
	.concept_cont_txt h3 {
		font-size:2.0rem;
	}
	.concept_cont-01{
		margin:30px 0 50px 0;
	}
	.concept_cont-01 .concept_cont_txt,
	.concept_cont-02 .concept_cont_txt{
		flex: auto;
		width: 100%;
		padding:0;
	}
	.concept_cont-01 .concept_cont_txt {
		margin-bottom:30px;
	}
	.concept_cont-02 .concept_cont_txt {
		margin-top:30px;
	}
	.concept_cont-01 .concept_cont_img,
	.concept_cont-02 .concept_cont_img{
		text-align: center;
		width: 90%;
		margin:0 auto;
	}
}



/* sec-suggest
-------------------------------------------------------- */

#sec-suggest {
	padding:95px 0 100px;
	background:url(../img/pat_01.jpg) repeat;
}

.list-suggest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:70px;
}

.list-suggest li {
	width:46.6%;
	background:#FFF;
	border-radius:0 0 4px 4px;
}

.list-suggest_img img {
	border-radius:4px 4px 0 0;
}

.list-suggest_txt {
	position: relative;
	z-index:0;
	padding:40px 40px 50px;
}

.list-suggest_txt .num {
	position: absolute;
	z-index:1;
	top:-24px;
	left:40px;
}

.list-suggest_txt h3 {
    font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}


@media screen and (min-width:769px) {
	.list-suggest li:not(:nth-child(n+3)) {
		margin-bottom:6.8%;
	}
}

@media screen and (max-width:768px) {
	#sec-suggest {
		padding:50px 0 60px;
	}
	.list-suggest {
		margin-top:30px;
	}
	.list-suggest li {
		width:100%;
	}
	.list-suggest li:not(:last-child) {
		margin-bottom:30px;
	}
	.list-suggest_txt {
		padding:30px 30px 40px;
	}
	.list-suggest_txt .num {
		left:30px;
	}
	.list-suggest_txt .num img{
		width: auto;
		height:42px;
	}
	.list-suggest_txt h3 {
		font-size: 2.0rem;
	}
}



/* sec-flow
-------------------------------------------------------- */

#sec-flow {
	padding:90px 0 100px;
	background:url(../img/pat_02.png) repeat;
}

#sec-flow .sec_inner{
	max-width:1120px;
}

.list-flow{
	margin-top:55px;
}

.list-flow li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.list-flow_step{
	position: relative;
	z-index:0;
}

.list-flow_step:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 49px;
	width: 1px;
	height: 100%;
	border-left: 3px dotted #b5ab95;
}

.list-flow li:last-child .list-flow_step:before{
	display: none;
}

.list-flow_step_inner {
	display: table;
	text-align: center;
	color: #FFF;
	background: #b5ab95;
	width: 99px;
	height: 99px;
	border-radius: 50%;
}

.list-flow_step_inner > p {
	display: table-cell;
	vertical-align: middle;
	font-size:1.8rem;
	line-height: 1;
	letter-spacing: 0.04em;
}

.list-flow_step_inner > p .num {
	font-size: 2em;
}

.list-flow_txt {
	flex:1;
	padding:20px 0 50px 50px;
}

.list-flow li:last-child .list-flow_txt {
	padding:20px 0 0 50px;
}

.list-flow_txt h3{
	position: relative;
	z-index:0;
	font-size:2.5rem;
	font-weight:bold;
	margin-bottom:0.5em;
	padding-left:1.6em;
	letter-spacing: 0.1em;
}

.list-flow_txt h3:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top:10px;
	left: 0;
	width: 28px;
	height: 22px;
	background: url(../img/ico_check.svg) no-repeat;
	background-size: 100%;
}

.list-flow_txt .p-price-free{
	font-size:2rem;
	font-weight:bold;
	margin-top:1.42em;
	letter-spacing: 0.1em;
}


@media screen and (max-width:768px) {
	#sec-flow {
		padding:50px 0 60px;
	}
	.list-flow{
		margin-top:30px;
	}
	.list-flow_step:before {
		left: 29px;
	}
	.list-flow_step_inner {
		width: 59px;
		height: 59px;
	}
	.list-flow_step_inner > p {
		font-size:1.2rem;
	}
	.list-flow_txt {
		padding:10px 0 30px 18px;
	}
	.list-flow li:last-child .list-flow_txt {
		padding:20px 0 0 18px;
	}
	.list-flow_txt h3{
		font-size:1.8rem;
	}
	.list-flow_txt h3:before{
		top:7px;
		width: 22px;
		height: 16px;
	}
	.list-flow_txt .p-price-free{
		font-size:1.6rem;
		margin-top:1em;
	}
}



/* sec-faq
-------------------------------------------------------- */

#sec-faq{
	padding:90px 0 100px;
	background:url(../img/pat_01.jpg) repeat;
}

#sec-faq .sec_inner{
	max-width:1120px;
}

.list-faq{
	margin:20px auto 0;
}

.list-faq .accordion-ttl{
	position: relative;
	z-index:0;
	font-size:2.2rem;
	font-weight:bold;
	padding:24px 30px 24px 40px;
	letter-spacing:0.1em;
	border-bottom:1px solid #cdcdd0;
	cursor: pointer;
}

.list-faq .accordion-ttl:before{
	content: "Q";
	display: block;
	position: absolute;
	z-index: 1;
	top: 24px;
	left: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 3.0rem;
	color: #6BB6B4;
	line-height: 1;
}

.list-faq .accordion-ttl.is-active{
	color: #6BB6B4;
}

.list-faq .accordion-ttl_inner:before,
.list-faq .accordion-ttl_inner:after{
	content: "";
	display: block;
	position: absolute;
	z-index:1;
	top: 50%;
	right:10px;
	width: 24px;
	height: 2px;
	border-radius:1px;
	background:#6BB6B4;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.list-faq .accordion-ttl_inner:before {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.list-faq .accordion-ttl_inner:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.list-faq .accordion-ttl.is-active .accordion-ttl_inner:before {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}

.list-faq .accordion-ttl.is-active .accordion-ttl_inner::after {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.list-faq .accordion-ttl h4{
	line-height:1.5; 
}

.list-faq .accordion-cont {
	display:none;
	position: relative;
	z-index:0;
	padding:24px 0 24px 40px;
	border-bottom:1px solid #cdcdd0;
}

.list-faq .accordion-cont:before{
	content: "A";
	display: block;
	position: absolute;
	z-index: 1;
	top: 24px;
	left: 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 3.0rem;
	color: #FA9C1D;
	line-height: 1;
}


@media screen and (max-width:768px) {
	#sec-faq{
		padding:50px 0 60px;
	}
	.list-faq .accordion-ttl{
		font-size:1.6rem;
		padding:14px 30px 14px 26px;
	}
	.list-faq .accordion-ttl:before,
	.list-faq .accordion-cont:before{
		font-size:2.3rem;
		top:14px;
	}
	.list-faq .accordion-cont{
		padding:14px 30px 14px 26px;
	}
	.list-faq .accordion-ttl_inner:before,
	.list-faq .accordion-ttl_inner:after{
		right:0;
		width: 18px;
		height: 2px;
		top: 28px;
	}
}



/* sec-child
-------------------------------------------------------- */

#sec-child {
	position: relative;
	z-index: 0;
	padding:130px 0 130px;
}

#sec-child:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 312px;
	left: 0;
	width: 1035px;
	height: 772px;
	background: url(../img/bg_house.png) no-repeat;
	background-size: 100%;
}

.child_cont {
	position: relative;
	z-index: 0;
}

.child_cont_img {
	background: url(../img/img_child_01.jpg) no-repeat center;
	background-size: cover;
}

.child_cont_txt h3{
	font-size:3.4rem;
	font-weight: bold;
	margin-bottom:1.32em;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

.child_cont_txt h3 span{
	display: block;
	font-size:.7em;
	font-weight: normal;
	color:#ff9c9c;
}

.list-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:300px;
}

.list-child li {
	width: 30%
}

.list-child li h3 {
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing: 0.1em;
}

.list-child li:nth-child(1) h3 {color:#ff9c9c;}
.list-child li:nth-child(2) h3 {color:#77c2c7;}
.list-child li:nth-child(3) h3 {color:#9ed665;}


@media screen and (min-width:769px) {
	.child_cont_img {
		position: absolute;
		z-index:0;
		top: 0;
		right: 0;
		width: 57.2%;
		height: 600px;
	}
	.child_cont_txt {
		width: 50%;
		max-width: 600px;
		padding-top:75px;
	}
}

@media screen and (max-width:960px) {
	.child_cont_img {
		height: 450px;
	}
}

@media screen and (max-width:768px) {
	#sec-child {
		padding:0px 0 70px;
	}
	.child_cont_img {
		height: 300px;
	}
	.child_cont_txt {
		padding-top:30px;
	}
	.child_cont_txt h3{
		font-size:2.2rem;
		margin-bottom:1em;
	}
	.list-child {
		margin-top:50px;
	}
	.list-child li {
		width: 100%;
	}
	.list-child li:not(:last-child) {
		margin-bottom:30px;
	}

	.list-child li h3 {
		font-size:2.0rem;
	}
}



/* sec-renovation-01
-------------------------------------------------------- */

#sec-renovation-01 {
	padding:105px 0 105px;
	background: url(../img/bg_renovation.jpg) no-repeat;
	background-size: cover;
}

#sec-renovation-01 .sec_inner {
	max-width: 820px
}


@media screen and (max-width:768px) {
	#sec-renovation-01 {
		padding:50px 0 50px;
	}
}



/* sec-renovation-02
-------------------------------------------------------- */

#sec-renovation-02 {
	padding-top:85px;
}

#sec-renovation-02 .sec_inner {
	max-width: 820px
}

.list-renovation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:60px;
}

.list-renovation li {
	overflow: hidden;
	display: table;
	position: relative;
	z-index:0;
	text-align: center;
	width: 33.333%;
	height:370px;
}

.list-renovation li:after {
	content:"";
	display: table;
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	text-align: center;
	width: 100.1%;
	height:100.1%;
	background:rgba(0,0,0,0.2)
}

.list-renovation li:before{
	content:"";
	display:block;
    position:absolute;
	z-index:-1;
    top:0;
    left:0;
	width:100.1%;
	height:100.1%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.list-renovation li:nth-child(1):before {
	background: url(../img/001.jpg) no-repeat;
	background-size: cover;
}

.list-renovation li:nth-child(2):before {
	background: url(../img/002.jpg) no-repeat;
	background-size: cover;
}

.list-renovation li:nth-child(3):before {
	background: url(../img/003.jpg) no-repeat;
	background-size: cover;
}

.list-renovation li h3{
	display: table-cell;
	position: relative;
	z-index:2;
	vertical-align: middle;
	font-size:3.8rem;
	letter-spacing: 0.08em;
}


@media screen and (min-width:769px) {
	.line-hukidashi{
		position: relative;
		z-index:0;
		padding:0 32px;
	}
	.line-hukidashi:before,
	.line-hukidashi:after{
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		top:0;
		width: 2px;
		height: 32px;
		background:#333;
	}
	.line-hukidashi:before{
		left: 0;
		transform: rotate(-20deg);
	}
	.line-hukidashi:after{
		right: 0;
		transform: rotate(20deg);
	}
}

@media screen and (max-width:960px) {
	.list-renovation li h3{
		font-size:3.9vw;
	}
}

@media screen and (max-width:768px) {
	#sec-renovation-02 {
		padding-top:50px;
	}
	.list-renovation {
		margin-top:30px;
	}
	.list-renovation li {
		height:130px;
	}
}



/* #sec-price
-------------------------------------------------------- */

#sec-price {
	padding:85px 0 100px;
}


@media screen and (min-width:769px) {
	#sec-price .img-chart {
		margin-top:50px;
	}
}

@media screen and (max-width:768px) {
	#sec-price {
		padding:50px 0 60px;
	}
}



/* sec-feature
-------------------------------------------------------- */

#sec-feature {
	padding:95px 0 95px;
	background:url(../img/bg_feature.jpg) no-repeat;
	background-size:cover;
}

.list-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:70px;
}

.list-feature li {
	width:46.6%;
	padding:70px 50px 50px 50px;
	background:rgba(255,255,255,0.9);
	border-radius:4px;
}

.list-feature_ico {
	display: table;
	margin:0 auto 25px;
}

.list-feature_ico div{
	display: table-cell;
	vertical-align: middle;
}

.list-feature li h3 {
	text-align: center;
    font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 0.75em;
	letter-spacing: 0.1em;
}


@media screen and (min-width:769px) {
	.list-feature li:not(:nth-child(n+3)) {
		margin-bottom:6.8%;
	}
	.list-feature_ico {
		width:72px;
		height:68px;
	}
}

@media screen and (max-width:768px) {
	#sec-feature {
		padding:50px 0 70px;
	}
	.list-feature {
		margin-top:30px;
	}
	.list-feature li {
		width:100%;
		padding:40px 30px 40px 30px;
	}
	.list-feature li:not(:last-child) {
		margin-bottom:30px;
	}
	.list-feature li h3 {
		font-size: 2.0rem;
	}
	.list-feature_ico {
		margin:0 auto 20px;
	}
}



/* sec-contact
---------------------------------------------------------- */

#sec-contact {
    background:#eeeeee;
    padding:70px 0 80px;
}

#sec-contact h3{
    text-align:center;
    font-size:2.8rem;
	font-weight:bold;
    margin-bottom:1.43em;
    letter-spacing: 0.1em;
    line-height:1.5;
}

.contact_cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.contact_cont_left{
	padding-right:20px;
}

.contact_cont_left .num{
    font-size:2.6rem;
	letter-spacing: 0.1em;
    line-height: 1;
}

.contact_cont_left .num span{
    font-size:1.6em;
	margin-left:0.2em;
}

.contact_cont_right{
	padding-left:30px;
}

.btn-contact {
	display:block;
	position:relative;
	z-index: 1;
    text-align: center;
    font-size: 1.8rem;
	font-weight:bold;
    width:330px;
    line-height: 80px;
	color:#FFF;
	border:1px solid #ff986a;
	background:#ff986a;
	letter-spacing: 0.1em;
    cursor:pointer;
    text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-contact:hover{
	opacity:0.8;
}


@media screen and (max-width:768px) {
	#sec-contact {
		padding:50px 0 50px;
	}
	#sec-contact h3{
		font-size:2.0rem;
	}
    .contact_cont_left,
    .contact_cont_right {
        text-align:center;
        width:100%;
		padding:0;
    }
    .contact_cont_left .p-text{
		margin-top:10px;
    }
	.contact_cont_left .num span{
		font-size:1em;
	}
    .contact_cont_right {
        margin-top:20px;
    }
    .contact_cont_right a{
        width:100%;
    }
	.btn-contact{
		font-size:1.5rem;
		width:100%;
		line-height: 60px;
	}
}



/* footer
-------------------------------------------------------- */

#footer{
	padding: 100px 0 100px;
	background-color: #95CAC9;
}

#footer a{
	color:#FFF;
}

.site-id-footer {
	margin:0 auto 30px;
}


@media screen and (max-width:768px) {
	#footer{
		padding:50px 0 80px;
	}
}



/* nav-footer-fixed
-------------------------------------------------------- */

#nav-footer-fixed {
	display:none;
}

@media screen and (max-width:768px) {
	#nav-footer-fixed {
		display:block;
		position: fixed;
		bottom: -100%;
		left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
	}
	#nav-footer-fixed.is-shown {
		bottom:0;
	}
	#nav-footer-fixed li {
		width: 50%;
		text-align: center;
	}
	#nav-footer-fixed li:first-child {
		border-right: 1px solid #8c8f93;
	}
	#nav-footer-fixed li a {
		display: block;
		padding:7px 10px 7px;
		color: #FFF;
		background:rgba(65, 131, 129, 1);
		text-decoration: none;
	}
	#nav-footer-fixed li a i {
		font-size: 1.6rem;
	}
	#nav-footer-fixed li a p {
		font-size: 1.2rem;
		letter-spacing: 0.1em;
		line-height: 1;
	}
	#nav-footer-fixed a:hover {
		opacity:0.8;
	}
}



/* =============================================================
汎用クラス
============================================================= */


/* Tool
---------------------------------------------------------- */

/* display */
.is-block {display:block;}
.is-ilblock {display:inline-block;}
.is-block-center{display:block;margin:0 auto;}

/* text-align */
.taL {text-align: left;}
.taC {text-align: center;}
.taR {text-align: right;}

/* font */
.en{font-family: 'Open Sans Condensed', sans-serif;}

/* font-weight */
.is-normal {font-weight:normal;}
.is-bold {font-weight:bold; }
.is-boldx {
	font-weight: bold;
	background-color: #6BB6B4;
	color: #FFF;
	display: inline-block;
	padding: 5px;
}

/* color */
.is-blue {
	color: #5EAEAC;
}
.is-navy { color:#95CAC9;}
.is-white { color:#FFF;}

/* other */
.pcNone {display:none !important;}
.spNone {display:block !important;}


@media screen and (max-width:768px) {
    .pcNone {display: block !important;}
    .spNone {display: none !important;}
}



/* Title
---------------------------------------------------------- */

/*ttl-01*/

.ttl-01 {
    text-align: center;
}

.ttl-01 .en {
	display: block;
	font-size: 5.0rem;
	letter-spacing: 0.08em;
	line-height: 1.3;
	color: #95CAC9;
}

.ttl-01 .ja {
    font-size: 1.7rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.ttl-01:after {
    content:"";
    display:block;
	width: 20px;
	height: 1px;
	margin:14px auto 0;
	background:#333;
}


/*ttl-02*/

.ttl-02 {
    text-align: center;
	font-size:3.2rem;
	font-weight:bold;
	margin-bottom:1.42em;
	line-height: 1.68;
	letter-spacing: 0.1em;
}


@media screen and (max-width:768px) {
	.ttl-01 .en {
		font-size: 4.0rem;
	}
	.ttl-02 {
		font-size:2.2rem;
	}
}



/* Text
------------------------------------------------------- */

.p-text {
    font-size:1.6rem;
	letter-spacing: 0.08em;
	line-height: 2;
}


@media screen and (max-width:768px) {
	.p-text {
		font-size:1.5rem;
		line-height: 1.8;
	}
}



/* イメージリスト */
#imageListsns{
	max-width: 420px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#imageListsns li{
	width:50%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}



.img-responsive{
	width:100%;
	height:auto;
}