@charset "UTF-8";
/*====== pc layout ======*/
nav ul li:nth-child(4) a {
	color: #187fc4;
	border-bottom: 2px solid #187fc4;
}
section {
	width: 1000px;
	line-height: 1.9;
}
section:nth-child(2n) {
	margin-top: 100px;
}
p.exchange {
    text-align: right;
}
p.exchange img {
    margin-right: 10px;
    vertical-align: middle;
}
br.pc {block: inline;}

/*====== tab ======*/
.tab {
	width: 1000px;
	margin: 40px auto 0;
}
.tab ul {
	clear: both;
	overflow: hidden;
}
.tab ul li {
	width: 480px;
	margin-right: 40px;
	float: left;
}
.tab ul li:last-child {
	margin-right: 0;
}
.tab ul li:first-child a {
	width: 480px;
    height: 118px;
    display: block;
    background: url(../images/diagnosis/tab01_close.png) no-repeat left top;
	background-size: 100%;
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.tab ul li:first-child a.select {
    background: url(../images/diagnosis/tab01_open.png) no-repeat left top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.tab ul li:last-child a {
	width: 480px;
    height: 118px;
    display: block;
    background: url(../images/diagnosis/tab02_close.png) no-repeat left top;
	background-size: 100%;
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.tab ul li:last-child a.select {
    background: url(../images/diagnosis/tab02_open.png) no-repeat left top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.tab ul li a:hover {
	opacity: 0.6;
}
/*====== TabBoxes ======*/
#adult,
#child {
	width: 1000px;
	margin: 60px auto 135px;
}
#child {
	display: none;
}

/*====== Box ======*/
.box {
	width: 1000px;
	margin-top: 60px;
	clear: both;
	overflow: hidden;
}
.box div {
	width: 480px;
}
.box .left{
	float: left;
}
.box .right{
	float: right;
}
h4 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
}
.box p {
	margin-top: 30px;
}

/*====== 2つ目のsection & WideBox ======*/
section:nth-child(2n) .box p {
	width: 455px;
	margin-top: 15px;
}
.wideBox {
	width: 1000px;
	margin-top: 60px;
}
.wideBox p:last-child {
	margin-top: 20px;
}



/*==========================
=                          =
=        SP LAYOUT         =
=                          =
 =========================*/

@media (max-width: 767px) {
	nav ul li:nth-child(4) a {
		color: #171c61;
		border-bottom: none;
	}

	br.pc {block: none;}
	br.sp {block: inline;}

	h2 img {
	    width: 40%;
	}
	section {
		margin-top: 2%;
		width: 100%;
		line-height: 1.6;
	}
	#child section h3 {
		padding: 4% 0 4% 10%!important;
	}
	section:nth-child(2n) {
		margin-top: 12.5%;
	}
	section h4 {
	    border-bottom: 4px solid yellow;
	    display: inline;
	    font-size: 4.4vw;
	}
	p.exchange {
	    margin-top: 5.5%;
	    text-align: center;
	}
	p.exchange img {
    	width: 6%;
        margin-right: 10px;
	    vertical-align: middle;
	}

	/*====== tab ======*/
	.tab {
		width: 100%;
		margin: 6% auto 0;
	    padding: 0 5.5%;
    	box-sizing: border-box;
	}
	.tab ul {
		clear: both;
		overflow: hidden;
	}
	.tab ul li {
		width: 48.5%;
		margin-right: 3%;
		float: left;
	}
	.tab ul li:last-child {
		margin-right: 0;
	}
	.tab ul li:first-child a {
		width: 100%;
	    height: 100%;
	    display: block;
	    padding: 11% 0;
	    background: url(../images/diagnosis/sp/tab01_close.png) no-repeat left top;
		background-size: 100%;
	    text-indent: 9999px;
	    white-space: nowrap;
	    overflow: hidden;
	    -webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    transition: all 0.2s;
	}
	.tab ul li:first-child a.select {
	    padding: 11% 0;
	    background: url(../images/diagnosis/sp/tab01_open.png) no-repeat left top;
		background-size: 100%;
	    -webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    transition: all 0.2s;
	}
	.tab ul li:last-child a {
		width: 100%;
	    height: 100%;
	    display: block;
	    padding: 11% 0;
	    background: url(../images/diagnosis/sp/tab02_close.png) no-repeat left top;
		background-size: 100%;
	    text-indent: 9999px;
	    white-space: nowrap;
	    overflow: hidden;
	    -webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    transition: all 0.2s;
	}
	.tab ul li:last-child a.select {
	    padding: 11% 0;
	    background: url(../images/diagnosis/sp/tab02_open.png) no-repeat left top;
		background-size: 100%;
	    -webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    transition: all 0.2s;
	}

	/*====== TabBoxes ======*/
	#adult,
	#child {
		width: 100%;
		margin: 6.3% auto 25%;
	}
	#child {
		display: none;
	}

	/*====== Box ======*/
	.box {
		width: 100%;
		margin-top: 7.5%;
		clear: both;
		overflow: hidden;
	}
	.box div {
		width: 100%;
	}
	.box .left{
		float: none;
	}
	.box .right{
		float: none;
	}
	h4 {
		font-family: '秀英丸ゴシック B';
	}
	.box p {
		margin: 7.5% auto 4%;
	}
	.box .left p {
		padding: 0 0 8%;
	}
	.reverse {
		position: relative;
		padding: 82% 0;
	}
	#child .reverse {
		padding: 84% 0;
	}
	#adult .reverse .left {
		position: absolute;
		bottom: -5%;
	}
	#child .reverse .left {
		position: absolute;
		bottom: -8%;
	}
	.reverse .right {
		position: absolute;
		top: 0;
	}
	/*====== 2つ目のsection & WideBox ======*/
	section:nth-child(2n) .box {
		margin-top: 14.6%;
	}
	section:nth-child(2n) .box p {
		width: 100%;
		margin: 7.5% auto 0;
	}
	.wideBox {
		width: 100%;
		margin-top: 7.5%;
	}
	.wideBox p {
		margin: 7.5% auto 4%;
	}
	.wideBox p:last-child {
		margin-top: 0;
	}
	/*====== アコーディオン ======*/
	.accoBtn {
		margin-top: 14.5%;
	}

	.accoBtn span {
	    display: block;
	    padding: 6.8% 0px;
	    background: url(../images/common/sp/accoBtn_on.png) no-repeat left top;
		background-size: 100%;
	    text-indent: 9999px;
	    white-space: nowrap;
	    overflow: hidden;
	}

	.accoBtn span.open {
	    background: url(../images/common/sp/accoBtn_off.png) no-repeat left top;
		background-size: 100%;
	}


}