@charset "UTF-8";
/* css home-visiting [top] */

@import url("main.css");

/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#intro {
	padding-top: 10px;
}

#sect002 {
	padding-top: 10px;
}

#sect003 {
	padding-top: 10px;
}
	
#sect004 {
	padding-top: 10px;
}
	
#sect005 {
	padding-top: 10px;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding: 0;
	margin: 0;
}

.item-title h4 {
	padding: 0;
	margin: 0;
	color: #00ada9;
	font-weight: 600;
}

/*---------------------------------------------------- */
/* intro */
/*---------------------------------------------------- */
/*== P ==*/
.moji_intro {
	padding: 0;
	margin: 0;
}

.moji_intro p {
	margin-top: 0;
}

/*== img ==*/
#intro img {
	width: 100%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/*---------------------------------------------------- */
/* Areabox */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_area {
	margin: 0 auto;
	height: auto;
}
	
.waku_area .area_left {
	margin: 0;
	height: auto;
}
	
.waku_area .area_right {
	margin: 0;
	height: auto;
}

.areabox {
	margin: 0 auto;
	height: auto;
}

/*== img ==*/
.waku_area .area_left .photo_area {
	margin: 0;
	height: auto;
	background-color: #fff;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.photo_area img {
	padding: 0;
	margin: 0;
	width: 100%;
	vertical-align: bottom;
}

/*== P ==*/
.txt {
	margin: 0;
	height: auto;
}

.txt p {
	padding: 0;
	margin: 0;
	font-weight: normal;
	line-height: 1.6;
}

/*---------------------------------------------------- */
/* Symptoms */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_symptoms {
	margin: 0 auto;
	height: auto;
}

.waku_symptoms .symptoms_box {
	height: auto;
	display: inline-block;
    /display: inline;
    /zoom: 1;
	vertical-align: top;
}

.waku_symptoms .symptoms_box .boxarea {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

/*== img ==*/
.photo_symptoms {
	margin: 0 auto;
	height: auto;
}

.photo_symptoms img {
	padding: 0;
	margin: 0 auto;
	vertical-align: bottom;
}

/*== h4 ==*/
.symptoms-title {
	margin: 0;
	overflow: hidden;
}

.symptoms-title h4 {
	color: #fff;
	font-family: "Kosugi Maru", メイリオ, Meiryo, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background-color: #00ada9;
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}


/* PC */
@media print, screen and (min-width: 960px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#intro {
	padding-bottom: 40px;
}

#sect002 {
	padding-bottom: 40px;
}
	
#sect003 {
	padding-bottom: 40px;
}
	
#sect004 {
	padding-bottom: 40px;
}
	
#sect005 {
	padding-bottom: 40px;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding-top: 25px;
	padding-bottom: 15px;
}

.item-title h4 {
	font-size: 21px;
}

/*---------------------------------------------------- */
/* intro */
/*---------------------------------------------------- */
/*== P ==*/
.moji_intro p {
	font-size: 18px;
	text-align: left;
}

.moji_intro p span {
	display: block;
}

/*---------------------------------------------------- */
/* Areabox */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_area {
	padding: 0 0 15px 0;
	width: 96%;
	overflow: hidden;
}
	
.waku_area .area_left {
	padding: 0;
	width: 24%;
	float: left;
}
	
.waku_area .area_right {
	padding: 0;
	width: 72%;
	float: right;
}
	
.areabox {
	padding: 0 0 15px 0;
	width: 98%;
}

/*== img ==*/
.photo_area {
	padding: 0;
	width: 100%;
	/*border: 4px solid #ebeff2;*/
}

/*== h5 ==*/
.sect-headine {
	margin-top: 5px;
}

/*== P ==*/
.txt {
	padding: 0;
}

.txt p {
	font-size: 15px;
}

/*---------------------------------------------------- */
/* Symptoms */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_symptoms {
	padding: 10px 0 0 0;
	width: 100%;
}

.waku_symptoms .symptoms_box {
	padding: 0;
	margin: 0 0.5%;
	width: 18.4%;
}

.waku_symptoms .symptoms_box .boxarea {
	padding: 10px 0;
}

/*== img ==*/
.photo_symptoms {
	padding: 0;
	width: 80%;
}

/*== h4 ==*/
.symptoms-title {
	padding: 0;
}

.symptoms-title h4 {
	font-size: 15px; /* 17px */
	margin-bottom: .7em;
	padding: .5em .7em;
}

/*---------------------------------------------------- */
/* button */
/*---------------------------------------------------- */
.showdetail {
	width: 100%;
	margin: 0 0 2.5em;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.showdetail li {
	width: 28%;
	margin-right: 0;
}

.showdetail li + li {
	margin-left: 8%;
}

.showdetail a {
	color: #fff;
	font-size: 18px;
	text-align: center;
	white-space: nowrap;
	width: 28%;
	margin: 0 auto;
	padding: .6em 1em .5em;
	display: block;
	background-color: #00ada9;
	border-bottom: none;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


}

/* Tablet */
@media all and (max-width: 959px) and (min-width: 700px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#intro {
	padding-bottom: 30px;
}

#sect002 {
	padding-top: 20px;
	padding-bottom: 30px;
}
	
#sect003 {
	padding-top: 20px;
	padding-bottom: 30px;
}
	
#sect004 {
	padding-top: 20px;
	padding-bottom: 30px;
}
	
#sect005 {
	padding-top: 20px;
	padding-bottom: 30px;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding-top: 15px;
	padding-bottom: 12px;
}

.item-title h4 {
	font-size: 19px;
}

/*---------------------------------------------------- */
/* intro */
/*---------------------------------------------------- */
/*== P ==*/
.moji_intro p {
	font-size: 16px;
	text-align: left;
}

.moji_intro p span {
	display: inline;
}

/*---------------------------------------------------- */
/* Areabox */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_area {
	padding: 0 0 15px 0;
	width: 96%;
	overflow: hidden;
}
	
.waku_area .area_left {
	padding: 0;
	width: 24%;
	float: left;
}
	
.waku_area .area_right {
	padding: 0;
	width: 72%;
	float: right;
}

.areabox {
	padding: 0 0 15px 0;
	width: 96%;
}

/*== img ==*/
.photo_area {
	padding: 0;
	width: 100%;
	/*border: 4px solid #ebeff2;*/
}
	
/*== h5 ==*/
.sect-headine {
	margin-top: 5px;
}

/*== P ==*/
.txt {
	padding: 0;
}

.txt p {
	font-size: 14px;
}

/*== h4 ==*/
.symptoms-title {
	padding: 0;
}

.symptoms-title h4 {
	font-size: 17px;
	margin-bottom: .7em;
	padding: .5em .7em;
}

/*== img ==*/
.photo_symptoms {
	margin: 0 auto;
	height: auto;
	width: 70%;
}

.photo_symptoms img {
	padding: 0;
	margin: 0 auto;
	vertical-align: bottom;
}

/*---------------------------------------------------- */
/* Symptoms */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_symptoms {
	padding: 10px 0 0 0;
	width: 100%;
}

.waku_symptoms .symptoms_box {
	padding: 0;
	margin: 0 0.5%;
	width: 31.4%;
}

.waku_symptoms .symptoms_box .boxarea {
	padding: 10px 0;
}

/*== img ==*/
.photo_symptoms {
	padding: 0;
	width: 80%;
}


}


/* SP */
@media screen and (max-width: 699px) {
/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#intro {
	padding-top: 0;
	padding-bottom: 10px;
}

#sect002 {
	padding-top: 30px;
	padding-bottom: 10px;
}
	
#sect003 {
	padding-top: 30px;
	padding-bottom: 10px;
}
	
#sect004 {
	padding-top: 30px;
	padding-bottom: 10px;
}
	
#sect005 {
	padding-top: 30px;
	padding-bottom: 10px;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
.item-title {
	padding-top: 15px;
	padding-bottom: 10px;
}

.item-title h4 {
	font-size: 17px;
}

/*---------------------------------------------------- */
/* intro */
/*---------------------------------------------------- */
/*== P ==*/
.moji_intro p {
	font-size: 15px;
	text-align: left;
}

.moji_intro p span {
	display: inline;
}

/*---------------------------------------------------- */
/* Areabox */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_area {
	padding: 0 0 15px 0;
	width: 96%;
}
	
.waku_area .area_left {
	padding: 0;
	margin: 0 auto;
	width: 70%;
	display: block;
}
	
.waku_area .area_right {
	padding: 0;
	width: 100%;
	display: block;
}

.areabox {
	padding: 0 0 15px 0;
	width: 96%;
}

/*== img ==*/
.photo_area {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	/*border: 4px solid #ebeff2;*/
}

/*== h5 ==*/
.sect-headine {
	margin-top: 0;
}

/*== P ==*/
.txt {
	padding: 0;
}

.txt p {
	font-size: 14px;
}

/*== h4 ==*/
.symptoms-title {
	padding: 0;
}

.symptoms-title h4 {
	font-size: 17px;
	margin-bottom: .7em;
	padding: .5em .7em;
}

/*== img ==*/
.photo_symptoms {
	margin: 0 auto;
	height: auto;
}

.photo_symptoms img {
	padding: 0;
	margin: 0 auto;
	vertical-align: bottom;
}

/*---------------------------------------------------- */
/* Symptoms */
/*---------------------------------------------------- */
/*== Waku ==*/
.waku_symptoms {
	padding: 10px 0 0 0;
	width: 100%;
}

.waku_symptoms .symptoms_box {
	padding: 0;
	margin: 0 0.5%;
	width: 31.4%;
}

.waku_symptoms .symptoms_box .boxarea {
	padding: 10px 0;
}

/*== img ==*/
.photo_symptoms {
	padding: 0;
	width: 80%;
}


}