@charset "utf-8";
/* CSS Document */
body{font-family:Noto Sans JP Regular, sans-serif; font-size:16px; color:#595757; font-weight:bold; background-color:#fff; letter-spacing: 2px;}

html{scroll-behavior: smooth;}
*{position:relative; box-sizing: border-box;}
*.fadeIn{visibility: hidden;}
label{display:block;}
img{width:100%}
a{color:#595757; text-decoration:none}
a:hover{color:#333; text-decoration:none}
ul,ol{margin:0px; padding:0px;}
ul li, ol li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold}

h1{font-size:40px}
h2{font-size:32px; margin-bottom:40px;}
h3{font-size:20px}
h4{font-size:15px;}
h6{font-size:14px;}

h2.text-center{display:table; margin:0px auto 40px;}

.btn{border-radius:0px; padding: 15px 50px; border:0px;}
.btn-success{background-color:#ff6a6d; }
.btn-success:hover{background-color:#e75255; }

.btn icon{margin-left:10px;}
.btn icon img{margin-top:-3px}

p{margin-bottom:20px;}


h2 span.q{font-size:60px; color:#ff6a6d; margin-left: 15px; display: inline-block; transform: rotate(20deg);}
h2 span.n-text{font-size:16px; margin:0px 15px;}

.sub-title{margin-bottom:65px; padding-bottom:35px}
.sub-title:before{position:absolute; width:40px; height:5px; content:'';background-color:#ff6a6d; bottom:0px; left: calc(50% - 20px);}
.sub-title.text-center{display:table; margin-left:auto; margin-right:auto;}
section{padding:100px 0px;}
section.nopad{padding:0px;}

icon.left{margin-top: -6px; position: absolute; margin-left: -60px;}
icon img{width:auto}

.cover-list ul li{margin-bottom:8px;}

header{}
header:before, header:after{width:1px; content:''; position:absolute; margin-left: 50%; z-index: 1 }

header:before{height:100px; background-color:#fff; bottom: 0px;}
header:after{height:50px; background-color:#595757; bottom: -50px;}

.header-bg{position:absolute; width:100%; height:100%; top:0px; }
.header-bg img{object-fit: cover; width:100%; height:100%; }
.logo{z-index:1;}
.logo img{max-width:275px;}
.logo a, .page-header-logo a{display:table}

.header-content{max-width:640px; margin:0px auto; z-index:1; color:#fff;padding:12% 0px 15% 0px}
.header-content-text{margin-top:50px; line-height:normal}

.girl-award-cover{padding-bottom:160px;}
.girl-award-cover:before{width:40%; height:100%; position:absolute; background-color:rgba(200,213,223,.2); content:''; top:0px; left:0px;}

.past-winners{margin-top:-80px;}
.past-winners.about-page{margin-top:80px;}

.past-winners:after{width:65%; z-index:-1; height:100%; position:absolute; background-color:rgba(211,181,181,.15); content:''; top:0px; right:0px;}

.past-winners-block-title{font-size:18px; text-align:center; margin-top:25px;}
.past-winners-new{display:inline-block; background-color:#ff6a6d; color:#fff; padding:0px 10px; margin-right:10px; text-transform:uppercase}

.past-winners-block-image{overflow:hidden}
.past-winners-block-image img{transition: ease all .5s;}
.past-winners-block-image a{display:block}

.past-winners-block-image:hover img{transform:scale(1.15);}
.above-footer{color:#fff; background-color:#333; }
.above-footer h2{color:#fff;}

.above-footer-content-left,
.above-footer-content-right{z-index:1; width:100%; position:absolute; display:flex; align-items:center; justify-content:center; height: 100%;}

.above-footer-content-left .above-footer-content-left-text,
.above-footer-content-right .above-footer-content-right-text{max-width:500px; padding:30px}



.fa-1, .fa-2{width:100%; z-index:0;}
.fa-1{left:0px;}
.fa-2{right:0px;}

.fa-1 img, .fa-2 img{width:100%; height:100%; object-fit:cover}


.fa-1:before, .fa-2:before{position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.5); content:''; left:0px; top:0px; z-index:1}

.footer{border-bottom:15px #7f9ab3 solid;}
.footer ul li{width:100%; margin-bottom:10px;}
.footer-logo{max-width:300px}
.copyright{font-size:16px; margin:0px;}

.btn-new{display:block; position:fixed; max-width:300px; right:0px; bottom:0px; z-index: 9;}

.page-header{min-height: 200px;}
.page-header-bg{min-height: 200px;}

.page-header-content-container{position:absolute; display: flex; width:100%; height: 100%; justify-content: center; align-items: center; margin:0px auto; z-index:1; color:#fff; text-align: center;}
.page-header-content{padding:20px;}
.page-header-logo{max-width:275px;margin:0px auto 25px; }
.page-header h2{margin-bottom:0px;}

.cover-video{max-width:900px; margin-top:100px;}
.cover-video iframe{width:100%; height:500px;}
.cover-video iframe video{}
.about-content-container:before{width:80%; height:100%; background-color:#e5ecf3; position:absolute; content:''; top:0px; left:0px;}
.about-main-content{padding:0px 0px 0px 50px; background-color:#fff;}

.about-container{padding:0px 15px; margin-bottom: 70px;}

.about-main-content-block{border-bottom:1px #dcdcdc solid; padding:100px 0px;}
.about-main-content-block:last-child{border-bottom:0px;}

.mag{display:flex; flex-wrap:wrap; margin:100px 0px;}
.mag-block{width:16%; margin-right:5%}
.mag-block:last-child{margin-right:0px;}
.mag-block span.mag-title{margin-top:10px; display:block; font-weight: normal; font-size: 14px;}

.mag-block a{display:block}

.about-main-content-tip{background-color:#f5f5f5; border-top:1px #dcdcdc solid; padding:30px; margin-top:100px}
.about-main-content-tip:before{width:40px; height:30px; background:url('../images/icon2.png'); background-size: 100% 100%; content:''; position:absolute; top: -30px; left: 18%; }

.age-dep-content{}
.age-dep-block{}
.age-dep-title {margin-bottom:20px}
.age-dep-title icon{margin-right:10px}
.age-dep-title icon img{}

.age-mt{margin-top: 100px;}

@media(min-width:768px)
{
	.logo{padding:40px 0px 0px 40px;}
	.footer ul{display:flex; flex-wrap: wrap}
	.footer ul li{width:50%; margin-bottom:30px;}
	.pad-left{padding-left:30px;}
	.pad-right{padding-right:30px;}

}

@media(max-width:767px)
{
	body{font-size:14px;}
	section{padding:50px 0px;}
	h2{font-size:28px; margin-bottom:30px}
	h2 span{font-size:28px;}
	.logo{text-align:center; padding:30px 0px;}

	header:before{height:50px}
	.header-content{padding:15% 30px 25% 30px}
	.btn{border-radius:0px; padding: 20px 30px;}

	.past-winners-block-title{font-size: 16px;}
	.footer-logo{margin-bottom:40px}
	.copyright{margin-top:30px}

	.above-footer-content-left, .above-footer-content-right{}
	.logo img{max-width:175px;}
	.copyright{font-size:10px;}
	.cover-pic, .about-main-content-tip{margin-top:50px;}
	.about-main-content{padding-left:15px;}
	.mag{margin:50px 0px;}
	.mag-block{width:46%; margin-right:8%; margin-bottom:15px;}
	.mag-block:last-child{margin-right:auto;}
	.mag-block:nth-child(2n){margin-right:0px;}
	.about-main-content-block{padding: 50px 0px;}
	.about-main-content-block .row h2{margin-top:20px;}
	.sub-title{margin-bottom:40px}
	.age-dep-block{margin-bottom:50px}
	.age-mt{margin-top: 35px;}
}

@media(max-width:560px)
{
	/* .btn-new{display:none;} */
	.page-header-bg img{width:100%; height: 100%; object-fit: cover; position:absolute}
	.cover-video iframe{width:100%; height:400px}
}

@media(max-width:480px)
{
	h2, h2 span{font-size:22px;}
	p{margin-bottom: 15px;}
	.btn{border-radius:0px; width:100%; padding:15px 0px;}
	.page-header-logo{max-width:175px}
	icon img{width: 30px;}
	.btn icon img{width:10px}
	h2 span.n-text{margin:0px 7px;}
	icon.left{margin-left: -40px;}
}

/*2023年追加*/

.container .interview{
	max-width: 900px;
	/*background: #f5f5f5;*/
	padding: 20px;
	margin-top: 30px;
	/*border-top: 1px #dcdcdc solid;*/
}

/*.container .interview:before {
    width: 40px;
    height: 30px;
    background: url(../images/icon2.png);
    background-size: 100% 100%;
    content: '';
    position: absolute;
    top: -30px;
    left: calc(50% - 20px);
}*/

.container .interview h3{
	text-align: center;
	margin-bottom: 30px;
}

/*.container .interview h3:before {
    position: absolute;
    width: 20px;
    height: 3px;
    content: '';
    background-color: #ff6a6d;
    bottom: -20px;
    left: calc(50% - 10px);
}*/

.container .interview b{
	display: block;
	margin-bottom: 20px;
	background: #f5f5f5;
	padding: 5px;
}

.container .interview b span{
	color: #ff6a6d;
	margin-right: 5px;
}