@charset "utf-8";

.contents-container{
	background-image: url(../images/first/titlebg.jpg);
    background-repeat: no-repeat;
	background-position-x: right;
}

#doctor{
    background-image: url(../images/first/doctor_image.png);
    display: block;
    height: 310px;
    width: 275px;
    background-repeat: no-repeat;
    padding-top: 320px;
	float: left;
}
#aisastu{
    float: right;
    width: 720px;
    /*font-size: 90%;*/
}
#fstiv{
	margin-top: 50px;
}

#opr p{
    margin-top: 8px;
    font-size: 90%;
}
.rreki-nen{
    display: block;
    float: left;
    margin-right: 1rem;
    min-height: 2rem;
    clear: both;
}
iframe{
	border: 1px solid #ddd;
    box-sizing: border-box;
}
.dctimgtxt {
    font-size: 70%;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}

/* ==========================================================================
   PC 1440(WXGA) Under
========================================================================== */
@media screen and (max-width: 1441px) {
.contents-container{
	background-position-x: 800px;
}

}

/* ==========================================================================
   PC 1366(WXGA) Under
========================================================================== */
@media screen and (max-width: 1367px) {
.contents-container{
	background-position-x: 770px;
}

}

/* ==========================================================================
   PC 1280(WXGA) Under
========================================================================== */
@media screen and (max-width: 1281px) {
.contents-container{
	background-position-x: 720px;
}

}

/* ==========================================================================
   Tablet
========================================================================== */
@media screen and (max-width: 1081px) {
.contents-container{
	background-image: none;
}
.sec-border {
    margin: 2%;
    width: 96%;
}
#doctor,
#aisastu{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#doctor {
    width: 30%;
}
#aisastu{
    width: 70%;
	padding: 0px 1rem;
}
#listlink li {
	width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}
#listlink a {
    width: 100%;
}
}

@media screen and (max-width: 1025px) {
#doctor {
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}

}
@media screen and (max-width: 415px) {
#doctor {
    width: 100%;
    background-position-x: center;
    float: none;
    clear: both;
    display: block;
    height: max-content;
    margin-bottom: 30px;
	-moz-background-size: unset;
    -webkit-background-size: unset;
    -o-background-size: unset;
    -ms-background-size: unset;
    background-size: unset;
}
#aisastu {
    padding: 0;
	width: 100%;
}
.sec-border {
    padding: 8px;
}
#listlink li {
    width: 96%;
    margin-bottom: 20px;
}
.smallarea {
    padding-top: 0px;
}

}

@media print{
#gmap iframe {
   display: none;
}
#gmap {
	background-image: url(../images/common/maps.jpg);
	width: 100%;
    height: 430px;
    background-position-x: center;
	margin-top: 30px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

}