@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
*, *::before, *::after {
	box-sizing: border-box;
	word-break: normal !important;
	word-wrap: break-word;
}
ul, ol {
	padding: 0;
}
body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	font-family: "Noto Sans JP", Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	font-weight: 400;
	color: #221816;
	background: #fff;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
.clear {
	clear: both;
}
.pc {
	display: inline-block !important;
}
.sp {
	display: none !important;
}
.SE {
	display: none !important;
}
@media (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	img {
		width: 100%;
	}
}
a img:hover {
	opacity: 0.7;
}
.txt_indent {
	padding-left: 1em;
	text-indent: -1em;
}
.just_flex {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.txt_box {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
}
@media (max-width: 767px) {
	.txt_box {
		width: 88%;
		font-size: 11px;
	}
}


/* header */
header {
	width: 100%;
	background-color: #fff;
	text-align: left;
	padding: 0.5%;
}
header img {
	width: 20%;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
	header img {
		width: 40%;
	}
}
@media (max-width: 767px) {
	header {
		padding: 1%;
	}
	header img {
		width: 60%;
	}
}


/* main */
#main {
	width: 100%;
	background-color: #F6B7C1;
	text-align: center;
	padding: 0;
	margin: 0 0 30px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
	#main img {
		width: 540px;
	}
}
@media (max-width: 767px) {
	#main {
		padding: 0;
	}
}


/* CV */
.CV {
	width: 100%;
	max-width: 880px;
	margin: 0 auto 30px;
}
.CV .CV_left,
.CV .CV_right {
	display: block;
	width: 47%;
	min-height: 35px;
	margin: 0 0 5px;
}
.CV img {
	width: 100%;
}
@media (max-width: 767px) {
	.CV {
		width: 78%;
		margin: 0 auto 20px;
	}
	.CV .CV_left,
	.CV .CV_right {
		width: 100%;
		min-height: auto;
		margin: 0 0 10px;
	}
}


/* Tel */
.Tel {
	width: 100%;
	max-width: 500px;
	text-align: center;
	margin: 0 auto 50px;
}
.Tel img {
	margin: 0 0 5px;
}
.Tel p {
	font-size: 18px;
	line-height: 1.5;
}
@media (max-width: 767px) {
	.Tel {
		width: 78%;
		margin: 0 auto 30px;
	}
	.Tel p {
		font-size: 13px;
	}
}


/* nav */
#nav {
	width: 100%;
	max-width: 880px;
	margin: 0 auto 80px;
	text-align: center;
}
#nav p {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	margin: 0 0 50px;
}
#nav a {
	display: block;
	width: 30%;
}
@media (max-width: 767px) {
	#nav {
		width: 92%;
		margin: 0 auto 40px;
	}
	#nav p {
		font-size: 22px;
		margin: 0 0 30px;
	}
	#nav a {
		width: 32%;
	}
}


/* Service */
#Service01,
#Service02,
#Service03 {
	width: 100%;
	text-align: center;
}
.Service_inner {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
h2 {
	width: 100%;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	padding: 15px 0 20px;
	margin: 0 0 30px;
	color: #fff;
	letter-spacing: 1px;
}
#Service01 h2 {
	background: #50AE9D;
}
#Service02 h2 {
	background: #EA6175;
}
#Service03 h2 {
	background: #214999;
}
#Service01 .detail_img,
#Service02 .detail_img,
#Service03 .detail_img {
	position: relative;
	margin: 0 0 50px;
}
#Service01 .detail_price,
#Service02 .detail_price,
#Service03 .detail_price {
	position: absolute;
	bottom: -7.5%;
	right: 4%;
}
#Service01 .more,
#Service02 .more,
#Service03 .more {
	float: right;
}
#Service01 .CV,
#Service02 .CV,
#Service03 .CV {
	margin: 0 auto 60px;
}
#Service02 .notion01 {
	font-size: 16px;
	line-height: 1;
	margin: 0 0 60px;
}
#Service02 .notion02 {
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	margin: 0 0 70px;
}
#Service01_another {
	position: relative;
	width: 100%;
	max-width: 890px;
	margin: 0 auto 100px;
}
#Service01_another .txt {
	position: absolute;
	top: 50%;
	left: 35%;
}
#Service02_another .detail_img,
#Service03_another .detail_img {
	margin: 0 0 40px;
}
#Service02_another .detail_price,
#Service03_another .detail_price {
	position: absolute;
	bottom: -3%;
	right: 4%;
}
.detail_price a img:hover {
	opacity: 1;
}
#Service03 ul {
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	margin: 0 0 70px;
}
@media (max-width: 767px) {
	.Service_inner {
		width: 92%;
		margin: 0 auto;
	}
	h2 {
		font-size: 20px;
		text-align: center;
		padding: 15px 0;
		margin: 0 0 20px;
		letter-spacing: none;
	}
	#Service03 h2 {
		font-size: 14px;
	}
	#Service01 .detail_img,
	#Service02 .detail_img,
	#Service03 .detail_img {
		position: relative;
		margin: 0 0 30px;
	}
	#Service01 .detail_price,
	#Service02 .detail_price,
	#Service03 .detail_price {
		width: 44%;
		bottom: -6.5%;
	}
	#Service01 .more,
	#Service02 .more,
	#Service03 .more {
		width: 65%;
	}
	#Service01 .CV,
	#Service02 .CV {
		width: 88%;
		margin: 0 auto 30px;
	}
	#Service03 .CV {
		width: 88%;
		margin: 0 auto 30px;
	}
	#Service02 .notion01 {
		font-size: 11px;
		line-height: 1.5;
		text-align: left;
		margin: 0 0 30px;
	}
	#Service02 .notion02 {
		font-size: 11px;
		line-height: 1.5;
		text-align: left;
		margin: 0 0 60px;
	}
	#Service01_another {
		position: relative;
		margin: 0 auto 100px;
	}
	#Service01_another .txt {
		width: 50%;
		position: absolute;
		top: 60%;
		left: 28%;
	}
	#Service02_another .detail_img,
	#Service03_another .detail_img {
		margin: 0 0 30px;
	}
	#Service02_another .detail_price,
	#Service03_another .detail_price {
		bottom: -2.5%;
	}
	#Service03 ul {
		font-size: 11px;
		margin: 0 0 20px;
	}
}


/* reason */
#reason {
	width: 100%;
	background: #F3F3F3;
	text-align: center;
	padding: 50px 0 60px;
	margin: 0 0 50px;
}
#reason .reason_inner {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
#reason h3 {
	margin: 0 0 50px;
}
#reason ul li {
	margin: 0 0 25px;
}
#reason ul li:last-child {
	margin: 0 0 10px;
}
#reason .notion {
	font-size: 16px;
	text-align: right;
	margin: 0 0 30px;
}
#reason .notion02 {
	font-size: 16px;
	text-align: center;
	margin: 0 0 30px;
}
@media (max-width: 767px) {
	#reason {
		padding: 40px 0 50px;
		margin: 0 0 50px;
	}
	#reason .reason_inner {
		width: 92%;
		margin: 0 auto;
	}
	#reason h3 {
		margin: 0 0 30px;
	}
	#reason ul li {
		margin: 0 0 10px;
	}
	#reason .notion {
		font-size: 11px;
		text-align: left;
		margin: 0 0 20px;
	}
		#reason .notion02 {
		font-size: 11px;
		text-align: center;
		margin: 0 0 20px;
	}
}


/* other */
#other {
	width: 100%;
	text-align: center;
	margin: 0 0 70px;
}
#other .other_outer {
	width: 100%;
	padding: 50px 0 40px;
	margin: 0 0 20px;
}
#other .other_inner {
	width: 100%;
	max-width: 880px;
	margin: 0 auto 20px;
}
#other .ttl {
	font-size: 34px;
	line-height: 1;
	font-weight: 700;
	margin: 0 0 60px;
}
#other .just_flex {
	margin: 0 0 20px;
}
#other .just_flex a {
	display: block;
	width: 24%;
}
#other .notion {
	font-size: 16px;
	line-height: 1;
}
#other .notion a {
	color: #1380CA;
	text-decoration: underline;
}
#other ul {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	text-align: left;
}
#other ul li {
	font-size: 16px;
	line-height: 1.5;
}
@media (max-width: 767px) {
	#other {
		margin: 0 0 50px;
	}
	#other .other_outer {
		padding: 0;
		margin: 0 0 10px;
	}
	#other .other_inner {
		width: 92%;
	}
	#other .ttl {
		font-size: 18px;
		margin: 0 0 20px;
	}
	#other .just_flex a {
		width: 48%;
		margin: 0 0 10px;
	}
	#other .notion {
		font-size: 11px;
		line-height: 1.5;
		text-align: left;
	}
	#other ul {
		width: 92%;
		max-width: none;
	}
	#other ul li {
		font-size: 11px;
	}
}


/* footer */
#footer {
	width: 100%;
	padding: 0 0 150px;
}
#footer h3 {
	width: 100%;
	text-align: center;
	border-top: solid 3px #000;
	border-bottom: solid 3px #000;
	font-size: 34px;
	line-height: 1;
	padding: 20px 0;
	margin: 0 0 70px;
}
#footer .CV {
	margin: 0 auto 50px;
}
#footer .Tel {
	margin: 0 auto 70px;
}
#footer #info {
	width: 100%;
	text-align: center;
}
#footer #info ul {
	font-size: 16px;
	line-height: 1;
	margin: 0 0 15px;
}
#footer #info ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: solid 1px #000;
}
#footer #info ul li:last-child {
	margin: 0;
	padding: 0;
	border-right: none;
}
#footer #info ul li a {
	color: #000;
}
#footer #info .copyright {
	font-size: 16px;
	line-height: 1;
}
@media (max-width: 767px) {
	#footer {
		padding: 0 0 100px;
	}
	#footer h3 {
		border-top: solid 2px #000;
		border-bottom: solid 2px #000;
		font-size: 20px;
		padding: 15px 0;
		margin: 0 0 50px;
	}
	#footer .CV {
		margin: 0 auto 30px;
	}
	#footer .Tel {
		margin: 0 auto 50px;
	}
	#footer #info {
		width: 88%;
		margin: 0 auto;
		text-align: center;
	}
	#footer #info ul {
		font-size: 10px;
		line-height: 1.5;
		margin: 0 0 10px;
	}
	#footer #info ul li {
		margin: 0 5px 0 0;
		padding: 0 5px 0 0;
	}
	#footer #info .copyright {
		font-size: 10px;
	}
}


/* float */
#float {
	width: 100%;
	background: rgba(229,229,229,0.9);
	padding: 1.2%;
	position: fixed;
	bottom: 0;
}
#float .float_outer {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
}
#float .float_inner02,
#float .float_inner03 {
	display: block;
	width: 47%;
}
#float a img {
	width: 100%;
}
@media (max-width: 767px) {
	#float {
		left: 0;
		margin: 0;
		padding: 2% 0;
	}
	#float .float_outer {
		width: 92%;
		max-width: none;
		margin: 0 auto;
	}
	#float .float_inner01,
	#float .float_inner02,
	#float .float_inner03 {
		width: 32%;
	}
}

.mb0{margin-bottom: 0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;} 
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}
.mb150{margin-bottom: 150px !important;}