@charset "UTF-8";
html {
	font-size: 62.5%;
}
pc_area {
	display: block;
}
phone_area {
	display: none;
}
/*サイド固定ボタン_PC*/

#floatMenu {
	width: 60px;
	height: 271px;
	position: absolute;
	top: 150px;
	right: 0px;
	padding: 0px;
}
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
/* マウスリンク */

a img {
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alpha(opacity=80);
}
/*表示・非表示PCとSP*/

.pc {
	display: inline!important;
}
.mb {
	display: none!important;
}
@media screen and (max-width: 768px) {
	/*タブレット、スマホの場合*/
	.pc {
		display: none!important;
	}
	.mb {
		display: inline!important;
	}
}
/*エフェクト*/

/* 画面外にいる状態 */

.fadein {
	opacity: 0.1;
	transform: translate(0, 50px);
	transition: all 500ms;
}
/* 画面内に入った状態 */

.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}
/*リンク設定*/

a {
	color: #e3cac7;
	transition: opacity 0.4s linear;
	text-decoration: none;
}
body {
	background-color: #fff;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	min-width: 1000px;
	margin: 0px auto;
}
.auto {
	background-color: #fff;
}
*, *:before, *:after {
	box-sizing: border-box;
}
img {
  width: 100%;
}

/*==================================================
ふわっ
===================================*/

/* fadeUp */

.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* その場で */

.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeInAnime {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* 右から */

.fadeRight {
	animation-name: fadeRightAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeRightAnime {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左から */

.fadeLeft {
	animation-name: fadeLeftAnime;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeLeftAnime {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* 拡大 */
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:1.5s;
  animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
  from {
  transform: scale(0.6);
  }

  to {
      transform: scale(1);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/

.fadeUpTrigger {
	opacity: 0;
}
.fadeInTrigger {
	opacity: 0;
}
.fadeRightTrigger {
	opacity: 0;
}
.fadeLeftTrigger {
	opacity: 0;
}

/* 動き もちもち動く*/
.mochimochi {
   animation: mochimochi 2s infinite;
}

@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
/* 動き ぽよん*/
.poyon {
   animation: poyon 2.5s infinite;
}

@keyframes poyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.fuwafuwa {
   animation: fuwafuwa 2s infinite;
}

@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*==================================================
スライダーのためのcss
===================================*/
.slider {
    margin-bottom: 40px;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}

/*横並び２カラム_02_サービス内容*/

.col_2_2 {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_2_2>div {
	width: 47.5%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 8px;
	color: #000;
}
.col_2_2>div p {
	font-size: 16px;
	margin: 0px 60px 0px 60px;
	line-height: 1.9em;
	text-align: left;
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.col_2_2 {
		margin-bottom: 0px;
	}
	.col_2_2>div {
		width: 85%;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.col_2_2>div p {
		font-size: 15px;
		line-height: 1.9em;
		margin: 0px 40px 0px 40px;
		font-size: 18px;
	}
}
/*よくある質問アコーディオン*/
.qa-006 {
    max-width: 100%;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6dde3;
}

.qa-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 400;
	font-size: 140%;
    cursor: pointer;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
	.qa-006 summary {
	font-size: 120%;

}
}
.qa-006 summary::before,
.qa-006 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-006 summary::before {
    color: #94784d;
    content: "Q";
}

.qa-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-006[open] summary::after {
    transform: rotate(225deg);
}

.qa-006 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #986618;
	font-size: 20px;
	line-height: 1.8em;
    transition: transform .5s, opacity .5s;
}
@media screen and (max-width: 767px) {
	.qa-006 p {

	font-size: 16px;
}
}

.qa-006[open] p {
    transform: none;
    opacity: 1;
}

.qa-006 p::before {
    color: #94784d;
    line-height: 1.2;
    content: "A";
}

/* 開かないQ&A */
.qa-008 {
    margin-top: 2em;
	margin-left: 20px;
	margin-right: 20px;
}
.qa-008 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 200;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 140%;
}

.qa-008 dt::before,
.qa-008 dd::before {
    margin-right: .4em;
}

.qa-008 dt::before {
    content: "Q.";
	color: #94784d;
	font-size: 120%;
}

.qa-008 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #faf7f3;
    color: #333333;
	line-height: 1.8em;
}

.qa-008 dd::before {
    content: "A.";
}

@media screen and (max-width: 767px) {.qa-008 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 200;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 120%;
}}
/* ページ全体の大枠 */

.container-wb {
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* 運営会社情報テーブル */
#table01 {
  width: 100%;
  margin-bottom: 0px;
}
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 12px 0;
  border: none;
  text-align: left;
}

#table01 th {
  width: 40%;
  font-size: 110%;
  text-align: left;
  font-weight: 300;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 {
	  margin-bottom: 0px;
	}
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
	font-size: 120%;
	font-weight: 600;
  }

  #table01 td {
    padding-top: 0;
	text-align: left;
  }
}
.inner_img {
	width: 80%;
}
@media screen and (max-width: 767px) {
.inner_img {
	width: 100%;
	margin: auto 0;
}
}
/* FV_ボックス */
.box_fv{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 0px;
	position: relative;
}
.box_fv p {
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.box_fv {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		z-index: 1;
	}
	.box_fv p {
		margin: 0 auto;
	}
}

/* CTA */
/* CTA_茶色背景 */
.box_blown {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 80px 0px 80px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background: rgb(61,46,38);
	background: linear-gradient(90deg, rgba(61,46,38,1) 0%, rgba(61,46,38,1) 44%, rgba(103,76,33,1) 100%, rgba(61,46,38,1) 100%, rgba(0,212,255,1) 100%);
}

.box_blown p {
	margin: 0 auto;
	}
.box_blown h2 {
	margin: 0 auto;
	color: #fff;
	font-size: 200%;
	font-weight: 600;
	}
@media screen and (max-width: 767px) {

	.box_blown {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 50px 10px 50px 10px;
		background: rgb(61,46,38);
		background: linear-gradient(90deg, rgba(61,46,38,1) 0%, rgba(61,46,38,1) 44%, rgba(103,76,33,1) 100%, rgba(61,46,38,1) 100%, rgba(0,212,255,1) 100%);
	}


	.box_blown p {
		margin: 0 auto;
}
}
/* CTA_ボックス */
.box_cta {
	width: 60%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	font-size: 20px;
}

@media screen and (max-width: 767px) {
	/* 基本のボックス */
	.box_cta {
		width: 90%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		font-size: 18px;
	}
}
/*CTA_横並び２カラム*/
.col_2 {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_2>div {
	width: 47.5%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 4px 8px 0px 8px;
	color: #000;
}
.col_2>div p {
	margin: 0px;
	line-height: 1.9em;
	text-align: left;
	font-size: 20px;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.col_2>div {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.col_2>div p {
		font-size: 18px;
		line-height: 1.9em;
		margin: 0px;
	}
}
/* 02_顧問医師 */
/* 02_顧問医師_画像背景 */
.box_doctor {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 100px 0px 100px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-image: url("../images/02_doctor/doctor_bg_pc.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 767px) {

	.box_doctor {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 0px 0px;
		background-image: url("../images/02_doctor/doctor_bg_sp.png");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #dce8ee;
	}
}
/*02_顧問医師_横並び２カラム*/

.col_2_doctor {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_2_doctor>div {
	width: 50%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #000;
}
.col_2_doctor>div p {
	margin: 0px;
	line-height: 1.9em;
	text-align: left;
	font-size: 18px;
}
.col_2_doctor>div h2 {
	font-size: 22px;
	margin: 0px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.col_2_doctor>div {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.col_2_doctor>div p {

		line-height: 1.9em;
		margin: 0px;
		font-size: 16px;
	}
	.col_2_doctor>div h2 {
	font-size: 20px;
}
}
/* 03_提供サービス */
/* 03_提供サービス_オレンジ背景 */
.box_orange {
	width: 100%;
	margin: 0 auto;
	margin-top: -2px;
	padding: 80px 0px 40px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #ffe4b8;
}
.box_orange_2 {
	width: 100%;
	margin: 0 auto;
	margin-top: -2px;
	padding: 80px 0px 80px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #ffedd1;
}

@media screen and (max-width: 767px) {
	.box_orange {
		width: 100%;
		margin-top: -2px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 10px 0px;
		background-color: #ffe4b8;
	}
	.box_orange_2 {
		width: 100%;
		margin-top: -2px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 40px 0px;
		background-color: #ffedd1;
	}
}
/* 03_提供サービス_ボックス_ttl */

.box_orange_ttl {
	width: 60%;
	margin: 0 auto;
	padding: 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
}
.box_orange_ttl p {
	margin: 30px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
	/* 03_提供サービス_ボックス_ttl */
	.box_orange_ttl {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
	}
	.box_orange_ttl p {
		margin: 30px;
		text-align: left;
		font-size: 16px;
		line-height: 1.8em;
	}
}
/*03_提供サービス_ボックス */
.box_orange_fst {
	width: 55%;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
}
.box_orange_fst_txt {
	width: 55%;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff6e7;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.box_orange_fst_txt h3 {
	padding: 0.5rem 3rem;
	color: #fff;
	border-radius: 100vh;
	background-color: #3d2e26;
	color: #fff;
	font-weight: normal;
	margin-bottom: 10px;
}
.box_orange_wh {
	width: 55%;
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 16px;
}
.box_orange_wh p {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 22px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
	.box_orange_fst {
		width: 90%;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		font-size: 14px;
		padding: 20px;
		background-color: #fff;
}

	.box_orange_fst_txt {
		width: 90%;
		text-align: center;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
		font-size: 16px;
		padding: 20px 30px 30px 30px;
		background-color: #fff6e7;
}
	.box_orange_fst_txt h3 {
	padding: 0.5rem 3rem;
	color: #fff;
	border-radius: 100vh;
	background-color: #3d2e26;
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
}
	.box_orange_wh {
		width: 90%;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		font-size: 14px;
		padding: 20px;
		background-color: #fff;
}
	.box_orange_wh p {
		text-align: left;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.8em;
}
}
/*03_提供サービス_横並び２カラム*/

.col_2_service {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_2_service>div {
	width: 47%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 8px;
	color: #000;
}
.col_2_service>div p {
	margin: 0px;
	line-height: 1.9em;
	text-align: left;
	font-size: 18px;
	margin-left: 10px;
}
.col_2_service>div h2 {
	font-size: 22px;
	margin: 0px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.col_2_service>div {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.col_2_service>div p {
		font-size: 16px;
		line-height: 1.9em;
		margin: 0px;
		margin-left: 0px;
	}
}
/*03_提供サービス_オプション_横並び２カラム*/

.col_2_service2 {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_2_service2>div {
	width: 47%;
	padding: 20px;
	margin: 8px;
	color: #000;
	background-color: #fff;
}
.col_2_service2>div p {
	margin: 0px;
	line-height: 1.9em;
	text-align: left;
	font-size: 18px;
	margin-left: 10px;
}
.col_2_service2>div h2 {
	font-size: 22px;
	margin: 0px;
	margin-bottom: 15px;
	text-align: left;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.col_2_service2>div {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.col_2_service2>div p {
		font-size: 16px;
		line-height: 1.9em;
		margin: 0px;
		margin-left: 0px;
	}
}
/* 04_対応事案 */
/* 04_対応事案_画像背景 */
.box_case {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 100px 0px 100px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-image: url("../images/04_case/case_bg_pc.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f9f9f9;
}

@media screen and (max-width: 767px) {

	.box_case {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 40px 0px;
		background-image: url("http://book-bug.com/test_05/asset/images/04_case/case_bg_sp.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #f9f9f9;
	}
}
/*04_対応事案_横並び4カラム*/

.col_4 {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_4>div {
	width: 25%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: #000;
}

@media screen and (max-width: 767px) {
	.col_4>div {
		width: 50%;
		margin: 0 auto;
		margin-bottom: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.txt_case_appeal {
	/*font-weight: bolder;*/
	text-align: center;
	font-size: 24px;
	line-height: 1.5em;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding-top: 15px;
}

/* 05_こんな方に選ばれています */
/* 05_こんな方に選ばれています_画像背景 */
.box_choice {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 90px 0px 90px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-image: url("../images/05_choice/choice_bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

@media screen and (max-width: 767px) {

	.box_choice {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 40px 0px;
		background-image: url("../images/05_choice/choice_bg_sp.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
}
/*06_特徴*/
.marker {
  background: linear-gradient(transparent 0, #fff4e2 0);
}
.feature_ttl{
	width: 100%;
	max-width: 470px;
}
.box_feature {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0px;
	/* padding-bottom: 80px; */
	/* background-color: #fff; */
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 16px;
}
.box_feature p {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 80px;
	margin-right: 80px;
	font-size: 20px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
	.feature_ttl{
		width: 90%;
		margin-bottom: 40px;
	}
	.box_feature {
		width: 90%;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 40px;
		margin-left: auto;
		font-size: 14px;
}
	.box_feature p {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 18px;
		line-height: 1.8em;
}
}
/* 07_料金 */
/* 07_料金_グレー背景 */
.box_gray {
	width: 100%;
	margin: 0 auto;
	margin-top: -2px;
	padding: 80px 0px 40px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #f9f9f9;
}
.box_gray2 {
	width: 100%;
	margin: 0 auto;
	margin-top: -2px;
	padding: 80px 0px 80px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #eeeeee;
}
@media screen and (max-width: 767px) {
	.box_gray {
		width: 100%;
		margin-top: -2px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 10px 0px;
		background-color: #f9f9f9;
	}
	.box_gray2 {
		width: 100%;
		margin-top: -2px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 10px 0px;
		background-color: #eeeeee;
	}
}
/* 07_料金_ボックス */
.box_price {
	width: 55%;
	margin: 0 auto;
	padding: 0px;
	padding-bottom: 40px;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 16px;
}
.box_price h2 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 80px;
	margin-right: 80px;
	font-size: 20px;
	line-height: 1.8em;
}
.box_price p {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
	.box_price {
		width: 90%;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		font-size: 14px;
}
	.box_price h2 {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 30px;
		margin-right: 30px;
		font-size: 16px;
		line-height: 1.8em;
}
	.box_price p {
		text-align: left;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.8em;
}
}
/*08_依頼者_横並び3カラム*/

.col_3 {
	width: 100%;
	margin-top: 0px;
	display: flex;
	display: -ms-flexbox;
	/* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	/* IE10 */
}
.col_3>div {
	width: 30.33333%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 8px;
	color: #000;
}

@media screen and (max-width: 767px) {
	.col_3>div {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}
.hide-area p{
	font-size: 16px;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before{
	background:#ccc;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
/* イメージボックス */

.box_img {
	width: 65%;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 60px;
	text-align: left;
	font-size: 18px;
	background-color: #fff;
}

@media screen and (max-width: 767px) {
	/* 基本のボックス */
	.box_img {
		width: 95%;
		margin-top: 30px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
		padding: 10px;
		font-size: 16px;
	}
}

/* 011_自負 */
/* 011_自負 */
.box_last {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	padding: 80px 0px 80px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-image: url("../images/011_last/last_bg.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #000;
}



.box_last_in {
	width: 75%;
	margin: 0 auto;
	padding: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 16px;
}
.box_last_in p {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 80px;
	margin-right: 80px;
	font-size: 19px;
	line-height: 2.2em;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
		.box_last {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 40px 0px 40px 0px;
		background-image: url("../images/011_last/last_bg_sp.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #000000;
	}
	.box_last_in {
		width: 90%;
		text-align: left;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		font-size: 14px;
		background-color: #fff;
}
	.box_last_in p {
		text-align: left;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.8em;
		margin-left: 30px;
	margin-right: 30px;
		font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
}
/* 基本のコンテンツボックス */

.box {
	width: 70%;
	margin: 0 auto;
	padding: 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.box p {
	margin: 30px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8em;
}
@media screen and (max-width: 767px) {
	/* 基本のボックス */
	.box {
		width: 90%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
	}

	.box p {
		margin: 30px;
		text-align: left;
		font-size: 16px;
		line-height: 1.8em;
	}
}
/* 基本のコンテンツボックス2_PCの場合横長 */

.box2 {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
}

@media screen and (max-width: 767px) {
	/* 基本のボックス */
	.box2 {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
	}
}



/* 08_料金プラン用背景_水色 */

.box_aqua {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 60px;
	padding: 80px 0px 40px 0px;
	font-size: 14px;
	color: #000;
	text-align: center;
	background-color: #01d7c0;
}


.box_aqua p {
		margin: 0 auto;
	}
@media screen and (max-width: 767px) {

	.box_aqua {
		width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 50px;
		margin-left: auto;
		padding: 40px 0px 0px 0px;
		background-color: #01d7c0;
	}
	.box_aqua p {
		margin: 0 auto;
	}

}


/*containerの設定*/

.container {
	width: 100%;
	margin: 0px auto;
}
.br-onlypc {
	display: block;
}
.br-onlysp {
	display: none;
}
.image {
	line-height: 0;
}
/*フッターの設定*/

.footer {
	width: 100%;
	background-color: #fff;
	color: #222;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
	font-size: 12px;
}

.js-end {
	background-color: #000;
	font-size: 50px;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	max-width: 930px;
	margin: 0 auto;
	padding: 2rem 0;
}
@media screen and (max-width: 767px) {
	body {
		min-width: 100%;
		line-height: 1.5;
	}
	.auto {
		background-color: #fff;
	}
	pc_area {
		display: none;
	}
	phone_area {
		display: block;
	}
	.container-wb {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 0px auto;
		padding-bottom: 0px;
		padding-top: 0px;
		overflow: hidden;
	}


	/* フッター */
	.footer {
		width: 100%;
		background-color: #fff;
		text-align: center;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0px;
		margin-top: 0px;
		color: #222;
		height: 170px;
		font-size: 12px;
	}
	.footer2 {
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: center;
		width: 100%;
		z-index: 100;
		position: fixed;
		/*←絶対位置*/
		bottom: 0;
		/*下に固定*/
	}
}