/* common.css 181213 */

/* init. */
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,table,th,td,address,hr {
	margin: 0;
	padding: 0;
}
header,main,aside,footer,section,nav,article {
	display: block;
}
html {
	overflow-y: scroll;
	font-size: 14px;
}
body {
	overflow: hidden;
	font-family: sans-serif;
	line-height: 1.7;
	background: #fff;
	color: #000;
	text-align: justify;
}

img {    /* 追記IE青い線非表示 */
    border: 0px;
}

/* 追記フロート解除 */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

input,select,textarea {
	font-size: inherit;
}
img,input[type="image"] {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
ul,ol {
	list-style: none;
}
ul.disc {
	list-style: disc;
	padding-left: 20px;
}
ol.decimal {
	list-style: decimal;
	padding-left: 20px;
}
table {
	border-spacing: 0;
}
address {
	font-style: normal;
}
a[href] {
	color: #00f;
}
a:hover img {
	transition: all 0.5s linear;
	opacity: 0.7;
}
strong {
	font-weight: inherit;
}
p + p {
	margin-top: 1em;
}
hr {
	border: none;
	border-top: 1px solid #2C76D7;
}


/* util. */
.in { padding-left: 3% !important; padding-right: 3% !important; }
.bb { box-sizing: border-box; }
.oh { overflow: hidden; }
.relative { position: relative; }
.cf:after { content: ""; display: block; clear: both; }
.serif { font-family: serif; }
p.ti,ul.ti li { text-indent: -1em; padding-left: 1em; }

.btn {
	width: 80%;
	max-width: 340px;
	display: inline-block;
	background: #40a6fa;
	color: #fff !important;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	border: none;
	cursor: pointer;
	line-height: 1.2;
}
.btn:hover {
	transition: all 0.5s linear;
	opacity: 0.8;
}

.tr { text-align: right; }
.tc { text-align: center; }
.tl { text-align: left; }

.none { display: none !important; }
.block { display: block !important; }
.inline { display: inline !important; }
.ib { display: inline-block !important; }
.table { display: table !important; }
.cell { display: table-cell !important; }
.li { display: list-item!important; }

.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mt1em { margin-top: 1em !important; }
.mb1em { margin-bottom: 1em !important; }

.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }

.pt3p { padding-top: 3% !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }

.pb3p { padding-bottom: 3% !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }

.px10 { padding-left: 10px !important; padding-right: 10px !important; }
.px15 { padding-left: 15px !important; padding-right: 15px !important; }
.px20 { padding-left: 20px !important; padding-right: 20px !important; }

.py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.py5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.py10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.py30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.w100p { width: 100% !important; }

/**/
strong.blue {
	font-size: 16px;
	color: #00a0e9;
}
.h-img {
	margin: 0 0 20px;
}
.service-sec,.price-sec,.bnr-wp,.flow-sec,.faq-sec,.voice-sec,.sns-wp {
	margin-top: 30px;
	position: relative;
}


/**/
.header-wp {
	padding: 5px 0;
}
.header-wp .btn-menu {
	position: absolute;
	right: 3%;
	top: 5px;
	width: 40px;
	height: 40px;
	background: url(../img/btn-menu.png) no-repeat left top;
	background-size: 100%;
	cursor: pointer;
}
.header-wp .btn-menu.active {
	background-image: url(../img/btn-close.png);
}
.header-wp .catch {
	font-size: 0.8rem;
}
.header-wp .logo {
	width: 210px;
}
.header-wp .left {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	padding: 10px 3%;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
}
.header-wp .right {
	margin-top: 60px;
	text-align: center;
}

.header-nav {
	display: none;
	position: fixed;
	left: 0;
	top: 58px;
	width: 100%;
	background: #fff;
	z-index: 10;
}
.header-nav .header-g-nav-list {
	border-top: 1px solid #000;
}
.header-nav .header-g-nav-list>li {
	border-bottom: 1px solid #000;
}
.header-nav .header-g-nav-list>li a {
	padding: 10px 10px 8px;
	display: block;
	text-decoration: none;
	color: inherit;
}

.header_tel {
    max-width: 326px;
}

.service-sec span:first-child {
	position: absolute;
    left: 0;
    top: -20px;
}
.service-sec .h-img {
	margin-top: 20px;
}
.service-sec .service-list {
	overflow: hidden;
}
.service-sec .service-list>li {
	width: 47%;
	float: left;
	text-align: center;
}
.service-sec .service-list>li:nth-child(2n) {
	margin-left: 6%;
}
.service-sec .service-list>li:nth-child(n + 3) {
	margin-top: 6%;
}

.price-sec {
	background: url(../img/bg-price.jpg) no-repeat center center;
	background-size: cover;
	padding-bottom: 30px;
}
.price-sec span:first-child {
	position: absolute;
    left: 0;
    top: -50px;
}
.price-sec .h-img {
	margin-top: 20px;
}
.price-sec .price-list {
	margin: 0 20px;
	color: #00a0e9;
}
.price-sec .price-list>li {
	position: relative;
	border: 2px solid #00a0e9;
	background: url(../img/bg-stripe.png) repeat left top;
	padding: 10px 10px 10px 30px;
	box-sizing: border-box;
}
.price-sec .price-list>li:not(:first-child) {
	margin-top: 20px;
}
.price-sec .ill {
	position: absolute;
	left: -20px;
	top: 50%;
	width: 40px;
	transform: translateY(-50%);
}
.price-sec .name {
	font-weight: bold;
	vertical-align: middle;
}
.price-sec .price {
	font-size: 1.2rem;
	font-weight: bold;
	color: #ee5a00;
	float: right;
	line-height: 1.3;
	vertical-align: middle;
}

.flow-sec span:first-child {
	position: absolute;
    left: 0;
    top: -70px;
}
.flow-sec .blue-wp {
	background: #d9f1fc;
	padding: 30px 0;
}
.flow-sec .border {
	background: #fff;
	border: 2px solid #00a0e9;
	padding: 10px 90px 10px 20px;
	position: relative;
}
.flow-sec .border:before {
	font-size: 1.2rem;
	font-weight: bold;
	content: counter(num);
	display: block;
	width: 30px;
	height: 38px;
	background: url(../img/ico-drop-blue.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	text-align: center;
	color: #fff;
	padding-top: 5px;
	box-sizing: border-box;
}
.flow-sec .flow-list {
	background: url(../img/bg-blue.png) repeat-y center top;
	padding-bottom: 10px;
	margin: 0 15px;
}
.flow-sec .flow-list>li {
	counter-increment: num;
}
.flow-sec .flow-list>li:not(:first-child) .border {
	margin-top: 10px;
}
.flow-sec .h-1 {
	font-size: 1.2rem;
	color: #00a0e9;
}
.flow-sec .ill {
	position: absolute;
	right: 10px;
	bottom: 0;
	width: 15%;
	min-width: 60px;
}
.flow-sec .border.card {
	padding: 10px 120px 10px 20px;
}
.flow-sec .card .ill {
	width: 20%;
	bottom: 50%;
	transform: translateY(50%);
	min-width: 100px;
}
.flow-sec .box {
	margin-top: 10px;
	background: #00a0e9;
	color: #fff;
	padding: 7px 0 5px;
	text-align: center;
}
.flow-sec .flow-list.orange {
	background: url(../img/bg-orange.png) repeat-y center top;
	padding-bottom: 0;
	counter-reset: num 3;
}
.flow-sec .flow-list.orange .box {
	margin-top: 0;
	background: #ee5a00;
}
.flow-sec .flow-list.orange .h-1 {
	color: #ee5a00;
}
.flow-sec .flow-list.orange .border {
	margin-top: 10px;
	border-color: #ee5a00;
}
.flow-sec .flow-list.orange .border:before {
	background-image: url(../img/ico-drop-orange.png);
}

.faq-sec span:first-child {
    position: absolute;
    left: 0;
    top: -65px;
}
.faq-sec .q {
	font-weight: bold;
	background: #00a0e9;
	color: #fff;
	padding: 7px 7px 5px 55px;
	position: relative;
}
.faq-sec .q:not(:first-of-type) {
	margin-top: 20px;
}
.faq-sec .q:before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/ico-q.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 5px;
	top: -10px;
}
.faq-sec .q + div {
	padding: 7px 7px 5px 55px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
}
.faq-sec .q + div {
	background: url(../img/ico-a.png) no-repeat 5px center;
	background-size: 40px;
}

.voice-sec {
	padding-bottom: 20px;
	background: url(../img/bg-voice.jpg) no-repeat center center;
	background-size: cover;
}
.voice-sec span:first-child {
    position: absolute;
    left: 0;
    top: -65px;
}
.voice-sec .h-img {
    margin-top: 20px;
}
.voice-sec .voice-list>li {
	overflow: hidden;
}
.voice-sec .voice-list>li:not(:first-child) {
	margin-top: 15px;
	border-top: 1px dashed #000;
	padding-top: 15px;
}
.voice-sec .left {
	float: left;
	width: 25%;
	text-align: center;
	margin: 0 10px 10px 0;
}
.voice-sec .h-2 {
	font-size: 1.2rem;
	color: #e1590d;
	line-height: 1.2;
}
.voice-sec p {
	margin-top: 1em;
}
.sns-wp {
	text-align: center;
}
.sns-wp .h-img {
	width: 180px;
}
.sns-wp .right {
	margin-top: 30px;
}
.sns-wp .insta-wp {
	text-align: center;
}
.sns-wp .insta-sp {
	overflow: hidden;
}
.sns-wp .insta-sp iframe {
	height: 306px !important;
}

.btn-top-wp { margin-top: 10px; text-align: right; }
.btn-top-wp .btn-top {
	cursor: pointer;
}
.footer-wp {
	margin-top: 20px;
	padding: 20px 0;
	background: #00a0e9;
	text-align: center;
}
.footer-wp .logo.white {
	box-sizing: border-box;
}
.footer-wp .center,.footer-wp .right {
	margin-top: 20px;
}
.footer-wp .footer-g-nav-list {
	border-top: 1px solid #fff;
	color: #fff;
}
.footer-wp .footer-g-nav-list>li {
	border-bottom: 1px solid #fff;
	text-align: center;
}
.footer-wp .footer-g-nav-list>li>a {
	text-decoration: none;
	color: inherit;
	padding: 10px;
	display: block;
}
.footer-blue-wp {
	background: #003a91;
	color: #fff;
}
.footer-blue-wp .copyright {
	padding: 5px 0;
	text-align: center;
}
.footer-blue-wp .copyright small {
	font-size: 11px;
}

.footer-tel {
	padding: 10px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}

.footer_address {
	display: block;
	color: #ffffff;
    font-size: 0.8em;
}

/* 対応エリア */
.area_out {
    margin-top: 60px;
    margin-bottom: 100px;
}

.area_name {
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #ffffff;
    background: #00a0e9;
    padding: 10px 60px 10px 40px;
    background: url(../img/plus_icon.png) no-repeat right 20px center #00a0e9;
    background-size: 25px 25px;
    margin-top: 20px;
    cursor: pointer;
}

.area_contens {
    display: none;
    font-size: 1.2em;
    border: 1px solid #00a0e9;
    padding: 20px 30px;
}

.area_contens ul li {
    float: left;
    width: 120px; /* 文字数によって幅を調節する */
    padding: 5px 30px;
    background: url(../img/area_arrow.png) no-repeat left 13px center;
    background-size: 6px auto;
}

.minus_icon {
    background: url(../img/minus_icon.png) no-repeat right 20px center #00a0e9;
    background-size: 25px 25px; 
}

/* バナー背景あり */
.banner_back {
    background: url(../img/bg-voice.jpg) no-repeat center center;
    background-size: cover;
    padding: 0px 0px 20px;
}

.banner_back img {
    padding-top: 10px
}


@media screen and (min-width: 500px) {
	html {
		font-size: 15px;
	}
	/* util. */
	.tb-mw1600 { max-width: 1600px; margin: auto; }
	.tb-mw1500 { max-width: 1500px; margin: auto; }
	.tb-mw1400 { max-width: 1400px; margin: auto; }
	.tb-mw1300 { max-width: 1300px; margin: auto; }
	.tb-mw1200 { max-width: 1200px; margin: auto; }
	.tb-mw1100 { max-width: 1100px; margin: auto; }
	.tb-mw1080 { max-width: 1080px; margin: auto; }
	.tb-mw1000 { max-width: 1000px; margin: auto; }
	.tb-mw970 { max-width: 970px; margin: auto; }
	.tb-mw900 { max-width: 900px; margin: auto; }
	.tb-mw800 { max-width: 800px; margin: auto; }

	.tb-tr { text-align: right; }
	.tb-tc { text-align: center; }
	.tb-tl { text-align: left; }

	.tb-none { display: none !important; }
	.tb-block { display: block !important; }
	.tb-inline { display: inline !important; }
	.tb-ib { display: inline-block !important; }
	.tb-table { display: table !important; }
	.tb-cell { display: table-cell !important; }
	.tb-li { display: list-item!important; }
	
	.tb-p0 { padding: 0 !important; }
	.tb-p5 { padding: 5px !important; }
	.tb-p10 { padding: 10px !important; }
	.tb-p15 { padding: 15px !important; }
	.tb-p20 { padding: 20px !important; }
	.tb-p25 { padding: 25px !important; }
	.tb-p30 { padding: 30px !important; }

	.tb-pt0 { padding-top: 0 !important; }
	.tb-pt5 { padding-top: 5px !important; }
	.tb-pt10 { padding-top: 10px !important; }
	.tb-pt15 { padding-top: 15px !important; }
	.tb-pt20 { padding-top: 20px !important; }
	.tb-pt25 { padding-top: 25px !important; }
	.tb-pt30 { padding-top: 30px !important; }

	.tb-pb0 { padding-bottom: 0 !important; }
	.tb-pb5 { padding-bottom: 5px !important; }
	.tb-pb10 { padding-bottom: 10px !important; }
	.tb-pb15 { padding-bottom: 15px !important; }
	.tb-pb20 { padding-bottom: 20px !important; }
	.tb-pb25 { padding-bottom: 25px !important; }
	.tb-pb30 { padding-bottom: 30px !important; }

	.tb-px10 { padding-left: 10px !important; padding-right: 10px !important; }
	.tb-px15 { padding-left: 15px !important; padding-right: 15px !important; }
	.tb-px20 { padding-left: 15px !important; padding-right: 15px !important; }
	
	.tb-py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
	.tb-py5 { padding-top: 5px !important; padding-bottom: 5px !important; }
	.tb-py10 { padding-top: 10px !important; padding-bottom: 10px !important; }
	.tb-py15 { padding-top: 15px !important; padding-bottom: 15px !important; }
	.tb-py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
	.tb-py25 { padding-top: 25px !important; padding-bottom: 25px !important; }
	.tb-py30 { padding-top: 30px !important; padding-bottom: 30px !important; }
	
	/**/



	/**/
	.service-sec .service-list>li {
		width: 30%;
	}
	.service-sec .service-list>li:nth-child(2n) {
		margin-left: 0;
	}
	.service-sec .service-list>li:nth-child(n + 3) {
		margin-top: 0;
	}
	.service-sec .service-list>li:nth-child(3n + 2),
	.service-sec .service-list>li:nth-child(3n) {
		margin-left: 5%;
	}
	.service-sec .service-list>li:nth-child(n + 4) {
		margin-top: 5%;
	}
	
	.flow-sec .flow-list {
		padding-bottom: 20px;
	}
	.flow-sec .flow-list>li:not(:first-child) .border {
		margin-top: 20px;
	}
	.flow-sec .border.card {
    	padding: 10px 32% 10px 20px;
	}
	.flow-sec .ill {
		width: 9%;
	}
	.flow-sec .card .ill {
		width: 23%;
		bottom: 50%;
		transform: translateY(50%);
	}
	.flow-sec .box {
		margin: 20px auto 0;
		background: #00a0e9;
		color: #fff;
		padding: 7px 0 5px;
		text-align: center;
		width: 80%;
	}
	.flow-sec .flow-list.orange .border {
    	margin-top: 20px;
	}
	
	.faq-sec .q {
		padding: 7px 10px 5px 60px;
	}
	.faq-sec .q:before {
		left: 10px;
	}
	.faq-sec .q + div {
		padding: 7px 10px 5px 60px;
		background: url(../img/ico-a.png) no-repeat 10px center;
		background-size: 40px;
	}
	
	.voice-list .right {
		overflow: hidden;
	}
	
	.footer-wp .footer-g-nav-list {
		font-size: 14px;
    	border-top: none;
	}
	.footer-wp .footer-g-nav-list>li {
		border-bottom: none;
		text-align: left;
		display: inline-block;
		margin-left: 10px;
	}
	.footer-wp .footer-g-nav-list>li:before {
		content: "> ";
	}
	.footer-wp .footer-g-nav-list>li>a {
		padding: 0;
		display: inline;
	}
	.footer-wp .footer-g-nav-list>li>a:hover {
		text-decoration: underline;
	}

}

@media screen and (min-width: 800px) {
	html {
		font-size: 16px;
	}
	body {
		font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",osaka,sans-serif;
	}
	.serif { font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important; }
	
	.btn {
		font-size: 22px;
		padding: 15px;
	}
	
	/* util. */
	.pc-tr { text-align: right; }
	.pc-tc { text-align: center; }
	.pc-tl { text-align: left; }
	
	.pc-none { display: none !important; }
	.pc-block { display: block !important; }
	.pc-inline { display: inline !important; }
	.pc-ib { display: inline-block !important; }
	.pc-table { display: table !important; }
	.pc-li { display: list-item!important; }
	
	.pc-p0 { padding: 0 !important; }
	.pc-p5 { padding: 5px !important; }
	.pc-p10 { padding: 10px !important; }
	.pc-p15 { padding: 15px !important; }
	.pc-p20 { padding: 20px !important; }
	.pc-p25 { padding: 25px !important; }
	.pc-p30 { padding: 30px !important; }
	
	.pc-pt20 { padding-top: 20px !important; }
	.pc-pt30 { padding-top: 30px !important; }
	.pc-pt40 { padding-top: 40px !important; }
	.pc-pt50 { padding-top: 50px !important; }
	.pc-pt60 { padding-top: 60px !important; }
	.pc-pt70 { padding-top: 70px !important; }
	.pc-pt80 { padding-top: 80px !important; }
	.pc-pt90 { padding-top: 90px !important; }
	.pc-pt100 { padding-top: 100px !important; }

	.pc-pb20 { padding-bottom: 20px !important; }
	.pc-pb30 { padding-bottom: 30px !important; }
	.pc-pb40 { padding-bottom: 40px !important; }
	.pc-pb50 { padding-bottom: 50px !important; }
	.pc-pb60 { padding-bottom: 60px !important; }
	.pc-pb70 { padding-bottom: 70px !important; }
	.pc-pb80 { padding-bottom: 80px !important; }
	.pc-pb90 { padding-bottom: 90px !important; }
	.pc-pb100 { padding-bottom: 100px !important; }

	.pc-px20 { padding-left: 20px !important; padding-right: 20px !important; }
	.pc-px25 { padding-left: 25px !important; padding-right: 25px !important; }
	
	.pc-py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
	.pc-py30 { padding-top: 30px !important; padding-bottom: 30px !important; }
	.pc-py40 { padding-top: 40px !important; padding-bottom: 40px !important; }
	.pc-py50 { padding-top: 50px !important; padding-bottom: 50px !important; }
	.pc-py60 { padding-top: 60px !important; padding-bottom: 60px !important; }
	.pc-py70 { padding-top: 70px !important; padding-bottom: 70px !important; }
	.pc-py80 { padding-top: 80px !important; padding-bottom: 80px !important; }
	.pc-py90 { padding-top: 90px !important; padding-bottom: 90px !important; }
	.pc-py100 { padding-top: 100px !important; padding-bottom: 100px !important; }
	
	/**/
	strong.blue {
		font-size: 20px;
	}
	.h-img {
    	margin: 0 0 35px;
	}
	.service-sec span:first-child,
	.faq-sec span:first-child {
    	top: -100px;
	}
	.voice-sec span:first-child {
		top: -110px;
	}
	.price-sec span:first-child {
		top: -130px;
	}
	.flow-sec span:first-child,
	.faq-sec span:first-child {
		top: -180px;
	}
	
	/**/
	header {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 10;
		background: #fff;
		padding-bottom: 10px;
	}
	.header-wp {
    	padding: 20px 0 0;
		overflow: hidden;
	}
	.header-wp .btn-menu {
		display: none;
	}
	.header-wp .left {
		position: static;
		padding: 0;
		float: left;
		width: auto;
	}
	.header-wp .catch {
    	font-size: 17px;
	}
	.header-wp .logo {
		margin-top: 5px;
		width: 410px;
	}
	.header-wp .right {
	    margin-top: 0;
		float: right;
	}
	.header-nav {
		display: block !important;
		margin-top: 30px;
		display: block;
		position: static;
	}
	.header-nav .header-g-nav-list {
    	border-top: none;
		text-align: center;
	}
	.header-nav .header-g-nav-list>li {
    	border-bottom: none;
		display: inline-block;
	}
	.header-nav .header-g-nav-list>li:not(:first-child) {
		margin-left: 20px;
	}
	.header-nav .header-g-nav-list>li>a {
		display: inline;
		padding: 0;
	}
	.header-nav .header-g-nav-list>li>a:hover {
		opacity: 0.5;
	}
	
	.top-wp {
		margin-top: 135px;
	}
	
	.service-sec .h-img {
    	margin-top: 55px;
	}
	.service-sec .service-list>li:nth-child(n + 4) {
    	margin-top: 55px;
	}
	
	.price-sec {
		margin-top: 120px;
		padding-bottom: 65px;
	}
	.price-sec .ill {
		width: auto;
	}
	.price-sec .name {
    	vertical-align: -5px;
	}
	.price-sec .h-img {
    	margin: 70px 0 50px;
	}
	.price-sec .price-list {
		font-size: 22px;
		display: table;
	}
	.price-sec .price-list>li {
		width: 46%;
		float: left;
	}
	.price-sec .price-list>li:not(:first-child) {
    	margin-top: 0;
	}
	.price-sec .price-list>li:nth-child(2n) {
		margin-left: 8%;
	}
	.price-sec .price-list>li:nth-child(n + 3) {
		margin-top: 60px;
	}
	.price-sec .price {
		font-size: 34px;
	}
	
	.flow-sec {
    	margin-top: 70px;
	}
	.flow-sec .blue-wp {
    	padding: 80px 0 85px;
	}
	.flow-sec .border {
		display: table;
		width: 100%;
		padding: 0;
		min-height: 100px;
	}
	.flow-sec .border>div {
		display: table-cell;
		vertical-align: middle;
    	padding: 10px 90px 10px 40px;
    	box-sizing: border-box;
	}
	.flow-sec .border:before {
		font-size: 28px;
		width: 48px;
		height: 62px;
		left: -25px;
		top: 50%;
		padding-top: 9px;
	}
	.flow-sec .flow-list {
    	padding-bottom: 30px;
	}
	.price-sec .price-list>li {
    	padding: 10px 10px 10px 88px;
	}
	.flow-sec .flow-list>li:not(:first-child) .border {
		margin-top: 55px;
	}
	.flow-sec .h-1 {
		font-size: 24px;
		display: inline-block;
		vertical-align: middle;
	}
	.flow-sec .p-1 {
		font-size: 16px;
		display: inline-block;
		vertical-align: middle;
		margin-left: 28px;
	}
	.flow-sec .ill {
    	width: 8%;
		left: 87%;
		right: auto;
	}
	.flow-sec .ill.i1 {
    	width: 12%;
    	left: 84%;
	}
	.flow-sec .ill.i2 {
		width: 11%;
		left: 86%;
	}
	.flow-sec .ill.note {
		width: 12%;
		left: 85.5%;
		bottom: -4%;
	}
	.flow-sec .ill.i4 {
		width: 17%;
		left: 81%;
		bottom: -20px;
	}
	.flow-sec .ill.i5 {
		width: 17%;
		left: 82%;
	}
	.flow-sec .box {
		font-size: 24px;
    	margin: 40px auto 0;
		padding: 30px 0 28px;
	}
	.flow-sec .flow-list.orange .border {
    	margin-top: 40px;
	}
	.flow-sec .border.card {
		padding: 0;
	}
	.flow-sec .border.card>div {
    	padding: 10px 25px 10px 40px;
	}
	.flow-sec .card .ill {
		width: 23%;
		bottom: 50%;
		transform: translateY(50%);
	}
	.flow-sec .card .ill {
		width: 21%;
		left: 78%;
	}
	
	.faq-sec {
    	margin-top: 65px;
	}
	.faq-sec .h-img {
    	margin-bottom: 50px;
	}
	.faq-sec .q {
		font-size: 20px;
    	padding: 15px 20px 13px 140px;
	}
	.faq-sec .q:before {
		top: -28px;
    	left: 50px;
		width: 75px;
    	height: 75px;
	}
	.faq-sec .q:not(:first-of-type) {
    	margin-top: 55px;
	}
	.faq-sec .q + div {
    	padding: 20px 20px 18px 140px;
    	background: url(../img/ico-a.png) no-repeat 50px center;
    	background-size: 75px;
	}
	.voice-sec {
		margin-top: 65px;
		padding-bottom: 90px;
	}
	.voice-sec .h-img {
    	margin: 75px 0 60px;
	}
	.voice-sec .left {
    	margin: 0 50px 0 0;
	}
	.voice-sec .h-2 {
    	font-size: 26px;
	}
	.voice-sec .voice-list>li:not(:first-child) {
    	margin-top: 30px;
    	padding-top: 30px;
	}
     
	.sns-wp {
		margin-top: 60px;
	}
	.sns-wp .right {
    	margin-top: 60px;
	}
	.footer-wp {
		text-align: left;
	}
	.footer-wp .left,.footer-wp .center,.footer-wp .right {
		display: inline-block;
		vertical-align: middle;
	}
	.footer-wp .left {
		width: 28%;
	}
	.footer-wp .center {
		margin-top: 0;
		width: 45%;
		padding: 0 40px;
		box-sizing: border-box;
	}
	.footer-wp .right {
		margin-top: 0;
		width: 27%;
	}
	.sns-wp .h-img {
    	width: auto;
	}
	.sns-wp {
		overflow: hidden;
	}
	.sns-wp .h-img {
		margin-bottom: 25px;
	}
	.sns-wp .left {
		width: 48%;
		float: left;
	}
	.sns-wp .fb-sp span,.sns-wp .fb-sp iframe {
		height: 301px !important;
	}
	.sns-wp .right {
		margin-top: 0;
		width: 48%;
		float: right;
	}
}

@media screen and (min-width: 1100px) {
	.w1100-none {
		display: none !important;
	}
	.w1100-inline {
		display: inline !important;
	}
	.w1100-block {
		display: block !important;
	}
	.sns-wp .insta-pc iframe {
		height: 515px !important;
	}
	.sns-wp .h-img {
		margin-bottom: 40px;
	}
	.header-wp .logo {
		width: auto;
	}


}

@media screen and (max-width:350px) {
	.header_tel {
	    max-width: 290px;
	}
}

/* insta */
.link_over_img img {
    height: 100%;
    width: 100%;
}
.link_over_img {
    display: block;
    height: 94%;
    width: 100%;
    max-width: 520px;
   max-height: 520px;
    position: absolute;
}
@media screen and (max-width: 1100px){
	.link_over_img {
	    max-width: 100%;
	   max-height: 325px;
	}
}

@media screen and (max-width:800px) {
    /* インスタグラム枠 */
    #insta-wp-inner {
        display: inline-block;
        max-width: 400px;
    }
    
    /* インスタ疑似リンク　*/
    .link_over_img {
        display: inline-block;
        max-width: 320px;
        margin: 0 auto;
    }
}
    
@media screen and (max-width:768px) {
    /* 対応エリア */
    .area_out {
        margin-bottom: 60px;
    }    
}

@media screen and (max-width:480px) {
    /* 対応エリア */
    .area_contens ul li {
        float: none;
    }
}