@charset "utf-8";
.pageContainer.typeDHATOP{margin:0 auto; padding:0;}
.pageContainer.typeDHATOP header{height:85px; margin:0 auto; display:flex; justify-content:center; align-items:center;}
.pageContainer.typeDHATOP header img{display:block; margin:0 auto;}
.dhaContentSelector{display:flex; justify-content:space-between;}
.dhaContentSelector .chikara,
.dhaContentSelector .lab{background-position:center; background-repeat:no-repeat; background-size:cover; flex:1; height:650px; display:flex; justify-content:center; align-items:center;}
.dhaContentSelector .chikara{background-image:url("/jp/dha_lab/images/top/img01.jpg");}
.dhaContentSelector .lab{background-image:url("/jp/dha_lab/images/top/img02.jpg");}
.dhaContentSelector .panel{width:340px; padding:40px 20px; color:#fff; background:#000; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1); text-align:center;}
.dhaContentSelector .panel p{margin-bottom:30px;}
.dhaContentSelector .panel p:last-child{margin-bottom:0;}
.dhaContentSelector .panel p a.btn{background:#fff; color:#000;}

.dhaContentSelector .chikara .panel{background:#d70d19;}
.dhaContentSelector .lab .panel{background:#005bab;}

.dhaContentSelector .chikara .panel a.btn{color:#d70d19; border:1px #d70d19 solid;}
.dhaContentSelector .lab .panel a.btn{color:#005bab; border:1px #005bab solid;}
.dhaContentSelector .chikara .panel a.btn:hover{background:#d70d19; color:#fff; border:1px #fff solid;}
.dhaContentSelector .lab .panel a.btn:hover{background:#005bab; color:#fff; border:1px #fff solid;}

.dhaContentSelector .panel .ttl{margin:0 auto 20px;}
.dhaContentSelector .panel .ttl img{display:block; margin:0 auto;}
.dhaContentSelector .chikara .panel .ttl{width:235px;}
.dhaContentSelector .lab .panel .ttl{width:183px;}

.pageContainer.typeDHATOP .event{background:#fceced; padding:40px 40px 60px; text-align:center;}
.pageContainer.typeDHATOP .event .content{background:url("/jp/dha_lab/images/top/icnEvent.png") no-repeat left center; background-size:192px auto; max-width:864px; margin:0 auto;}
.pageContainer.typeDHATOP .event .title{font-size:30px; margin-bottom:10px;}
.pageContainer.typeDHATOP .event .title b{color:#d70d19; border-bottom:1px #d70d19 solid;}
.pageContainer.typeDHATOP .event p{margin-bottom:15px;}
.pageContainer.typeDHATOP .event p.note{font-size:12px;}

img {
    max-width: 100%;
    height: auto;
}

a.btn {
    background: #d70c18;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    line-height: 1.6;
    padding: 8px 60px 8px 40px;
    border-radius: 40px;
    position: relative;
    transition: background .3s ease;
}

a.btn::after {
    content: '\e901';
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    right: 15px;
    top: calc(50% - 10px);
    transition: right .3s ease, top .3s ease;
}
a.btn::after {
    display: block;
    font-family: 'Umios';
    position: absolute;
    font-weight: normal !important;
}

a.btn:hover::after {
    right: 5px;
}

@media (max-width: 767px){
	.pageContainer.typeDHATOP header{height:55px;}
	.pageContainer.typeDHATOP header img{width:172px;}
	.dhaContentSelector{display:block;}
	.dhaContentSelector .chikara,
	.dhaContentSelector .lab{height:75vw;}
	.dhaContentSelector .panel{width:66vw; padding:6vw 3vw;}
	.dhaContentSelector .panel p{margin-bottom:4vw; font-size:3.5vw;}

	.dhaContentSelector .panel .ttl{margin:0 auto 4vw;}
	.dhaContentSelector .panel .ttl img{display:block; margin:0 auto;}
	.dhaContentSelector .chikara .panel .ttl{width:75%;}
	.dhaContentSelector .lab .panel .ttl{width:55%;}
	.dhaContentSelector .panel a.btn{font-size:3.5vw; padding:2vw 4vw 2vw 3vw; width:100%;}
	.dhaContentSelector .panel a.btn::after{width:16px; height:16px; line-height:16px; right:3vw; top:calc(50% - 8px);}

	.pageContainer.typeDHATOP .event{padding:10vw 6vw 12vw; margin-bottom:20px;}
	.pageContainer.typeDHATOP .event .content{background-size:40vw auto; max-width:none;}
	.pageContainer.typeDHATOP .event .title{font-size:6vw; margin-bottom:2vw;}
	.pageContainer.typeDHATOP .event p{margin-bottom:2vw; font-size:4vw;}
	.pageContainer.typeDHATOP .event p.note{font-size:3vw;}

}