@charset "UTF-8";

/* --------------------------------------------------------------------------------------------------------------------   

   #news

   -------------------------------------------------------------------------------------------------------------------- */

#news { position: relative; z-index:1; /*padding:75px 5%;*/ overflow: hidden; }

@media only screen and (max-width: 900px) {
#news { padding:65px 5%; }
}
@media only screen and (max-width: 738px) {
#news { padding:50px 2.5%; }
}



/* --------------------------------------------------------------------------------------------------------------------   

   一覧ページ

   -------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------   

   .newsArea

   ---------------------------------------------------------- */

.news .newsArea {}

/* ======== .newsBox ======== */
.news .newsBox { background:#fff; margin-top:15px; padding:25px; }
.news .newsBox:first-child { margin-top:0; }

@media only screen and (max-width: 738px) {
.news .newsBox { margin-top:20px; padding:0 0 30px; border:#eee 1px solid; }
}

/* .imgArea */
.news .newsBox .imgArea { position: relative; z-index:0; float: left; width:47.5%; background:#001741; overflow: hidden; }
.news .newsBox .imgArea a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:3; }
.news .newsBox .imgArea img { width:100%; height:18.5vw; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .newsBox .imgArea:hover img { opacity:0.8; -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }

.news .newsBox .wp-caption-text { position: absolute; bottom: 5px; left: 5px;  color: #fff; font-size:10px;letter-spacing: 0.5px; line-height: 1.5; z-index: 0;}

@media only screen and (max-width: 900px) {
.news .newsBox .imgArea img { height:25vw; }
.news .newsBox .imgArea:hover img { opacity:1; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); }
}
@media only screen and (max-width: 738px) {
.news .newsBox .imgArea { float: none; width:100%; }
.news .newsBox .imgArea img { height:40vw; }
.news .newsBox .wp-caption-text { font-size:9px;}
}
@media only screen and (max-width: 414px) {
.news .newsBox .imgArea img { height:90vw; }
}

/* .txtArea */
.news .newsBox .txtArea { float: right; width:47.5%; }

@media only screen and (max-width: 738px) {
.news .newsBox .txtArea { float: none; width:100%; margin-top:15px; padding:0 5%; }
}

/* .categoryArea */
.news .newsBox .categoryArea { }
.news .newsBox .categoryArea ul { list-style: none; font-size:0; margin:-3px 0 0; }
.news .newsBox .categoryArea ul li { display: inline-block; margin:3px 3px 0 0; }
.news .newsBox .categoryArea ul li a { display: block; font-size:14px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:25px; letter-spacing:1px; color:#fff; background:#2d4f78; padding:0 10px; }
.news .newsBox .categoryArea ul li a:hover { background:#001741; }

@media only screen and (max-width: 900px) {
.news .newsBox .categoryArea ul li a:hover { background:#2d4f78; }
}

/* p.date */
.news .newsBox .txtArea p.date { font-size:15px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:1; letter-spacing:1px; color:#001741; margin-top:15px; }
.news .newsBox .txtArea p.date span.new { color:#c21d41; margin-left:5px; }

/* h2 */
.news .newsBox .txtArea h2 { font-size:20px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.45; letter-spacing:0.05em; margin-top:10px; }
.news .newsBox .txtArea h2  a { -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .newsBox .txtArea h2  a:hover { color:#fff; background:#001741; }

/* p */
.news .newsBox .txtArea p { font-size:14px; line-height:1.7; margin-top:10px; }

@media only screen and (max-width: 900px) {
.news .newsBox .txtArea h2 { font-size:18px; line-height:1.5; }
.news .newsBox .txtArea h2 a:hover { color:#111; background:none; }
}
@media only screen and (max-width: 738px) {
.news .newsBox .txtArea p.date { margin-top:10px; }
.news .newsBox .txtArea h2 { margin-top:8px; }
}



/* ----------------------------------------------------------   

   .paginationArea

   ---------------------------------------------------------- */

.paginationArea { position: relative; z-index:0; clear: both; font-size:16px; line-height:60px; text-align: center; margin-top:50px; }

@media only screen and (max-width: 900px) {
.paginationArea { margin-top:40px; }
}
@media only screen and (max-width: 738px) {
.paginationArea { font-size:12px; line-height:42px; margin-top:35px; }
}
@media only screen and (max-width: 320px) {
.paginationArea { font-size:11px; line-height:36px; }
}

/* ======== .paginationBox ======== */
.paginationBox { display: inline-block; }
.paginationArea span,
.paginationArea a { position: relative; z-index:0; display: block; float: left; width:60px; height:60px; font-size:16px; font-family:'Barlow Condensed', sans-serif; font-weight:500; text-decoration:none; color:#001741; background:#fff; margin:1px; }
/* span.pages */
.paginationArea span.pages { width:auto; padding:0 15px; }
/* a */
.paginationArea a.first,
.paginationArea a.previouspostslink,
.paginationArea a.nextpostslink,
.paginationArea a.last { font-size:0; }
.paginationArea a:hover { color:#fff; background:#2d4f78; }
.paginationArea a.first:before,
.paginationArea a.previouspostslink:before,
.paginationArea a.nextpostslink:before,
.paginationArea a.last:before { position: absolute; top:0; right:0; bottom:0; left:0; z-index:0; font-size:14px; font-family:'Material Icons'; font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.paginationArea a.first:before { content:"\e662"; }
.paginationArea a.previouspostslink:before { content:"chevron_left"; }
.paginationArea a.nextpostslink:before { content:"chevron_right"; }
.paginationArea a.last:before { content:"\e661"; }
/* .current */
.paginationArea .current { color:#fff; background:#001741; }

@media only screen and (max-width: 900px) {
.paginationArea a:hover { color:#001741; background:#fff; }
}
@media only screen and (max-width: 738px) {
.paginationArea span,
.paginationArea a { width:42px; height:42px; font-size:15px; }
.paginationArea span.pages { display: block; float: none; width:auto; height:auto; line-height:1; margin-bottom:15px; border:none; }
.paginationArea a.first:before,
.paginationArea a.previouspostslink:before,
.paginationArea a.nextpostslink:before,
.paginationArea a.last:before { font-size:12px; }
}
@media only screen and (max-width: 320px) {
.paginationArea span,
.paginationArea a { width:36px; height:36px; font-size:14px; }
}






/* --------------------------------------------------------------------------------------------------------------------   

  詳細ページ

   -------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------   

   .newsDetailArea

   ---------------------------------------------------------- */

.news .newsDetailArea { background:#fff; padding:0 5%; }


/* ======== .titleArea ======== */
.news .newsDetailArea .titleArea { padding:50px 0 30px; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .titleArea { padding:45px 0 30px; }
}
@media only screen and (max-width: 738px) {
.news .newsDetailArea .titleArea { padding:35px 0 25px; }
}

/* .categoryArea */
.news .newsDetailArea .titleArea .categoryArea { }
.news .newsDetailArea .titleArea .categoryArea ul { list-style: none; font-size:0; margin:-3px 0 0; }
.news .newsDetailArea .titleArea .categoryArea ul li { display: inline-block; margin:3px 3px 0 0; }
.news .newsDetailArea .titleArea .categoryArea ul li a { display: block; font-size:14px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:25px; letter-spacing:1px; color:#fff; background:#2d4f78; padding:0 10px; }
.news .newsDetailArea .titleArea .categoryArea ul li a:hover { background:#001741; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .titleArea .categoryArea ul li a:hover { background:#2d4f78; }
}

/* p.date */
.news .newsDetailArea .titleArea p.date { font-size:15px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:1; letter-spacing:1px; color:#001741; margin-left:15px; }
.news .newsDetailArea .titleArea p.date span.new { color:#c21d41; margin-left:5px; }

/* h2 */
.news .newsDetailArea .titleArea h1 { font-size:30px; font-family:'Noto Sans JP', sans-serif; font-weight:400; line-height:1.6; letter-spacing:0.05em; margin-top:15px; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .titleArea h1 { font-size:25px; line-height:1.5; }
}
@media only screen and (max-width: 900px) {
.news .newsDetailArea .titleArea h1 { font-size:25px; }
}
@media only screen and (max-width: 738px) {
.news .newsDetailArea .titleArea p.date { margin-top:10px; }
.news .newsDetailArea .titleArea h1 { font-size:20px; margin-top:8px; }
}


.wp-caption {max-width:100%;}

/* ======== .imgArea ======== */
.news .newsDetailArea .imgArea { padding:30px 0; border-top:#ddd 1px solid; }
.news .newsDetailArea .imgArea .wp-caption-text { margin-top: 10px; font-size:13px; letter-spacing: 1px; line-height: 1.5; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .imgArea { padding:25px 0; border-top:#ddd 1px solid; }
.news .newsDetailArea .imgArea .wp-caption-text { font-size:12px; }
}
@media only screen and (max-width: 738px) {
.news .newsDetailArea .imgArea .wp-caption-text { font-size:11px; }
}

/* ======== .txtArea ======== */
.news .newsDetailArea .txtArea { padding:30px 0; border-top:#ddd 1px solid; font-size:15px; font-weight:500; line-height:2; letter-spacing:0.5px;}
.news .newsDetailArea .txtArea img { width:auto; max-width:100%; height:auto; margin:15px 0 10px; }
.news .newsDetailArea .txtArea figcaption.wp-caption-text { font-size:13px; letter-spacing: 1px; line-height: 1.5; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea { padding:25px 0;font-size:15px;  }
.news .newsDetailArea .txtArea figcaption.wp-caption-text { font-size:12px; }
}
@media only screen and (max-width: 738px) {
.news .newsDetailArea .txtArea { font-size:14px; line-height:1.8; }
.news .newsDetailArea .txtArea figcaption.wp-caption-text { font-size:11px; }
}



/* h1~h5 */
.news .newsDetailArea .txtArea h1,
.news .newsDetailArea .txtArea h2 { font-size:20px; font-family:'Noto Sans JP', sans-serif; font-weight:400; line-height:1.7; letter-spacing:0.05em; margin:35px 0 25px 0; padding:10px 0 10px 25px; border-left:#f9cc46 5px solid; }
.news .newsDetailArea .txtArea h3,
.news .newsDetailArea .txtArea h4,
.news .newsDetailArea .txtArea h5 { position: relative; z-index:1; font-size:18px; font-family:'Noto Sans JP', sans-serif; font-weight:400; line-height:1.8; letter-spacing:0.05em; margin:35px 0 20px; padding:0 0 0 50px; }
.news .newsDetailArea .txtArea h3:before,
.news .newsDetailArea .txtArea h4:before,
.news .newsDetailArea .txtArea h5:before { position: absolute; top:15px; left:0; z-index:-1; width:35px; height:0; content:""; border-top:#1c385e 1px solid; }
.news .newsDetailArea .txtArea h1:first-child,
.news .newsDetailArea .txtArea h2:first-child,
.news .newsDetailArea .txtArea h3:first-child,
.news .newsDetailArea .txtArea h4:first-child,
.news .newsDetailArea .txtArea h5:first-child { margin-top:0; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea h1,
.news .newsDetailArea .txtArea h2 { font-size:18px; line-height:1.6; margin:30px 0 20px 0; }
.news .newsDetailArea .txtArea h3,
.news .newsDetailArea .txtArea h4,
.news .newsDetailArea .txtArea h5 { font-size:16px; line-height:1.7; margin:25px 0 20px; }
.news .newsDetailArea .txtArea h3:before,
.news .newsDetailArea .txtArea h4:before,
.news .newsDetailArea .txtArea h5:before { top:13px; }
}
@media only screen and (max-width: 738px) {
.news .newsDetailArea .txtArea h1,
.news .newsDetailArea .txtArea h2 { font-size:16px; margin:20px 0 15px 0; padding:10px 0 10px 20px; }
.news .newsDetailArea .txtArea h3,
.news .newsDetailArea .txtArea h4,
.news .newsDetailArea .txtArea h5 { font-size:15px; line-height:1.6; margin:20px 0 15px; padding:0 0 0 40px; }
.news .newsDetailArea .txtArea h3:before,
.news .newsDetailArea .txtArea h4:before,
.news .newsDetailArea .txtArea h5:before { top:13px; width:25px; }
}

/* p */
.news .newsDetailArea .txtArea p { margin:10px 0 20px; word-wrap: break-word; }
@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea p { margin:10px 0 20px; }
}

/* blockquote */
.news .newsDetailArea .txtArea blockquote { position: relative; z-index:0; font-size:15px; line-height:1.8; letter-spacing:0.5px; background:#f6f7f8; margin:20px 0 15px; padding:35px 5% 35px 40px; box-sizing:border-box; }
.news .newsDetailArea .txtArea blockquote:before { position: absolute; top:10px; left:15px; z-index:0; display: inline-block; font-size:50px; content:"“"; line-height:1; color:#2d4f78; vertical-align: middle; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea blockquote { font-size:14px; line-height:1.7; padding:30px 5% 30px 30px; }
.news .newsDetailArea .txtArea blockquote:before { font-size:35px; }
}

/* hr */
.news .newsDetailArea .txtArea hr { margin:25px 0; border:none; border-top:1px dotted #ddd; }
@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea hr { margin:20px 0;  }
}

/* a */
.news .newsDetailArea .txtArea p a { color:#df1843; border-bottom:#df1843 1px solid; }
.news .newsDetailArea .txtArea p a:hover { color:#fff; background:#df1843; }
@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea p a:hover { color:#df1843; background:none; }
}

/* ul */
.news .newsDetailArea .txtArea ul { list-style-type:circle; list-style-position:outside; font-size:inherit; margin:10px 0px; padding-left:20px; }
.news .newsDetailArea .txtArea ol { list-style-type:decimal; list-style-position:outside; font-size:inherit; margin:10px 0; padding-left:20px; }
.news .newsDetailArea .txtArea ul li,
.news .newsDetailArea .txtArea ol li { font-size: inherit; line-height:1.7; margin:5px 0; }

@media only screen and (max-width: 900px) {
.news .newsDetailArea .txtArea ul li,
.news .newsDetailArea .txtArea ol li { font-size:14px; }
}



/* ----------------------------------------------------------   

   .pagenationPNArea

   ---------------------------------------------------------- */

.pagenationPNArea { position: relative; font-size:0; text-align: center; margin:50px 0 0; }
@media only screen and (max-width: 900px) {
.pagenationPNArea { margin:45px 0 0; }
}
@media only screen and (max-width: 738px) {
.pagenationPNArea { margin:35px 0 0; }
}

/* ======== .btn ======== */
.pagenationPNArea .btn-all { display: block; width:40%; margin:0 auto; }
.pagenationPNArea .btn-prev,
.pagenationPNArea .btn-next { position: absolute; bottom:0; width:29%; text-decoration: none; }
.pagenationPNArea .btn-next { right:0; }
.pagenationPNArea .btn-prev { left:0; }
.pagenationPNArea .btn-prev a,
.pagenationPNArea .btn-all a,
.pagenationPNArea .btn-next a { position: relative; display: block; font-size:15px; line-height:60px; letter-spacing:0.5px; color:#001741; background:#fff; }
.pagenationPNArea .btn-prev a:hover,
.pagenationPNArea .btn-all a:hover,
.pagenationPNArea .btn-next a:hover { color:#fff; background:#2d4f78; }
.pagenationPNArea .btn-prev a:before,
.pagenationPNArea .btn-next a:before { position: absolute; top:0; z-index:2; font-size:16px; font-family:'Material Icons'; font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
.pagenationPNArea .btn-prev a:before { left:15px; content:"chevron_left"; }
.pagenationPNArea .btn-next a:before { right:15px; content:"chevron_right"; }

@media only screen and (max-width: 900px) {
.pagenationPNArea .btn-prev a,
.pagenationPNArea .btn-all a,
.pagenationPNArea .btn-next a { font-size:14px; line-height:55px; }
.pagenationPNArea .btn-prev a:hover,
.pagenationPNArea .btn-all a:hover,
.pagenationPNArea .btn-next a:hover { color:#001741; background:#fff; }
}
@media only screen and (max-width: 738px) {
.pagenationPNArea .btnTop { width:45%; }
.pagenationPNArea .btn-prev,
.pagenationPNArea .btn-next { position: absolute; bottom:0; text-decoration: none; }
.pagenationPNArea .btn-prev a,
.pagenationPNArea .btn-all a,
.pagenationPNArea .btn-next a { font-size:13px; line-height:45px; letter-spacing:0; }
.pagenationPNArea .btn-prev a { padding-left:5px; }	
.pagenationPNArea .btn-next a { padding-right:5px; }
.pagenationPNArea .btn-prev a:before,
.pagenationPNArea .btn-next a:before { font-size:10px; }
.pagenationPNArea .btn-prev a:before { left:5px; }
.pagenationPNArea .btn-next a:before { right:5px; }
}





/* ----------------------------------------------------------   

   .head

   ---------------------------------------------------------- */

.news .head { margin-bottom:30px; }
/* h2.en */
.news .head h2.en { position: relative; z-index:1; font-size:25px; font-family:'Barlow Condensed', sans-serif; font-weight:600; line-height:1; letter-spacing:0.05em; }



/* ---------------------------------------------------------------------------------------------------   

　.latestArea

   --------------------------------------------------------------------------------------------------- */

.news .latestArea { background:#fff; margin-top:50px; padding:45px 5%; }

@media only screen and (max-width: 900px) {
.news .latestArea { margin-top:45px; padding:40px 5%;  }	
}
@media only screen and (max-width: 738px) {
.news .latestArea { margin-top:35px; padding:35px 5%; }	
}


/* ======== .latest ======== */
.news .latestArea ul.latest { font-size:0; margin:-10px; }
.news .latestArea ul.latest li { display: inline-grid; width:33.3%; margin-top:15px; border:transparent 10px solid; }
.news .latestArea ul.latest li:nth-child(1),
.news .latestArea ul.latest li:nth-child(2),
.news .latestArea ul.latest li:nth-child(3) { margin-top:0; }

@media only screen and (max-width: 900px) {
.news .latestArea ul.latest { font-size:0; margin:-10px; }
.news .latestArea ul.latest li { display: inline-block; width:50%; margin-top:15px; border:transparent 10px solid; }
.news .latestArea ul.latest li:nth-child(1),
.news .latestArea ul.latest li:nth-child(2),
.news .latestArea ul.latest li:nth-child(3) { margin-top:15px; }
}
@media only screen and (max-width:738px) {
.news .latestArea ul.latest { margin:-10px -5px -5px; }
.news .latestArea ul.latest li { border:transparent 5px solid; }
}



/* ======== .imgArea ======== */
.news .latestArea .imgArea { position: relative; z-index:0; background:#001741; overflow: hidden; }
.news .latestArea .imgArea a { position: absolute; top:0; right:0; bottom:0; left:0; z-index:3; }
.news .latestArea .imgArea img { width:100%; height:10vw; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .latestArea .imgArea:hover img { opacity:0.8; -webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }

@media only screen and (max-width: 900px) {
.news .latestArea .imgArea img { height:25vw; }
.news .latestArea .imgArea:hover img { opacity:1; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); }
}
@media only screen and (max-width: 738px) {
.news .latestArea .imgArea { float: none; width:100%; }
.news .latestArea .imgArea img { height:24vw; }
}
@media only screen and (max-width: 414px) {
.news .latestArea .imgArea img { height:21vw; }
}


/* ======== .txtArea ======== */
.news .latestArea .txtArea { margin-top:15px; }
/* p.date */
.news .latestArea .txtArea p.date { font-size:14px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:1; letter-spacing:1px; color:#001741; }
.news .latestArea .txtArea p.date span.new { color:#c21d41; margin-left:5px; }
/* h2 */
.news .latestArea .txtArea h2 { font-size:13px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1.45; letter-spacing:0.05em; margin-top:5px; }
.news .latestArea .txtArea h2 a { -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease; }
.news .latestArea .txtArea h2 a:hover { color:#fff; background:#001741; }

@media only screen and (max-width: 900px) {
.news .latestArea .txtArea h2 { line-height:1.5; }
.news .latestArea .txtArea h2 a:hover { color:#111; background:none; }
}
@media only screen and (max-width:738px) {
.news .latestArea .txtArea h2 { font-weight:400; }
}





/* ---------------------------------------------------------------------------------------------------   

　.categoryBox（カテゴリー）

   --------------------------------------------------------------------------------------------------- */

.news .categoryBox { background:#fff; margin-top:50px; padding:45px 5%; }
.news .categoryBox ul.category { font-size:0; margin:-2px; }
.news .categoryBox ul.category li { display: inline-block; width:33.333%; border:transparent 2px solid; }
.news .categoryBox ul.category li a { position: relative; z-index:0; display: block; font-size:16px; font-family:'Barlow Condensed', sans-serif; font-weight:500; line-height:45px; padding:0 20px; border:#ddd 1px solid; }
.news .categoryBox ul.category li a:hover { color:#fff; background:#2d4f78; border:#2d4f78 1px solid; }
.news .categoryBox ul.category li a span { position: absolute; top:0; right:20px; z-index:0; font-weight:400; }

@media only screen and (max-width: 900px) {
.news .categoryBox { margin-top:45px; padding:40px 5%; }
.news .categoryBox ul.category li a:hover { color:#111; background:none; border-color:#ddd; }
}
@media only screen and (max-width: 738px) {
.news .categoryBox { margin-top:35px; padding:35px 5%; }
.news .categoryBox ul.category li { width:50%; }
.news .categoryBox ul.category li a { font-size:15px; font-weight:400; line-height:35px; padding:0 10px; }
.news .categoryBox ul.category li a span { right:10px; }
}


/* ---------------------------------------------------------------------------------------------------   

   .headline

   ---------------------------------------------------------------------------------------------------    */ 	 

.headline { margin-bottom:35px; text-align: center; }
.headline h2.en { position: relative; z-index:1; font-size:60px; font-family:'Barlow Condensed', sans-serif; font-weight:600; line-height:1; letter-spacing:4px; color:#001741; }
.headline h2.jp { position: relative; z-index:1; font-size:16px; font-family:'Noto Sans JP', sans-serif; font-weight:500; line-height:1; letter-spacing:2px; font-feature-settings:"palt" 1; color:#001741; margin-top:15px; }

@media only screen and (max-width: 900px) {
.headline { margin-bottom:30px; }
.headline h2.en { font-size:50px; letter-spacing:3px; }
.headline h2.jp { font-size:15px; margin-top:10px; }
}
@media only screen and (max-width: 738px) {
.headline h2.en { font-size:8vw; letter-spacing:2px; }
.headline h2.jp { font-size:14px; }
}
@media only screen and (max-width: 414px) {
.headline h2.en { font-size:9vw; }
.headline h2.jp { margin-top:10px; }
}


/* ======== .headline_small ======== */
.headline_small { text-align: center; margin-bottom:30px; }
.headline_small h2.en { position: relative; z-index:1; font-size:40px; font-family:'Barlow Condensed', sans-serif; font-weight:600; line-height:1; letter-spacing:3px; color:#001741; }
.headline_small h2.jp { position: relative; z-index:1; font-size:15px; font-family:'Noto Sans JP', sans-serif; font-weight:500; font-feature-settings:"palt" 1; line-height:1; letter-spacing:2px; color:#001741; margin-top:12px; }

@media only screen and (max-width: 900px) {
.headline_small { margin-bottom:30px; }
.headline_small h2.en { font-size:35px; letter-spacing:2.5px; }
.headline_small h2.jp { font-size:15px; margin-top:10px; }
}
@media only screen and (max-width: 738px) {
.headline_small h2.en { font-size:8vw; letter-spacing:2px; }
.headline_small h2.jp { font-size:14px; margin-top:10px; }
}
@media only screen and (max-width: 414px) {
.headline_small h2.en { font-size:7vw; }
}