@charset "UTF-8";



/*メインイメージ
---------------------------------------------------------*/
#m_img .img_area {
	background-image: url(../images/device/m_img@2x.jpg);
}



/*共通
---------------------------------------------------------*/
.dvc_lead {
	text-align: center;
	margin-bottom: 60px;
}

.block {
	padding-bottom: 140px;
}
.block h4{
position: relative;
font-size: 2em;
font-weight: normal;
letter-spacing: .15em;
padding: 80px 3% 1.0em;
margin-bottom: 2.0em;
color: #5d9abe;
}
.block h4::before{
position: absolute;
content:"";
width: 35px;
height: 1px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #5d9abe;
}

.block .item{
	_zoom: 1;
	overflow: hidden;
}
.block .item .photo_l,
.block .item .photo_r {
	width: 55%;
	max-width: 600px;
}
.block .item .photo_l{
	float: left;
}
.block .item .photo_r{
	float: right;
}
.block .item .txt_r,
.block .item .txt_l {
	width: 42%;
}
.block .item .txt_r{
	float: right;
}
.block .item .txt_l{
	float: left;
}
.block .item dt{
font-size: 1.9em;
letter-spacing: .1em;
line-height: 1.5em;
margin-bottom: .5em;
}

.dvc_list{
	margin-left: -4.3333%;
}
.dvc_list li{
	float: left;
	width: 29%;
	margin-left: 4.3333%;
}
.dvc_list li > div {
	text-align: center;
}
.dvc_list li dt{
	font-size: 1.5em;
	line-height: 1.6em;
	margin-top: 1em;
	margin-bottom: .4em;
}
.dvc_list li dd{
	line-height: 1.8em;
}
.border_b{
	border-bottom: solid 1px #e6e6e6;
	padding-bottom: 70px;
	margin: 0 auto 70px auto;
	max-width: 1340px;
}
/*med_btn01*/
.med_btn01{
	max-width:450px;
	margin: 20px auto 0 auto;
	text-align: center;
	position: relative;
	padding: 15px 0;
	color: #fff;
	background:#a7957c;
}
.med_btn01 a{
	color: #fff;
}
.med_btn01 i{
	position:absolute;
	right: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#fff;
}

/* 微調整 (1200px)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.block .item dt{
font-size: 2.6vw;
}
}

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

.block {
	padding-bottom: 10%;
}
.block h4{
	font-size: 1.8em;
	padding: 8% 3% .8em;
	margin-bottom: 1.5em;
}

.block .item{
	margin-bottom: 6%;
}
.block .item .photo_l,
.block .item .photo_r {
	width: 50%;
	margin-bottom: .5em;
}
.block .item .photo_l{
	margin-right: 4%;
}
.block .item .photo_r{
	margin-left: 4%;
}
.block .item .txt_r,
.block .item .txt_l {
	width: 100%;
	float: none;
}
.block .item dt{
	font-size: 1.5em;
	letter-spacing: .1em;
	margin-bottom: .5em;
}
	
.dvc_list{
	margin-left: -2.3333%;
}
.dvc_list li{
	width: 31%;
	margin-left: 2.3333%;
}
.dvc_list li dt{
	font-size: 1.3em;
	margin-top: .6em;
	margin-bottom: .1em;
}
/*med_btn01*/
.med_btn01{
	max-width:380px;
	padding: 10px 0;
}
.border_b{
	padding-bottom: 40px;
	margin: 0 auto 40px auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.dvc_lead {
	text-align: left;
	margin-bottom: 6%;
}

.block {
	padding-bottom: 14%;
}
.block h4{
font-size: 1.5em;
letter-spacing: .1em;
padding: 10% 3% .8em;
margin-bottom: 1.5em;
}

.block .item{
	margin-bottom: 6%;
}
.block .item .photo_l,
.block .item .photo_r {
	width: 90%;
	float: none;
	text-align: center;
	margin: 0 auto .5em;
}
.block .item .txt_r,
.block .item .txt_l {
	width: 100%;
	float: none;
}
.block .item dt{
font-size: 1.4em;
line-height: 1.5em;
margin-bottom: .2em;
}
	
.dvc_list{
	margin-left: 0;
}
.dvc_list li{
	float: none;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5% 8%;
	border-bottom: solid 1px #e6e6e6;
	margin: 0 0 8%;
}
.dvc_list li:last-child{
	padding-bottom: 0;
	border-bottom: none;
	margin: 0;
}
.dvc_list li > div {
	width: 70%;
	margin: 0 auto;
}
.dvc_list li dt{
	text-align: center;
	font-size: 1.2em;
	margin-top: .5em;
	margin-bottom: 0;
}
/*med_btn01*/
.med_btn01{
	width:90%;
	padding: 10px 0;
}
.border_b{
	padding-bottom: 6%;
	margin: 0 auto 8% auto;
}
}



/*box01
---------------------------------------------------------*/
.box01 .point3{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-bottom: 50px;
}
.box01 .point3 li{
	width: 33.3333%;
	background-color: #5d9abe;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	box-sizing: border-box;
	padding: 40px 3% 50px;
	color: #fff;
	font-size: 110%;
	letter-spacing: .15em;
	line-height: 1.8em;
}
.box01 .point3 li:nth-of-type(1){
	background-image: url(../images/device/img01.jpg);
}
.box01 .point3 li:nth-of-type(2){
	background-image: url(../images/device/img02.jpg);
}
.box01 .point3 li:nth-of-type(3){
	background-image: url(../images/device/img03.jpg);
}
.box01 .point3 li dl{
text-shadow: 
    #5d9abe 1px 1px 10px, #5d9abe -1px 1px 10px,
    #5d9abe 1px -1px 10px, #5d9abe -1px -1px 10px;
}
.box01 .point3 li dt {
	font-size: 210%;
	margin-bottom: .6em;
}

.box01 .chigai {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto 80px;
}
.box01 .chigai .flex_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
	margin-bottom: 30px;
}
.box01 .chigai .txt_box{
	width: 56%;
}
.box01 .chigai .img_item{
	width: 44%;
	text-align: center;
}

.box01 .chigai h4 {
	width: 50%;
}
.box01 .chigai .txt_box dt {
	font-size: 2.6em;
	letter-spacing: .15em;
	line-height: 1.4em;
	border-top: solid 1px #85b3d0;
	margin-top: .5em;
	padding-top: .5em;
	margin-bottom: .3em;
}
.box01 .chigai .txt_box dt small {
	font-size: 80%;
}

.box01 .chigai_matome{
	font-size: 2em;
	line-height: 1.6em;
	text-align: center;
}

/* 微調整 (1020px)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1020px) {
.box01 .chigai .txt_box dt {
	font-size: 4.0vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box01 .point3{
	margin-bottom: 5%;
}
.box01 .point3 li{
	padding: 4% 3% 5%;
	font-size: 100%;
	letter-spacing: .1em;
}

.box01 .chigai {
	margin-bottom: 8%;
}
.box01 .chigai .flex_box {
	margin-bottom: 6%;
}

.box01 .chigai_matome{
	font-size: 1.6em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box01 .point3{
	display: block;
	margin-bottom: 8%;
}
.box01 .point3 li{
	width: 90%;
	margin: 0 auto;
	padding: 1.5em 1.5em 1.0em;
	font-size: 100%;
}
.box01 .point3 li dt {
	font-size: 180%;
	margin-bottom: .2em;
}

.box01 .chigai {
	margin-bottom: 14%;
}
.box01 .chigai .flex_box {
	display: block;
	margin-bottom: 4%;
}
.box01 .chigai .txt_box{
	width: 100%;
}
.box01 .chigai .img_item{
	width: 100%;
}

.box01 .chigai h4 {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}
.box01 .chigai .txt_box dt {
	text-align: center;
	font-size: 1.7em;
	letter-spacing: .1em;
	margin-top: .3em;
	padding-top: .3em;
	margin-bottom: .2em;
}

.box01 .chigai_matome{
	font-size: 1.5em;
}
}



/*block01：院内感染を予防するために
---------------------------------------------------------*/
.block01 h4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#daf2f6+0,daf2f6+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(218,242,246,1) 0%, rgba(218,242,246,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(218,242,246,1) 0%,rgba(218,242,246,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(218,242,246,1) 0%,rgba(218,242,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf2f6', endColorstr='#00daf2f6',GradientType=0 ); /* IE6-9 */
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.block01 .item{
	padding-bottom: 8%;
	border-bottom: solid 1px #e6e6e6;
	margin-bottom: 8%;
}
}



/*block02：より的確な診断を行うために
---------------------------------------------------------*/
.block02 h4{
color: #8eae3f;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dee7cf+0,dee7cf+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(222,231,207,1) 0%, rgba(222,231,207,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(222,231,207,1) 0%,rgba(222,231,207,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(222,231,207,1) 0%,rgba(222,231,207,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee7cf', endColorstr='#00dee7cf',GradientType=0 ); /* IE6-9 */
}

.block02 h4::before{
background: #8eae3f;
}
.block02 .column_box{
	background: rgba(222,232,199,.4);
}
.block02 .column_box .inbox{
	padding: 40px 4%;
}
.block02 .column_box h5{
	background: #e3ebcf;
	color: #8eae3f;
	font-size: 130%;
	letter-spacing: .35em;
	line-height: 1.6em;
	text-align: center;
	padding: 1.0em 3%;
}
.block02 .column_box div.img{
	float: left;
	width: 28%;
	margin: 0 4% 0 0;
}
.block02 .column_box dl.txt{
	float: right;
	width: 68%;
}
.block02 .column_box dt{
	font-size: 1.5em;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.block02 .column_box .inbox{
	padding: 4% 4%;
}
.block02 .column_box h5{
	font-size: 120%;
	padding: .8em 3%;
}
.block02 .column_box .in_box{
	padding: 3% 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.block02 .column_box .inbox{
	padding: 4% 4%;
}
.block02 .column_box h5{
	font-size: 120%;
	letter-spacing: .15em;
	padding-bottom: .8em;
}
.block02 .column_box .in_box{
	padding: 6% 4%;
	display: block;
}
.block02 .column_box div.img{
	float: none;
	width: 80%;
	margin: 0 auto 5% auto;
}
.block02 .column_box dl.txt{
	float: none;
	width: 100%;
}
}


/*block03：丁寧なカウンセリングを
---------------------------------------------------------*/
.block03 h4{
color: #c18b45;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efe1cf+0,efe1cf+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(239,225,207,1) 0%, rgba(239,225,207,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,225,207,1) 0%,rgba(239,225,207,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,225,207,1) 0%,rgba(239,225,207,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe1cf', endColorstr='#00efe1cf',GradientType=0 ); /* IE6-9 */
}
.block03 h4::before{
background: #c18b45;
}
.block03 .item{
	margin-bottom: 0;
}



/*block04：患者さまの負担を軽減するために
---------------------------------------------------------*/
.block04 {
	padding-bottom: 100px;
}
.block04 h4{
color: #af87b4;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efe7f0+0,efe7f0+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(239,231,240,1) 0%, rgba(239,231,240,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,231,240,1) 0%,rgba(239,231,240,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,231,240,1) 0%,rgba(239,231,240,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe7f0', endColorstr='#00efe7f0',GradientType=0 ); /* IE6-9 */
}
.block04 h4::before{
background: #af87b4;
}

.block04 .column_box{
	background: rgba(239,231,240,.4);
}
.block04 .column_box h5{
	background: #efe7f0;
	color: #af87b4;
	font-size: 130%;
	letter-spacing: .35em;
	line-height: 1.6em;
	text-align: center;
	padding: 1.0em 3%;
}
.block04 .column_box .in_box{
	padding: 40px 4%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.block04 .column_box .in_box li {
	width: 48%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.block04 .column_box li p {
	width: 40%;
	max-width: 185px;
}
.block04 .column_box li dl {
	width: 57%;
}
.block04 .column_box dt{
	font-size: 1.5em;
	letter-spacing: .15em;
	margin-bottom: .5em;
}
.block04 .column_box dd{
	line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.block04 {
	padding-bottom: 8%;
}
.block04 .column_box h5{
	font-size: 120%;
	padding: .8em 3%;
}
.block04 .column_box .in_box{
	padding: 3% 4%;
}
.block04 .column_box li p {
	width: 45%;
}
.block04 .column_box li dl {
	width: 53%;
}
.block04 .column_box dt{
	font-size: 1.3em;
	margin-bottom: .2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.block04 {
	padding-bottom: 10%;
}

.block04 .column_box h5{
	font-size: 120%;
	letter-spacing: .15em;
	padding-bottom: .8em;
}
.block04 .column_box .in_box{
	padding: 6% 4%;
	display: block;
}
.block04 .column_box .in_box li {
	width: 100%;
	margin-bottom: 6%;
}
.block04 .column_box .in_box li:last-child {
	margin-bottom: 0;
}
.block04 .column_box dt{
	font-size: 1.3em;
	letter-spacing: .15em;
	margin-bottom: 0;
}
}



/*aed_box
---------------------------------------------------------*/
.aed_box{
	border: solid 1px #d5c05b;
	position: relative;
	padding: 5%;
	margin-bottom: 150px;
}
.aed_box dl{
	width: 76%;
}
.aed_box dt{
	font-size: 1.5em;
	margin-bottom: .5em;
}
.aed_box div{
	position: absolute;
	bottom: 12%;
	right: 3%;
	max-width: 270px;
	width: 23%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aed_box{
	padding: 4%;
	margin-bottom: 10%;
}
.aed_box dt{
	font-size: 1.3em;
	margin-bottom: .2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aed_box{
	padding: 6% 4% 0;
	margin-bottom: 15%;
}
.aed_box dl{
	width: 100%;
}
.aed_box dt{
	font-size: 1.3em;
	margin-bottom: .2em;
}
.aed_box div{
	position: static;
	width: 50%;
	margin: 3% auto 0;
}
}