/*!
* Theme Name: 瀬高ライオンズクラブ 様向け
* Theme URI: 
* Author: 
* Author URI: 
* Description: 
* Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&family=Zen+Kaku+Gothic+New:wght@500;900&family=Material+Symbols+Outlined:wght@200&display=swap");
@import url(core.css);

html {font-family: "Heebo", "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", verdana, Sans-Serif;}

.wp-note p, .wp-note ul, .wp-note ol{line-height: 180%;}
.wp-note table td, .wp-note table th, .wp-note table p, .wp-note table ul, .wp-note table ol{line-height: 150%;}
@media only screen and (max-width: 48.8125em){
	.wp-note p, .wp-note ul, .wp-note ol{line-height: 180%;}
}

body{letter-spacing: 0.05em;}
@media only screen and (max-width: 48.8125em){
body{letter-spacing: 0.05em;}
}

.container-half{max-width: 55%!important;}
.mainbody{}

/**
 * Header
 */
.header{position: absolute; top:0; left: 0; overflow: visible; z-index: 10000; height: 100px;}
.headernavi{position: relative; top:0; left:0; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.headernavi .logo img{height: 80px; width: auto;}
.headernavi .logo{transition: opacity .25s ease;}
.headernavi .logo:hover{opacity: .75;}
.headernavi .menu{display: block; flex: 1;}
.headernavi .menu .menu_parent{display: flex; align-items: center; justify-content: flex-end; height: 100%; list-style: none;}
.headernavi .menu .menu_parent > li{position: relative;}
.headernavi .menu .menu_parent > li > a{position: relative; display: inline-block; padding: 1em 1.25em; font-weight: bold; transition: color .25s ease;}
.headernavi .menu .menu_parent > li > a::after{position: absolute; left: 0; bottom: 0; content: ''; display: inline-block; height: 3px; width: 0; background-color: #0375c4; transition: width .25s ease;}
.headernavi .menu .menu_parent > li > a:hover{color: #062f87;}
.headernavi .menu .menu_parent > li > a:hover::after{width: 100%;}
.headernavi .menu .menu_parent .haschild > ol{visibility: hidden; position: absolute; z-index: 1000; right: 0; bottom: 0; transform: translate(0, 100%); width: 300px; background-color: #f3c300; border-radius: 0.75em; padding: 0.75em 0; opacity: 0; transition: opacity .25s ease;  list-style: none;}
.headernavi .menu .menu_parent .haschild > ol a{display: block; color: #000; font-weight: bold; padding: 0.75em 1em; transition: color .25s ease;}
.headernavi .menu .menu_parent .haschild > ol a:hover{color: #0375c4;}
.headernavi .menu .menu_parent .haschild:hover > ol{visibility: visible; opacity: 1;}
.header.active{position: fixed; background-color: rgba(255,255,255,0.95); height: 80px; animation: menu-active .5s ease; box-shadow: 0 0 1em rgba(0,0,0,0.25);}
.header.active .container-full{margin-right: 0;}
.header.active .logo img{height: 50px; width: auto;}

body.customize-support .header{top: 32px;}

.hamburger{display: none;}
.hamburger{position: relative; width: 100px; height: 100%; color: #062f87;}
.hamburger .wrapper{position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer;}
.hamburger .txt{margin-top: 0.75em; font-size: 80%; letter-spacing: 0.25em;}
.menu-trigger{position: relative; display: inline-block; width: 50px; height: 28px;}
.menu-trigger .burger{position: absolute; left: 0; background-color: #062f87; width: 100%; height: 3px; transition: all .25s ease;}
.menu-trigger .burger:nth-child(1){top: 0;}
.menu-trigger .burger:nth-child(2){top: 50%; transform: translate(0, -50%);}
.menu-trigger .burger:nth-child(3){bottom: 0;}
.hamburger .wrapper.active .burger:nth-child(1){top: 50%; transform: translate(0, -50%); width: 100%; transform: rotate(30deg);}
.hamburger .wrapper.active .burger:nth-child(2){opacity: 0;}
.hamburger .wrapper.active .burger:nth-child(3){top: 50%; transform: translate(0, -50%); width: 100%; transform: rotate(-30deg);}

.pankuzu{margin-top: 1em;}
.pankuzu .line{position: relative; font-size: 85%; overflow: hidden; color: #666; padding-left: 1.5em; line-height: 110%;}
.pankuzu .line::before{position: absolute; top: 50%; left: 0; transform: translate(0, -55%); display: inline-block; font-size: 150%; content: "\eac9"; font-family: 'Material Symbols Outlined'; color: #4cb9eb;}
.pankuzu .line a:hover{text-decoration: underline;}

@keyframes menu-active {
0% {transform: translate(0, -100%);}
100% {transform: translate(0, 0);}
}
@media only screen and (max-width: 73.75em){
	.header.active{min-width: 100%;}
	.header.active .container-full{margin-right: 0; padding-left: 10px;}
	.header.active .menu{display: none;}
	.header.active .hamburger{display: block;}
}
@media only screen and (max-width: 48.8125em){
	.header{height: 65px!important;}
	.header .container-full{margin-right: 0;}
	.header .menu{display: none;}
	.header .logo img{height: 40px!important; width: auto;}

	body.customize-support .header{top: 46px;}
	body.customize-support .header.active{top: 0;}

	.hamburger{display: block; width: 70px;}
}

/**
 * Home
 */
.top-impact{position: relative; height: 90vh; width: 100%; padding: 0 1em; padding-top: 120px;}
.top-impact .swiper-container{width: 100%; height: 100%;}
.top-impact .swiper-wrapper{width: 100%; height: 100%; overflow: hidden; border-radius: 16px;}
.top-impact .swiper-container .slider{width: 100%; height: 100%;}
.top-impact .swiper-slide-active .slider{animation-name: slider-mask; animation-duration: 5s;}
.top-impact .catchcopy{position: absolute; bottom: 10%; left: 5rem; z-index: 100;}
.top-impact .catchcopy .c1{font-weight: bold; color: #fff; font-size: 250%; margin-bottom: 2rem;}
.top-impact .catchcopy .c2{z-index: 100; font-weight: bold; font-size: 450%;}
.top-impact .catchcopy .c2 .line{display: inline-block; background-color: #000; color: #fff; padding: 0.2em; margin-bottom: 0.15em;}
.top-impact .catchcopy .c2 i{font-style: normal; color: yellow;}


.top-square-1{position: absolute; left: -150px; bottom: -200px; width: 500px; height: 500px; background-color: #fffbd9; border-radius: 2em; z-index: -1;}
.top-square-2{position: absolute; right: 0; bottom: -600px; width: 200px; height: 400px; background-color: #fffbd9; border-top-left-radius: 2em; border-bottom-left-radius: 2em; z-index: -1;}

@keyframes slider-mask {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

@media only screen and (max-width: 48.8125em){
	.top-impact{height: 85vh; max-height: 700px; padding: 70px 10px 0 10px;}
	
	.top-impact .catchcopy{bottom: 2rem; left: 1.5rem;}
	.top-impact .catchcopy .c1{font-size: 4vw; margin-bottom: .5em;}
	.top-impact .catchcopy .c2{font-size: 8vw;}

	.top-square-1, .top-square-2{display: none;}
}

.top-info{margin-top: -3.5em; z-index: 100; overflow: visible;}
.top-info .container{position: relative;}
.top-info .wrapper{position: relative; background-color: #fff; padding: 2em 3em 0 3em; border-radius: 1em;}
.top-info .wrapper > *{position: relative; z-index: 2;}
.top-info .more{position: absolute; top: 1.5em; right: 3em; z-index: 10;}
.top-info .deco{position: absolute; left: 0; top: -5em; transform: rotate(-22.5deg)  translate(-50%, 0); opacity: 0.65; z-index: 1;}
@media only screen and (max-width: 48.8125em){
	.top-info{margin-top: 0;}
	.top-info .container{padding-left: 0; padding-right: 0;}
	.top-info .deco{height: 15vw; width: auto; top: 0; transform: rotate(-22.5deg)  translate(-25%, 0);}
}

.top-report .box{position: relative; background-color: #f6f6f6; padding: 2.5em; border-radius: 1em;}
.top-report .box > *{position: relative; z-index: 2;}
.top-report .deco{position: absolute; right: 0; bottom: 0; transform: rotate(-22.5deg) translate(0, 25%); opacity: 0.65; z-index: 1;}
.top-report .more{margin-top: 3em; text-align: center;}
@media only screen and (max-width: 48.8125em){
	.top-report .box{padding: 1.5em;}
	.top-report .deco{height: 15vw; width: auto;}

	.top-report .more{margin-top: 1.5em;}
}

.top-intro .backimg{position: absolute; left: 60%; top: 0; width: 45%; height: 400px; border-top-left-radius: 1em; border-bottom-left-radius: 1em;}
.top-intro .container-half{margin-bottom: 3.5em;}
.top-intro .txt{line-height: 175%; margin-bottom: 2.5em; width: 55%;}
.top-intro .display{display: grid; grid-gap: 2.5em; grid-template-columns: repeat(3, 1fr); margin-top: 5em; margin-bottom: 3em;}
.top-intro .display .item{position: relative}
.top-intro .display .item .picture{width: 100%; height: 10em; border-radius: .75em;}
.top-intro .display .item .middle-round-btn{position: absolute!important; bottom: 0; left: 50%; transform: translate(-50%, 50%); min-width: 280px!important;}
@media only screen and (max-width: 48.8125em){
	.top-intro{padding-top: 0;}
	.top-intro .backimg{position: initial; width: 100%; height: 40vw; border-radius: 0; margin-bottom: 2em;}
	.top-intro .title-2{font-size: 125%;}
	.top-intro .txt{width: 100%;}
	.top-intro .to{text-align: center;}
	.top-intro .display{display: block; margin-top: 2em; margin-bottom: 0;}
	.top-intro .display .item{margin-top: 2.5em;}
}

/**
 * Sidebar
 */


/**
 * Footer
 */
footer .box{display: grid; width: 100%; height: 25em; border-radius: 1em; overflow: hidden; padding: 3em; background-color: #f3c300;}
footer .wrapper{display: grid; grid-template-rows: auto 1fr;}
footer .logo img{height: 80px; width: auto;}
footer .info{line-height: 150%; margin-top: .75em;}
footer .info .tel{margin-top: .25em;}
footer .info .tel a{font-weight: bold; font-size: 150%;}
footer .fotter-menu{display: flex; align-self: end; justify-content: flex-end; flex-wrap: wrap;}
footer .youtube{width: 100%; text-align: right; margin-bottom: 1em;}
footer .menu_footer{display: flex; align-self: end; justify-content: flex-end; list-style: none; color: #062f87;}
footer .menu_footer li{position: relative; display: inline-block; padding: 0 1.5em;}
footer .menu_footer li::after{position: absolute; right: 0; top: 0; content: ''; height: 0.75em; width: 1px; background-color: #062f87;}
footer .menu_footer li:last-child{padding-right: 0;}
footer .menu_footer li:last-child::after{content: initial;}
footer .menu_footer li a{color: #062f87; font-weight: bold;}
footer .menu_footer li a:hover{text-decoration: underline;}
footer .copyright{display: flex; align-items: center; justify-content: center; font-size: 80%; height: 10em;}

#movetop{position: fixed; right: -200px; bottom: 2.5em; z-index: 5000; transform: rotate(-95deg); transition: all .25s ease;}
#movetop.active{right: 10px; transform: rotate(0deg);}

.mobile-navi{position: fixed; top:0; right: -100vw; opacity: 0; transition: opacity .25s;box-sizing: border-box; background-color: rgba(0, 0, 0, 0.75); width: 100%; height: 100%;z-index:10000;}
.mobile-navi.active{right:0; opacity: 1;}
.mobile-navi .mobile-navi-box{position: fixed; width: 450px; right:-100vw; height: 100%; background-color: #0a3351; top: 0; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;overflow-scrolling: touch; transition: right .5s; box-shadow: 5px 5px 10px #000;}
.mobile-navi.active .mobile-navi-box{right: 0px;}
.mobile-navi .close{position: fixed; right:-100vw; top: 10px; transition: right .85s; cursor: pointer;}
.mobile-navi .close img{width: 75px; height: auto;}
.mobile-navi.active .close{position: fixed; right:450px; top: 10px;}

#mobile-navi-menu ol{position: relative; display: block; list-style: none; line-height: 135%;}
#mobile-navi-menu ol > li{display: block;}
#mobile-navi-menu ol > li a{position: relative; display: block; padding: 1.5em 3.5em 1.5em 1em; margin-bottom: 1px #ccc solid; border-bottom: 1px #e7f3f7 solid; color: #fff; font-size: 125%;}
#mobile-navi-menu ol .menu_child{display: block;}
#mobile-navi-menu ol .menu_child li{display: block;}
#mobile-navi-menu ol .menu_child a{padding: 1em 0.5em 1em 2.5em; color: #fff;}
#mobile-navi-menu ol .menu_child a::after{position: absolute; top: 50%; left: 0.5em; transform: translate(0, -50%); font-size: 150%; content: "\e5cc"; font-family: 'Material Symbols Outlined'; color: #e7f3f7;}

.mobile-navi .mobile-navi-box{width: 85vw;}
.mobile-navi .close img{width: 13vw; height: auto;}
.mobile-navi.active .close{right:85vw;}
.mobile-navi-header{display: flex; justify-content: flex-end; align-items: center; height: 60px; border-bottom: 1px #ccc solid;}
.mobile-navi-close{display: inline-block;}
.mobile-navi-close span{display: inline-block; font-size: 400%; padding-right: 10px; color: #e7f3f7; cursor: pointer; font-weight: normal;}

@media only screen and (max-width: 48.8125em){
	footer .box{min-height: 10em; height: initial; padding: 1em;}
	footer .logo img{height: 2.25em; width: auto;}
	footer .menu_footer{display: none;}
	footer .youtube{text-align: center; margin-bottom: 0;}
	
	#movetop img{width: 65px; height: auto;}
}

/**
 * Page
 */
.page-impact{padding-top: 7em; }
.page-impact .page-impact_image{width: 100%; height: 150px; border-radius: 1em; overflow: hidden; line-height: 125%;}

.wp-note a{color: blue;}
.wp-note a:hover{text-decoration: underline;}

.page-viewport .wp-note h1{text-align: center; font-weight: bold; font-size: 200%; margin-bottom: 1.5em;}
.wp-note h2{position: relative; font-size: 150%; line-height: 130%; font-weight: bold; margin-top: 3.5em; margin-bottom: 1.5em; padding-left: 1.25em;}
.wp-note h2::after{position: absolute; left: 0; top: 0.15em; display: inline-block; width: .5em; height: .5em; content: ''; border: 5px #062f87 solid; border-radius: 50%;}
.wp-note h3{position: relative; font-size: 125%; font-weight: bold; line-height: 130%; margin-top: 1.5em; margin-bottom: 1em; padding-bottom: .25em; border-bottom: 1px #f3c300 dashed;}

.wp-block-flexible-table-block-table{margin-bottom: 1em;}
.wp-block-flexible-table-block-table.is-scroll-on-mobile table{min-width: 768px;}
.wp-block-flexible-table-block-table table{border: none!important; border-top: 1px #ccc solid!important; border-left: 1px #ccc solid!important;}
.wp-block-flexible-table-block-table th, .wp-block-flexible-table-block-table td{border: none!important; border-right: 1px #ccc solid!important; border-bottom: 1px #ccc solid!important; padding: 1.5em;}

.shortcode_list_page_by_slug_fold{position: relative; margin-top: 6.5em;}
.shortcode_list_page_by_slug_fold .title{position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); display: inline-flex; font-weight: bold; color: #062f87; font-size: 150%; padding: 0 .75em; white-space: nowrap;}
.shortcode_list_page_by_slug_fold .title::before{position: absolute; left: 0; bottom: 25%; display: inline-block; content: ''; width: 1px; height: 0.75em; background-color: #062f87; transform: rotate(-45deg) translate(0, 0);}
.shortcode_list_page_by_slug_fold .title::after{position: absolute; right: 0; bottom: 25%; display: inline-block; content: ''; width: 1px; height: 0.75em; background-color: #062f87; transform: rotate(45deg) translate(0, 0);}
.shortcode_list_page_by_slug{display: flex; align-content: center; flex-wrap: wrap; list-style: none; padding: 1em 1.75em 1.75em 1em!important; background-color: #f6f6f6; border-radius: 0.75em;}
.shortcode_list_page_by_slug li{display: inline-block; margin-left: 0.75em; margin-top: 0.75em;}
.shortcode_list_page_by_slug li a{display: flex; border: 1px #ccc solid; background-color: #fff; border-radius: 10px; justify-content: center; align-items: center; padding: 0.5em 1em; font-weight: bold; color: #333; transition: color .25s ease, background-color .25s ease;}
.shortcode_list_page_by_slug li a:hover{color: #fff; background-color: #333; text-decoration: none;}

.single-header{margin-bottom: 3em;}
.single-header h1{background-color: #eeece8; color: #062f87; padding: .75em; border-radius: 0.75em; font-size: 130%; line-height: 150%;}
.single-header .date{text-align: right; font-size: 90%; color: #f3c300; margin-top: .75em;}

.single_navi{display: flex; justify-content: center; justify-items: center; height: 50px; margin-top: 5em; font-size: 90%;}
.single_navi > *{display: flex; height: 100%; justify-content: center; align-items: center; padding: 0 0.5em; min-width: 100px; border: 1px #ccc solid; border-radius: .75em; font-weight: bold;}
.single_navi .tolist{display: flex; min-width: 200px; text-align: center; height: 100%; justify-content: center; align-items: center; padding: 0 0.5em; line-height: 125%; margin: 0 1em;}

.archive-selector{padding: 2.5em 0 0 0;}
.archive-selector .container{display: flex;}
.archive-selector .container > *{width: 50%; padding: 0 0.5em;}
.archive-selector .title{font-size: 85%; color: #666; margin-bottom: 0.25em;}

.archive-selector .selectbox {position: relative; width: 100%;}
.archive-selector select{-webkit-appearance: none; appearance: none; width: 100%; padding: 1em 1em; box-sizing: border-box; font-size: 1em; border:#ccc 1px solid; background:#fff; border-radius: 10px; }
.archive-selector .selectbox::after{position: absolute; right: 5%; top: 35%; display:block; width: 10px; height: 10px; content:"";  border-bottom:#062f87 2px solid; border-right:#062f87 2px solid; transform:rotate(45deg)translateY(-30%);}
.archive-selector select:focus{outline: 2px #062f87 solid;}

.pagenation{display: flex; align-items: center; justify-content: space-between; margin-top: 4.5em; text-align: center;}
.pagenation .pbtn a{position: relative; display: block; min-width: 125px; text-align: center; line-height: 1.75em; border-radius: 10px; transition: background-color .35s ease; font-size: 90%; color: #fff; background-color: #062f87; border: 2px #062f87 solid;}
.pagenation .prev a::after{position: absolute; left: 0.5em; top:50%; transform: translate(0, -50%); content: '\e5cb'; font-family: 'Material Symbols Outlined'; font-size: 125%;}
.pagenation .next a::after{position: absolute; right: 0.5em; top:50%; transform: translate(0, -50%); content: '\e5cc'; font-family: 'Material Symbols Outlined'; font-size: 125%;}
.pagenation .pbtn a:hover{color: #062f87; background-color: #fff;}
.pagenation .page{font-size:80%;}

.archive-title{color: #062f87; margin-bottom: 2.5em;}
.archive-list .item{display: flex; align-items: center; margin-bottom: 2.5em; border-radius: 0.75em; transition: background-color .35s ease;}
.archive-list .item .thumb{width: 280px; height: 180px; border-radius: 0.75em; overflow: hidden; transition: opacity .35s ease;}
.archive-list .item .summary{flex:1; margin-left: 3.5em;}
.archive-list .item .summary .date{margin-bottom: 0.75em; font-size: 90%; color: #666;}
.archive-list .item .summary .title{font-size: 125%; line-height: 150%;}
.archive-list .item:hover{background-color: #faf9f1;}
.archive-list .item:hover .thumb{opacity: 0.75;}
.archive-list.sanyaku .item .thumb{width: 150px; height: auto;}
.archive-list.sanyaku .summary .title{font-size: 175%; line-height: 125%; margin-bottom: 0.25em;}
.archive-list.sanyaku .summary .sanyaku{line-height: 150%;}

.t1{width: 100%; border-left: 1px #ccc solid; border-top: 1px #ccc solid;}
.t1 th, .t1 td{padding: .75em; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.t1 th{background-color: #efefef;}

@media only screen and (max-width: 48.8125em){
.page-impact{padding-top: 5em; }
.page-impact .page-impact_image{height: 20vw;}

.page-viewport .wp-note h1{font-size: 150%;}
.wp-note h2{font-size: 125%; padding-left: 1em;}
.wp-note h2::after{left: 0; top: 0.15em; width: .35em; height: .35em; border: 3px #062f87 solid;}
.wp-note h3{font-size: 100%;}

.shortcode_list_page_by_slug_fold .title{font-size: 125%;}
.shortcode_list_page_by_slug{margin-top: 5em; padding: 0.5em 1em 1em 1em!important;}
.shortcode_list_page_by_slug li{margin-top: 0.5em;}
.shortcode_list_page_by_slug li a{padding: 0.25em 0.75em;}

.single-header{margin-bottom: 3em;}
.single-header h1{padding: .5em; font-size: 110%;}

.single_navi{height: 50px;}
.single_navi > *{min-width: 75px;}
.single_navi .tolist{min-width: 125px; margin: 0 .5em;}

.archive-selector .selectbox::after{right: 8%; top: 45%; width: 5px; height: 5px;}

.pagenation .pbtn a{font-size: 85%; min-width: 85px;}

.archive-list .item{margin-bottom: 1em; align-items: flex-start;}
.archive-list .item .thumb{width: 100px; height: 70px;}
.archive-list .item .summary{margin-left: 1.5em;}
.archive-list .item .summary .date{margin-bottom: 0.5em;}
.archive-list .item .summary .title{font-size: 100%; line-height: 150%;}
.archive-list.sanyaku .item .thumb{width: 35vw;}
.archive-list.sanyaku .summary .title{font-size: 125%;}
}

/**
 * Common
 */
.title-1{position: relative; color: #333; font-size: 160%; font-weight: bold; letter-spacing: 0.1em; padding-left: 1.25em; margin-bottom: 1em;}
.title-1::after{position: absolute; left: 0; top: 50%; content: ''; background-color: #062f87; width: 0.75em; height: 5px; transform: translate(0, -50%); }
.title-2{position: relative; color: #333; font-size: 225%; font-weight: bold; letter-spacing: 0.1em; line-height: 150%; padding-bottom: 0.5em; margin-bottom: 1em;}
.title-2::after{position: absolute; left: 0.1em; bottom: 0; content: ''; background-color: #062f87; width: 1.5em; height: 5px;}

.info-list .item{display: flex; align-items: center; margin-bottom: 1em;}
.info-list .item:last-child{margin-bottom: 0;}
.info-list .item .date{display: inline-block; color: #666; min-width: 135px; font-size: 90%;}
.info-list .item .title{font-weight: bold; flex: 1; line-height: 105%; transition: color .25s ease;}
.info-list .item:hover .title{color: #0375c4;}

.report-list{display: grid; grid-gap: 2.5em; grid-template-columns: repeat(4, 1fr);}
.report-list .item .thumb{height: 175px; border-radius: 1em; overflow: hidden; transition: opacity .25s ease;}
.report-list .item .title{position: relative;}
.report-list .item .title .date{position: absolute; top: 0; right: 1.5em; transform: translate(0, -50%); display: inline-block; color: #fff; background-color: #0375c4; font-size: 90%; line-height: 150%; padding: 0 1em;}
.report-list .item .title .txt{font-weight: bold; line-height: 125%; padding-top: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: color .25s ease;}
.report-list .item:hover .thumb{opacity: .75;}
.report-list .item:hover .title .txt{color: #0375c4;}

@media only screen and (max-width: 48.8125em){
	.title-1{font-size: 125%;}
	.title-2{font-size: 150%;}
	.title-2::after{position: absolute; left: 0.1em; bottom: 0; content: ''; background-color: #062f87; width: 1.5em; height: 5px;}

	.info-list .item{display: block;}
	.info-list .item .date{display: block; min-width: initial; margin-bottom: 0.5em;}
	.info-list .item .title{display: block;}
	
	.report-list{display: block;}
	.report-list .item{display: block; margin-bottom: 1.5em;}
	.report-list .item .thumb{height: 40vw;}
}


.round-btn{position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; color: #062f87; border: 2px #062f87 solid; font-size: 140%; padding: .75em 1em; border-radius: 1.5em; font-weight: bold; min-width: 300px; transition: background-color .5s ease, color .5s ease; }
.round-btn:hover{background-color: #062f87; color: #fff;}

.small-round-btn{display: inline-flex; justify-content: center; align-items: center; background-color: #062f87; color: #fff; font-weight: normal; height: 1.75em; font-size: 85%; padding: 0 1em; border-radius: 1em; transition: background-color .5s ease;}
.small-round-btn:hover{background-color: #0375c4;}
.small-round-btn::after{display: inline-block; content: "\e5c8"; font-family: "Material Symbols Outlined"; font-weight: normal; font-size: 100%; width: 1em; height: 1em; margin-left: 0.5em; overflow: hidden;}
.small-round-btn:hover::after{animation:btn-icon-indent .5s ease;}

.middle-round-btn{position: relative; display: inline-flex; justify-content: center; align-items: center; background-color: #062f87; color: #fff; font-weight: normal; font-size: 120%; padding: 0.5em 1em; border-radius: 1.5em; transition: background-color .5s ease; font-weight: bold; min-width: 260px;}
.middle-round-btn:hover{background-color: #0375c4;}
.middle-round-btn::after{position: absolute; display: inline-block; top: 50%; right: 0.5em; transform: translate(0, -50%); content: "\e5c8"; font-family: "Material Symbols Outlined"; font-weight: normal; font-size: 100%; width: 1em; height: 1em; overflow: hidden;}
.middle-round-btn:hover::after{animation:btn-icon-indent .5s ease;}

@keyframes btn-icon-indent{
0% {text-indent:0;}
50% {text-indent:1em;}
50.01% {text-indent:-1em;}
100% {text-indent:0;}
}

@media only screen and (max-width: 48.8125em){

}

.parallax{position: relative;}
.parallax .parallax-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center; background-repeat: no-repeat;}