@charset "utf-8";

:root {
--color-blue: #172A88;
--color-green: #015023;
}
.color-green{
    color:var(--color-green)!important;
}

/* CSS Document */
.pagejump_nav{
    padding-top:30px;
}
.pagejump_nav ul{display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.pagejump_nav ul li{width:47%;border-radius:9px;overflow:hidden;}
.pagejump_nav ul li a{display:block;}
.pagejump_nav ul li .thum{width:100%;height:223px;}
.pagejump_nav ul li .thum img{width:100%;}
.pagejump_nav ul li .under_bg{padding:15px 15px 30px;}
.pagejump_nav ul li p::after{
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #282828;
    border-right: solid 2px #282828;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    bottom: -16px;
    left:50%;
    margin-left: -4px;
}
.pagejump_nav ul li p{text-align:center;font-weight:bold;line-height:1.4em;position:relative;font-size:1.3em;}
.pagejump_nav ul li:first-child{border:2px solid var(--color-blue);}
.pagejump_nav ul li:last-child{border:2px solid var(--color-green);}
.pagejump_nav ul li:first-child span{color:#282828;font-weight:bold;font-size:1.5em;}
.pagejump_nav ul li:last-child span{color:#282828;font-weight:bold;font-size:1.5em;}
@media screen and (min-width:751px){
.pagejump_nav{width:100%; max-width:760px;margin:0 auto;}
}
@media screen and (max-width: 750px) {
.pagejump_nav ul li{width:48%;}
.pagejump_nav ul li .thum{height:32vw;}
.pagejump_nav ul li .under_bg{padding:2vw 2vw 5.5vw;}
.pagejump_nav ul li p{font-size:.75em;}
.pagejump_nav ul li p::after{bottom:-3vw;}
}



.intro h2{
    color: #003364;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 2.2rem;
}
.intro h3{
    text-align: center;
    color: #fff;
    background: #003364;
    line-height: 1.5;
    letter-spacing: 0.2rem;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.25rem;
      margin-bottom: 20px;
}
.winter2023_banner h3{
    color:#182987;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 2.2rem;
}
.winter2023_banner h4{
    margin-block-start: 2em;
    margin-block-end: .5em;
}
.winter2023_banner h4 span{
    color:#fff;
    background: #182987;
    font-weight: bold;
    line-height: 1.4;
    padding:5px 20px;
}
h3.h_ico2{
	color: var(--color-blue);
	font-weight: bold;
	line-height: 1.6;
	font-size: 2.0rem;
	position: relative;
	display: inline-block;
	padding-left: 160px;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 10px;
}
.start h3.h_ico2{
    color: var(--color-green)!important;
}

h3.h_ico2:before{
	position: absolute;
	display: block;
	content: "";
	width: 149px;
	height: 106px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-image: url("https://www.medical-labo.com/wp-content/themes/lionmedia-child/img2/winter/winter2022_ttl02.png");
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
}
h3.h_ico2 span{
	font-weight: bold;
	border: 2px solid #003364;
	padding: 1px 10px;
	font-size: 1.2rem;
}
.goukaku_title{
    color:#182987;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 2.2rem;
    text-align: center;
    margin-top:80px;
}
.goukaku{
    background:#172a88;
    padding:25px;
}
.goukaku .inner{
    background:#fff;
    padding:20px;
    width:auto;
}
.goukaku .inner .inner{
    margin:1em auto;
    max-width:880px;
}
.goukaku .inner .flex{
    display: flex;
    justify-content: space-between;
}
.goukaku .inner .flex-left{
    width:60%;
    text-align: left;
    padding-bottom: 20px;
}
.goukaku .inner .flex-right{
    width:35%;
    text-align: left;
}
.goukaku .inner figure{
    text-align: center;
}
.goukaku h3{
    border-bottom:2px solid #172a88;
    color:#172a88;
    padding:10px;
    text-align: center;
    margin:1em auto;
    font-weight: bold;
    font-size: 1.7rem;
}
.goukaku h3 span{
    font-weight: bold;
}
.goukaku h4{
    color:#172a88;
    text-align: left;
    font-size:1.5rem;
    display: flex;
    align-items: center;
    justify-content:flex-start;
    width:100%;
    margin-block-end: 1em;
}
.goukaku h4 i{
    margin-right:15px;
}
.goukaku h4 span{
    font-weight: bold;
}
.goukaku .arrow{
    text-align: center;
    }
.goukaku h5{
    color:#eb6d8e;
    font-size: 4rem;
    text-align: center;
    margin:.5em auto 1em auto;
    font-weight: bold;
}
.goukaku_voice{
    overflow:hidden;
}
.goukaku_voice_end{
width:60%; display: inline-block; margin:0 auto;
    text-align: left;
}
.goukaku_voice p{
    margin-bottom:15px;
}
.goukaku_voice figure{
    float: right;
    margin-left:20px;
    margin-bottom:20px;
    max-width:210px;
}
.goukaku_voice figure.float-left{
    float: left;
    margin-right:20px;
    margin-left:0;
}
#winter.winter2022 #merit .taisaku h4{
	color: var(--color-blue)!important;
	margin-top: 0;
}

.goukaku-txt{
    font-size:1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .intro h2{
    font-size: 1.25rem;
    margin-bottom: 20px;
    }

    .intro h3{
    font-size: 1.00rem;
    }
    .winter2023_banner h3{
    font-size: 1.25rem;
    }
    .winter2023_banner h4{
    font-size: 1rem;
    }    
    h3.h_ico2 {
    line-height: 1.5;
    font-size: 1.3rem;
    padding-left: 22vw;
    padding-bottom: 4vw;
    margin-top: 10vw;
    }
    h3.h_ico2 span {
    font-size: 0.95rem;
    line-height: 2.3;
    }
    h3.h_ico2::before {
    width: 100%;
    height: 100%;
    background-size: 20vw auto;
    }
    .goukaku_title{
    margin-top:10vw;
    font-size: 1.25rem;
    }    
    .goukaku{
    padding:10px;
    }
    .goukaku .inner{
    padding:10px;
    }
    .goukaku .inner .inner{
    margin:.5em auto;
    }
    .goukaku .inner .flex{
    flex-direction: column;
    }
    .goukaku .inner .flex-left,
    .goukaku .inner .flex-right{
    width:100%;
    }
    .goukaku h3{
    margin:.5em auto .3em;
    font-size:1.1rem;
    line-height: 1.2;
    }
    .goukaku h3 span{
    font-size:.9rem;
    display: block;
    }
    .goukaku h4{
    align-items: flex-start;
    font-size:1.1rem;
    }
    .goukaku h4 i{
    text-align: left;
    width:50px;
}
    .goukaku .arrow img{
    width:10%!important;
    }
    .goukaku h5{
    margin:0 auto .3em;
    font-size:1.8rem;
    }
    .goukaku_voice figure{
    max-width:40%;
    }
    .goukaku_voice_end{
    width:100%;
    }
    .goukaku-txt{
    font-size:1.1rem;
    }
}