@import url("https://fonts.googleapis.com/css?family=Playfair+Display&display=swap");
@charset "UTF-8";
:root{
	--body : #000;
	--link : #000;
}
body{
	background-color : #000;
	color : #fff;
	padding-top : 0;
}
body a{
	color : #fff;
}
@media screen and (max-width: 750px){
	#menuBtn span span{
		background-color : #fff;
	}
}
/*--------------------------------------------
MAIN VISUAL
---------------------------------------------*/
#mv{
	background-repeat : no-repeat;
	background-position : center;
	background-size : cover;
}
#mv .wrap{
	position : relative;
}
#mv h1{
	font-family : "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho","Sawarabi Mincho", serif;
    text-shadow: #000 1px 0 6px;
}
#mv h1:after{
	position : absolute;
	font-family : "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho","Sawarabi Mincho", serif;
	font-weight : 800;
}
#mv p{
	font-size : 1.6rem;
	line-height : 1.69;
        text-shadow: #000 1px 0 6px;
}
#mv-slider {
    position: absolute;
    left: 0;
}
    #mv-slider li {
        background-position: center center;
        background-repeat: no-repeat;
    }
@media screen and (max-width: 750px){
	#mv{
		height : calc( 542 * 100vw / 375 );
		overflow : hidden;
	}
	#mv .wrap{
		padding-top : calc( 45 * 100vw / 375 );
	}
	#mv h1{
		font-size : 6rem;
		line-height : 1;
        width: 5em;
        margin-top: 3.5em;
	}
	#mv h1 span{
        font-size: 3.5rem;
        display: block;
        margin-bottom: calc( 15 * 100% / 375 );
	}
	#mv h1:after{
        white-space: pre;
		left : calc( 20 * 100% / 375 );
		font-size : 3.5rem;
		top : calc( 280 * 100vw / 375 );
	}
	#mv p{
		/*width: calc( 197 * 100% / 345 );*/
		width : calc( 250 * 100% / 345 );
		margin-top : calc( 20* 100vw / 375 );
        font-style: italic;
	}
    #mv-slider {
        top: 0px;
        height: calc( 542 * 100vw / 375 );
        width: 100vw;
	}
    #mv-slider li {
        height: calc( 542 * 100vw / 375 );
        width: 100vw;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
@media print,screen and (min-width: 751px){
	#mv{
		height : 675px;
	}
	#mv .wrap{
		padding-top : 140px;
	}
	#mv h1{
		font-size : 9rem;
		line-height : 1;
        margin-top: 3.0em;
	}
	#mv h1 span{
        font-size: 5rem;
        display: block;
        margin-bottom: 15px;
	}
	#mv h1:after{
		bottom : 120px;
		left:25px;
		font-size : 7.2rem;
		line-height : 1.22;
	}
	#mv p{
		margin-top : calc( 39px - 5.5px );
	}
    	 html[lang="en"]  #mv p{
    		margin-top : calc( 39px - 5.5px );
             width: 800px;
             font-style: italic;
    	}
	body #header .wrap {
		height: 108px;
	}
    #mv-slider {
        height: 675px;
        width: 100vw;
	}
    #mv-slider li {
        height: 675px;
        width: 100vw;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
/*--------------------------------------------
SEARCH
---------------------------------------------*/
#search h2{
	font-weight : 800;
}
#search h3{
	font-weight : 800;
}
#search form{
	display : flex;
	align-items : center;
	font-family : "游ゴシック体" , "Yu Gothic" , YuGothic , "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ" , Meiryo , sans-serif;
}
#search input[type="text"]{
	background-color : #fff;
	height : 100%;
	font-weight : 500;
}
#search input[type="text"]:-ms-input-placeholder{
	color : #c4c4c4;
}
#search input[type="text"]::-ms-input-placeholder{
	color : #c4c4c4;
}
#search input[type="text"]::placeholder{
	color : #c4c4c4;
}
#search input[type="submit"]{
	display : flex;
	align-items : center;
	text-align : left;
}
#search h4{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 800;
	background-color : #ddd;
	color : #000;
	flex-shrink : 0;
}

#search ul ul{
	display : flex;
	flex-wrap : wrap;
}
#search li a{
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	font-weight : 800;
	background-color : #ddd;
	color : #000;
}
.p-tips a{
    line-height: 1.5;
    margin-bottom: 2em;
    margin-top: .5em;
    display: flex;
    align-items: center;
}
.p-tips span.icon {
    background: url(../images/ui/icon/tips.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
}

@media screen and (max-width: 750px){
    .p-tips {
        font-size : 1.4rem;
    }
        .p-tips span.icon {
            width: 16px;
    }
	#search .wrap{
		padding-top : calc( 30 * 100vw / 375 );
		padding-bottom : calc( 30 * 100vw / 375 );
	}
	#search h2{
		font-size : 6rem;
	}
	#search h2 + h3{
		margin-top : calc( 50 * 100vw / 375 );
	}
	#search form + h3{
		margin-top : calc( 30 * 100vw / 375 );
	}
	#search h3{
		font-size : 3rem;
	}
	#search form{
		height : calc( 40 * 100vw / 375 );
		margin-top : calc( 10 * 100vw / 375 );
		border : calc( 3 * 100vw / 375 ) solid #000;
	}
	#search input[type="text"]{
		background-size : auto calc( 16 * 100vw / 375 );
		background-position-x : calc( 12 * 100% / 339 );
		background-image : url("../images/ui/icon/search.svg");
		width : calc( 274 * 100% / 339 );
		/*padding-left: calc( 41 * 100% / 339 );*/
		padding-left : calc( 38 * 100% / 339 );
		font-size : 1.4rem;
		background-position-y : center;
		background-repeat : no-repeat;
	}
	#search input[type="submit"]{
		width : calc( 62 * 100% / 339 );
		height : 100%;
		font-size : 1.6rem;
		background-color : #ddd;
		justify-content : center;
	}
	#search .wrap > ul{
		margin-top : calc( 10 * 100vw / 375 );
	}
	#search .wrap > ul > li + li{
		margin-top : calc( 15 * 100vw / 375 );
	}
	#search h4{
		width : calc( 134 * 100% / 345 );
		height : calc( 90 * 100vw / 375 );
		border : solid calc( 3 * 100vw / 375 ) #000;
		font-size : 6rem !important;
	}
        html[lang="en"]  #search h4{
            width : auto;
            height: auto;
            text-align: left;
            padding: calc( 20 * 100vw / 375 ) calc( 10 * 100vw / 375 ) ;
            border : solid calc( 3 * 100vw / 375 ) #000;
            font-size : 4rem !important;
        }
	#search ul  ul  li  a{
		border : solid calc( 3 * 100vw / 375 ) #000;
		font-size : 3rem;
		padding : calc( 12 * 100vw / 375 );
		text-align: left;
	}
         html[lang="en"]  #search ul  ul  li  a{
            border : solid calc( 3 * 100vw / 375 ) #000;
            font-size : 1.6rem;
            padding : calc( 12 * 100vw / 375 );
            text-align: left;
             word-wrap: break-word;
        }
}
@media print,screen and (min-width: 751px){
    .p-tips {
        font-size : 1.4rem;
    }
        .p-tips span.icon {
            width: 20px;
        }
    #search .wrap{
		padding-top : 50px;
		padding-bottom : 80px;
	}
	#search h2{
		font-size : 7.2rem;
	}
	#search h2 + h3{
		margin-top : 80px;
	}
	#search form + h3{
		margin-top : 80px;
	}
	#search h3{
		font-size : 4.8rem;
	}
	#search form{
		height : 60px;
		margin-top : 30px;
		width : 100%;
		justify-content : space-between;
	}
	#search input[type="text"]{
		width : 896px;
		padding-left : 30px;
		font-size : 2.1rem;
	}
	#search input[type="submit"]{
		width : 145px;
		height : 60px;
		font-size : 3.4rem;
		font-size : 2.1rem;
		background-color : transparent;
		color : #fff;
		padding-left : 50px;
		background : url("../images/ui/icon/search02.svg") 20px 50% / auto 20px no-repeat;
		border : 1px solid #fff;
		border-radius : 5px;
		font-weight : 700;
	}
	#search .wrap > ul{
		margin-top : 31px;
	}
	#search .wrap > ul > li{
		display : flex;
		align-items : flex-start;
	}
	#search .wrap > ul > li + li{
		margin-top : 40px;
	}
	#search h4{
		width : 147px;
		height : 90px;
		font-size : 7.2rem;
		margin-top : 3px;
	}
        html[lang="en"]  #search h4{
            width : auto;
            height : 90px;
            font-size : 6rem;
            margin-top : 3px;
            padding-left : 12px;
            padding-right : 12px;  
    }
	#search ul ul{
		margin-top : -3px;
	}
	#search li li{
		margin-top : 6px;
		margin-left : 6px;
	}
	#search ul  ul  li  a{
		font-size : 3.8rem;
		padding-left : 12px;
		padding-right : 12px;
        padding-top:12px;
        padding-bottom:12px;
		border-width : 3px;
        text-align: left;
	}
}
/*--------------------------------------------
NEWS
---------------------------------------------*/
#news .wrap{
	padding-left : 0;
	padding-right : 0;
}
@media screen and (max-width: 750px){
	#news .wrap{
		padding-bottom : calc( 50 * 100vw / 375 );
		padding-top : calc( 30 * 100vw / 375 );
		border-top : 1px solid #fff;
		width : calc( 345 * 100% / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#news .wrap{
		width : 1050px;
		padding-top : 80px;
		padding-bottom : 84px;
	}
}
/*--------------------------------------------
LATEST
---------------------------------------------*/
@media screen and (max-width: 750px){
	#latest{
		padding-bottom : calc( 50 * 100vw / 375 );
	}
}
@media print,screen and (min-width: 751px){
	#latest{
		padding-bottom : 104px;
	}
}
/*--------------------------------------------
SLIDE CONTROLLER
---------------------------------------------*/
.slide-controller .slide-arrow{
	color : #fff;
}
.slide-controller .slide-prev:before{
	background-image : url("../images/ui/icon/prev.svg");
}
.slide-controller .slide-next:after{
	background-image : url("../images/ui/icon/next.svg");
}
.slide-controller .slick-dots{
	display : flex;
	justify-content : center;
	align-items : center;
	z-index : 5;
	position : relative;
}
.slide-controller .slick-dots li{
	font-size : 0;
}
.slide-controller .slick-dots button{
	color : transparent;
	font-size : 0;
	cursor : pointer;
}
.slide-controller .slick-dots button{
	background-color : #fff;
	border-color : #000;
}
.slide-controller .slick-dots .slick-active button{
	border-color : #fff;
}
/*# sourceMappingURL=../maps/home.css.map */


.search_lead {
    font-size: 1.4rem;
    margin: 1.5em 0 2em 0;
    line-height: 1.6;
}
@media screen and (max-width: 750px){
    .search_lead {
        font-size: 1.2rem;
        }
}