@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 18px;
	color: #000;
	line-height: 1.6em;
	word-wrap:break-word;/* 英数字折り返し */
	background: #fff;
}
body, div, pre, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, th, td
{ margin: 0; padding: 0;}

input, textarea
{ margin: 0; font-size: 100%;}

label
{ cursor: pointer;}

table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}

img
{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}

ol, ul
{ list-style: none;}

h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}

a, input
{ outline: none; }

input, textarea
{ border-radius: 0; font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}

*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* !Clearfix
---------------------------------------------------------- */
.Clear::after {
	content: "";
	display: block;
	clear: both;
}
.Clear::before {
	content: "";
	display: block;
	clear: both;
}
.Clear {
	display: block;
}

/* !contents
---------------------------------------------------------- */
html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}
@media print {
	html,
	html body { *zoom: 0.65;}
}

a {
	color: #009aca;
	text-decoration: underline;
}

a:hover {
	color: #009aca;
	text-decoration: none;
}

.row {
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
}

p {
	margin-top: 0;
}

/* !Header
---------------------------------------------------------- */
.header {
	height:100px;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	transition: background-color 0.6s ease;
}

.header.is-scroll {
	background: #fff;
}

.header:hover {
	background: #fff;
}

#Logo {
	display: block;
	width: 200px;
	float: left;
	margin: 29px 0 0 30px;
}

/*--- ナビゲーション ---*/
#Navi_Text_Wrap {
	float: right;
	line-height: 1em;
	margin-right:420px;
	margin-top: 40px;
}

#Navi_Text ul li {
	display:table-cell;
	padding:0 0.9em 40px;
}

.navi_txt {
	font-size:15px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	position: relative;
	letter-spacing: 0.08em;
}

.navi_txt::after {
	background: #014170;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: -6px;
	left: 0;
	transition: .3s all;
	width: 0;
}

.navi_txt:hover::after {
	width: 100%;
}

.navi_txt:hover {
	color:#000;
}

.header:hover .navi_txt {
	color:#000;
	transition: .9s;
}

/*--- 矢印（下向き） ---*/
.arrow {
	position: relative;
	display: inline-block;
}

.arrow::after {
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: solid 2px #014170;
	border-right: solid 2px #014170;
	transform: translateY(-25%) rotate(135deg);
	position: absolute;
	top: 50%;
	right: -13px;
}

/*--- TEL ---*/
.tel {
	position: fixed;
	z-index: 100;
	top: 26px;
	right: 26px;
	width: 188px;
	height: 48px;
	background: #000;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	font-size:24px !important;
	line-height: 12px;
	letter-spacing: 0.04em;
	border-top-right-radius : 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-right-radius : 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

.tel span {
	color: #fff !important;
	font-size:9px;
	line-height: 24px;
	letter-spacing: 0.03em;
	margin-left:0.5em;
}

/*--- ボタン（お問い合わせ） ---*/
.btn_contact {
	position: fixed;
	z-index: 100;
	top: 26px;
	right: 214px;
	width: 188px;
	height: 48px;
	line-height:48px;
	font-size:18px !important;
	color: #fff !important;
	text-decoration: none;
	text-align: center;
	transition: all .2s;
	background: #e32723;
	border-top-left-radius : 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius : 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.btn_contact:hover {
	color: #fff;
	background: #c62835;
	text-decoration: none;
}

/*--- アイコン（メール） ---*/
.icon_mail {
	font-size:19px !important;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
	position: relative;
	width: 1.06667em;
	height: 0.8em;
	border: 0.1em solid currentColor;
	border-radius: 0.1em;
	box-sizing: content-box;
	overflow: hidden;
	margin-top:-3px;
	margin-right:6px;
}

.icon_mail::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 0.75425em;
	height: 0.75425em;
	border: 0.1em solid currentColor;
	border-top-color: transparent;
	border-right-color: transparent;
	border-radius: 0 0 0 0.1em;
	box-sizing: content-box;
	transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
}

/* !ドロワーメニュー
---------------------------------------------------------- */
.drawerMenu {
	background-color: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(6px);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 100px;
	transition: opacity .3s, visibility .3s;
	visibility: hidden;
	width: 100%;
	padding: 20px 0 50px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#Navi_Text ul li:hover .drawerMenu {
	opacity: 1;
	visibility: visible;
}

/*--- 見出し ---*/
.drawerMenu .title {
	display: block;
	width: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	position: relative;
	transition: all 0.3s;
	text-decoration: none;
	border-bottom: 2px solid #014170;
}

.drawerMenu .title a {
	display: block;
	color:#000;
	text-decoration: none;
	padding: 17px 0 18px 29px;
}

.drawerMenu .title a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 22px;
	margin: auto;
	border-radius: 20px;
	background: #0071bc;
}

.drawerMenu .title a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	width: 0;
	height: 0;
	margin: auto;
	border-top: 3px solid transparent;
	border-right: 0 solid transparent;
	border-left: 4px solid #fff;
	border-bottom: 3px solid transparent;
	box-sizing: border-box;
}

.drawerMenu .title a:hover {
	color:#0071bc;
	transition: all .1s;
}

/*--- 可変（ドロワーメニュー用） ---*/
.drawer_column {
	margin: 0;
}
.drawer_column .col {
	float: left;
}
.drawer_column.col5 .col {
	margin: 0 2% 0 0;
	width: 18.4%;
}
.drawer_column.col5 .col:nth-child(5n) {
	margin-right: 0;
}
.drawer_column.col5 .col:nth-child(5n+1) {
	clear: both;
}

/*--- エフェクト設定 ---*/
.drawer_column.col5 .col a{
	width: 100%;
	font-size: 14px;
	line-height: 1em;
	position:relative;
	color:#000 !important;
	padding: 16px 0 20px 4px;
	display:inline-block;
	text-decoration: none;
	outline: none;
	width:100%;
	z-index: 2;
}

.drawer_column.col5 .col a::before,
.drawer_column.col5 .col a::after{
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	background:#eee;
	width:100%;
	height:1px;
	transition:all 0.3s ease-in-out;
}

.drawer_column.col5 .col a::after{
	width:0;
	background:#167cc6;
}

.drawer_column.col5 .col a:hover::after {
	width:100%;
}

.drawer_column.col5 .col a span::after {
	content: '';
	position: absolute;
	top: 42%;
	right: 10px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #014170;
	border-right: 1px solid #014170;
	transform: rotate(45deg);
	transition: all .3s;
}

.drawer_column.col5 .col a:hover span::after {
	right:2px;
}

.drawer_column.col5 .col a:hover {
	color:#fff;
	text-decoration: none;
}

/* !汎用コンテンツ
---------------------------------------------------------- */
/*--- ぱんくず ---*/
#Sitepath {
	width: 100%;
	max-width: 1280px;
	margin: 10px auto 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	list-style: none;
	font-size: 14px;
}

#Sitepath li:not(:last-of-type)::after {
	content: "›";
	margin: 0 .5em;
	color: #333;
}

#Sitepath li a {
	color: #000;
	text-decoration: underline;
}

#Sitepath li a:hover {
	color: #000;
	text-decoration: none;
}

/* !Box
----------------------------------------------------------- */
/*--- 可変 ---*/
.box_column {
	margin: 0;
}
.box_column .col {
	float: left;
}
.box_column.col2 .col {
	margin: 0 2.2% 20px 0;
	width: 48.9%;
}
.box_column.col3 .col {
	margin: 0 2.2% 20px 0;
	width: 31.86%;
}
.box_column.col4 .col {
	margin: 0 2% 20px 0;
	width: 23.5%;
}
.box_column.col5 .col {
	margin: 0 1% 16px 0;
	width: 19.2%;
}
.box_column.col2 .col:nth-child(2n),
.box_column.col3 .col:nth-child(3n),
.box_column.col4 .col:nth-child(4n),
.box_column.col5 .col:nth-child(5n) {
	margin-right: 0;
}
.box_column.col2 .col:nth-child(2n+1),
.box_column.col3 .col:nth-child(3n+1),
.box_column.col4 .col:nth-child(4n+1),
.box_column.col5 .col:nth-child(5n+1) {
	clear: both;
}

@media screen and (max-width:811px){
	.box_column {
		margin: 0;
	}
	/*---2→1---*/
	.box_column.col2 .col {
		margin: 0 0 10px;
		width: 100%;
	}
	/*---3→1---*/
	.box_column.col3 .col {
		margin: 0 0 10px;
		width: 100%;
	}
	.box_column.col3 .col:nth-child(2n+1) {/*奇数*/
		clear: both;
	}
	.box_column.col3 .col:nth-child(2n) {/*偶数*/
		clear: none;
		float: right;
	}
	.box_column.col3 .col:nth-child(3n) {/*3の倍数*/
		float: left;
	}
	/*---4→2---*/
	.box_column.col4 .col {
		margin: 0 1% 10px;
		width: 48%;
	}
	.box_column.col4 .col:nth-child(2n+1) {/*奇数*/
		clear: both;
	}
	.box_column.col4 .col:nth-child(2n) {/*偶数*/
		clear: none;
		float: right;
	}
	.box_column.col4 .col:nth-child(4n) {/*4の倍数*/
		float: left;
	}
	/*---5→2---*/
	.box_column.col5 .col {
		margin: 0 1% 10px;
		width: 48%;
	}
	.box_column.col5 .col:nth-child(2n+1) {/*奇数*/
		clear: both;
	}
	.box_column.col5 .col:nth-child(2n) {/*偶数*/
		clear: none;
		float: right;
	}
	.box_column.col5 .col:nth-child(5n) {/*5の倍数*/
		float: left;
	}

}

/* !テーブル
---------------------------------------------------------- */
.table_basic {
	width: 100%;
}
.table_basic th,
.table_basic td {
	text-align: left;
	vertical-align: top;
	padding: 18px;
}
.table_basic tr:nth-child(odd) {
	background: #eee;
}
@media screen and (max-width:811px){
	.table_basic {
		width: 100%;
	}
	.table_basic,
	.table_basic tr,
	.table_basic th,
	.table_basic td {
		width: 100%;
		display: block;
	}
	.table_basic th,
	.table_basic td {
		padding: 2px 0;
	}
	.table_basic tr {
		padding: 10px;
	}
	.table_basic th {
		font-weight: bold;
	}
}

/*--- 見出し（サブタイトル付き） ---*/
h2 .title {
	font-size:32px;
	font-weight:bold;
	color: #0071bc;
	position: relative;
	display: inline-block;
	line-height: 1em;
	letter-spacing: 0.1em;
}

h2 .title .sub_tit {
	font-size:16px;
	color: #000;
	letter-spacing: 0.06em;
}

h3 .title {
	font-size:26px;
	font-weight:bold;
	color: #000;
	position: relative;
	display: inline-block;
	line-height: 1em;
	letter-spacing: 0.1em;
}

h3 .title .sub_tit {
	font-size:12px;
	color: #000;
	font-weight:normal;
	letter-spacing: 0.06em;
}

/*--- 吹き出し ---*/
.txt_bubble {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}

.txt_bubble::before,
.txt_bubble::after {
	content: '';
	width: 3px;
	height: 36px;
	background-color: #0071bc;
}

.txt_bubble::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.txt_bubble::after {
	margin-left: 30px;
	transform: rotate(35deg)
}

/*--- ボタン（青色） ---*/
.btn_blue {
	width: 100%;
	max-width: 240px;
	display: block;
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #fff;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	padding: 14px 0;
	background: #0071bc;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50px;
}

.btn_blue::after {
	content: '▶';
	font-size: 9px;
	position: absolute;
	right: 26px;
}

.btn_blue::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #1183ce;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
.btn_blue:hover {
	color: #fff;
	text-decoration: none;
}
.btn_blue:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}

/*--- 角丸 ---*/
.border_radius {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/*--- リンク下線（白色） ---*/
.link_ul_wht {
	display: inline-block;
	position: relative;
}

.link_ul_wht::after {
	background-color: #f0f0f0;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	bottom: 2px;
	left: 0;
	transition: .3s all;
	width: 0;
}

.link_ul_wht:hover::after {
	width: 100%;
}

/* !Footer
---------------------------------------------------------- */
footer {
	font-size: 12px;
	text-align: center;
	padding-top: 60px;
}

#LogoFtr {
	display: block;
	width: 240px;
	margin:0 auto;
}

/*--- テキスト位置 ---*/
#Area_Text {
	margin-top: 40px;
	font-size: 12px;
	color: #fff;
	background: #8eb5fd;
	padding: 20px 0;
}

#Area_Text .txtL {
	float: left;
	text-align: left;
	padding-left: 100px;
}

#Area_Text .txtR {
	float: right;
	text-align: right;
	padding-right: 100px;
}

#Area_Text .txtR a {
	color: #fff;
	text-decoration: none;
}

/*--- ページの先頭へ ---*/
#back-top {
	position:fixed;
	right:14px;
	bottom:14px;
	z-index: 5;
	background: #000;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

#back-top span {
	box-sizing: border-box;
	display: block;
	position: relative;
	top: 52%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-color: #fff;
	border-width: 2px 0 0 2px;
	transform: translate(-50%, -50%) rotate(45deg);
}

#back-top:hover {
	background: #e32723;
}

/* !Fonts -------------------------------------------------------------- */
.fwB { font-weight: bold;}
.fcWhite { color: #fff;}
.fcBlue { color: #0071bc;}
.fcLightBlue { color: #a8c5fe;}
.fcBrown { color: #c95f0a;}
.fz20 { font-size: 20px; line-height: 1.6em;}
.fz24 { font-size: 24px; line-height: 1.6em;}
.fz32 { font-size: 32px; line-height: 1.6em;}
.fz40 { font-size: 40px; line-height: 1.6em;}

/* !Margin ------------------------------------------------------------------ */
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt80 { margin-top:80px !important;}
.mt100 { margin-top:100px !important;}

/* !Inline Align ------------------------------------------------------------ */
.taC { text-align: center !important;}
.taC_spL { text-align: center !important;}
.taL_spC { text-align: left !important;}
.taR_spL { text-align: right !important;}
.taL { text-align: left !important;}
.taR { text-align: right !important;}
.ImgC { display: block; margin-left: auto; margin-right: auto;}

/* !Floats ------------------------------------------------------------------ */
.flL { display: inline; float: left;}
.flR { display: inline; float: right;}

/* ==========================================================
トップページ
========================================================== */
/*--- カバー画像 ---*/
#Cover_Main {
	position: relative;
	width: 100%;
	height: 84vh;
	background:url(common/img/main.jpg) no-repeat center bottom;
	background-size: cover;
}

#Cover_Main img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 86% top;
}

/*--- 背景（白色） ---*/
.Bg_White {
	background: #fff;
	padding: 60px 0 80px;
}

/*--- 背景（灰色） ---*/
.Bg_Gray {
	background: #f9f9f9;
	padding: 60px 0;
}

/*--- まずはご相談ください（円形） ---*/
.circle {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background:#8eb5fd;
	text-align:center;
	border-radius: 100%;
	margin: 6px;
}

.circle:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.circle:nth-child(2n) {
	background:#a8c5fe;
}

.support_w90per {
	width: 90% !important;
}

/*--- 背景色（あなたの夢を、全力サポート） ---*/
#Area_Support {
	background: linear-gradient(to bottom, #8eb5fd 0px, #8eb5fd 460px, #e8f0fe 460px, #e8f0fe 100%);
	padding: 60px 0 80px;
}

#Area_Support .ContL {
	width: 49%;
	float: left;
	padding-left: 40px;
}

#Area_Support .ContR {
	width: 49%;
	float: right;
}

/*--- タイトル ---*/
#Area_Support .Title {
	color: #fff;
}

/*--- 白枠 ---*/
.frame_white {
	border: 5px solid #fff;
}

/*--- 開業事例（幅） ---*/
.case_w80per {
	width: 80% !important;
}

/* !ニュース
----------------------------------------------------------- */
.Area_News {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	position: relative;
	border-bottom:1px solid #ccc;
	padding:32px 0;
	line-height: 1em;
	cursor: pointer;
}

.Area_News .contL {
	float: left;
	width: 15%;
	padding-left: 6px;
}

.Area_News .contR {
	float: left;
	width: 85%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Area_News a {
	color: #000;
}

/*--- hover設定 ---*/
.slide_layer::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	opacity: 0.05;
}

.Area_News:hover .slide_layer:after {
	transform: scale(1, 1);
	cursor: pointer;
}

/* ==========================================================
第二階層共通
========================================================== */
/*--- カバー画像 ---*/
#Cover_Common {
	position: relative;
	width: 100%;
	height: 360px;
	background:url(common/img/cmn_cover.jpg) no-repeat center bottom;
	background-size: cover;
}

/*--- エリア設定 ---*/
#Common_Area {
	background: #fff;
	padding: 60px 0 0;
}

/*--- カバータイトル ---*/
#Cover_Title {
	position: absolute;
	top: 160px;
	left: 0;
	width: 260px;
	height: 260px;
}

#Cover_Title div {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	background:#0071bc;
	text-align:center;
	letter-spacing: 0.1em;
}

#Cover_Title div:before {
	content: '';
	display: block;
	padding-top: 100%;
}

#Cover_Title .fz20 {
	font-size: 21px;
}

/* ==========================================================
開業支援
========================================================== */
/*--- カバー画像 ---*/
#Cover_Support {
	position: relative;
	width: 100%;
	height: 360px;
	background:url(common/img/support/cover.jpg) no-repeat center bottom;
	background-size: cover;
}

/*--- 特徴 ---*/
#Features_Area {
	background: #8eb5fd;
	padding: 60px 0 80px;
}

#Features_Area .Cont {
	background: #fff;
	padding: 20px 40px 40px 40px;
	border-radius: 10px;
}

/*--- エリア分け（開業までの流れ） ---*/
.frame_flow .contL {
	width: 25%;
	float: left;
}

.frame_flow .contR {
	width: 70%;
	float: right;
}

.frame_flow .tit {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
}

.frame_flow .number {
	width: 42px;
	margin-right: 6px;
}

.ico_triangle {
	display: block;
	margin: 60px auto;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #8eb5fd;
}

/*--- エリア分け（スタッフの声） ---*/
.frame_staff {
	width: 100%;
}

.frame_staff .contL {
	width: 38%;
	float: left;
	background:url(common/img/support/staff.jpg) no-repeat center top;
	background-size: cover;
}

.frame_staff .contR {
	width: 62%;
	float: right;
	background:#f2f2f2;
	padding: 40px;
}

/* ==========================================================
医療機器販売
========================================================== */
/*--- カバー画像 ---*/
#Cover_Product {
	position: relative;
	width: 100%;
	height: 360px;
	background:url(common/img/product/cover.jpg) no-repeat center bottom;
	background-size: cover;
}

/*--- エリア設定 ---*/
#Product_Area {
	background: #fff;
	padding: 60px 0 0;
}

/*--- 見出し ---*/
#Product_Area h2 {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background: #0071bc;
	padding: 16px 0;
	border-radius: 50px;
}

/* !カテゴリ一覧
----------------------------------------------------------- */
#Category_Box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	height: auto;
	background: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	padding: 30px 30px 20px;
	margin-top: 60px;
}

/*--- off ---*/
#Category_Box .off a {
	display: block;
	font-size: 14px;
	color: #000;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-radius: 4px;
	padding: 4px 0;
	box-shadow: 0px 6px 10px -10px rgba(0, 0, 0, 0.3);
	transition: all 0.2s;
}

#Category_Box .off a:hover {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #0071bc;
}

/*--- on ---*/
#Category_Box .on a {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #0071bc;
	border-radius: 4px;
	padding: 4px 0;
	box-shadow: 0px 6px 10px -10px rgba(0, 0, 0, 0.3);
}

/*--- カラム表示 ---*/
.category_column {
	margin: 0;
}
.category_column .col {
	float: left;
}
.category_column.col5 .col {
	margin: 0 1% 12px 0;
	width: 19.2%;
}
.category_column.col5 .col:nth-child(5n) {
	margin-right: 0;
}
.category_column.col5 .col:nth-child(5n+1) {
	clear: both;
}

@media screen and (max-width:811px){
	.box_column {
		margin: 0;
	}
	/*---5→2---*/
	.category_column.col5 .col {
		margin: 0 1% 10px;
		width: 48%;
	}
	.category_column.col5 .col:nth-child(2n+1) {/*奇数*/
		clear: both;
	}
	.category_column.col5 .col:nth-child(2n) {/*偶数*/
		clear: none;
		float: right;
	}
	.category_column.col5 .col:nth-child(5n) {/*5の倍数*/
		float: left;
	}

}

/* !リンク画像
----------------------------------------------------------- */
/*--- 枠（リンク範囲） ---*/
.link-box {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	border: 2px solid #8eb5fd;
	background: #fff;
	padding: 10px;
}

.link-box a {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #000;
}

.link-box:hover {
	border: 2px solid #8eb5fd;
}

.link-box img {
	margin-bottom: 6px;
}

/*--- リンク（レイヤー） ---*/
.layer::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
	opacity: 0.2;
}

.link-box:hover .layer:after {
	transform: scale(1, 1);
}

/*--- リンク（下線） ---*/
.ul_product {
	position: relative;
	display: inline-block;
	line-height: 1.5em;
}

.ul_product::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
}

.link-box:hover .ul_product:after {
	transform-origin: left top;
	transform: scale(1, 1);
}

/* !ポップアップ（医療従事者の方）
----------------------------------------------------------- */
body.open_popup {
	overflow: hidden;
}

.bg_onetime_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

body.open_popup .bg_onetime_popup {
	opacity: 1;
	visibility: visible;
}

.onetime_popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 860px;
	min-width: 500px;
	background: #fff;
}

.onetime_popup_title {
	position: relative;
	padding: 1em 0;
	margin: 0px;
	background: #0071bc;
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 1.5;
}

.onetime_popup_content {
	padding: 40px 20px;
	text-align: center;
}

.onetime_popup_content .w70per {
	width: 70% !important;
}

.onetime_popup_close {
	cursor: pointer;
}

/*--- ボタン ---*/
.btn_yes {
	width: 100%;
	max-width: 240px;
	display: block;
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #fff;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	padding: 14px 0;
	background: #0071bc;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50px;
	cursor: pointer;
}

.btn_no a {
	width: 100%;
	max-width: 240px;
	display: block;
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #fff;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	padding: 14px 0;
	background: #ccc;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50px;
	cursor: pointer;
}

/* ==========================================================
医療機器販売（製品詳細 / 投稿ページ）
========================================================== */
#Product_Detail {
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	padding: 60px 0 0;
}

/*--- 見出し ---*/
#Product_Detail h2 {
	font-size: 32px;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
	border-left: 6px solid #e32723;
	padding: 4px 0 6px 0.6em;
}

#Product_Detail h3 {
	font-size: 28px;
	color: #000;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	padding-bottom: 1em;
	margin: 80px 0 20px;
}

#Product_Detail h3::before,
#Product_Detail h3::after {
	position: absolute;
	width: 100%;
	bottom: 0;
	content: '';
}

#Product_Detail h3::before {
	border-bottom: 3px solid #0071bc;
}

#Product_Detail h3::after {
	border-bottom: 3px solid #eee;
}

#Product_Detail h4 {
	font-size: 22px;
	color: #000;
	background: #f5f5f5;
	border-bottom: 1px solid #c0c0c0;
	padding: 14px 0 14px 1em;
	margin: 40px 0 20px;
}

#Product_Detail h5 {
	color: #0071bc;
	margin: 10px 0;
}

#Product_Detail h6 {
	color: #000;
	font-weight: bold;
}

#Product_Detail #Post {
	margin-top: 40px;
}

#Product_Detail #Post p {
	margin: 10px 0;
}

#Product_Detail .Img_w50per {
	width: 50% !important;
}

#Product_Detail .Img_w30per {
	width: 30% !important;
}

/*--- テーブル ---*/
.table_product {
	border-collapse: separate;
	border-left: 1px solid #f0f0f0;
}

.table_product tr,
.table_product td {
	padding: 16px !important;
	border-collapse: separate;
	border-right: 1px solid #f0f0f0 !important;
}

/* ==========================================================
開業事例
========================================================== */
/*--- カバー画像 ---*/
#Cover_Case {
	position: relative;
	width: 100%;
	height: 360px;
	background:url(common/img/case/cover.jpg) no-repeat center bottom;
	background-size: cover;
}

/*--- エリア分け ---*/
.Case_Area .contL30 {
	width: 28%;
	float: left;
}

.Case_Area .contR70 {
	width: 68%;
	float: right;
}

.Case_Area .contL70 {
	width: 68%;
	float: left;
}

.Case_Area .contR30 {
	width: 28%;
	float: right;
}

/*--- 区切り線（青色） ---*/
.line_blue {
	border-top: 1px solid #0071bc;
	margin: 60px 0;
}

/* ==========================================================
企業情報
========================================================== */
/*--- カバー画像 ---*/
#Cover_Company {
	position: relative;
	width: 100%;
	height: 360px;
	background:url(common/img/company/cover.jpg) no-repeat center bottom;
	background-size: cover;
}

/*--- エリア分け ---*/
#Message_Area {
	width: 100%;
	height: auto;
	background:url(common/img/company/president.jpg) no-repeat right bottom;
	background-size: contain;
}

#Message_Area .comment {
	width: 50%;
	float: left;
	padding: 60px 0;
	font-size: 16px;
}

/*--- 見出し ---*/
#Message_Area .title {
	font-size:32px;
	color: #0071bc;
	position: relative;
	display: inline-block;
	line-height: 1em;
	letter-spacing: 0.1em;
}

#Message_Area .title .sub_tit {
	position: absolute;
	top: 0;
	right: -52px;
	font-size:16px;
	color: #000;
	letter-spacing: 0.06em;
	margin-left: 10px;
}

/* ==========================================================
お知らせ
========================================================== */
#Cont_News {
	width: 100%;
	padding:20px 0;
}

#Cont_News .date {
	text-align: right;
	font-size: 16px;
	line-height: 1em;
}

#Cont_News .tit {
	font-size: 20px;
	margin: 10px 0 20px;
	padding-bottom: 10px;
	border-bottom:1px solid #ccc;
}

#Post p {
	margin: 10px 0;
}

/* ==========================================================
お問い合わせ
========================================================== */
.phone {
	text-align: center;
}

.phone a {
	font-size: 68px;
	font-weight: bold;
	color: #e32723;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	text-decoration: none;
}

/* ==========================================================
プライバシーポリシー
========================================================== */
#Policy_Area {
	width:100%;
	max-width: 1080px;
	margin: 0 auto;
}

.Disc {
	margin-left:20px;
}

.Disc li {
	list-style-type:disc;
	line-height: 1.6em;
	margin-bottom: 20px;
}

/* ==========================================================
Contact Form7
========================================================== */
#Area_Form {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

/*---テーブル（基本）---*/
.table_cf7 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table_cf7 th,
.table_cf7 td {
	font-weight: normal;
	text-align: left;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}
.table_cf7 th {
	background-color: #f5f5f5;

}
@media screen and (max-width:811px){
	.table_cf7 {
		width: 100%;
	}
	.table_cf7,
	.table_cf7 thead,
	.table_cf7 tbody,
	.table_cf7 tr,
	.table_cf7 th,
	.table_cf7 td {
		width: 100%;
		display: block;
	}
	.table_cf7 th,
	.table_cf7 td {
		border-top: none;
		border-left: none;
		padding: 1px 10px 10px;
	}
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 4px 15px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	margin-top: 6px;
}

/*「必須」文字デザイン*/
.required{
	font-size:.7em;
	padding: 6px;
	background: #e60039;
	color: #fff;
	border-radius: 3px;
	margin-right: 10px;
}

/*「任意」文字デザイン*/
.optional{
	font-size:.7em;
	padding: 6px;
	background: #1c80c4;
	color: #fff;
	border-radius: 3px;
	margin-right: 10px;
}

/*「認証」文字デザイン*/
.check{
	text-decoration: none;
	line-height: 1.4em;
	border: 1px solid #ccc;
	padding: 20px 0 26px;
}

/*---ボタン---*/
input[type='submit'] {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 60px;
	text-align: center;
	text-decoration: none;
	background: #e32723;
	color: #fff;
	line-height: 60px;
	overflow: hidden;
	font-size: 18px;
	border-radius:6px;
}

input[type='submit']:hover {
	color: #fff;
	text-decoration: none;
	background: #c62835;
	transition: all .5s ease;
}