@charset "UTF-8";
/* CSS Document */

/*==================================================

Reset Style

==================================================*/
*{box-sizing:border-box;margin:0;padding:0;}
html{
    overflow-y:scroll;font-size:62.5%;
    font-family:"UD Shin Go Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
body{height:100%;background-color:#fff;}
*html body{text-align:center;}
hr{display:none;}
img{border:none;vertical-align:bottom;max-width:100%;}
svg{vertical-align:bottom;display:block;}
div,dl,dt,dd,form,input,ul,ol,li,p,select,textarea,span,th,td{vertical-align:bottom;margin:0;padding:0;}
address,th,caption,strong,dfn{font-style:normal;font-weight:400;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;margin:0;padding:0;}
input,select,textarea{font-size:100%;font-family:inherit;font-weight:inherit;}
sup{vertical-align:text-top;font-size:72%;bottom:1ex;}
sub{vertical-align:text-bottom;font-size:72%;top:.5ex;}
ol,ul{list-style:none;}
table{font-size:inherit;border-collapse:collapse;border-spacing:0;}
caption{text-align:left;}
fieldset{border:0;}
a{color:#333;text-decoration:none;word-break: break-all;}
a:focus{outline:none;}
sup,sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;}

/*==================================================

Common Style

==================================================*/
@media (min-width: 751px) {
	body{ min-width: 1024px; }
	#wrapper{ min-width: 1024px; overflow: hidden;}
	.u-sp{ display: none; }
	a{ transition: opacity .3s; }
	a:hover{ opacity: 0.5; }
	#wrapper a[href^="tel:"] {
		pointer-events: none;
		text-decoration: none;
	}
}
@media (max-width: 750px) {
	.u-pc{ display: none; }
}
/*====================================
other
====================================*/
.iBlock{display: inline-block;}
.inner{
	position: relative;
	max-width: 1440px;
	width: 94%;
	margin: 0 auto;
}
.wrapper-under .inner{
	max-width: 980px;
}
.link-box{
	position: absolute;
	padding-top: 50px;
	margin-top: -50px;
}
.txt-center{
	text-align: center;
}
@media (max-width: 750px) {
	.inner{
		width: 85%;
	}
}
/*==================================================

area-header

==================================================*/
.area-header{
	background: #e60012;
	width: 100%;
}
.area-header .inner{
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
}
@media (max-width: 750px) {
	.area-header .inner{
		width: 100%;
	}
}
/*====================================
box-logo
====================================*/
.area-header .inner .box-logo{
	position: relative;
	width: 105px;
	margin-left: 45px;
}
.area-header .inner .box-logo a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background: #FFFFFF;
}
@media (max-width: 750px) {
	.area-header .inner .box-logo{
		position: relative;
		width: 48px;
		margin-left: 15px;
	}
}
/*====================================
box-navi
====================================*/
@media (min-width: 751px) {
	.area-header .inner .box-navi{
		margin-left: auto;
		width: calc( 100% - 105px - 45px );
	}
	.area-header .inner .box-navi > .menu-list{
		display: flex;
		align-items: center;
		justify-content:space-between;
		width: 100%;
	}
	.area-header .inner .box-navi > .menu-list > li{
		width: calc( 100% / 5 );
        position: relative;
	}
	/*
	.area-header .inner .box-navi > .menu-list > li:first-of-type{
		border-left: 1px solid #FFFFFF;
	}
	*/
	.area-header .inner .box-navi > .menu-list > li + li{
		border-left: 1px solid #FFFFFF;
	}
	.area-header .inner .box-navi > .menu-list > li > a{
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		font-size: 1.5rem;
		text-align: center;
		width: 100%;
		height: 50px;
	}
}
@media (max-width: 750px) {
	.area-header .inner .box-navi .menu-list{
		display: none;
	}
}

/*====================================
menu-detail
====================================*/
.area-header .inner .box-navi > .menu-list > li > a + .menu-detail{
	display: none;
}
@media (min-width: 751px) {
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,100%);
        z-index: 1;
        width: 100%;
        background: #FFFFFF;
    }
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul{
    }
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li{
        margin-top: 1px;
    }
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li > a{
        display: block;
        width: 100%;
        padding: 1em;
        background:#514f4e;
        color: #FFFFFF;
    }
}
@media (max-width: 750px) {
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul{
    }
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li{
        margin-top: 1px;
    }
	.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li > a{
        display: block;
        width: 100%;
        padding: 1em 20px;
        background:#514f4e;
        color: #FFFFFF;
    }
}
/*====================================
a[target="_blank"]
====================================*/
a[target="_blank"]:not([href$=".pdf"]){
    position: relative;
    padding-right: 35px;
}
a[target="_blank"]:not([href$=".pdf"])::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url("/wp-content/themes/jv2021/img/common/pc/icon_blank01.svg") center center no-repeat;
}
@media (max-width: 750px) {
    a[target="_blank"]:not([href$=".pdf"]){
        padding-right: 25px;
    }
    a[target="_blank"]:not([href$=".pdf"])::after{
        width: 12px;
        height: 12px;
    }
}
.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li > a[target="_blank"]{
    padding-right: 30px;
}
.area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li > a[target="_blank"]::after{
    background: url("/wp-content/themes/jv2021/img/common/pc/icon_blank02.svg") center center no-repeat;
}
@media (max-width: 750px) {
    .area-header .inner .box-navi > .menu-list > li > a + .menu-detail > ul > li > a[target="_blank"]{
        padding-right: 25px;
    }
}
/*====================================
a[href$=".pdf"]
====================================*/
a[href$=".pdf"]{
    position: relative;
    padding-right: 30px;
    display: inline-block;
}
a[href$=".pdf"]::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 10px;
    width: 14px;
    height: 20px;
    background: url("/wp-content/themes/jv2021/img/common/pc/icon_pdf01.svg") center center no-repeat;
}
/*====================================
open after
====================================*/
@media (max-width: 750px) {
	.area-header.js-open_check .inner{
		position: fixed;
		top: 0;
		left: 0;
		background: #e60012;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 9999;
	}
	.area-header.js-open_check .inner .box-navi .menu-list{
		display: block;
		background: #F1F1F1;
		width: 100%;
		z-index: 0;
		margin-top: 52px;
	}
	.area-header.js-open_check .inner .box-navi > .menu-list > li{
		width: 100%;
	}
	.area-header.js-open_check .inner .box-navi > .menu-list > li + li{
		border-top: 1px solid #C5C5C5;
	}
	.area-header .inner .box-navi > .menu-list > li > a{
		display: block;
		font-size: 1.1rem;
		width: 100%;
		padding: 20px;
	}
}
/*==================================================

area-header / js-menu

==================================================*/
@media (min-width: 751px) {
	.area-header .menu-sp-box{
		display: none;
	}
}
@media (max-width: 750px) {
	.area-header .menu-sp-box{
		position: fixed;
		top: 15px;
		right: 20px;
		display: block;
		width: 21px;
		height: 16px;
		cursor: pointer;
		z-index: 9999;
	}
	.area-header .menu-sp-box > li{
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		background: #e60012;
		left: 50%;
		transition:all .5s;
	}
	.area-header .menu-sp-box > li:nth-child(1){ top: 0; transform:translateX(-50%); }
	.area-header .menu-sp-box > li:nth-child(2){ top: 50%; transform:translate(-50% , -50%); }
	.area-header .menu-sp-box > li:nth-child(3){ bottom: 0; transform:translateX(-50%); }
}
/*====================================
open after
====================================*/
@media (max-width: 750px) {
	.area-header.js-open_check .menu-sp-box > li{
		background: #FFFFFF;
	}
	.area-header.js-open_check .menu-sp-box > li:nth-child(1){
		-webkit-transform: translate(-50%,-50%) rotate(-315deg);
		transform: translate(-50%,-50%) rotate(-315deg);
		top: 50%;
	}
	.area-header.js-open_check .menu-sp-box > li:nth-child(2){
		opacity: 0;
	}
	.area-header.js-open_check .menu-sp-box > li:nth-child(3){
		bottom: 50%;
		-webkit-transform: translate(-50%,50%) rotate(315deg);
		transform: translate(-50%,50%) rotate(315deg);
	}
}
/*==================================================

area-header / sub-list

==================================================*/
/*====================================
open after
====================================*/
.area-header .inner .sub-list{
	display: none;
}
@media (max-width: 750px) {
	.area-header.js-open_check .inner .sub-list{
		display: block;
		margin-top: 10px;
	}
	.area-header.js-open_check .inner .sub-list > li > a{
		display: block;
		font-size: 1.0rem;
		width: 100%;
		padding: 10px 20px;
		color: #FFFFFF;
	}
}
/*==================================================

main

==================================================*/
#wrapper.wrapper-under .cmn-container{
	padding-top: 100px;
}
@media (max-width: 750px) {
	#wrapper.wrapper-under .cmn-container{
		padding-top: 6em;
	}
}
/*====================================
cmn-area
====================================*/
.cmn-area{
	margin-bottom: 100px;
	font-size: 1.4rem;
}
@media (max-width: 750px) {
	.cmn-area{
		margin-bottom: 22%;
	}
}
/*====================================
cmn-btn-arrow
====================================*/
.cmn-btn-arrow{
	position: relative;
	display: inline-block;
	font-size: 1.8rem;
	width: 80%;
	max-width: 275px;
	padding-bottom: 10px;
	text-align: left;
	letter-spacing: 0.3em;
}
.cmn-btn-arrow::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: block;
	width: 278px;
	height: 10px;
    background: url("/wp-content/themes/jv2021/img/common/pc/btn_line01.svg") left center no-repeat;
}
@media (max-width: 750px) {
	.cmn-btn-arrow{
		position: relative;
		display: inline-block;
		font-size: 1.0rem;
		width: auto;
		max-width: 275px;
		padding-bottom: 10px;
		text-align: left;
		letter-spacing: 0.3em;
		padding-right: 20px;
	}
	.cmn-btn-arrow::after{
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		display: block;
        width: 105px;
        height: 6px;
        background: url("/wp-content/themes/jv2021/img/common/sp/btn_line01.svg") left center no-repeat;
	}
}
/*====================================
cmn-mid
====================================*/
.cmn-mid{
	margin-bottom: 80px;
	text-align: center;
    padding-bottom: 25px;
    background: url("/wp-content/themes/jv2021/img/common/pc/tit_line01.svg") bottom center no-repeat;
    min-width: 173px;
    background-size: 173px 8px;
}
.cmn-mid .box-img{
	margin: 0 auto;
}
.cmn-mid .box-jpn,
.cmn-mid .box-eng{
    /*
	font-family: "UD Shin Go Regular", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    */
	font-size: 4.7rem;
	color: #e60012;
	letter-spacing: 0.2em;
}
.cmn-mid .box-jpn{
	letter-spacing:normal;
	font-size: 3.7rem;
	padding: 10px 0;
}
.cmn-mid .box-tit{
	font-size: 1.6rem;
	letter-spacing: 0.3em;
	margin-top: 0;
}
#wrapper.wrapper-under .cmn-area .wrap-tit{
	text-align: center;
}
@media (max-width: 750px) {
	.cmn-mid{
		margin-bottom: 35px;
        min-width: 105px;
        background: url("/wp-content/themes/jv2021/img/common/sp/tit_line01.svg") bottom center no-repeat;
        background-size: 107px 7px;
	}
	.cmn-mid .box-eng{
		font-size: 1.7rem;
	}
	#wrapper.wrapper-under .cmn-mid .box-jpn{
		font-size: 2.4rem;
	}
	.cmn-mid .box-tit{
		font-size: 1.0rem;
		margin-top: 0;
	}
}
/*====================================
cmn-sub
====================================*/
.cmn-sub{
	margin-bottom: 20px;
	background: #e60012;
	padding: 10px 20px;
	font-size: 1.8rem;
	color: #FFFFFF;
	letter-spacing: 0.2em;
}
@media (max-width: 750px) {
	.cmn-sub{
		font-size: 1.7rem;
	}
}
/*====================================
cmn-pagination
====================================*/
.cmn-pagination .pages{
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
	margin-right: 0.5em;
}

.cmn-pagination a,
.cmn-pagination span{
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.cmn-pagination .current,
.cmn-pagination a:hover{
	border-color: #000;
}

.cmn-pagination .dots{
	border: none;
}
@media (max-width: 750px) {
	.cmn-sub{
		font-size: 1.7rem;
	}
}
/*====================================
list-circle
====================================*/
.cmn-txt .list-circle{
	display: block;
}
.cmn-txt .list-circle > li{
	position: relative;
	padding-left: 10px;
	display: block;
}
.cmn-txt .list-circle > li::before{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.5em;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #000000;
	border-radius: 50%;
}
.cmn-txt .box-txt + .list-num .box-txt + .list-circle{
	margin-top: 0.5em;
}



/*==================================================

area-footer

==================================================*/
.area-footer .inner{
	max-width: none;
	margin: 0 auto;
	width: 100%;
	padding-top: 100px;
}
.area-footer .inner .list-box{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	font-size: 1.3rem;
	padding: 30px 20px;
}
.area-footer .inner .list-box > li + li{
	margin-left: 60px;
}
.area-footer .inner .box-copy{
	display: block;
	width: 100%;
	font-size: 1.4rem;
	color: #FFFFFF;
	background: #e60012;
	text-align: right;
	padding: 30px 20px;
}
@media (max-width: 750px) {
	.area-footer .inner{
		padding-top: 0;
	}
	.area-footer .inner .list-box{
		display: block;
		width: 100%;
		font-size: 1.0rem;
		padding: 0 20px 20px;
		text-align: left;
	}
	.area-footer .inner .list-box > li + li{
		margin-left: 0;
		margin-top: 10px;
	}
	.area-footer .inner .box-copy{
		font-size: 1.0rem;
		color: #FFFFFF;
		background: #e60012;
		text-align: left;
		padding: 10px 20px;
	}
}

/*==================================================

aos-slidebar

==================================================*/
[data-aos^=slidebar][data-aos^=slidebar]{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
[data-aos^=slidebar][data-aos^=slidebar]::before,
[data-aos^=slidebar][data-aos^=slidebar]::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9998;
}
[data-aos^=slidebar][data-aos^=slidebar]::before{
	background-color: #FFFFFF;
}
[data-aos^=slidebar][data-aos^=slidebar]::after{
	background-color: #e60012;
}
[data-aos^=slidebar][data-aos^=slidebar]::before{
	-webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;
	-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);
	-webkit-transition: -webkit-transform 1.0s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 1.0s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 1.0s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 1.0s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 1.0s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos^=slidebar][data-aos^=slidebar]::after{
	-webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left;
	-webkit-transform: scaleX(0) translateX(0); -ms-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0);
	-webkit-transition: -webkit-transform 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: -webkit-transform 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: transform 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos^=slidebar][data-aos^=slidebar].aos-animate::before{
	-webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%);
}
[data-aos^=slidebar][data-aos^=slidebar].aos-animate::after{
	-webkit-transform: scaleX(1) translateX(101%); -ms-transform: scaleX(1) translateX(101%); transform: scaleX(1) translateX(101%);
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate::before,
body[data-aos-delay="1000"] [data-aos].aos-animate::before,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate::after,
body[data-aos-delay="1000"] [data-aos].aos-animate::after {
    transition-delay: 1s;
	transition-duration: 1s;
}