@charset "UTF-8";
/*
Theme Name: Emanon Free child
Description: Emanon Free の子テーマ
Template: emanon-free
Version: 3.0.0
*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');


body {
    font-family: "Roboto", "Noto Sans JP", sans-serif !important;
}


/*----------------------------------------------------------------------
  header
----------------------------------------------------------------------*/
.header-menu-row.is-tracking-drop .header-menu>.menu-item:not(.js-smooth-scroll).current-menu-item>a,
.header-menu > .menu-item:not(.js-smooth-scroll).current-menu-item > a,
.header-menu-row.is-tracking-drop .header-menu>.menu-item>a {
    color: #ffffff;
}

.header-menu-row.is-tracking-drop .header-menu>.menu-item:not(.js-smooth-scroll).current-menu-item>a:hover,
.header-menu > .menu-item:not(.js-smooth-scroll).current-menu-item > a:hover,
.header-menu-row.is-tracking-drop .header-menu>.menu-item>a:hover {
    color: #fadf70;
}


.drawer-menu {
    background: #025ebf;
    background: linear-gradient(90deg, #025ebf, #4ec0ca);
}

.drawer-menu__inner .drawer-menu__nav .menu-item a {
    color: #ffffff;
    font-size: 150%;
    margin: 7% 3%;
}



/*----------------------------------------------------------------------
  footer
----------------------------------------------------------------------*/

.l-footer {
    padding: 1% 0;
}

#block-5 p {
    line-height: 40px;
    text-align: right;
}

#block-6 .wp-block-image {
    text-align: left;
}

#block-6 img {
    width: auto;
    height: 40px;
}

.copyright {
    padding-top: 0;
}

@media screen and (max-width: 960px) {

    .l-footer {
        padding: 1% 0;
    }

    #block-5 p {
        line-height: 2;
        text-align: center;
    }

    #block-6 .wp-block-image {
        text-align: center;
    }

    #block-6 img {
        width: auto;
        height: 40px;
    }

}





/*----------------------------------------------------------------------
  page
----------------------------------------------------------------------*/

.s-content {
    width: 800px;
    margin: 0 auto;
}

.m-content {
    width: 1000px;
    margin: 0 auto;
}

.xl-content {
    width: 1180px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {

    .m-content,
    .xl-content {
        width: 930px;
    }

}

@media screen and (max-width: 960px) {

    .s-content,
    .m-content,
    .xl-content {
        width: 736px;
    }

}

@media screen and (max-width: 736px) {

    .s-content,
    .m-content,
    .xl-content {
        width: 100%;
    }

}

.article-body > h2.ttl-abt {
    text-align: center;
    font-size: 300%;
    line-height: 1.5em;
    margin: 0 0 10%;
}

.article-body > h2.ttl-abt span {
    font-size: 60%;
    color: #094f83;
}

.article-body > h3.stl-abt {
    margin-top: 100px !important;
    text-align: center;
    font-size: 220%;
}

.article-body > h3.stl-abt span {
    color: #094f83;
}

.article-body > p.p-abt {
    text-align: center;
    /*font-size: 130%;*/
}

.article-body > p.p-abt span {
    font-weight: bold;
}


.article-body > hr {
    background-color: #efefef;
    margin: 100px 0 !important;
}



.logo-abt {
    width: 70%;
    margin: 0 15%;
}

.ttlimg {
    margin-left: calc(50% - 400px);
}

.ttlimg img {
    width: 100%;
}



.tbl-abt {
    width: 100%;
    border: none;
}

.tbl-abt th {
    background: none;
    width: 25%;
    padding: 1.5em;
    border: none;
    border-bottom: solid 1px #094f83;
}

.tbl-abt td {
    width: 75%;
    padding: 1.5em 2em;
    border: none;
    border-bottom: solid 1px #eeeeee;
}


@media screen and (max-width: 960px) {

    /*.pttl {
        padding: 10% 0;
    }*/

    .s-content .article-body {
        padding-left: 5%;
        padding-right: 5%;
    }


    .article-body > h2.ttl-abt {
        font-size: 200%;
    }

    .article-body > h2.ttl-abt span {
        font-size: 50%;
    }

    .article-body > h3.stl-abt {
        font-size: 150%;
    }

    .article-body > p.p-abt {
        font-size: 100%;
        text-align: left;
    }

    .article-body > p.p-abt br {
        display: none;
    }


    .article-body > hr {
        margin: 15% 0 !important;
    }

    .ttlimg {
        margin-left: 0;
    }


    .tbl-abt th {
        width: 25%;
        padding: 1.3em 0;
        font-size: 80%;
    }

    .tbl-abt td {
        width: 75%;
        padding: 1.3em 1em;
        font-size: 80%;
    }


}




/*----------------------------------------------------------------------
  contact form
----------------------------------------------------------------------*/

.wpcf7 {
    background: #0a162c;
    padding: 4% 10% 2%;
    margin-bottom: 5%;
    border-radius: 10px;
    color: #ffffff;
}

.wpcf7 p {
    margin: 3% 0 0;
}

.wpcf7 span.req {
    background: #eb625e;
    padding: 3px 5px;
    margin-left: 10px;
    color: #ffffff;
    font-size: 50%;
    font-weight: bold;
    border-radius: 4px;
    vertical-align: 3px;
}

.wpcf7 input[type="email"],
.wpcf7 input[type="text"] {
    width: 100%;
    padding: 3%;
    margin: 10px 0 0;
    font-size: 100%;
    border-radius: 4px;
    background: #20293a;
    border: solid 1px #364153;
    color: #ffffff;
}

.wpcf7 select {
    width: 100%;
    height: auto;
    padding: 3%;
    margin: 10px 0 0;
    font-size: 100%;
    border-radius: 4px;
    background: #20293a;
    border: solid 1px #364153;
    color: #ffffff;
}

.wpcf7 textarea {
    padding: 3%;
    margin: 10px 0 0;
    border-radius: 4px;
    background: #20293a;
    border: solid 1px #364153;
    color: #ffffff;
}

.wpcf7 input[type="submit"] {
    width: 80%;
    padding: 2% 0;
    margin: 3% 10% 0;
    font-size: 120%;
    font-weight: bold;
    border-radius: 4px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #eb625e;
}


@media screen and (max-width: 960px) {

    .wpcf7 {
        padding: 5% 3% 2%;
        margin: 0 3% 5%;
    }

    .wpcf7 input[type="submit"] {
        width: 80%;
        padding: 3% 0;
        margin: 3% 10% 0;
    }

    .formnote {
        font-size: 80%;
    }

}



/*----------------------------------------------------------------------
  home
----------------------------------------------------------------------*/

.pfv {
    padding: 3% 0;
}

.fw {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fw .fvbox {
	width: 65%;
    text-align: center;
}

.fw .fvimg {
	width: 35%;
}

.fw .fvimg img {
    height: 400px;
}

.fvbox h1 {
    padding-top: 4%;
    font-size: 320%;
    line-height: 1.6em;
}

.subcopy {
    font-size: 120%;
    margin-top: 4%;
}

.fvbox .btn-white {
    margin-top: 5%;
}


@media screen and (max-width: 1200px) {

    .fw .fvbox {
        padding-top: 2%;
    }

    .fvbox h1 {
        padding-top: 3%;
        font-size: 300%;
        line-height: 1.6em;
    }

    .subcopy {
        font-size: 130%;
        margin-bottom: 6%;
    }

    .fvbox .btn-white {
        margin-top: 6%;
    }

}


@media screen and (max-width: 960px) {


    .fw .fvbox {
        width: 100%;
        padding-top: 7%;
        padding-bottom: 10%;
        text-align: center;
    }

    .fvbox h1 {
        padding-top: 0;
        font-size: 250%;
        line-height: 1.6em;
    }

    .subcopy {
        font-size: 100%;
        margin-bottom: 3%;
    }

    .fw .fvimg {
        width: 100%;
        padding-bottom: 7%;
        text-align: center;
    }

    .fw .fvimg img {
        width: 40%;
        height: auto;
    }

}




h2.ttl {
    text-align: center;
    font-size: 300%;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 7%;
}

span.en {
    font-size: 50%;
    color: #cccccc;;
}

h3.stl {
    text-align: center;
    font-size: 200%;
    margin-top: 3%;
}


@media screen and (max-width: 960px) {

    h2.ttl {
        font-size: 200%;
    }

    h2.ttl span {
        font-size: 50%;
    }

    h3.stl {
        font-size: 150%;
    }

}




.about-box {
    background: #f8f8f8;
    border-radius: 10px;
}

.about-box img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.about-box p {
    padding: 5% 0;
    font-size: 150%;
}


@media screen and (max-width: 960px) {

    .about-box {
        width: 90%;
        margin: 0 5%;
    }

    .about-box p {
        padding: 7% 0;
        font-size: 120%;
    }

}




.fw .ftr-box {
	width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);
}

.fw .ftr-box:nth-child(2n) {
	margin-right: 0;
}

.fw .ftr-box img {
    width: 25%;
    margin-top: 7%;
}

.fw .ftr-box p {
    margin: 5% 5% 7%;
    font-size: 120%;
    font-weight: 800;
}


@media screen and (max-width: 960px) {

    .fw .ftr-box {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

    .fw .ftr-box:nth-child(2n) {
        margin-right: 5%;
    }

    .fw .ftr-box p {
        font-size: 120%;
        line-height: 1.4em;
    }

}




.svs-box {
	width: 100%;
    padding: 5%;
    margin-bottom: 10%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);
}

.svs-box h3 {
    margin: 0;
    font-size: 250%;
    font-weight: 800;
}

.svs-box img {
    width: 70%;
    margin: 5% auto;
    border-radius: 10px;
}

.gbox {
    background: #f8f8f8;
    padding: 4% 5% 2%;
    margin-bottom: 4%;
    text-align: left;
    border-radius: 10px;
}

.gbox h4 {
    margin: 0;
    font-size: 150%;
    font-weight: 800;
    line-height: 1em;
}

.gbox ul {
    margin: 2% 0 2% 3%;
}

.gbox ul li {
    list-style: disc;
    font-size: 120%;
}

.gbox p {
    margin: 2% 0;
    font-size: 120%;
}


@media screen and (max-width: 960px) {

    .svs-box {
        width: 90%;
        padding: 5% 5% 7%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 10%;
    }

    .svs-box h3 {
        margin: 0;
        font-size: 150%;
    }

    .svs-box img {
        width: 80%;
        margin: 5% auto;
    }

    .gbox {
        padding: 6% 5% 3%;
        margin-bottom: 5%;
    }

    .gbox h4 {
        margin: 0;
        font-size: 130%;
    }

    .gbox ul {
        margin: 3% 0 3% 5%;
    }

    .gbox ul li {
        font-size: 100%;
    }

    .gbox p {
        margin: 3% 0;
        font-size: 100%;
    }

    .svs-box .btn-red {
        width: 100%;
    }

}



.ev-box {
    background: #0a162c;
	width: 100%;
    padding: 5%;
    margin-bottom: 5%;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
}

.ev-box h3 {
    margin: 0;
    font-size: 230%;
    font-weight: 800;
}

.sliderArea {
    background: #122037;
    padding: 5%;
    margin: 5% 0;
    border-radius: 10px;
}

.slider h4 {
    margin: 0;
    font-size: 150%;
    font-weight: 800;
    color: #fadf70;
}

.slider h4 span {
    padding: 2px 7px;
    margin-left: 5px;
    color: #ffffff;
    font-size: 70%;
    border: solid 1px #ffffff;
    border-radius: 4px;
    vertical-align: 3px;
}

.slider img {
    width: 60%;
    margin: 3% auto;
}

.slider p {
    margin: 2% 0 0;
    font-size: 120%;
}

.evnote {
    color: #909090;
}

.slick-prev, .slick-next {
	width: 40px !important;
	height: 40px !important;
}

.slick-prev:before, .slick-next:before {
	font-size: 40px !important;
}


@media screen and (max-width: 960px) {

    .ev-box {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 7%;
    }

    .ev-box h3 {
        font-size: 170%;
        line-height: 1.5em;
    }

    .sliderArea {
        padding: 7% 5%;
        margin: 5% 0;
    }

    .slider h4 {
        margin: 0;
        font-size: 120%;
    }

    .slider img {
        width: 80%;
        margin: 5% auto;
    }

    .slider p {
        margin: 2% 0 0;
        font-size: 80%;
    }

    .evnote {
        font-size: 70%;
    }

	.slick-prev, .slick-next {
		width: 30px !important;
		height: 30px !important;
	}

	.slick-prev:before, .slick-next:before {
		font-size: 30px !important;
	}

}




.notice-box {
    display: block;
	width: 100%;
    padding: 3%;
    margin-bottom: 3%;
    color: #303030;
    border-radius: 10px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.notice-box:hover {
    color: #303030;
    transform: scale(1.02);
}

.fw .ntleft {
    width: 20%;
}

.fw .ntleft span {
    background: #202020;
    padding: 4px 10px;
    color: #ffffff;
    font-size: 90%;
    border-radius: 4px;
}

.fw .ntleft span.cate-4 { background: #e8a13b; }
.fw .ntleft span.cate-5 { background: #4e81ed; }

.fw .ntright {
    width: 80%;
}

.fw .ntright h3 {
    margin: 1% 0;
    font-size: 120%;
}

.fw .ntright p {
    margin: 0;
    color: #707070;
    font-size: 90%;
}

.notice-box:hover .fw .ntright p {
    color: #707070;
}

.notice-box:last-child {
    margin-bottom: 0;
}

.noticenote {
    margin-top: 5%;
}


@media screen and (max-width: 960px) {

    .notice-box {
        width: 90%;
        padding: 5%;
        margin-left: 5%; 
        margin-right: 5%; 
    }

    .fw .ntleft {
        width: 100%;
    }

    .fw .ntright {
        width: 100%;
        margin-top: 2%;
    }

    .noticenote {
        margin-top: 7%;
    }

}



table.ctbl {
	width: 100%;
	margin-bottom: 7%;
	border-top: solid 1px #ddd;
}

table.ctbl tr {
	border-bottom: solid 1px #ddd;
}

table.ctbl th {
	background: none;
	width: 35%;
	padding: 1.5em 0;
	font-weight: bold;
	border: none;
}

table.ctbl td {
	width: 65%;
	padding: 1.5em 0;
	border: none;
}

iframe {
	width: 100%;
	height: 300px;
	border-radius: 10px;
}

@media screen and (max-width: 960px) {

	table.ctbl {
		width: 90%;
		margin-bottom: 7%;
		margin-left: 5%;
		margin-right: 5%;
	}

    table.ctbl th {
        width: 25%;
        padding: 1.25em 0.5em;
        font-size: 80%;
    }

    table.ctbl td {
        width: 75%;
        padding: 1.25em 0.5em;
    }

	iframe {
		width: 90%;
		height: 300px;
		margin: 0 5%;
	}

}






/*----------------------------------------------------------------------
  profile
----------------------------------------------------------------------*/

.profimg {
    width: 40%;
    margin: 0 30% 3%;
    border-radius: 100%;
}

.text-box p {
    margin: 3% 0;
    font-size: 120%;
}

.vsn-box {
	width: 100%;
    margin-bottom: 3%;
    border-radius: 10px;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);
}

.vsn-text {
    width: 65%;
    padding: 5% 5% 0;
}

.vsn-text h3 {
    margin: 0 0 5%;
    font-size: 180%;
    line-height: 1em;
    font-weight: 800;
}

.vsn-text p {
    font-size: 110%;
}

.vsn-img {
    width: 35%;
}

.vsn-img img {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ia-box h3 {
    margin: 7% 0 5%;
    font-size: 250%;
    font-weight: 800; 
}

.ia-box p {
    margin: 5% 0;
    font-size: 120%;
}

@media screen and (max-width: 960px) {


    .text-box {
        margin: 0 5%;
    }

    .text-box p {
        margin: 5% 0;
        font-size: 100%;
    }

    .vsn-box {
        width: 90%;
        margin-bottom: 5%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .vsn-text {
        width: 100%;
        padding: 7% 5%;
    }

    .vsn-text h3 {
        margin: 0 0 3%;
        font-size: 160%;
    }

    .vsn-text p {
        font-size: 100%;
    }

    .vsn-img {
        width: 100%;
    }

    .vsn-img img {
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .ia-box {
        width: 90%;
        margin: 0 5%;
    }

    .ia-box h3 {
        margin: 7% 0 5%;
        font-size: 160%;
    }

    .ia-box p {
        margin: 7% 0;
        font-size: 100%;
    }

}




/*----------------------------------------------------------------------
  post
----------------------------------------------------------------------*/


.l-content__main .archive-title h1 {
    width: 100%;
    padding: 2% 0;
    margin-bottom: 4%;
    border: solid 1px #0a162c;
    color: #0a162c;
    text-align: center;
    border-radius: 3px;
}

.u-shadow-hover {
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.u-shadow-hover:hover {
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.02) !important;
}

/*.archive-header-inner span {
    padding: 4px 10px;
    font-size: 100%;
}

.archive-header-inner span.pr { background: #e8a13b !important; }
.archive-header-inner span.event { background: #4e81ed !important; }

.archive-header-title {
    font-size: 130%;
    margin-left: 17%;
}

.article-excerpt {
    margin-left: 17%;
}

.archive-list.is-one_column .post-meta {
    left: 18.5%;
    right: 0;
    top: 20px;
    bottom: 0;
}*/

.ccate {
	width: 20%;
	padding: 4px 16px;
	margin:  -3% auto 5%;
	border-radius: 100px;
	line-height: 1.5;
	border: solid 1px #e5e7e8;
	letter-spacing: 0.02em;
	color: #484848;
	text-align: center;
}

.category-notice .nav-links,
.category-pr .nav-links {
	margin-top: 7%;
}

.page-numbers:not(.dots) {
    background-color: #ffffff;
    border: 1px solid #122037;
    color: #122037;
}

.page-numbers:not(.dots):hover {
    background-color: #122037;
    border: 1px solid #122037;
    color: #ffffff;
}

.page-numbers.current,
.page-numbers.current:hover {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    color: #303030;
}

.nav-links .next,
.nav-links .prev {
    background-color: none;
    border: none;
    color: #122037;
}

.nav-links .next:hover,
.nav-links .prev:hover {
    background-color: none;
    border: none;
    color: #122037;
}


.article-header .entry-title {
    font-size: 200%;
}

.article-thumbnail {
    margin-bottom: 7%;
}

#throwsSpamAway {
    font-size: 70%;
    margin-top: 20px;
}

.article.paragraph-normal.has-background-color, .article.paragraph-narrow.has-background-color, .article.paragraph-normal__border, .article.paragraph-narrow__border {
    padding-top: 34px;
    padding-bottom: 34px;
    padding-left: 24px;
    padding-right: 24px;
}

@media screen and (max-width: 1200px) {

    .archive-header-title {
        font-size: 120%;
    }

}


@media screen and (max-width: 960px) {

    .l-content__main .archive-title {
        margin: 2% 0 7%;
    }

    .archive-header {
        padding-left: 24px;
        padding-right: 24px;
    }

    /*.archive-header.has-post-meta {
        padding-bottom: 16px;
    }

    .archive-header-title {
        margin-left: 0
    }

    .article-excerpt {
        margin-left: 0;
    }

    .archive-list.is-one_column .post-meta {
        left: 160px;
        right: 0;
        top: 20px;
        bottom: 0;
    }*/

    .article-header .entry-title {
        font-size: 150%;
    }

    .article.paragraph-normal.has-background-color, .article.paragraph-narrow.has-background-color, .article.paragraph-normal__border, .article.paragraph-narrow__border {
        padding-left: 14px;
        padding-right: 14px;
    }

}



/*----------------------------------------------------------------------
  Sidebあr
----------------------------------------------------------------------*/


#newpostcatch-3 h3 {
    padding: 8px;
    border-radius: 3px;
    background: #0a162c;
    margin-bottom: 16px;
    line-height: 1.25;
    letter-spacing: 0.04em;
    color: #ffffff;
    font-size: 120%;
}

.npcatch a {
    display: flex;
}

.npcatch figure {
    width: 80px;
    height: 80px;
    margin-right: 8px;
    overflow: hidden;
}

.npcatch figure img {
    display: inline-block;
    transform: scale(1);
    transition: all 0.3s ease;
    vertical-align: bottom;
}

.npcatch a:hover figure img {
    transform: scale(1.1);
}

.npcatch .detail {
    width: calc(100% - 88px);
    line-height: 1.4;
    text-align: left;
    letter-spacing: 0.04em;
}

.npcatch a:hover .detail .title {
    color: #eb625e;
    transition: all 0.3s ease;
}

.npcatch .detail .date {
    display: block;
    margin-top: 4px;
    font-size: 80%;
}


#wpcategorieswidget-2 h3 {
    padding: 8px;
    border-radius: 3px;
    background: #0a162c;
    margin-bottom: 16px;
    line-height: 1.25;
    letter-spacing: 0.04em;
    color: #ffffff;
    font-size: 120%;
}



.cat-item a {
    position: relative;
    display: block;
    width: 100%;
    padding: 3% 0;
}

.cat-item a:hover {
    color: #eb625e !important;
}

.cat-item .count {
    position: absolute;
    top: 25%;
    right: 0;
    background: #eeeeee;
    padding: 0 3%;
    border-radius: 4px;
    font-size: 80%;
    line-height: 2.0em;
}

.cat-item a:hover .count {
    background: #eb625e;
    color: #ffffff;
    transition: all 0.3s ease;
}

#block-13 .widget {
    margin-block-start: 16px !important;
}


.new-post-list__item a:hover .new-post-list__title {
    color: #094f83 !important;
}


@media screen and (max-width: 960px) {

    .cat-item .count {
        top: 30%;
    }

}





/*----------------------------------------------------------------------
  button
----------------------------------------------------------------------*/

.btn-white {
    display: block;
    background: none;
    width: 300px;
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    border: solid 1px #ffffff;
    border-radius: 6px;
}

.btn-white:hover {
    background: #ffffff;
    color: #122037;
}


.btn-red {
    display: block;
    background: #eb625e;
    width: 500px;
    padding: 3% 0;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 140%;
    font-weight: bold;
    border-radius: 6px;
    box-shadow: 0 4px 0 #b94c49;
}

.btn-red:hover {
    color: #ffffff;
	box-shadow: none;
	transform: translate3d(0, 4px, 0);
}


@media screen and (max-width: 960px) {

    .btn-white {
        width: 60%;
    }

    .btn-red {
        width: 90%;
        padding: 4% 0;
        font-size: 120%;
    }

}


.btn-box {
    display: block;
    border: solid 1px #0a162c;
    width: 380px;
    padding: 1% 0;
    margin: 7% auto 0;
    text-align: center;
    color: #0a162c;
    font-size: 110%;
}

.btn-box:hover {
    background: #0a162c;
    color: #ffffff;
}


@media screen and (max-width: 960px) {

    .btn-box {
        width: 80%;
		padding: 3% 0;
        margin-top: 8%;
    }

}



/*----------------------------------------------------------------------
  common
----------------------------------------------------------------------*/


.movie {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.movie iframe {
	width: 100%;
	height: 100%;
    border-radius: 10px;
}


@media screen and (max-width: 736px) {

    .movie iframe {
        border-radius: 0;
    }

}


.red {
    color: #eb625e;
}

.yellow {
    color: #fadf70;
}


.bg-navy {
    background: #122037;
    color: #ffffff;
}

.bg-gray {
    background: #f8f8f8;
}

.marker {
    background: linear-gradient(transparent 60%, #fadf70 60%);
}

.lsp {
    letter-spacing: -0.5em;
}


.cimg {
    border-radius: 10px;
}



.ptb {
    padding-top: 10%;
    padding-bottom: 10%;
}


.ptb-hf {
    padding-top: 5%;
    padding-bottom: 5%;
}

.pt {
    padding-top: 10%;
}

.pb {
    padding-bottom: 10%;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.bold {
    font-weight: 800;
}

.center {
    text-align: center !important;
}

.pc { display: inline-block; }
.sp { display: none; }


@media screen and (max-width: 960px) {

    .ptb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .ptb-hf {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .pt {
        padding-top: 10%;
    }

    .pt-hf {
        padding-top: 5%;
    }

    .pb {
        padding-bottom: 10%;
    }

    .pc { display: none; }
    .sp { display: inline-block; }

}


/*
.grecaptcha-badge { visibility: hidden; }
*/



/*----------------------------------------------------------------------
  slide
----------------------------------------------------------------------*/

.slick-slide {
  margin: 0 5px;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
.slick-dots {
    bottom: -40px !important;
}
.slick-dots li button:before {
    font-size: 16px !important;;
    padding: 0 !important;
    color: #ffffff !important;
}