@charset "UTF-8";

.contentpage .m_img_area .m_img.type1 {background-image: url("../images/device/m_img@2x.jpg");}



/*共通
---------------------------------------------------------*/
.devi_title {
	width: 100%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 0 8%;
	position: relative;
	z-index: 0;
	margin-bottom: 80px;
}
.devi_title p.ft_min,
.devi_title h2 {
	width: 90%;
	max-width: 780px;
	box-sizing: border-box;
}
.devi_title p.ft_min {
	padding-left: 1%;
	color: #9a812c;
	font-size: 310%;
	letter-spacing: .15em;
	line-height: 1.3em;
	padding-bottom: .8em;
	border-bottom: solid 1px #cccdcd;
}
.devi_title h2 {
	padding-left: 2%;
	color: #666868;
	font-size: 120%;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin-top: 1.8em;
}
.devi_title .abs {
	position: absolute;
	z-index: -1;
	width: 35%;
	max-width: 317px;
	left: 0;
	top: 0;
	transform: translate(-19%,-15%);
}

.devi_box {
	position: relative;
	z-index: 1;
	padding: 0 5% 60px;
	border-bottom: solid 1px #cccdcd;
	margin-bottom: 60px;
}
.devi_box:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.devi_style1 > dt {
	color: #9a812c;
	font-size: 115%;
	letter-spacing: .15em;
	line-height: 1.8em;
	margin-bottom: 1.0em;
}
.devi_style1 > dt .ft_min {
	display: block;
	color: #010404;
	font-size: 160%;
	letter-spacing: .15em;
	line-height: 1.4em;
}

.devi_style2 > dt {
	color: #9a812c;
	font-size: 145%;
	letter-spacing: .15em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
.devi_style2 > dt a {
	color: #9a812c;
	font-size: 100%;
	letter-spacing: inherit;
	line-height: inherit;
	margin: 0;
}
.devi_style2 > dt a {
	padding-left: 0;
	padding-right: 1.5em;
}
.devi_style2 > dt a .com_arrow {
	font-size: 40%;
	left: auto;
	right: 0;
	top: 50%;
	background: #9a812c;
}
.devi_style2 > dd {
	text-align: left;
}

.devi_float .txt_l,
.devi_float .txt_r {
	width: 52.5%;
}
.devi_float .img_l,
.devi_float .img_r {
	width: 43.5%;
}
.devi_float .txt_l,
.devi_float .img_l {
	float: left;
}
.devi_float .txt_r,
.devi_float .img_r {
	float: right;
}

.devi_point {
	background: #f5f2ea;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 80px 4% 70px;
	position: relative;
}
.devi_point .abs_title {
	text-align: center;
	color: #9a812c;
	font-size: 375%;
	letter-spacing: .15em;
	line-height: 1.2em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transform: translateY(-50%);
}
.devi_point .col3_list {
	width: 100%;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
    flex-wrap: wrap;
	text-align: center;
}
.devi_point .col3_list > li {
	width: 30.6%;
	margin-right: 4.1%;
	margin-top: 60px;
}
.devi_point .col3_list > li:nth-child(3n) {
	margin-right: 0;
}
.devi_point .col3_list > li:nth-child(-n+3) {
	margin-top: 0;
}
.devi_point .col3_list .devi_style2 {
	text-align: center;
	margin-top: 1.2em;
}
.devi_point .col3_list .devi_style2 .fs15 {
	letter-spacing: .1em;
}

.devi_col2_list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.devi_col2_list > li {
	width: 48%;
	max-width: 550px;
	margin-top: 60px;
}
.devi_col2_list > li:nth-child(-n+2) {
	margin-top: 0;
}
.devi_col2_list .devi_style1 {
	margin-top: 1.5em;
}

/* 1100px
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1100px) {
.devi_float .txt_l,
.devi_float .txt_r {
	width: 100%;
	float: none;
}
.devi_float .img_l {
	margin-bottom: 1.0em;
	margin-right: 4%;
}
.devi_float .img_r {
	margin-bottom: 1.0em;
	margin-left: 4%;
}
.devi_point .col3_list .devi_style2 .fs15 {
	letter-spacing: .05em;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.devi_title {
	margin-bottom: 6%;
}
.devi_title p.ft_min {
	font-size: 5.0vw;
	letter-spacing: .1em;
	padding-bottom: .5em;
}
.devi_title h2 {
	letter-spacing: .1em;
	margin-top: 1.2em;
}

.devi_box {
	padding: 0 0 6%;
	margin-bottom: 6%;
}

.devi_style1 > dt {
	letter-spacing: .1em;
	margin-bottom: .6em;
}
.devi_style1 > dt .ft_min {
	font-size: 150%;
	letter-spacing: .1em;
}

.devi_style2 > dt {
	font-size: 140%;
	letter-spacing: .05em;
	margin-bottom: .2em;
}

.devi_point {
	padding: 8% 4% 5%;
}
.devi_point .abs_title {
	font-size: 320%;
	letter-spacing: .1em;
}
.devi_point .col3_list > li {
	margin-top: 6%;
}
.devi_point .col3_list .devi_style2 {
	margin-top: .8em;
}
.devi_point .col3_list .devi_style2 .fs15 {
	letter-spacing: normal;
}

.devi_col2_list > li {
	margin-top: 6%;
}
.devi_col2_list .devi_style1 {
	margin-top: 1.0em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.devi_title {
	padding: 0 0 0 10%;
	margin-bottom: 12%;
}
.devi_title p.ft_min,
.devi_title h2 {
	width: 100%;
}
.devi_title p.ft_min {
	padding-left: 0;
	font-size: 200%;
	letter-spacing: .1em;
	padding-bottom: .5em;
}
.devi_title h2 {
	font-size: 120%;
	letter-spacing: .15em;
	margin-top: .8em;
}
.devi_title .abs {
	width: 40%;
}

.devi_box {
	padding: 0 0 10%;
	margin-bottom: 10%;
}

.devi_style1 > dt {
	font-size: 110%;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
.devi_style1 > dt .ft_min {
	font-size: 150%;
	letter-spacing: .1em;
}

.devi_style2 > dt {
	font-size: 130%;
	letter-spacing: .1em;
	margin-bottom: .2em;
}

.devi_float .txt_l,
.devi_float .txt_r {
	float: none;
	width: 100%;
}
.devi_float .img_l,
.devi_float .img_r {
	float: none;
	width: 100%;
	margin: 0 auto 1.0em;
}

.devi_point {
	padding: 14% 6% 8%;
}
.devi_point .abs_title {
	font-size: 220%;
	letter-spacing: .05em;
}
.devi_point .col3_list {
	display: block;
}
.devi_point .col3_list > li {
	width: 100%;
	margin: 8% 0 0 !important;
}
.devi_point .col3_list > li:first-child {
	margin-top: 0 !important;
}
.devi_point .col3_list > li > div {
	width: 70%;
	margin: 0 auto;
}
.devi_point .col3_list .devi_style2 {
	margin-top: .6em;
}

.devi_col2_list {
	display: block;
}
.devi_col2_list > li {
	width: 100%;
	max-width: 100%;
	margin-top: 8% !important;
	border-top: solid 1px #cccdcd;
	padding-top: 10%;
}
.devi_col2_list > li:first-child {
	margin-top: 0 !important;
	border-top: none;
	padding-top: 0;
}
.devi_col2_list .devi_style1 {
	margin-top: 1.0em;
}
}



/*精密検査・治療
---------------------------------------------------------*/
.com_anc_link {
	margin-bottom: min(200px,15%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_anc_link {
	margin-bottom: 12%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_anc_link {
	margin-bottom: 15%;
}
}



/*無痛治療
---------------------------------------------------------*/
.pain {
	background: #fef9f8;
	padding-top: 50px;
}
#pain .devi_title p.ft_min {color: #f47972;}
#pain .devi_style1 > dt {color: #f47972;}
#pain .devi_style2 > dt {color: #f47972;}
#pain .devi_style2 > dt a {color: #f47972;}
#pain .devi_style2 > dt a .com_arrow {background: #f47972;}
#pain .devi_point {
	background: #fff;
	padding-top: 70px;
	padding-bottom: 50px;
}
#pain .devi_point .abs_title {color: #f47972;}

.box4 .devi_point .in_float {
	width: 100%;
	max-width: 1010px;
	margin-left: auto;
	margin-right: auto;
}
.box4 .devi_point .flt_l {
	width: 31%;
	max-width: 309px;
}
.box4 .devi_point .flt_r {
	width: 65%;
	max-width: 650px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.pain {
	padding-top: 4%;
}
#pain .devi_point {
	padding-top: 7%;
	padding-bottom: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pain {
	padding-top: 10%;
}
#pain .devi_point {
	padding-top: 12%;
	padding-bottom: 5%;
}

.box4 .devi_point .flt_l {
	float: none;
	width: 60%;
	margin: 0 auto .5em;
}
.box4 .devi_point .flt_r {
	float: none;
	width: 100%;
	max-width: 100%;
}
}



/*衛生管理
---------------------------------------------------------*/
.clean {
	background: #fff;
	padding-top: 170px;
}
#clean .devi_title p.ft_min {color: #1980be;}
#clean .devi_style1 > dt {color: #1980be;}
#clean .devi_style2 > dt {color: #1980be;}
#clean .devi_style2 > dt a {color: #1980be;}
#clean .devi_style2 > dt a .com_arrow {background: #1980be;}
#clean .devi_point {background: #f5f7f7;}
#clean .devi_point .abs_title {color: #1980be;}

.box5 .devi_float .txt_l .fs15 {
	display: block;
	margin-top: .5em;
}
.box5 .devi_float .img_r {
	padding-top: 3%;
}

.box5 .devi_point .in_float {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.box5 .devi_point .flt_l {
	width: 44%;
	max-width: 410px;
	margin-left: -2%;
}
.box5 .devi_point .flt_r {
	width: 56%;
	max-width: 560px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clean {
	padding-top: 15%;
}
.box5 .devi_point .flt_l {
	width: 47%;
	margin-left: 0;
}
.box5 .devi_point .flt_r {
	width: 50%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clean {
	padding-top: 18%;
}
.box5 .devi_float .img_r {
	padding-top: 0;
}

.box5 .devi_point .flt_l {
	float: none;
	width: 100%;
	margin: 0 auto;
}
.box5 .devi_point .flt_r {
	float: none;
	width: 100%;
	max-width: 100%;
}
}



/*取り組み
---------------------------------------------------------*/
#infection .bg {
	background: #fff;
}
#infection .devi_title p.ft_min {color: #1980be;}
#infection .devi_style1 > dt {color: #1980be;}
#infection .devi_style2 > dt {color: #1980be;}
#infection .devi_style2 > dt a {color: #1980be;}
#infection .devi_style2 > dt a .com_arrow {background: #1980be;}
#infection .devi_point {background: #e9f5fd;}
#infection .devi_point .abs_title {color: #1980be;}

#infection h3 {
	background: #1980be;
	text-align: center;
	color: #fff;
	font-size: 220%;
	letter-spacing: .15em;
	line-height: 1.4em;
	padding: 1.5em 3%;
	margin-bottom: 60px;
}

#infection .img_box {
	width: 92%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#infection .img_box::before {
	content: "";
	display: block;
	padding-top: 30%;	/*高さ*/
}
#infection .img_box .abs1 {
	position: absolute;
	z-index: 2;
	width: 22%;
	max-width: 221px;
	bottom: 0;
	transform: translateY(15%);
}
#infection .img_box.point_r .abs1 {
	right: 4%;
}
#infection .img_box.point_l .abs1 {
	left: 4%;
}

#infection h4 {
	text-align: center;
	font-size: 220%;
	letter-spacing: .15em;
	line-height: 1.4em;
	padding: 55px 0 40px;
	border-bottom: solid 1px #1980be;
	margin-bottom: 40px;
	position: relative;
}
#infection h4 span {
	position: relative;
	z-index: 1;
}
#infection h4::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 1.5em;
	max-height: 58px;
	background: url("../images/device/arrow@2x.png") no-repeat center center;
	background-size: contain;
	left: 0;
	bottom: 0;
	transform: translateY(50%);
}

#infection .txt_box {
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*世界レベルの滅菌システム*/
.infe_box1 .img_box {
	background-image: url("../images/device/img14@2x.jpg");
	background-position: left center;
}
.infe_box1 .img_box .abs2 {
	position: absolute;
	z-index: 1;
	width: 36%;
	max-width: 354px;
	right: 19%;
	bottom: 0;
	transform: translateY(12%);
}
.infe_box1 .devi_point {
	padding: 30px 6%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.infe_box1 .devi_point > div {
	width: 28%;
	max-width: 227px;
}
.infe_box1 .devi_point .devi_style2 {
	width: 69%;
}
.infe_box1 .devi_point .devi_style2 > dt {
	font-size: 130%;
	letter-spacing: .15em;
	line-height: 1.6em;
}

/*汚染を混在させないゾーニング*/
.infe_box2 .img_box {
	background-image: url("../images/device/img16@2x.jpg");
	background-position: center center;
}

/*細かな部分まで行き届いた衛生管理*/
.infe_box3 .img_box {
	background-image: url("../images/device/img17@2x.jpg");
	background-position: right center;
}
.infe_box3 .col3_list {
	display: flex;
    flex-wrap: wrap;
}
.infe_box3 .col3_list > li {
	width: 30.9%;
	margin-right: 3.65%;
	margin-top: 60px;
}
.infe_box3 .col3_list > li:nth-child(3n) {
	margin-right: 0;
}
.infe_box3 .col3_list > li:nth-child(-n+3) {
	margin-top: 0;
}
.infe_box3 .col3_list .devi_style2 {
	text-align: center;
	margin-top: 1.0em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#infection h3 {
	font-size: 200%;
	letter-spacing: .1em;
	margin-bottom: 6%;
}
	
#infection .img_box::before {
	padding-top: 32%;	/*高さ*/
}
#infection .img_box .abs1 {
	width: 25%;
}
#infection .img_box.point_r .abs1 {
	right: 2%;
}
#infection .img_box.point_l .abs1 {
	left: 2%;
}

#infection h4 {
	font-size: 200%;
	letter-spacing: .1em;
	padding: 6% 0 4%;
	margin-bottom: 4%;
}

/*世界レベルの滅菌システム*/
.infe_box1 .img_box .abs2 {
	right: 22%;
}
.infe_box1 .devi_point {
	padding: 4%;
}
.infe_box1 .devi_point .devi_style2 > dt {
	letter-spacing: .1em;
}

/*汚染を混在させないゾーニング*/

/*細かな部分まで行き届いた衛生管理*/
.infe_box3 .col3_list > li {
	margin-top: 6%;
}
.infe_box3 .col3_list .devi_style2 {
	margin-top: .8em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#infection h3 {
	font-size: 160%;
	letter-spacing: .1em;
	padding: 1.0em 3%;
	margin-bottom: 10%;
}
#infection .img_box {
	width: 100%;
}
#infection .img_box::before {
	padding-top: 40%;	/*高さ*/
}
#infection .img_box .abs1 {
	width: 35%;
}
#infection .img_box.point_r .abs1 {
	right: 0;
	transform: translate(10%,25%);
}
#infection .img_box.point_l .abs1 {
	left: 0;
	transform: translate(-10%,25%);
}
#infection h4 {
	font-size: 160%;
	letter-spacing: .1em;
	padding: .6em 0 .8em;
	margin-bottom: .8em;
}
#infection h4::before {
	height: 1.5em;
}
#infection .txt_box {
	width: 90%;
}

/*世界レベルの滅菌システム*/
.infe_box1 .img_box .abs2 {
	width: 45%;
	right: 8%;
	bottom: 40%;
	transform: none;
}
.infe_box1 .devi_point {
	padding: 6%;
	display: block;
}
.infe_box1 .devi_point > div {
	width: 50%;
	margin: 0 auto 1.0em;
}
.infe_box1 .devi_point .devi_style2 {
	width: 100%;
}
.infe_box1 .devi_point .devi_style2 > dt {
	font-size: 130%;
	letter-spacing: .1em;
}

/*汚染を混在させないゾーニング*/

/*細かな部分まで行き届いた衛生管理*/
.infe_box3 .col3_list {
	display: block;
}
.infe_box3 .col3_list > li {
	width: 100%;
	margin-right: 100%;
	margin-top: 10% !important;;
}
.infe_box3 .col3_list > li > div {
	width: 60%;
	margin: 0 auto;
}
.infe_box3 .col3_list .devi_style2 {
	margin-top: .6em;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}