@charset "UTF-8";
/* CSS Document */

/*------------------------------
reset start
------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: inherit;
}
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	color: #A2A0A0;
}
html {
	-webkit-text-size-adjust: 100%;
}
/*------------------------------
reset end
------------------------------*/

body {
	font-family: 'メイリオ', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #1d1e1f;
	font-size: 10px;
	font-size: 1.0rem;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/* アンダーライン */
hr {
	margin: 0;/*リセット*/
	border-style: none;
}
.hr_01 {
	height: 4px;
	background-color: #129fc7;
	margin-bottom: 4px;
}
.hr_02 {
	height: 2px;
	background-color: #58c3e0;
}
.hr_03 {
	width: 60px;
	height: 4px;
	background-color: #0b9fc7;
}
/* ハイライト */
.hilight {
	background: linear-gradient(transparent 70%, #fff878 70%);
}
.bold {
	font-weight: bold;
}
/* マウスオーバー */
.hover:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
/* アニメーションリンク */
.hover, .hover_02 {
	transition: .1s linear;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	-o-transition: .1s linear;
	-ms-transition: .1s linear;
}
/* 横並び */
.flex, .flex_direction, .flex_w {
	display: -webkit-box; /* Android4.3以前ブラウザ用 */
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox; /*--- IE10 ---*/
	display: -webkit-flex; /* iOS8以前Safari用 */
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.flex_w {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_direction {
	-webkit-box-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.jc_sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.jc_c {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.jc_fs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.jc_fe {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.t_c {
	text-align: center;
}
.t_l {
	text-align: left
}
/*----- 余白 ---------------*/
.mra_mla {
	margin-left: auto;
	margin-right: auto;
}
.mb0 {
	margin-bottom: 0 !important;
}
/*----- テキスト ---------------*/

.ud {
	text-decoration: underline;
	line-height: 1.8;
}
.bold {
	font-weight: bold;
}
.st {
	font-size: 120%;
	padding: 0 2px;
}
.sm {
	font-size: 80%;
}
.ff {
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
}
/* 角丸 */
.rounded_corners_4 {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* シャドウ */
.box_s {
	box-shadow: 0px 3px 12px 0px #555;
	-moz-box-shadow: 0px 3px 12px 0px #555;
	-webkit-box-shadow: 0px 3px 12px 0px #555;
}
/* 余白 */
.mb10, #reason, #works, #doctor, #tighten, #reason .mb10, #reason .photo_01, #works h2, #works .mb10, #tighten h2 {
	margin-bottom: 10%;
}
#reason .mb6, #works .mb6, #job .mb6, #doctor .mb6, #flow .mb6, #tighten .mb6, #reason .list, #job h2, #flow h2 {
	margin-bottom: 6%;
}
#works h2, #job h2, #flow h2, #qa h2, #tighten h2, header #mv, #reason h2, #reason h3 {
	text-align: center;
}
/* テキスト */
#reason .text_01, #reason .text_02, #works .text_01, #job .text_01, #doctor .text_01, #flow .text_01, #tighten .text_01, #tighten .text_02, footer .text_01 {
	font-size: 24px;
	font-size: 2.4rem;
}
.text_01, .text_02, .text_03 {
	line-height: 1.6;
}
/* 枠 */
#reason .b_g, #works .b_g, #job .b_g, #flow .b_g, #qa .b_g {
	border: 1px solid #067606;
	padding: 5%;
}
/* リセット */
.l_h_0, header p, #reason h2, #reason .photo_01, #reason .photo_02, .offer .p_r p, #works .photo_02 {
	line-height: 0;
}
/* 改行 */
.sp_br_768, .sp_br_375, .sp_br_320, .sp, .sp_02 {
	display: none;
}
/*------------------------------
header start
------------------------------*/
header h1 {
	margin: 1.4% 3% 1.4% 0;
}
header #patent {
	margin: 1.4% 0 1.4% 3%;
}
header #page_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2;
}
header #page_top a {
	font-size: 14px;
	font-size: 1.4rem;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: rgba(51, 51, 51, 0.4);
	display: block;
	text-align: center;
}
header .pc_02 {
	text-align: center;
}
header .sp_02 ul {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 3% 5% 5% 5%;
	background-color: #f1f1f1;
	color: #01579b;
}
header .sp_02 ul li {
	position: relative;
	padding: 4% 2% 4% 24px;
	line-height: 1.5;
	border-bottom: 1px dashed #01579b;
}
header .sp_02 ul li:first-child {
	border-top: 1px dashed #01579b;
}
header .sp_02 ul li i {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
}
header #hd_bg {
	background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eeecec 100%); /* Firefox */
	background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eeecec 100%);/* safari Chrome */
	background-image: linear-gradient(to bottom, #fdfdfd 0%, #eeecec 100%); /* IE */
}
header .sp_02 ul li:nth-child(even) {
	background: #eef1f6;
}
/*------------------------------
header end
------------------------------*/

/*------------------------------
reason start
------------------------------*/

#reason .list_contents {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 5%;
}
#reason .list_contents ul {
	color: #01579b;
	margin: 3% 0 5% 0;
}
#reason .list_contents ul li {
	margin-bottom: 4%;
	position: relative;
	padding-left: 24px;
}
#reason .list_contents ul li i {
	position: absolute;
	top: 17px;
	left: 0;
}
#reason h2 {
	border-bottom: 4px solid #047404;
	margin-bottom: 2%;
}
#reason .nav {
	margin-bottom: 2%;
}
#reason .nav li {
	width: 23.5%;
	position: relative;
}
#reason .nav li a i {
	position: absolute;
	top: 50%;
	left: 5%;
	margin-top: -10px;
	font-size: 120%;
}
#reason .nav li a {
	font-size: 20px;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	padding: 5% 5% 5% 20%;
	background-color: #0078dc;
	background-image: -moz-linear-gradient(top, #098FFF, #00579F); /* Firefox */
	background-image: -webkit-linear-gradient(top, #098FFF, #00579F);/* safari Chrome */
	background-image: linear-gradient(to bottom, #098FFF, #00579F); /* IE */
	text-shadow: -1px -1px 0px #00579F;
	border: 1px solid #00447D;
	color: #fff;
	display: block;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	position: relative;
	box-shadow: 0px 1px 5px 1px #aaa;
	-moz-box-shadow: 0px 1px 5px 1px #aaa;
	-webkit-box-shadow: 0px 1px 5px 1px #aaa;
}
#reason .text_03 {
	font-size: 30px;
	font-size: 3.0rem;
	color: #067606;
}
#reason .list li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 2%;
}
#reason .list li span {
	position: absolute;
	top: 0;
	left: 0;
}
#reason .list li i {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
}
#reason .text_02 {
	width: 55%;
}
#reason .photo_02 {
	width: 40%;
}


#reason_01 ul {
	margin-bottom:6%;
}

#reason_01 ul li {
	line-height:2;
}

#reason_01 ul li .reset {
	font-weight:normal;
}

/*------------------------------
reason end
------------------------------*/

/*------------------------------
offer start
------------------------------*/
.offer {
	text-align: center;
	background-image: url(img/offer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: auto;
	background-size: cover;
	padding: 6% 0;
}
.offer h2 {
	margin-bottom: 3%;
}
.offer .b_g {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #92ca00;
}
.offer .p_r {
	position: relative;
}
.offer .p_a, .offer .p_a_02 {
	position: absolute;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	width: 100%;
}
.offer .p_a {
	bottom: 5%;
}
.offer .p_a_02 {
	bottom: 13%;
}
.offer .p_a a {
	color: #448aff;
	text-decoration: underline;
}
.offer .p_a a i {
	margin-right: 10px;
}
#mail {
	border-top: 2px solid #92ca00;
	/*margin-top:-1px;*/
	padding: 5%;
	width: 100%;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;
	background-color: #fff;
}
#mail h3 {
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	margin-bottom: 4%;
}
#mail .caption {
	padding: 2% 0;
	width: 30%;
	display: inline-block;
}
#mail label .require {
	display: inline-block;
	width: 20%;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #c00;
	font-size: 80%;
	color: #fff;
	margin-right: 7%;
}
#mail .inputTextLong, #mail .inputTextShort, #mail textarea {
	border: none;
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	width: 60%;
	padding: 1%;
	font-size: 18px;
	font-size: 1.8rem;
}
#mail #radio label {
	cursor: pointer;
}
#mail #radio .inputText {
	margin: 0 1%;
}
#mail .inputSelect {
	color: #333;
	border-style: none;
	font-size: 18px;
	font-size: 1.8rem;
	background-color: #eee;
	border: 1px solid #ddd;
	height: 34px;
	width: 30%;
	text-indent: 6px;
}
#mail textarea {
	height: 300px;
	vertical-align: top;
	margin-top: 2%;
	margin-bottom: 5%;
	resize: vertical;
}
#mail .center-text input[type="submit"] {
	cursor: pointer;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	padding: 2%;
	color: #fff;
	font-weight: bold;
	background-color: #ed792b;
	border: 2px solid #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.cv_btn_bg {
	background-color: #e3efbc;
	padding: 5%;
}
.cv_text {
	margin-bottom: 2%;
}
/*#mail .center-text input:hover {
    color: #ffeddd;
    background-color: #ffb306;
}*/

/*------------------------------
offer end
------------------------------*/

/*------------------------------
works start
------------------------------*/
#works h3 {
	margin-bottom: 2%;
}
#works h4, #flow .mb4 {
	margin-bottom: 4%;
}
#works h3, #works h4 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.4;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
}
#works h4 span {
	display: inline-block;
	border-left: 10px solid #428c00;
	padding-left: 20px;
	margin-bottom: 4px;
}

#works h4 span .hilight {
	display: inline;
	border-left:none;
	padding-left:0px;
	margin-bottom:0px;
}

#works .text_02 {
	font-size: 18px;
	font-size: 1.8rem;
}
#works .photo_01 {
	width: 25.059%;
	line-height: 0;
}
#works .kome {
	display: block;
	line-height: 1.5;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 1%;
	color: #666;
}
#works .detail_01 {
	width: 70%;
}
/*------------------------------
works end
------------------------------*/



/*------------------------------
job start
------------------------------*/
#reason h3, #job h3 {
	font-size: 42px;
	font-size: 4.2rem;
	text-align: center;
	background-image: url(img/h_bg.gif);
	background-repeat: repeat;
	background-size: 50px 50px;
	color: #fff;
	font-weight: bold;
	padding: 4%;
}
#reason h4, #job h4 {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
	margin-bottom: 6%;
}
#flow h3, #qa h2, #tighten h2 {
	line-height: 0;
}
#job ul {
	width: 70%;
	font-size: 24px;
	font-size: 2.4rem;
}
#job ul li span {
	position: absolute;
	top: 50%;
	height: 50px;
	margin-top: -25px;
	line-height: 50px;
	left: 0;
	/*width:6.5em;
	padding:1% 0;*/
	background-color: #e3efbc;
	text-align: center;
	font-weight: bold;
	display: block;
	width: 20%;
}
#job ul li {
	position: relative;
	/*padding:1% 0 1% 7.5em;*/
	line-height: 1.6;
	margin-bottom: 6%;
	padding-left: 25%;
}
#job dl {
	width: 70%;
	font-size: 24px;
	font-size: 2.4rem;
}
#job dl dt {
	position: absolute;
	/*top:50%;
	height:50px;
	margin-top:-25px;
	line-height:50px;
	left:0;*/
	width: 6.5em;
	padding: 1% 0;
	background-color: #e3efbc;
	text-align: center;
	font-weight: bold;
	display: block;/*width:20%;*/
}
#job dl dd {
	/*position:relative;*/
	padding: 1% 0 1% 7.5em;
	line-height: 1.6;
	margin-bottom: 6%;/*padding-left:25%;*/
}
#job .photo_01 {
	line-height: 0;
	width: 23.435%;
}
/*------------------------------
job end
------------------------------*/



/*------------------------------
doctor start
------------------------------*/
#doctor .w80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
/*------------------------------
doctor end
------------------------------*/


/*------------------------------
flow start
------------------------------*/
#flow h3 {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
	margin-bottom: 4%;
}
#flow .b_g ul li {
	position: relative;
	padding-left: 30px;
}
#flow .b_g ul li span {
	position: absolute;
	top: 0;
	left: 0;
}
#flow .arrow {
	text-align: center;
	line-height: 0;
}
#flow .arrow i {
	line-height: 1;
}
/*------------------------------
flow end
------------------------------*/


/*------------------------------
qa start
------------------------------*/
#qa .bg {
	background-color: #e3efbc;
	padding-bottom: 5%;
}
#qa .b_g {
	background-color: #fff;
}
#qa dl {
	background-repeat: no-repeat;
	background-position: left 50px top 50px;
	margin-bottom: 6%;
}
#qa .q_01 {
	background-image: url(img/q01.png);
}
#qa .q_02 {
	background-image: url(img/q02.png);
}
#qa .q_03 {
	background-image: url(img/q03.png);
}
#qa .q_04 {
	background-image: url(img/q04.png);
}
#qa .q_05 {
	background-image: url(img/q05.png);
}
#qa .q_06 {
	background-image: url(img/q06.png);
}
#qa .q_07 {
	background-image: url(img/q07.png);
}
#qa .q_08 {
	background-image: url(img/q08.png);
}
#qa .q_09 {
	background-image: url(img/q09.png);
}
#qa .q_10 {
	background-image: url(img/q10.png);
}
#qa .q_11 {
	background-image: url(img/q11.png);
}
#qa .q_12 {
	background-image: url(img/q12.png);
}
#qa .q_13 {
	background-image: url(img/q13.png);
}
#qa .q_14 {
	background-image: url(img/q14.png);
}
#qa dl dt {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
	margin-bottom: 6%;
	line-height: 1.6;
	padding-left: 90px;
}
#qa dl dd {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.6;
}
#qa .accordion div {
	display: none;
}
#qa .accordion p {
	margin-top: 2%;
	cursor: pointer;
	text-align: center;
}
#qa .accordion p span::before {
	content: "続きを読む";
}
#qa .accordion p span {
	width: 25%;
	margin-left: auto;
	padding: 10px;
	background-color: #f44336;
	color: #fff;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position: relative;
}
#qa .accordion p span i {
	margin-left: 10px;
}
#qa .accordion p span img {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 59px;
	height: 60px;
}
#qa .accordion p span.open::before {
	content: "閉じる";
}
#qa .accordion p span.open {
	padding-right: 24px;
	background-color: #045C68;
	color: #fff;
}
#qa .accordion div p {
	padding-top: 4%;
	border-top: 1px dashed #92ca00;
	text-align: left;
}
/*------------------------------
qa end
------------------------------*/


/*------------------------------
tighten start
------------------------------*/

#tighten .w90 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#tighten .photo_01 {
	width: 28.1%;
}
#tighten .text_01 {
	width: 63%;
	justify-content: space-between;
}
/*------------------------------
tighten end
------------------------------*/

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

footer {
	padding: 3% 0 120px 0;
	background-color: #e0e0e0;
}
footer .text_01 {
	margin-bottom: 2%;
}
footer a {
	color: #050202;
}
footer #copy {
	font-size: 14px;
	font-size: 1.4rem;
}

/* 固定ナヴィ */
#top-head {
	top: 0px;
	line-height: 1;
	z-index: 1;
}
#top-head.fixed {
	border-top: 2px solid #555253;
	margin-top: 0;
	text-align: center;
	padding: 1% 0;
	top: inherit;
	width: 100%;
	bottom: 0;
	position: fixed;
	background-color: #4caf50;
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head .btn, #top-head .tel, #top-head .tel_02 {
	line-height: 0;
	margin: 0 2%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 46%;
}
#top-head .btn {
	text-align: left;
}
#top-head .tel, #top-head .tel_02 {
	text-align: right;
}
#top-head .tel {
	margin-top: 3px;
}
.flex_text {
	margin-bottom: 1%;
}
/*------------------------------
footer end
------------------------------*/




/*------------------------------
thanks start
------------------------------*/
.thanks_br_480 {
	display: none;
}
.thanks_bg {
	background-color: #e0e0e0;
}
#thanks h1 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.4;
	height: 400px;
	padding-top: 154px;
	margin-bottom: 0;
	background-color: #FFFEFA;
	text-align: center;
	border-top: 1px solid #f9f0b9;
	border-bottom: 1px solid #f9f0b9;
	font-weight: bold;
}
#thanks_ft {
	padding: 3% 0 5% 0;
}

/*------------------------------
thanks end
------------------------------*/

/*----------992px start------------------------------*/
@media screen and (max-width: 960px) {
.wrap {
	width: 96%;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
#flex_btn .btn {
	max-width: 438px;
	margin-left: auto;
	margin-right: auto;
}
}

/*-----992px end-----------------------------------------------------------------------------------------------------------------------------*/


/*-----768px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.sp_br_768 {
	display: block;
}
header #page_top {
	bottom: 85px;
}
#reason .nav li a {
	font-size: 16px;
	font-size: 1.6rem;
}
#job .flex {
	display: inherit;
}
#job ul, #job .photo_01 {
	width: 100%;
}
#job .photo_01 {
	margin-left: auto;
	margin-right: auto;
	max-width: 202px;
	margin-bottom: 6%;
}
#job dl {
	width: 100%;
}
#job dl {
	margin-bottom: 10%;
}
#doctor .w80 {
	width: 90%;
}
.offer .p_a_02 {
	width: 90%;
	margin: 0 auto;
}
.offer .p_a_02 a img {
	margin-left: auto;
	margin-right: auto;
}
#flow h3 {
	font-size: 30px;
	font-size: 3.0rem;
}
#qa .accordion p span {
	width: 30%;
}
footer .text_01 {
	margin-bottom: 4%;
}
.offer .b_g {
	width: 100%;
}
#mail {
	padding: 7% 3% 5% 3%;
	font-size: 16px;
	font-size: 1.6rem;
}
#mail label .require {
	margin-right: 5%;
}
#mail .inputTextLong, #mail .inputTextShort, #mail textarea {
	font-size: 16px;
	font-size: 1.6rem;
}
#mail .inputSelect {
	font-size: 16px;
	font-size: 1.6rem;
}
#mail textarea {
	height: 300px;
}
#mail .center-text input {
	font-size: 24px;
	font-size: 2.4rem;
}
#mail h3 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 3%;
}
footer .text_01 {
	font-size: 18px;
	font-size: 1.8rem;
}
}

/*-----768px end---------------------------------------------------------------------------------------------------------------------------*/

/*-----640px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
#reason h2 {
	margin-bottom: 0;
}
#reason .nav li {
	width: 49%;
	margin-top: 12px;
}
/* テキスト */
#reason h3, #job h3 {
	font-size: 30px;
	font-size: 3.0rem;
}
#flow h3 {
	font-size: 24px;
	font-size: 2.4rem;
}
#reason h2, #flow h2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#reason .text_01, #reason .text_02, #works .text_01, #job .text_01, #doctor .text_01, #flow .text_01, #tighten .text_01, #tighten .text_02, footer .text_01 {
	font-size: 18px;
	font-size: 1.8rem;
}

#reason .flex_direction, #works .flex, #tighten .flex_direction {
	display: inherit;
}
#reason .text_02, #reason .photo_02, #works .photo_01, #tighten .photo_01, #tighten .text_01, #works .detail_01 {
	width: 100%;
}
#reason .photo_02, #works .photo_01, #tighten .photo_01 {
	margin-left: auto;
	margin-right: auto;
}
#reason .photo_02 {
	max-width: 362px;
}
#reason .text_02, #works .photo_01, #tighten .photo_01 {
	margin-bottom: 6%;
}
#reason .text_03 {
	font-size: 24px;
	font-size: 2.4rem;
}
#reason ul li i {
	margin-top: -12px;
}
.offer .p_a, .offer .p_a_02 {
	font-size: 18px;
	font-size: 1.8rem;
}
#works .photo_01 {
	max-width: 216px;
}
#tighten .photo_01 {
	max-width: 269px;
}
#works h3, #works h4 {
	font-size: 24px;
	font-size: 2.4rem;
}
#works .mb6 {
	margin-bottom: 10%;
}
#reason h4, #job h4, #qa dl dt {
	font-size: 24px;
	font-size: 2.4rem;
}
#job ul, #qa dl dd {
	font-size: 18px;
	font-size: 1.8rem;
}
#job dl, #qa dl dd {
	font-size: 18px;
	font-size: 1.8rem;
}
#job dl dt {
	background-color: #e3efbc;
}
#qa dl dt {
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
	margin-bottom: 4%;
	line-height: 1.4;
	padding-left: 80px;
}
#qa dl {
	background-position: left 30px top 32px;
	margin-bottom: 6%;
}
#qa .accordion p span {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#qa .accordion p {
	margin-top: 5%;
}
#mail .caption {
	width: 36%;
}
#flex_btn {
	padding: 1.5% 0;
}
footer {
	padding: 3% 0 100px 0;
}
#thanks h1 {
	font-size: 30px;
	font-size: 3.0rem;
}
}

/*-----640px end-----------------------------------------------------------------------------------------------------------------------------*/

/*-----480px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.pc_02 {
	display: none;
}
.sp_02 {
	display: block;
}
#reason .text_01, #reason .text_02, #works .text_01, #job .text_01, #doctor .text_01, #flow .text_01, #tighten .text_01, #tighten .text_02, footer .text_01, #works .text_02, #job dl, #qa dl dd, #reason .text_03 {
	font-size: 16px;
	font-size: 1.6rem;
}
#reason .list li {
	padding-left: 25px;
}
#reason .list li i {
	margin-top: -8px;
}
#reason h4, #works h3, #works h4, #job h4, #flow h3 {
	font-size: 20px;
	font-size: 2.0rem;
}
#reason h3, #job h3 {
	font-size: 24px;
	font-size: 2.4rem;
}
#qa dl dt {
	font-size: 18px;
	font-size: 1.8rem;
}
#works .wd90, #job .wd90 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#flow h2 {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#works h4 span {
	padding-left: 14px;
}
#job ul {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
#job ul li span {
	display: block;
	position: static;
	width: 100%;
	padding: 0;
	height: 46px;
	line-height: 46px;
	margin-top: 0;
	margin-bottom: 3%;
}
#job ul li {
	padding: 1% 0 1% 0;
	line-height: 1.6;
	margin-bottom: 6%;
}
#job dl {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
#job dl dt {
	/*display:block;*/
	position: static;
	width: 100%;
	padding: 2% 0;
	/*height:46px;
	line-height:46px;
	margin-top:0;*/
	margin-bottom: 3%;
}
#job dl dd {
	padding: 1% 0 1% 0;
	line-height: 1.6;
	margin-bottom: 6%;
}
#qa dl {
	background-position: left 24px top 26px;
}
#qa dl dt {
	padding-bottom: 8px;
	border-bottom: 1px solid #92ca00;
	margin-bottom: 4%;
	line-height: 1.4;
	padding-left: 50px;
}
#qa .q_01, #qa .q_07 {
	background-size: 38px auto;
}
#qa .q_02, #qa .q_03, #qa .q_04, #qa .q_05, #qa .q_06, #qa .q_08, #qa .q_09 {
	background-size: 41px auto;
}
#qa .q_10, #qa .q_12, #qa .q_13, #qa .q_14 {
	background-size: 53px auto;
}
#qa .q_11 {
	background-size: 51px auto;
}
/*#flex_btn .btn {
	width:90%;
}*/

#mail .caption {
	display: block;
	width: 100%;
}
#mail .inputTextLong, #mail .inputTextShort, #mail textarea {
	width: 100%;
}
#mail .inputTextLong, #mail .inputTextShort, #mail textarea, #mail #radio, #mail #select {
	margin-bottom: 5%;
}
#mail .inputSelect {
	width: 80%;
}
#mail label .require {
	width: 15%;
	height: 30px;
	line-height: 30px;
	margin-right: 3%;
}
#mail .inputTextLong, #mail .inputTextShort, #mail textarea {
	padding: 2%;
}
#mail h3 {
	font-size: 22px;
	font-size: 2.2rem;
}
#mail .center-text input[type="submit"] {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	font-size: 24px;
	font-size: 2.4rem;
	padding: 2%;
}
footer {
	padding: 3% 0 150px 0;
}
#flex_btn {
	padding: 3.5% 0;
}
.offer .tel_btn {
	position: absolute;
	bottom: 25%;
	width: 90%;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.offer .tel_btn a {
	width: 90%;
}
.thanks_br_480 {
	display: block;
}
}

/*-----480px end-----------------------------------------------------------------------------------------------------------------------------*/

/*-----425px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 425px) {
header #page_top {
	bottom: 70px;
	right: 10px;
}
#reason .nav li {
	margin-top: 10px;
}
#reason .nav li a i {
	font-size: 100%;
}
#flow .b_g ul li {
	padding-left: 20px;
}
footer {
	padding: 3% 0 90px 0;
}
.flex_text {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#qa .accordion p span {
	width: 70%;
}
#mail h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 3%;
}
#mail label .require {
	width: 15%;
	height: 26px;
	line-height: 26px;
	margin-right: 3%;
	vertical-align: 2px;
}
#thanks h1 {
	height: 280px;
	padding-top: 96px;
}
}

/*-----425px end-----------------------------------------------------------------------------------------------------------------------------*/

/*-----375px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 375px) {
#reason .nav li {
	margin-top: 8px;
}
#reason .nav li a {
	font-size: 15px;
	font-size: 1.5rem;
}
#reason .nav li a i {
	margin-top: -8px;
}
.sp_br_375 {
	display: block;
}
footer {
	padding: 3% 0 80px 0;
}
footer .text_01 {
	font-size: 13px;
	font-size: 1.3rem;
}
footer #copy {
	font-size: 12px;
	font-size: 1.2rem;
}
#thanks h1 {
	font-size: 24px;
	font-size: 2.4rem;
}
}

/*-----375px end-----------------------------------------------------------------------------------------------------------------------------*/

/*-----320px start---------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
header #page_top {
	bottom: 60px;
}
#reason .nav li {
	margin-top: 6px;
}
.sp_br_320 {
	display: block;
}
.offer .p_a, .offer .p_a_02 {
	font-size: 14px;
	font-size: 1.4rem;
}
#job ul {
	width: 100%;
}
}
/*# sourceMappingURL=style.css.map */