@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&family=Oswald:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: 'Josefin Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.tit_altemate {font-family: 'Oswald', sans-serif;}
.Numbers {font-family: 'Josefin Sans', sans-serif;}

/***************************************************************
************ SETTING *******************************************
***************************************************************/

.wrap {max-width: 1440px;min-width: 1080px;margin: 0 auto 0;}
#sec01 {width: 100%;position: relative;background-color: #FFF;}
#sec01 img {}
#sec01 h1 {width: auto;height: auto;margin: 0;padding: 0 0 0;}
#sec01 .logo {width: 100%;height: 80px; position: absolute;top:0;left:0;margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;background-color: #FFF11B;}
#sec01 .logo img {width: auto;height: 41px;}
#sec01 .btn_search {position: absolute;width:20.83%;max-width: 300px;right: 0;bottom: -1px;}
#sec01 .btn_search a {display: block;}
#sec01 .btn_search a img {vertical-align: bottom;}
.btn_clone_search {position: fixed;width:20.83%;max-width: 300px;right: 0;bottom: -200px;transition: all 1s;z-index: 1000;}
.btn_member {position: absolute;width:55px;height: auto;right: 0;top:150px;}

#sec02 {background-color: #EDF0F1;padding-top: 40px;}
#sec02 .sec02_img {width: 1000px;margin: 0 auto 32px;}				
#sec02 .btn_list {width: 1000px;margin: 0 auto 0;}

#navi {padding: 32px 0 40px;background-color: #EDF0F1;}
#navi .p_nav {}
#navi .p_nav ul {width: 1000px;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
#navi .p_nav ul li {width: 235px;text-align: center;background: #516fb1;background: -moz-linear-gradient(top,  #516fb1 0%, #07328f 100%);background: -webkit-linear-gradient(top,  #516fb1 0%,#07328f 100%);background: linear-gradient(to bottom,  #516fb1 0%,#07328f 100%);}
#navi .p_nav ul li a {width: 100%;display: block; font-size:17px;font-weight: 700;color:#FFF;line-height: 1.4;position: relative;padding: 5px 0 25px;}
#navi .p_nav ul li a:after {position: absolute;bottom: 10px;left: calc(50% - 7px);margin: auto;content: "";width: 14px;height: 14px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#navi .sec_t {width: 1039px;margin: 0 auto 48px;}
#navi .sec_t img {}
#navi .in {width: 1000px;margin: 0 auto 0;position: relative;}
#navi .in .navisec_img {width: 1000px;margin: 0 auto 0;}
#navi .in .navisec_img02 {width: 842px; position: absolute;bottom: 48px;left: 50%;transform: translate(-50%,0);}

#about {padding: 80px 0 136px;background-image: url("../img/about_bk.jpg");background-position: center bottom;background-repeat: no-repeat;}
#about .in {}
#about .in .about_img {width: 1000px;margin: 0 auto 112px;}

#topics {width: 1050px;padding-right: 25px;margin: 0 auto 0;}

#impression {padding: 120px 0 96px;}
#impression .in {}
#impression .in .impression_img01 {width: 1030px;padding-right: 30px; margin: 0 auto 72px;}
#impression .in .movie {width: 850px;margin: 0 auto 16px;;}
#impression .in .impression_img02 {width: 1000px;margin: 0 auto 0;}

#replacement {background-color: #EDF0F1;padding: 120px 0 160px;}
#replacement .in {width: 1000px;margin: 0 auto 0;}
#replacement .in .replacement_tit {width: 1000px;margin: 0 auto 30px;}
#replacement .in .replacement_tit02 {width: 1000px;margin: 0 auto 40px;}
#replacement .in .replacement_img {width: 1000px;margin: 0 auto 36px;}
#replacement .in .replacement_img.img01 {margin: 0 auto 27px;}
#replacement .in .replacement_img.img02 {margin: 0 auto 20px;}
#replacement .in .replacement_img.img06 {margin: 0 auto 26px;}
#replacement .in .replacement_img.img07 {margin: 0 auto 17px;}
#replacement .in .replacement_bottom {width: 1000px;margin: 0 auto 40px;}

#present {}
#present .btn_wrap {position: relative;}
#present .btn_wrap .btn_subject {position: absolute;width: 34.722%;height: 60px;bottom: 53%;right: 23.5%;}
#present .btn_wrap .btn_flow {position: absolute;width: 34.722%;height: 60px;bottom: 9%;right: 23.5%;}

#store {padding:100px 0;background-color: #E6E6E6;}
.store_t {width: 574px;display: block; margin: 0 auto 64px;}
.search {width: 307px;margin: 0 auto;}
.col3 {width: 500px;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: center;}
.col3 .col {width: 30.6%;}
.movie .youtube {max-width: 850px;}
.movie .youtube .inner {position: relative;width: 100%;padding-top: 56.25%;}
.movie .youtube .inner iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}


footer {padding:0;}
footer .f_logo {width: 100%;margin: 0 auto 0;}
footer .f_logo img {}
.f_search {position: fixed;width: 0%;height: 0; left: 0;bottom: 0;}

.btn_acc {width: 1000px;margin: 0 auto 80px;cursor: pointer;}
.btn_acc.active {display: none;}




@media(max-width:768px) {
	.wrap {max-width: 100%;min-width: 100%;margin: 0 auto 0;}	
	#sec01 h1 {padding: 0 0 0;}
	#sec01 .logo {width: 100%; max-width:100%;height: auto; position: absolute;top:0;left: 0;margin: 0;padding: 0;}
	.btn_member {position: relative;top: 0; width: 86%;height: auto; margin: 0 auto 5%;}

	#sec02 {background-color: #EDF0F1;padding-top: 5%;}
	#sec02 .sec02_img {width: 93.75%;margin: 0 auto 4%;}				
	#sec02 .btn_list {width: 86%;margin: 0 auto 0;}
	
	#navi {padding: 3% 0 8%;}
	#navi .p_nav {}
	#navi .p_nav ul {width: 86%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
	#navi .p_nav ul li {width: 49%;height: 70px; border-radius:0;margin: 0 0 3%;text-align: center;}
	#navi .p_nav ul li a {width: 100%;height: 100%;box-sizing: border-box; display: block; font-size:3.6vw;font-weight: 700;color:#FFF;line-height: 1.4;position: relative;padding: 5% 0 15%;}
	#navi .p_nav ul li a:after {position: absolute;bottom: 6px;left: calc(50% - 7px);margin: auto;content: "";width: 10px;height: 10px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
	#navi .sec_t {width: 100%;margin: 0 auto 4%;}
	#navi .sec_t img {}
	#navi .in {width: 100%;margin: 0 auto 0;position: relative;}
	#navi .in .navisec_img {width: 100%;margin: 0 auto 0;}
	#navi .in .navisec_img02 {width: 100%; position: relative;bottom: 0;left: 0%;transform: translate(0,0);}
	
	#about {width: 100%;padding: 0; margin: 0 auto 0;}
	#about .in .about_img {width: 100%;margin: 0 auto 0;}

	#topics {width: 100%;padding-right: 0;margin: 0 auto 0;}

	#impression {padding: 0 0 12%;}
	#impression .in {}
	#impression .in .impression_img01 {width: 94%;margin: 0 auto 9%;}
	#impression .in .movie {width: 85%;margin: 0 auto 2%;}
	#impression .in .impression_img02 {width: 85%;margin: 0 auto 0;}

	#replacement {background-color: #EDF0F1;padding: 0 0 8%;}
	#replacement .in {width: 100%;margin: 0 auto 0;}
	#replacement .in .replacement_tit {width: 100%;margin: 0 auto 0;}
	#replacement .in .replacement_tit02 {width: 100%;margin: 0 auto 0;}
	#replacement .in .replacement_img {width: 100%;margin: 0 auto 0;}
	#replacement .in .replacement_img.img01 {margin: 0 auto 5%;}
	#replacement .in .replacement_img.img11 {margin: 0 auto 5%;}
	#replacement .in .replacement_bottom {width: 100%;margin: 0 auto 5%;}
	
	#present {}
	#present .btn_wrap {position: relative;}
	#present .btn_wrap .btn_subject {position: absolute;width: 62.5%;height:auto;bottom: 45%;right: 18.75%;}
	#present .btn_wrap .btn_flow {position: absolute;width: 62.5%;height: auto;bottom:3.0em;right: 18.75%;}
	
	#store {padding:10% 0 5%;background-color: #E6E6E6;}
	.store_t {width: 75.9375%;display: block; margin: 0 auto 5%;}
	
	.search {width: 307px;margin: 0 auto;}
	.col3 {width: 100%;margin: 0 auto 0;display:block;}
	.col3 .col {width: 84.375%;margin: 0 auto 5%;}
	.movie .youtube {max-width: 850px;}
	.movie .youtube .inner {position: relative;width: 100%;padding-top: 56.25%;}
	.movie .youtube .inner iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

	footer {padding:0 0 4em;}
	footer .f_logo {width: 100%;margin: 0 auto 0;}
	footer .f_logo img {}
	.f_search {position: fixed;width: 100%;height: auto; left: 0;bottom: 0;}
}


.acc_box {}
.acc_box .btn_acc {width: 1000px;height: 60px;background-color: #C8C7C5;display: flex;justify-content: center;align-items: center;color:#000;font-size: 28px;font-weight: 900; cursor: pointer;padding: 0;margin: 45px 0 0; transition: all 0.5s;position: relative;}
.acc_box .btn_acc:after {position: absolute;bottom:calc(50% - 7px);right: 40px;margin: auto;content: "";width: 14px;height: 14px;border-top: 4px solid #000;border-right: 4px solid #000;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.acc_box .btn_acc.active {display: none;}
.acc_box .content_acc {display: none;}
.acc_box .content_acc .btn_close {width: 1000px;height: 60px;background-color: #C8C7C5;display: flex;justify-content: center;align-items: center;color:#000;font-size: 28px;font-weight: 900; cursor: pointer;padding: 0;margin: 45px 0 0; transition: all 0.5s;position: relative;}
.acc_box .content_acc .btn_close:after {position: absolute;top:calc(50% - 7px);right: 40px;margin: auto;content: "";width: 14px;height: 14px;border-top: 4px solid #000;border-right: 4px solid #000;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

@media(max-width:768px) {
	.btn_acc {width: 85%;margin: 0 auto 5%;}
	.btn_flow {width: 85%;margin: 0 auto 0;}
}