/* Scss Document */

/* ブレイクポイント */
$tablet: 1024px;
$sp: 737px;

@mixin tablet {
    @media (max-width: ($tablet)) {
		@content;
    }
}
@mixin sp {
    @media (max-width: ($sp)) {
		@content;
    }
}

/* color　設定 */
$black01: #000;
$black02: #333;
$gray01: #eee;
$gray02: #ccc;

$blue01: #0a4fa1;

.bg-gray{
	background: $gray01;
}


/*** ----------------------------------------------------------------------------- 

reset

-----------------------------------------------------------------------------  ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
ol li{
	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:top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
legend {
	color:#000000;
}
img {
	vertical-align:bottom;
}
table caption {
	font-weight: bold;
	margin:0 0 5px;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
/*** ------------------------------------------------------------------------------ 

HTML5

-----------------------------------------------------------------------------  ***/
#header, footer, nav, section, article, figure, aside {
	display:block;
}
* {
	box-sizing:border-box;
}
i{
	margin: 0 5px 0 0;
}

/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html{
	font-size: 62.5%;
}
body {
	background: #FFF;
	color: $black02;
	line-height: 1.6;
	font-size: 1.0rem;
	font-family: Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", MS PGothic, "ＭＳ Ｐゴシック", Osaka;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	font-size: 1.6rem;
}

.sp{
	display: none;
	@include sp{
		display: block;
	}
}
@include sp{
	img{
		max-width: 100%;
	}
}


/*** ------------------------------------------------------------------------------ 

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
a{
	outline:none;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
a:link {
	color: #0068b7;
	text-decoration: none;
}
a:visited {
	color: #0068b7;
	text-decoration: none;
}
a:hover {
	color: #0068b7;
	text-decoration: none;
}
a:active {
	color: #0068b7;
	text-decoration: none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

/*** ------------------------------------------------------------------------------ 

layout

-----------------------------------------------------------------------------  ***/
#cont section{
	padding: 90px 0;
	@include sp{
		padding: 60px 0;
	}
}
.inner{
	width: 1000px;
	margin: 0 auto;
	@include sp{
		width: 100%;
		padding: 0 10px;
	}
}

/*** ------------------------------------------------------------------------------ 

googlemap

-----------------------------------------------------------------------------  ***/
@include sp{
	.googlemap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		margin: 0 0 15px;
		position: relative;
	}
	.googlemap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
}

/*** ------------------------------------------------------------------------------ 

header

-----------------------------------------------------------------------------  ***/
header{
	padding: 20px 0;
	@include sp{
		padding: 10px 0;
	}
	h1{
		text-align: center;
		@include sp{
			img{
				width: 99px;
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

visual

-----------------------------------------------------------------------------  ***/
#visual{
	background: url("../img/visual-bg.jpg") no-repeat center center;
	background-size: cover;
}


/*** ------------------------------------------------------------------------------ 

footer

-----------------------------------------------------------------------------  ***/
footer{
	background: $black01;
	p{
		padding: 30px 0;
		text-align: right;
		color: #fff;
		font-size: 1.4rem;
		@include sp{
			padding: 20px 0;
			font-size: 1.2rem;
		}
		strong{
			font-size: 1.8rem;
			@include sp{
				font-size: 1.6rem;
			}
		}
		a:link,
		a:visited{
			color: #fff;
		}
	}
	small{
		text-align: center;
		display: block;
		padding: 0 0 10px;
		font-size: 1.2rem;
		color: #7e7e7e;
	}
}


/*** ------------------------------------------------------------------------------ 

見出し

-----------------------------------------------------------------------------  ***/
.headline{
	margin: 0 0 50px;
	text-align: center;
	@include sp{
		margin: 0 0 25px;
	}
	h2.ja{
		font-size: 4.8rem;
		font-weight: bold;
		color: $blue01;
		line-height: 1.2;
		@include sp{
			font-size: 2.4rem;
		}
	}
	p.en{
		font-size: 1.4rem;
		font-weight: bold;
		@include sp{
			font-size: 1.2rem;
		}
	}
}

/*** ------------------------------------------------------------------------------ 

features

-----------------------------------------------------------------------------  ***/
#features{
	.list{
		display: flex;
		flex-wrap: wrap;
		.list-item{
			width: 50%;
			background: #b4f8f0;
			padding: 190px 95px 60px;
			position: relative;
			&:nth-child(1){ 
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcd4e7+0,b4f8f0+100 */
				background: #bcd4e7; /* Old browsers */
				background: -moz-linear-gradient(45deg,  #bcd4e7 0%, #b4f8f0 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				&:before{
					position: absolute;
					left: 50%;
					top: 50px;
					margin: 0 0 0 -66px;
					content: '';
					background: url("../img/img01.png") no-repeat center center;
					width: 132px;
					height: 115px;
				}
			;}
			&:nth-child(2){
				background: #e8fdfa;
				&:before{
					position: absolute;
					left: 50%;
					top: 60px;
					margin: 0 0 0 -75px;
					content: '';
					background: url("../img/img02.png") no-repeat center center;
					width: 150px;
					height: 93px;
				}
			}
			&:nth-child(3){
				background: #e8fdfa;
				&:before{
					position: absolute;
					left: 50%;
					top: 60px;
					margin: 0 0 0 -83px;
					content: '';
					background: url("../img/img03.png") no-repeat center center;
					width: 166px;
					height: 118px;
				}
			}
			&:nth-child(4){
				background: #bcd4e7; /* Old browsers */
				background: -moz-linear-gradient(45deg,  #bcd4e7 0%, #b4f8f0 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				&:before{
					position: absolute;
					left: 50%;
					top: 50px;
					margin: 0 0 0 -61px;
					content: '';
					background: url("../img/img04.png") no-repeat center center;
					width: 123px;
					height: 123px;
				}
			}
			@include sp{
				width: 50%;
				padding: 100px 15px 20px;
				&:nth-child(1){
						background: #bcd4e7; /* Old browsers */
						background: -moz-linear-gradient(45deg,  #bcd4e7 0%, #b4f8f0 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					;
					background-size: auto auto;
					&:before{
						top: 25px;
						margin: 0 0 0 -33px;
						content: '';
						background: url("../img/img01.png") no-repeat center center;
						background-size: 66px auto;
						width: 66px;
						height: 57px;
					}
				}
				&:nth-child(2){
					background: #e8fdfa;
					background-size: auto auto;
					&:before{
						position: absolute;
						left: 50%;
						top: 30px;
						margin: 0 0 0 -37px;
						content: '';
						background: url("../img/img02.png") no-repeat center center;
						background-size: 75px auto;
						width: 75px;
						height: 46px;
					}
				}
				&:nth-child(3){
					background: #e8fdfa;
					background-size: auto auto;
					&:before{
						position: absolute;
						left: 50%;
						top: 25px;
						margin: 0 0 0 -41px;
						content: '';
						background: url("../img/img03.png") no-repeat center center;
						background-size: 83px auto;
						width: 83px;
						height: 64px;
					}
				}
				&:nth-child(4){
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcd4e7+0,b4f8f0+100 */
					background: #bcd4e7; /* Old browsers */
					background: -moz-linear-gradient(45deg,  #bcd4e7 0%, #b4f8f0 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(45deg,  #bcd4e7 0%,#b4f8f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd4e7', endColorstr='#b4f8f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					background-size: auto auto;
					&:before{
						position: absolute;
						left: 50%;
						top: 25px;
						margin: 0 0 0 -31px;
						content: '';
						background: url("../img/img04.png") no-repeat center center;
						background-size: 62px auto;
						width: 62px;
						height: 62px;
					}
				}
			}
			.tit{
				font-size: 2.6rem;
				font-weight: bold;
				text-align: center;
				margin: 0 0 1em;
				@include sp{
					font-size: 1.6rem;
					margin: 0 0 5px;
				}
			}
			.text{
				font-weight: bold;
				@include sp{
					font-size: 1.3rem;
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

catalyst

-----------------------------------------------------------------------------  ***/
#catalyst{
	.img{
		text-align: center;
		margin: 0 0 45px;
		@include sp{
			margin: 0 0 20px;
		}
	}
	.text{
		padding: 0 70px;
		@include sp{
			padding: 0;
			font-size: 1.4rem;
		}
	}
}

/*** ------------------------------------------------------------------------------ 

test-data

-----------------------------------------------------------------------------  ***/
#test-data{
	.list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 0 50px;
		@include sp{
			margin: 0 0 20px;
		}
		.list-item{
			margin: 0 25px;
			@include sp{
				text-align: center;
				margin: 0 0 20px;
			}
			&:nth-child(1) img{ width: 258px;}
			&:nth-child(2) img{ width: 232px;}
			&:nth-child(3) img{ width: 252px;}
		}
	}
	.text-box{
		background: $gray01;
		padding: 30px;
		@include sp{
			padding: 20px;
		}
		p{
			font-size: 1.4rem;
			margin: 0 0 1.5em;
			&:last-of-type{
				margin: 0;
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

efficacy

-----------------------------------------------------------------------------  ***/
#efficacy{
	dl{
		background: #fff;
		padding: 60px 95px;
		@include sp{
			padding: 20px;
		}
		dt{
			font-size: 2.4rem;
			font-weight: bold;
			color: $blue01;
			position: relative;
			padding: 8px 0 10px 60px;
			@include sp{
				font-size: 1.8rem;
				padding: 8px 0 10px 50px;
			}
			&::before{
				position: absolute;
				left: 0;
				top: 0;
				content: '1';
				display: inline-block;
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2172b1+0,07e7cd+100 */
				background: #2172b1; /* Old browsers */
				background: -moz-linear-gradient(45deg,  #2172b1 0%, #07e7cd 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg,  #2172b1 0%,#07e7cd 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg,  #2172b1 0%,#07e7cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2172b1', endColorstr='#07e7cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				width: 48px;
				height: 48px;
				padding: 7px 0 0;
				box-sizing: border-box;
				border-radius: 50%;
				color: #fff;
				text-align: center;
				font-weight: normal;
				@include sp{
					width: 40px;
					height: 40px;
				}
			}
			&:nth-of-type(1):before{ content: '1';}
			&:nth-of-type(2):before{ content: '2';}
			&:nth-of-type(3):before{ content: '3';}
			&:nth-of-type(4):before{ content: '4';}
			&:nth-of-type(5):before{ content: '5';}
		}
		dd{
			margin: 0 0 15px;
			padding: 0 0 15px;
			border-bottom: 2px solid $gray02;
			font-size: 1.6rem;
		}
	}
}

/*** ------------------------------------------------------------------------------ 

case

-----------------------------------------------------------------------------  ***/
#case{
	.list{
		background: $blue01;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		@include sp{
			display: block;
		}
		.list-item{
			width: 50%;
			color: #fff;
			text-align: center;
			@include sp{
				width: 100%;
				padding: 0 20px 20px;
			}
			&:first-child{
				padding: 0 50px;
				text-align: left;
				@include sp{
					padding: 50px 20px;
				}
				h3{
					font-size: 2.4rem;
					font-weight: bold;
					margin: 0 0 1em;
					@include sp{
						font-size: 2.0rem;
					}
				}
				p{
					@include sp{
						font-size: 1.4rem;
					}
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

service

-----------------------------------------------------------------------------  ***/
#service{
	.list{
		background: #fff;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		@include sp{
			display: block;
		}
		.list-item{
			width: 50%;
			@include sp{
				width: 100%;
			}
			&:first-child{
				padding: 0 50px;
				@include sp{
					padding: 50px 20px;
					p{
						font-size: 1.4rem;
					}
				}
				.time{
					margin: 40px 0 10px;
					font-size: 2.4rem;
					font-weight: bold;
					@include sp{
						margin: 20px 0 10px;
						font-size: 2.0rem;
					}
					span{
						position: relative;
						top: -3px;
						background: $blue01;
						display: inline-block;
						margin: 0 20px 0 0;
						padding: 5px 20px 3px;
						font-size: 1.6rem;
						color: #fff;
					}
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

price

-----------------------------------------------------------------------------  ***/
#price{
	.price-box{
		width: 800px;
		margin: 0 auto 70px;
		@include sp{
			width: 100%;
			margin: 0 auto 35px;
		}
		table{
			width: 100%;
			border-top: 1px solid $gray01;
			margin: 0 0 10px;
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07e7cd+0,2172b1+77 */
			background: #07e7cd; /* Old browsers */
			background: -moz-linear-gradient(top,  #07e7cd 0%, #2172b1 77%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #07e7cd 0%,#2172b1 77%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #07e7cd 0%,#2172b1 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07e7cd', endColorstr='#2172b1',GradientType=0 ); /* IE6-9 */
			th{
				width: 50%;
				padding: 25px;
				box-sizing: border-box;
				border-right: 1px solid $gray01;
				border-bottom: 1px solid $gray01;
				border-left: 1px solid $gray01;
				font-size: 2.4rem;
				font-weight: bold;
				color: #fff;
				@include sp{
					width: 65%;
					padding: 10px;
					font-size: 1.6rem;
				}
			}
			td{
				background: #fff;
				width: 50%;
				text-align: center;
				font-size: 3.5rem;
				font-weight: bold;
				color: $blue01;
				padding: 25px;
				box-sizing: border-box;
				border-right: 1px solid $gray01;
				border-bottom: 1px solid $gray01;
				@include sp{
					width: 35%;
					padding: 10px;
					font-size: 1.6rem;
				}
			}
		}
		p{
			text-align: right;
			font-size: 1.4rem;
		}
	}
	h3{
		text-align: center;
		font-size: 3.0rem;
		font-weight: bold;
		color: $blue01;
		@include sp{
			font-size: 2.0rem;
		}
	}
	.img{
		margin: 50px 0;
		text-align: center;
		@include sp{
			margin: 25px 0;
		}
	}
	.text{
		text-align: center;
		@include sp{
			font-size: 1.4rem;
		}
	}
}

/*** ------------------------------------------------------------------------------ 

item

-----------------------------------------------------------------------------  ***/
#item{
	.img{
		text-align: center;
	}
	.item-box{
		margin: 90px 0 45px;
		text-align: center;
		@include sp{
			margin: 45px 0 20px;
		}
		p{
			margin: 0 0 10px;
			span{
				background: $black02;
				display: inline-block;
				padding: 4px 10px 3px;
				font-weight: bold;
				color: #fff;
				@include sp{
					font-size: 1.4rem;
				}
			}
		}
		h2{
			font-size: 3.6rem;
			font-weight: bold;
			color: $blue01;
			@include sp{
				font-size: 2.4rem;
			}
		}
	}
	.item-speck{
		display: flex;
		@include sp{
			display: block;
		}
		.img{
			width: 500px;
			margin: 0 40px 0 0;
			text-align: left;
			@include sp{
				width: 100%;
				margin: 0 0 20px;
				text-align: center;
			}
			span{
				display: block;
				margin: 20px 0 0;
				font-size: 1.4rem;
			}
		}
		.text-box{
			width: 460px;
			@include sp{
				width: 100%;
			}
			.tit{
				font-size: 1.6rem;;
				font-weight: bold;
				margin: 0 0 20px;
				color: #fff;
				@include sp{
					font-size: 1.4rem;
					margin: 0 0 10px;
				}
				span{
					background: $blue01;
					display: inline-block;
					padding: 10px 15px;
				}
			}
			.text{
				margin: 0 0 40px;
				@include sp{
					margin: 0 0 20px;
					font-size: 1.4rem;
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

voice

-----------------------------------------------------------------------------  ***/
#voice {
	.list{
		display: flex;
		@include sp{
			display: block;
		}
		.list-item{
			width: 310px;
			background: $gray01;
			margin: 0 35px 0 0;
			padding: 240px 30px 30px;
			box-sizing: border-box;
			@include sp{
				width: 100%;
				margin: 0 0 15px;
				padding: 180px 15px 15px;
				font-size: 1.4rem;
			}
			&:nth-child(1){
				background: url("../img/img16.png") no-repeat center top 26px $gray01;
				@include sp{
					background-size: 154px auto;
				}
			}
			&:nth-child(2){
				background: url("../img/img17.png") no-repeat center top 26px $gray01;
				@include sp{
					background-size: 168px auto;
				}
			}
			&:nth-child(3){
				background: url("../img/img18.png") no-repeat center top 26px $gray01;
				margin: 0;
				@include sp{
					background-size: 160px auto;
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

results

-----------------------------------------------------------------------------  ***/
#results {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07e7cd+0,2172b1+77 */
	background: url("../img/bg01.png") no-repeat bottom -100px center, #07e7cd; /* Old browsers */
	background: url("../img/bg01.png") no-repeat bottom -100px center, -moz-linear-gradient(top,  #07e7cd 0%, #2172b1 77%); /* FF3.6-15 */
	background: url("../img/bg01.png") no-repeat bottom -100px center, -webkit-linear-gradient(top,  #07e7cd 0%,#2172b1 77%); /* Chrome10-25,Safari5.1-6 */
	background: url("../img/bg01.png") no-repeat bottom -100px center, linear-gradient(to bottom,  #07e7cd 0%,#2172b1 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07e7cd', endColorstr='#2172b1',GradientType=0 ); /* IE6-9 */
	background-size: cover;
	h2{
		text-align: center;
		font-size: 3.0rem;
		font-weight: bold;
		color: #fff;
		@include sp{
			font-size: 1.8rem;
		}
		span{
			font-size: 4.8rem;
			@include sp{
				font-size: 3.2rem;
			}
		}
		br.sp{
			display: none;
			@include sp{
				display: block;
			}
		}
	}
	.img{
		margin: 50px 0;
		@include sp{
			margin: 25px 0;
		}
	}
	.text{
		padding: 30px;
		background: #fff;
		@include sp{
			padding: 15px;
			font-size: 1.4rem;
		}
	}
}

/*** ------------------------------------------------------------------------------ 

shop

-----------------------------------------------------------------------------  ***/
#shop{
	.shop-list{
		display: flex;
		flex-wrap: wrap;
		@include sp{
			display: block;
		}
		.shop-list-item{
			width: 310px;
			margin: 0 35px 35px 0;
			@include sp{
				width: 100%;
				margin: 0 0 25px;
			}
			&:nth-of-type(3n){
				margin: 0 0 35px;
				@include sp{
					margin: 0 0 20px;
				}
			}
			.shop-name{
				font-size: 1.6rem;
				font-weight: bold;
			}
			p{
				font-size: 1.4rem;
				a{
					color: $black02;
					text-decoration: underline;
				}
			}
		}
	}
}

/*** ------------------------------------------------------------------------------ 

contact-box

-----------------------------------------------------------------------------  ***/
.contact-box{
	h2{
		text-align: center;
		margin: 0 0 30px;
		@include sp{
			img{
				width: 137px;
			}
		}
	}
	p{
		text-align: center;
		@include sp{
			padding: 0 15px;
		}
		span{
			position: relative;
			display: inline-block;
			font-weight: bold;
			font-size: 1.8rem;
			@include sp{
				padding: 0 15px;
				font-size: 1.6rem;
			}
			&::before{
				position: absolute;
				left: -30px;
				top: 0;
				content: ' ';
				background: url("../img/img21.png") no-repeat center center;
				width: 17px;
				height: 28px;
				@include sp{
					left: -15px;
					top: 50%;
					margin: -14px 0 0;
				}
			}
			&::after{
				position: absolute;
				right: -30px;
				top: 0;
				content: ' ';
				background: url("../img/img22.png") no-repeat center center;
				width: 17px;
				height: 28px;
				@include sp{
					right: -15px;
					top: 50%;
					margin: -14px 0 0;
				}
			}
		}
	}
	.link-btn{
		width: 475px;
		margin: 20px auto 0;
		@include sp{
			width: 100%;
			padding: 0;
		}
		a{
			display: block;
			font-size: 3.0rem;
			font-weight: bold;
			background: url("../img/icon-arrow.png") no-repeat right 20px center $blue01;
			padding: 30px 0;
			color: #fff;
			@include sp{
				font-size: 1.8rem;
				background-size: 8px auto;
				padding: 20px 10px;
			}
			&:hover{
				opacity: 0.6;
			}
		}
	}
}