@charset "utf-8";

/*==============================
/***  メインコンテンツ  ***/
/*=============================*/

/*========================================
	背景色　基本設定 ここから
========================================*/

.back_F1FEFE{background:#F1FEFE;}

/*==============================
/***  フッター上コンバージョンエリア  ***/
/*=============================*/
ul.sub_cont01 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
ul.sub_cont01 li {
	width: 100%;
}
ul.sub_cont01  li:nth-child(1) {
	background:url("../img/sub/sub_com_01.jpg") no-repeat;
	background-size:cover;
}
ul.sub_cont01  li:nth-child(1) img {
	width: 50%;
	margin: 1.5em auto;
}
ul.sub_cont01  li:nth-child(2) {
	background: linear-gradient(#00F3FF, #0E78C4);
	box-sizing: border-box;
	padding: 0 1em 1em;
}
.sub_cont02 {
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(13,130,201,0.4));
	margin: -2em 0 -1em;
}
.sub_cont03 {
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(13,130,201,0.4));
}
/*==============================
/***  選ばれる理由  ***/
/*=============================*/
.poin01_01{
	position: relative;
}
.poin01_01img{
	position: relative;
}
.linear_FFFF19 {
	background:linear-gradient(transparent 60%, #FFFF19 60%);
}
.poin_icon01 {
	background: url("../img/icon/sub_icon01.svg") no-repeat;
	background-size: 48px 48px;
	padding: 0 0 0 3em;
}
.poin_icon02 {
	background: url("../img/icon/sub_icon02.svg") no-repeat;
	background-size: 48px 48px;
	padding: 0 0 0 3em;
}
.poin04 ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;	
}
.poin04 ul li:nth-child(1) {
	width: 100%;
}
.poin04 ul li:nth-child(2) {
	width: 100%;
	margin: 1em 0;
}
.poin05 ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;	
}
.poin05 ul li:nth-child(1) {
	width: 100%;
}
.poin05 ul li:nth-child(2) {
	width: 100%;
	margin: 1em 0;
}
/*==============================
/***  業務内容  ***/
/*=============================*/
ul.guid_01 li {
	box-sizing: border-box;
	width: 100%;
	padding: 2em 3em;
	margin: 0 0 1em;
	background-color: #F4F4F4;
}
.guid_02 {
	width: 100%;
}
.guid_03 {
	width: 100%;
	margin: 1em 0 0;
}
.guid_04 {
	border-left: solid 5px #0E78C4;
	padding: 0 0 0 0.8em;
}
ul.guid_05,
ul.guid_06,
ul.guid_07,
ul.guid_08 {
	width: 100%;
}
ul.guid_05 li:nth-child(1),
ul.guid_06 li:nth-child(1),
ul.guid_07 li:nth-child(1),
ul.guid_08 li:nth-child(1){
	width: 100%;
}
ul.guid_05 li:nth-child(2),
ul.guid_06 li:nth-child(2),
ul.guid_07 li:nth-child(2),
ul.guid_08 li:nth-child(2){
	width: 100%;
	margin: 1em 0 0;
}

/*==============================
/***  よくある質問  ***/
/*=============================*/
.qa_01 {
	box-sizing: border-box;
	width: 80%;
	color: #fff;
	font-size: 1.3em;
	background-color: #0E78C4;
	margin: 2em auto 0;
	padding: 1em;
}
.qa_02>div>ul>li{
	background:#FFF;
	border: solid 1px #CCEBFF;
	margin:1em 0;

}

.qa_02>div>ul>li>a{
	display: block;
	width:100%;
	padding:1em 5%;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}
.qa_02>div>ul>li a dl dt{
	width:100%;
	padding:0;
	font-weight: bold;
}
.qa_02>div>ul>li a dl dd{
	width:100%;
	padding:0.2em 8% 0 1%;
	box-sizing: border-box;
}

.qa_02>div>ul>li>ul>li{
	background:#D2EDFF;
}

.qa_02>div>ul>li>ul>li>dl{
	width:93%;
	margin:0 2% 0 7%;
	padding:1em 0;
}

.qa_02>div>ul>li>ul>li>dl>dt{
	width:100%;
	font-weight: bold;
}
.qa_02>div>ul>li>ul>li>dl>dd{
	width:95%;
	margin:0 5% 0 0;
}
.child {
    display: none;
}

.menu{
	position: relative;
}
.menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_plus.png) no-repeat;
	background-size: contain;
	width:26px;
	height:26px;
	bottom: 0%;
    right: 0%;
    transform: translate(0,0);
}

.menu.active:after {
	position: absolute;
	content: '';
	background:url("../img/icon/icon_mainasu.png") no-repeat;
	background-size: contain;
	width:26px;
	height:26px;
	bottom: 0%;
    right: 0%;
    transform: translate(0,0);
}
/*==============================
/***  会社概要  ***/
/*=============================*/
.abou_01,.abou_02 {
	width: 90%;
	margin: 0 auto;
}
.abou_01 dl,.abou_02 dl {
	display: block;
    width: 100%;
	margin: 1em 0 0;
    table-layout: none;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 1em 0;  /* 左右 上下で記述 */
}
.abou_01 dl dt {
	box-sizing: border-box;
	width: 100%;
	background-color: #F1FEFE;
	margin: 0 0 1em;
	padding: 1em 0;
	text-align: center;
	display: block;
    vertical-align: middle;
}
.abou_02 dl dt {
	box-sizing: border-box;
	width: 100%;
	background-color: #E7E7E7;
	margin: 0 0 1em;
	padding: 1em 0;
	text-align: center;
	display: block;
    vertical-align: middle;
}
.abou_01 dl dd,.abou_02 dl dd {
	box-sizing: border-box;
	width: 100%;
	border: solid 1px #E9E9E9;
	margin: 0 0 1em;
	padding: 1em 5%;
	display: block;
    vertical-align: middle;
}
.map_block_sub {
	position:relative;
	padding-bottom: 50%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block_sub iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*==============================
/***  プライバシーポリシー  ***/
/*=============================*/
.priv_01 {
	padding: 3em 4em;
}
.priv_01 p {
	text-indent: -2em;
}
.priv_02 {
	box-sizing: border-box;
	background-color: #F8F8F8;
	margin: 2em 0 1em;
	padding: 0.8em 5%;
}

.clinics01_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.clinics01_01>ul>li{
	width:90%;
	margin:0 auto 1em;
}
/*==============================
/***  お問い合わせ  ***/
/*=============================*/
.mail_01 {
	width: 100%;
}
.mail_02 {
	width: 100%;
}
.mail_03 {
	width: 94%;
	margin: 2em auto 0;
}
.mail_03_01 {
	max-width: 578px;
	margin: 0 auto;
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(185,185,185,0.3));
	margin: 1em 0 0;
}

/*大西追加*/
.mail_00>ul{
	position: relative;
}
.mail_00>ul>li:nth-child(1){
	max-width: 860px;
	width:100%;
}
.mail_00>ul>li:nth-child(1) img{
	width:100%;
}

.mail_00>ul>li:nth-child(2){
	max-width: 560px;
	width:90%;
	margin:0 auto;
}
/*大西追加ここまで*/

/*========================
	メールフォームテンプレ
========================*/
.mail01_01 dl{
	padding:0.5em 0;
	font-size: 105%;
}

.mail01_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
}

.mail_04_01 dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.mail_04_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0;
	font-weight:bold;
}

.mail_04_01 dd{
	width:98%;
	margin:0 1% 1em;
}
input.text_min,
input.text_middle,
input.text,
select.text,
select.text_min,
select.text_middle,
textarea.text{
	font-family: -apple-system, Roboto, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue,"Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	border:#D2D2D2 solid 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:1em 1.5em;
	margin:0.2em 0;
	width:100%;
}
input.text_min,
select.text_min{
	width:30%;
}
input.text_middle,
select.text_middle{
	width:80%;
}



.mail01_02{
	width:100%;
	margin:0 auto;
}
.mail01_02 input{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}

.mail_04_02{
	width:100%;
	margin:0 auto;
}
.mail_04_02 input{
	width:auto;
	max-width: 90%;
	margin:0 5%;
}

input[type=checkbox] {
margin:0.5em;
  transform: scale(1.5);
}
input[type=radio] {
	margin:0.5em;
	transform: scale(1.5);
}

::placeholder{
  color:#CCCCCC;
}

.mail01_02 input{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
/*==============================
/***  選ばれる理由  ***/
/*=============================*/
.poin02_01text{
	width:70%;
	max-width: 645px;
	position: absolute;
	top: 50%;
	left: 90%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.poin03_01text{
	width:70%;
	max-width: 645px;
	position: absolute;
	top: 50%;
	left: 75%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.poin04 ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
	align-items: center;
}
.poin04 ul li:nth-child(1) {
	width: 20%;
}
.poin04 ul li:nth-child(2) {
	width: 75%;
}
.poin05 ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
	align-items: center;
}
.poin05 ul li:nth-child(1) {
	width: 20%;
}
.poin05 ul li:nth-child(2) {
	box-sizing: border-box;
	width: 75%;
	padding: 0 0 0 2em;
}
/*==============================
/***  業務内容  ***/
/*=============================*/
ul.guid_01 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
ul.guid_01 li {
	box-sizing: border-box;
	width: 48%;
	padding: 2em 3em;
	margin: 0 1% 1em;
	background-color: #F4F4F4;
}
ul.guid_01 li:nth-child(5) {
	box-sizing: border-box;
	width: 48%;
	padding: 2em 3em;
	margin: 0 auto;
	background-color: #F4F4F4;
}
.guid_02 {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.guid_03 {
	box-sizing: border-box;
	width: 100%;
	margin: 1em 0 0;
}
ul.guid_05,
ul.guid_06,
ul.guid_07,
ul.guid_08 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	justify-content: center;
	align-items: center;
}
ul.guid_05 li:nth-child(1) {
	width: 40%;
}
ul.guid_05 li:nth-child(2) {
	box-sizing: border-box;
	width: 40%;
	margin: 0 0 0 10%;
}
ul.guid_06 li:nth-child(1) {
	width: 25%;
}
ul.guid_06 li:nth-child(2) {
	box-sizing: border-box;
	width: 70%;
	margin: 0 0 0 5%;
}
ul.guid_07 li:nth-child(1) {
	width: 40%;
}
ul.guid_07 li:nth-child(2) {
	box-sizing: border-box;
	width: 40%;
	margin: 0 0 0 20%;
}
ul.guid_08 li:nth-child(1) {
	width: 30%;
}
ul.guid_08 li:nth-child(2) {
	box-sizing: border-box;
	width: 68%;
	margin: 0 0 0 2%;
}
/*==============================
/***  よくある質問  ***/
/*=============================*/
.qa_01 {
	box-sizing: border-box;
	width: 25%;
	color: #fff;
	font-size: 1.3em;
	background-color: #0E78C4;
	margin: 2em auto 0;
	padding: 1em;
}
 .qa_02>div>ul>li{
	margin:1em 0 1.5em;
}
.qa_02>div>ul>li a dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
}
.qa_02>div>ul>li a dl dt{
	width:7%;
}
.qa_02>div>ul>li a dl dd{
	width:93%;
}
.qa_02>div>ul>li>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:91%;
	margin:0 2% 0 7%;
	padding:1em 0;
}

.qa_02>div>ul>li>ul>li>dl>dt{
	width:7%;
}
.qa_02>div>ul>li>ul>li>dl>dd{
	width:88%;
	margin:0 5% 0 0;
}

.menu:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_plus.png) no-repeat;
	background-size: contain;
	width:26px;
	height:26px;
	bottom: 0;
    right: 0;
    transform: translate(0,0);
}

.menu.active:after {
	position: absolute;
	content: '';
	background:url(../img/icon/icon_mainasu.png) no-repeat;
	background-size: contain;
	width:26px;
	height:26px;
	bottom: 0;
    right: 0;
    transform: translate(0,0);
}
/*==============================
/***  会社概要  ***/
/*=============================*/
.abou_01,.abou_02 {
	width: 90%;
	margin: 0 auto;
}
.abou_01 dl,.abou_02 dl {
	display: table;
    width: 100%;
	margin: 1em 0 0;
    table-layout: fixed;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 1em 0;  /* 左右 上下で記述 */
}
.abou_01 dl dt {
	box-sizing: border-box;
	width: 30%;
	background-color: #F1FEFE;
	margin: 0 0 1em;
	padding: 1em 0;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
}
.abou_02 dl dt {
	box-sizing: border-box;
	width: 30%;
	background-color: #E7E7E7;
	margin: 0 0 1em;
	padding: 1em 0;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
}
.abou_01 dl dd,.abou_02 dl dd {
	box-sizing: border-box;
	width: 70%;
	border: solid 1px #E9E9E9;
	margin: 0 0 1em;
	padding: 1em 5%;
	display: table-cell;
    vertical-align: middle;
}
.map_block_sub {
	position:relative;
	padding-bottom: 36%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
	
.clinics01_01>ul>li{
	width:46%;
	margin:0 auto 1em;
}
/*==============================
/***  お問い合わせ  ***/
/*=============================*/
.mail_01 {
	width: 100%;
	position: relative;
}
.mail_02 {
	width: 100%;
}
.mail_02 img {
	position: relative;
	width: auto;
    height: auto;
    max-width: 100%;
	object-fit: cover;
}
.mail_03 {
	width: 50%;
	position: absolute;
	top:50%;
	left:70%;
	webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.mail_03_01 {
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(185,185,185,0.3));
	margin: 1em 0 0;
}
.mail_03_02 {
	filter: drop-shadow(1px 1px 2px rgba(255,255,255,1));
}
	
	
/*大西追加*/
.mail_00>ul>li:nth-child(1){
	width:55%;
}

.mail_00>ul>li:nth-child(2){
	width:50%;
	position: absolute;
	top: 55%;
	left: 65%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
/*大西追加ここまで*/
	
/*=========================
	メールフォームテンプレ
==========================*/

input.text_min,
input.text_middle,
input.text,
select.text,
select.text_min,
select.text_middle,
textarea.text{
	padding:1.2em 1.5em;
}
.mail01_01 dl{
	padding:0.5em 0;
	display: flex;
	flex-wrap:wrap;
	width:100%;
}

.mail01_01 dt{
	padding:0;
	margin: 1.5em 0 1em 0;
	font-weight: bold;
	font-size: 110%;
	width:25%;
	text-align: center;

}
.mail01_01 dd{
	width:73%;
	margin:0.5em 1%;
}
.mail_04_01 dl{
	padding:0.5em 0;
}
.mail_04_01 dt{
	padding:1em 0 0 0;
	font-weight: bold;
	width:25%;
	text-align: center;

}
.mail_04_01 dd{
	width:73%;
	margin:0.5em 1%;
}

input.text,
select.text,
textarea.text{
	width:90%;
}

.mail01_02{
	width:73%;
	margin:0 0 0 26%;
}
.mail01_02 input{
	width:auto;
	margin:0 auto;
}
.mail_04_02{
	width:73%;
	margin:0 0 0 26%;
}
.mail_04_02 input{
	width:auto;
	margin:0 auto;
}
	
input.text_middle,
select.text_middle{
	width:35%;
}

input.text_min,
select.text_min{
	width:20%;
}
	
.map_block_sub {
	position:relative;
	padding-bottom: 36%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1380px) {
/**** メインコンテンツ　****/ 
/*==============================
/***  フッター上コンバージョンエリア  ***/
/*=============================*/
ul.sub_cont01 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
ul.sub_cont01 li {
	width: 50%;
}
ul.sub_cont01  li:nth-child(1) {
	background:url("../img/sub/sub_com_01.jpg") no-repeat;
	background-size:cover;
	position: relative;
}
ul.sub_cont01  li:nth-child(1) img {
	box-sizing: border-box;
	width: 60%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
ul.sub_cont01  li:nth-child(2) {
	background: linear-gradient(#00F3FF, #0E78C4);
}
.sub_cont02 {
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(13,130,201,0.4));
	margin: -2.2em 0 -1.5em;
}
.sub_cont03 {
	box-sizing: border-box;
	filter: drop-shadow(4px 4px 4px rgba(13,130,201,0.4));
}
/*==============================
/***  選ばれる理由  ***/
/*=============================*/
.poin01_01text{
	width:70%;
	max-width: 645px;
	position: absolute;
	top: 50%;
	left: 75%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	filter: drop-shadow(1px 1px 8px rgba(255,255,255,0.8));
}
/*==============================
/***  業務内容  ***/
/*=============================*/
ul.guid_01 li {
	box-sizing: border-box;
	width: 48%;
	padding: 2em;
	margin: 0 1% 1em;
	background-color: #F4F4F4;
	position: relative;
}
ul.guid_01 li:nth-child(5) {
	box-sizing: border-box;
	width: 48%;
	padding: 2em 3em;
	margin: 0 auto;
	background-color: #F4F4F4;
}
.guid_02 {
	box-sizing: border-box;
	width: 25%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%); /* Safari用 */
	transform: translate(0, -50%);
}
.guid_03 {
	box-sizing: border-box;
	width: 70%;
	margin: 0 0 0 5%;
}
	

}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1600px) {
/**** メインコンテンツ　****/ 

/*大西追加*/
.mail_00>ul>li:nth-child(2){
	top: 55%;
	left: 55%;
}
/*大西追加ここまで*/

}