@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*loading*/
#loading{ width: 100%; height: 100vh; position: fixed; background:#fff; top: 0; left: 0; z-index: 10010; }
#loadingLogo { width: 150px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; }
#loadingLogo img { width: 100%; }

/*common*/
section, main {position: relative; display: block;}
body, html { width: 100%; overflow-x: hidden; }

.pc-only { display: block!important; }
.sp-only { display: none!important; }

@media screen and (max-width: 900px) {
	.pc-only { display: none!important; }
	.sp-only { display: block!important; }
}


/*fade*/
.js-scroll-fade { opacity: 0; }
.isActive {
    -webkit-animation-timing-function: cubic-bezier(0.36, 0.14, 0, 1);
    animation-timing-function: cubic-bezier(0.36, 0.14, 0, 1);
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeUp{
	0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
	to{opacity:1;-webkit-transform:none;transform:none}
}

/*navi*/
.header_logo { width: 186px; position: relative; z-index: 2; }
.header_logo img { width: 100%; }
header { width: 100%; height: 113px; display: flex; align-items: center; justify-content: space-between; padding: 0 4.08vw; position: absolute; top: 0; left: 0; box-sizing: border-box; }
.global_nav_pc { display: flex; align-items: center; z-index: 2; }
.main_nav { display: flex; align-items: center; position: relative; z-index: 11;}
.main_nav li { font-size: 1.4rem; line-height: 1.5; font-weight: 500; }
.main_nav li + li { margin-left: 32px; }

.fix_cv_btn .inner { position: fixed; z-index: 10; display: flex; flex-direction: column; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.fix_cv_btn.sp { display: none; }
.fix_cv_btn .inner a { display: block; width: 100px; height: 100px; position: relative; text-align: center; font-weight: 600; }
.fix_cv_btn .inner a span { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 1.6rem; line-height: 1.45; }
.fix_cv_btn .inner a + a { margin-top: 2px; }
.inq_mail { background: #162681; }
.inq_chat { background: #E56157; }
.inq_line { background: #6ED01B; }

.global_nav_sp { display: none; }
.btn_humberger_box { display: none; }

@media screen and (max-width: 1024px) {
    .main_nav li { font-size: 1.3rem; line-height: 1.5; font-weight: 500; }
    .main_nav li + li { margin-left: 24px; }
}

@media screen and (max-width: 900px) {
    .header_logo { width: 121px; position: relative; }
    header { width: 100%; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 4.00vw; position: absolute; top: 0; left: 0; box-sizing: border-box; }
    
    .global_nav_pc { display: none; }
    .btn_humberger_box { display: block; }
    
    .btn_humberger_box { display: block; width: 34px; height: 32px; border-radius: 50%; cursor: pointer; position: fixed; top: 20px; right: 4vw; z-index: 6000; }
    .btn_humberger span {content: ""; width: 34px; height: 2px; display: block; -webkit-transition: all 0.2s cubic-bezier(0.36, 0.14, 0, 1); transition: all 0.2s cubic-bezier(0.36, 0.14, 0, 1); background:#333; position: absolute; }
    .btn_humberger span:nth-child(1){ left: 0; top: 5px; }
    .btn_humberger span:nth-child(2){ left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .btn_humberger span:nth-child(3){ left: 0; bottom: 5px; }
    body.open .btn_humberger span:nth-child(1){ transform: rotate(30deg); top: 50%; }
    body.open .btn_humberger span:nth-child(3){ transform: rotate(-30deg); top: 50%; }
    body.open .btn_humberger span:nth-child(2) { opacity: 0; }
    
    .fix_cv_btn.pc { display: none; }
    .fix_cv_btn.sp { display: block; }
    body.contact .fix_cv_btn.sp,
    body.contact-for-shop .fix_cv_btn.sp{ display: none; }
    .fix_cv_btn > .inner { width: 100%; padding: 12px 3.87%; position: fixed; z-index: 10; display: flex; flex-direction: column; right: auto; left: 0; top: auto; bottom: 0; background: -webkit-linear-gradient(30deg, #2D8BDD 15%, #989CFF); background: linear-gradient(30deg, #2D8BDD 15%, #989CFF); box-sizing: border-box; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.8s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.8s cubic-bezier(0.36, 0.14, 0, 1); }
    .fix_cv_btn.sp.active > .inner { -webkit-transform: translateY(0%); transform: translateY(0%); }
    .fix_cv_btn .flex { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    .fix_cv_btn .inner a { display: block; width: 26.87%; height: 10vw; max-height: 50px; position: relative; text-align: center; }
.fix_cv_btn .inner a span { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-size: 1.2rem; line-height: 1.45; }
.fix_cv_btn .inner a + a { margin-top: 2px; }
    .fix_cv_btn .ph { width: 13.29%; max-width: 70px; }
    .fix_cv_btn .ph img { width: 100%; }
    .fix_cv_btn .read { text-align: center; font-size: 1.1rem; color: #fff; margin-bottom: 8px; }
    
    .nav_logo { width: 121px; height: 70px; padding: 0 4vw; position: relative; z-index: 2; display: flex; align-items: center; }
    .nav_logo img { width: 100%; }
    
    .global_nav_sp { display: block; width: 100%; min-height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 5999; overflow-y: scroll; opacity: 0; -webkit-transition: opacity 0.6s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.6s cubic-bezier(0.36, 0.14, 0, 1); pointer-events: none; }
    body.open .global_nav_sp { opacity: 1; pointer-events: visible; }
    .global_nav_sp > .inner { width: 86.66%; margin: 0 auto 90px; opacity: 0; -webkit-transform: translateY(25px); transform: translateY(25px); -webkit-transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1) 0.2s; transition: all 0.6s cubic-bezier(0.36, 0.14, 0, 1) 0.2s; }
    body.open .global_nav_sp > .inner { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
    .global_nav_sp .main_nav_sp li { font-size: 1.5rem; }
    .global_nav_sp .main_nav_sp li a { display: block; padding: 10px 0; border-bottom: 1px solid #EAEFFF; background: url("../img/ico_link_arrow.svg") no-repeat right center / 20px; }
    .sp_cv_btn { margin-top: 18px; }
    .sp_cv_btn a { display: block; color: #fff; text-align: center; padding: 15px; font-size: 1.6rem; font-weight: 700; margin-top: 10px; }
}


/*footer*/
footer { margin-top: 110px; background: -webkit-linear-gradient(30deg, #202F83 15%, #845BF4); background: linear-gradient(30deg, #202F83 15%, #845BF4); }
.page_company + footer, .page_sell + footer { margin-top: 0; }
footer.contact_footer { margin-top: 110px; background: none; background: none; }
footer:not(.contact_footer) * { color: #fff; }
footer > .inner { padding: 50px 0 55px; }
footer.contact_footer > .inner { padding: 0 0 55px; }
.footer_nav { width: 70.15%; min-width: 680px; margin: 0 auto; }
.footer_nav.pc { display: flex; }
.footer_nav.sp { display: none; }
.footer_nav ul + ul { margin-left: 10.72%; }
.footer_nav li { font-size: 1.4rem; }
.footer_nav li + li { margin-top: 10px; }
.footer_line { width: 98.21%; margin: 0 auto; border-top: 1px solid #7F88B9; height: 1px; margin-top: 45px; }
.footer_company { display: flex; justify-content: space-between; align-items: flex-end; width: 70.15%; min-width: 680px; margin: 0 auto; padding-top: 50px; box-sizing: border-box; }
.footer_company_logo { margin-bottom: 40px; }
.footer_company_info { font-size: 1.4rem; }
.footer_sns_list { display: flex;}
.footer_sns_list a { font-size: 1.3rem; }
.footer_sns_list a + a { margin-left: 30px; }
.footer_copyrights { font-size: 1.1rem; margin-top: 45px; }

footer.contact_footer { text-align: center; font-size: 1.2rem; }

@media screen and (max-width: 1550px) {
    .footer_nav ul + ul { margin-left: 8.72%; }
}
@media screen and (max-width: 1350px) {
    .footer_nav ul + ul { margin-left: 6.42%; }
}
@media screen and (max-width: 1200px) {
    .footer_nav ul + ul { margin-left: 3.42%; }
}
@media screen and (max-width: 1024px) {
    .footer_nav.pc { display: none; }
    .footer_nav.sp { display: flex; }
    .footer_nav ul { width: 50%; margin-left: 0; }
}

@media screen and (max-width: 900px) {
footer { background: -webkit-linear-gradient(30deg, #202F83 15%, #845BF4); background: linear-gradient(30deg, #202F83 15%, #845BF4); }
    footer:not(.contact_footer) > .inner { padding: 34px 0 150px; }
    .footer_nav { width: 86.66%; min-width: auto; margin: 0 auto; }
.footer_nav ul + ul { margin-left: 10.72%; }
    .footer_nav li { font-size: 1.3rem; }
    .footer_nav li + li { margin-top: 10px; }
    .footer_line { width: 92%; margin: 0 auto; border-top: 1px solid #7F88B9; height: 1px; margin-top: 30px; }
    .footer_company { display: block; justify-content: space-between; align-items: flex-end; width: 86.66%; min-width: auto; margin: 0 auto; padding-top: 35px; box-sizing: border-box; }
.footer_company_logo { width: 168px; margin-bottom: 25px; }
    .footer_company_info { font-size: 1.2rem; margin-top: 20px; }
.footer_sns_list { display: flex;}
.footer_sns_list a { font-size: 1.3rem; }
.footer_sns_list a + a { margin-left: 30px; }
    .footer_copyrights { font-size: 1.1rem; margin-top: 30px; }
    
    footer.contact_footer { text-align: center; font-size: 1.1rem; }
}

/*common*/
main img { width: 100%; }

.link_txt_ex a { font-size: 1.4rem; color: #3472D6; padding-right: 39px; background: url("../img/ico_link_ex.svg") no-repeat right center / 13px; }
.ship_body .link_txt_ex { margin: 20px 0 0 19px; }

strong { font-weight: 600; }
.font_blue { color: #202F83; }

@media screen and (max-width: 900px) {
    .sp_txt_r { text-align: right; }
    
}

/*top*/
.top_main { width: 1200px; margin: 107px auto 100px; }
.top_main_txt { width: 640px; padding-top: 78px; position: relative; z-index: 2; }
.top_main_read { display: inline-block; padding: 8px 88px 8px 58px; font-size: 3.7rem; color: #fff; font-weight: 700; line-height: 1.5; /* background: -webkit-linear-gradient(left, #619ED3 15%, #989CFF); background:linear-gradient(to right, #619ED3 15%, #989CFF);*/ position: relative; overflow: hidden; }
.top_main_read > span { position: relative; z-index: 2; letter-spacing: 0.05em; }
.top_main_read:after { content: ""; display: block; width: 100%; height: 100%; background: url("../img/top_main_read.png") no-repeat right center / cover; position: absolute; left: 0; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); }
.top_main_read.is-animation:after { -webkit-transform: translateX(0%); transform: translateX(0%);}
/*.top_main_read:after { content: ""; display: block; width: 30px; height: 100px; position: absolute; right: -10px; top: 0; background: #fff; -webkit-transform:skewX(-20deg); transform:skewX(-20deg); }*/
.top_main_ttl { font-size: 7.4rem; line-height: 1.2; margin: 20px 0; position: relative; z-index: 2; opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.8s cubic-bezier(0.36, 0.14, 0, 1) 0.5s; transition: all 0.8s cubic-bezier(0.36, 0.14, 0, 1) 0.5s; }
.top_main_ttl.is-animation { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
.top_main_copy { font-size: 2.0rem; opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 0.8s cubic-bezier(0.36, 0.14, 0, 1) 0.5s; transition: all 0.8s cubic-bezier(0.36, 0.14, 0, 1) 0.5s; }
.top_main_copy.is-animation { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
.top_main_slider { width: 740px; margin-left: -50px; margin-top: 60px; }
.top_main_slider.sp { display: none; }
.slider_inner { display: flex; align-items: center;}
.slider_inner > div { height: 115px; }
.slider_inner > div + div { margin-left: 2.67%;}
.slider_inner > div img { width: auto; height: 100%; }
.link_txt_arr a { font-size: 1.5rem; color: #3472D6; padding-right: 46px; background: url("../img/ico_link_arrow.svg") no-repeat right center / 20px; }
.link_txt_arr.txt_r { text-align: right; }

.top_main_ph { width: 650px; height: 652px; position: absolute; right: -40px; top: 0; }
.top_main_ph img { width: 100%; position: relative; z-index: 2;}
.top_main_ph:after { content: ""; display: block; width: 650px; height: 652px; background: url("../img/top_mainph_bg.png") no-repeat center / cover; position: absolute; right: -50px; bottom: -50px; }

.top_step_ttl { font-size: 2.8rem; text-align: center; color: #202F83; }
.top_step { background: -webkit-linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); background: linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); }
.top_step > .inner { width: 70.15%; min-width: 680px; margin: 25px auto 0; padding: 25px 0 150px;  }
.top_step_list { display: flex;}
.top_step_list > div { width: 28.9%; position: relative; }
.top_step_list > div + div { margin-left: 6.65%; }
.top_step_list .num { font-size: 5.5rem; color: #202F83; position: absolute; left: 0; top: 0; line-height: 1; }
.top_step img { width: 100%; }
.top_step_list .ph { margin-top: 60px; }
.top_step_list .ttl { font-size: 2.3rem; margin: 38px 0 16px; }
.top_step_list .notes { font-size: 1.4rem; margin-top: 40px; }

.top_step_finish { display: flex; align-items: center; justify-content: center; border-top: 1px solid #202F83; margin-top: 50px; padding-top: 30px; }
.top_step_finish_fukidashi { width: 136px; height: 126px; margin-right: 30px; background: url("../img/ico_fukidashi.svg") no-repeat center / contain; position: relative; }
.top_step_finish_fukidashi > span { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 1.5rem; line-height: 1.5; padding-right: 15px; box-sizing: border-box; }
.top_step_finish_fukidashi > span strong { font-size: 2.6rem; color: #202F83; }

.top_cv_link > .inner { width: 76.53%; margin: 25px auto 0; padding: 25px 4.16% 45px; background: #fff; margin-top: -105px; position: relative; z-index: 2; text-align: center; box-shadow: 0px 3px 9px 0 rgba(23, 47, 78, .25); box-sizing: border-box; }
.footer_cv_link > .inner { width: 70.15%; margin: 125px auto 0; padding: 25px 0 45px; background: #fff; position: relative; z-index: 2; text-align: center; box-sizing: border-box; }
.top_cv_link h2,
.footer_cv_link h2{ text-align: center; font-size: 2.9rem; color: #202F83; margin-bottom: 5px; }
.top_cv_link_list { display: flex; margin-top: 30px; }
.top_cv_link_list a { width: 32.54%; padding: 25px 0; font-size: 2.1rem; color: #fff; font-weight: 600; }
.top_cv_link_list a + a { margin-left: 1.19%; }

.top_common_ttl { text-align: center; margin-bottom: 40px; }
.top_common_ttl h2 { font-size: 2.9rem; }
.top_common_ttl .read { color: #202F83; }
.top_brand .read { color: #202F83; text-align: center; margin-bottom: 30px; }

.top_kaitori > .inner { width: 70.15%; min-width: 680px; margin: 100px auto; }
.top_kaitori_list { display: flex; flex-wrap: wrap; }
.top_kaitori_list > a { width: 17.63%; margin-left: 2.96%; margin-bottom: 50px; }
.top_kaitori_list > a:nth-child(5n+1) { margin-left: 0; }
.top_kaitori_list .name { font-size: 1.6rem; text-align: center; margin-top: 15px; }

.top_showcase > .inner { width: 70.15%; min-width: 680px; margin: 100px auto; }
.top_showcase_list.pc { display: flex; flex-wrap: wrap; }
.top_showcase_list.sp { display: none; }
.top_showcase_list.pc > a { width: 31.63%; margin-left: 2.55%; margin-bottom: 2.55%; padding: 37px 20px 30px; background: #EBEBEB; box-sizing: border-box; position: relative;}
.top_showcase_list.pc > a:nth-child(3n+1) { margin-left: 0; }
.top_showcase_list .ph > div { padding-bottom: 63.58%; overflow: hidden; position: relative; }
.top_showcase_list img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%, -50%); transform: translate(-50%, -50%); }
.top_showcase_list .date { font-size: 1.2rem; position: absolute; left: 0; top: 0; background: #202F83; color: #fff; padding: 1px 24px; }
.top_showcase_list h3 { font-size: 1.8rem; margin-top: 30px; }

.top_about { background: -webkit-linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); background: linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); }
.top_about > .inner { width: 70.15%; min-width: 680px; margin: 0 auto; padding: 70px 0 100px; }
.top_about_head { text-align: center; font-size: 2.8rem; color: #202F83; margin: 0 0 60px; }
.top_about_head .ico { background: url("../img/top_about_ttl.png") no-repeat center / cover; position: relative; font-size: 2.2rem; display: inline-block; padding: 2px 24px 2px 12px; margin-right: 24px; }
/*.top_about_head .ico:after { content: ""; display: block; position: absolute; right: -12px; top: 0;
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 18px solid transparent;
}*/
.top_about_main { display: flex; justify-content: space-between; }
.top_about_main .ph { width: 52.18%; }
.top_about_main .txt { width: 42.70%; }
.top_about_main h3 { font-size: 2.0rem; line-height: 1.5; }
.top_about_main p { margin-top: 20px; }
.top_about_main .banner { margin-top: 30px; }
.top_about_main .social { text-align: right; }
.top_about_main .fb-like { margin: 10px -9px 0 0;}

.top_about_item { margin-top: 100px; }
.top_about_item .ttl { display: flex; align-items: center; font-size: 2.2rem; text-align: center; margin-bottom: 30px; }
.top_about_item .ttl:before,
.top_about_item .ttl:after { content: ""; display: block; flex-grow: 2;height: 1px; background: #202F83; }
.top_about_item .ttl span { padding: 0 25px; color: #202F83; }

.top_staff_list { display: flex; justify-content: center; }
.top_staff_list > div { width: 32.72%; }
.top_staff_list > div + div { margin-left: 4.18%; }
.top_staff_list .ph { width: 160px; height: 160px; margin: 0 auto; }
.top_staff_list .ph img { border-radius: 50%; }
.top_staff_list .name { text-align: center; font-size: 2.0rem; font-weight: 700; line-height: 1.5; margin-top: 10px; }
.top_staff_list .fukidashi { background: #fff; margin-top: 30px; padding: 27px 30px; font-size: 1.6rem; position: relative; border-radius: 5px; }
.top_staff_list .fukidashi:before { content: ""; display: block; position: absolute; left: 50%; top: -16px; -webkit-transform: translateX(-50%); transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: 21px solid #fff;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}

.top_future_list { display: flex; justify-content: space-between; }
.top_future_list > div { width: 17.63%; margin: 0 3.68%; }
.top_future_list .ph  { margin-bottom: 30px; }
.top_future_list .ph img { border-radius: 50%; }

.top_news > .inner { width: 57.39%; margin: 100px auto; }
.top_news h2 { font-size: 2.4rem; text-align: center; }
.top_news_list { border-top: 1px solid #EBEBEB; margin: 35px 0 30px; }
.top_news_list a { display: flex; border-bottom: 1px solid #EBEBEB; padding: 25px 0; }
.top_news_list .date { min-width: 10em; font-size: 1.2rem; margin-right: 68px; }
.top_news_list .ttl { font-size: 1.4rem; }

.top_shop > .inner { width: 57.39%; margin: 100px auto; }
.top_brand > .inner { width: 57.39%; margin: 100px auto; }
.top_brand h2 { font-size: 2.4rem; text-align: center; }

@media screen and (max-width: 1300px) {
    .top_main { width: 800px; margin: 107px auto 76px; }
    .top_main_txt { width: 426px; padding-top: 52px; position: relative; z-index: 2; }
    .top_main_read { display: inline-block; padding: 8px 88px 8px 58px; font-size: 2.5rem; color: #fff; font-weight: 700; line-height: 1.5; position: relative; }
    .top_main_ttl { font-size: 4.9rem; line-height: 1.2; margin: 20px 0; }
    .top_main_copy { font-size: 1.3rem; }
    .top_main_slider { width: 493px; margin-left: -25px; margin-top: 40px; }
.slider_inner { display: flex; align-items: center;}
    .slider_inner > div { height: 77px; }
.slider_inner > div + div { margin-left: 2.67%;}
.link_txt_arr a { font-size: 1.5rem; color: #3472D6; padding-right: 46px; background: url("../img/ico_link_arrow.svg") no-repeat right center / 20px; }
    .top_main .link_txt_arr { margin: 10px 6.67% 0 0; text-align: right; }
    
    .top_main_ph { width: 470px; height: 471px; position: absolute; right: -80px; top: 0; }
.top_main_ph img { width: 100%; position: relative; z-index: 2;}
    .top_main_ph:after { content: ""; display: block; width: 470px; height: 471px; background: url("../img/top_mainph_bg.png") no-repeat center / cover; position: absolute; right: -33px; bottom: -33px; }
}

@media screen and (max-width: 900px) {
    .top_main { width: 100%; margin: 70px auto 50px; }
    .top_main_txt { width: 100%; padding: 8.8vw 0 12vw; position: relative; z-index: 3; }
    .top_main_read { display: inline-block; padding: 2.13vw 8.26% 2.13vw 6.67%; font-size: 4.8vw; color: #fff; font-weight: 700; line-height: 1.5; position: relative; }
    .top_main_ttl { font-size: 9.06vw; line-height: 1.3; margin: 5.33vw 0 5.33vw 6.67%; }
    .top_main_copy { font-size: 3.46vw; margin-left: 6.67%; }
    .top_main_slider { width: 100%; margin-left: 0; margin-top: 5vw; }
    .top_main_slider .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }
    .top_main_slider .swiper-slide { width: auto; }
    .top_main_slider.pc { display: none; }
    .top_main_slider.sp { display: block; }
.slider_inner { display: flex; align-items: center;}
    .slider_inner > div { height: 20vw; }
.slider_inner > div + div { margin-left: 2.67%;}
.link_txt_arr a { font-size: 1.5rem; color: #3472D6; padding-right: 46px; background: url("../img/ico_link_arrow.svg") no-repeat right center / 20px; }
.link_txt_arr.txt_r { text-align: right; }

    .top_main_ph { width: 59.46%; height: auto; position: absolute; right: -1.33vw; top: 0; }
.top_main_ph img { width: 100%; position: relative; z-index: 2;}
    .top_main_ph:after { content: ""; display: block; width: 100%; height: auto; padding-bottom: 155.6%; background: url("../img/top_mainph_bg_sp.png") no-repeat center / cover; position: absolute; right: -5.06vw; bottom: -3.73vw; }

    .top_step_ttl { font-size: 2.4rem; text-align: center; color: #202F83; }
    .top_step_ttl span { font-size: 1.6rem; padding-right: 5px }
.top_step { background: -webkit-linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); background: linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); }
    .top_step > .inner { width: auto; min-width: auto; margin: 25px 12vw 0; padding: 25px 0 150px;  }
    .top_step_list { display: block; }
    .top_step_list > div { width: auto; position: relative; }
    .top_step_list > div + div { margin-left: 0; margin-top: 35px; }
    .top_step_list_body { display: flex; flex-direction: row-reverse; }
    .top_step_list_body .txt { width: 59.09%; }
    .top_step_list_body .ph { width: 40.91%; position: relative; right: -4.00vw;}
    .top_step_list > div .ph img { width: 150%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .top_step_list > div:nth-child(2) .ph img { width: 150%; }
    .top_step_list > div .ph > div { padding-bottom: 99.17%; }
    .top_step_list > div:nth-child(2) .ph > div { padding-bottom: 114.43%; }
    .top_step_list .num { font-size: 4.7rem; color: #202F83; position: relative; left: -5.86vw; top: 0; line-height: 1; }
.top_step img { width: 100%; }
    .top_step_list .ph { margin-top: 0; }
    .top_step_list .ttl { font-size: 1.8rem; margin: 10px 0 12px; }
    .top_step_list .notes { font-size: 1.0rem; margin-top: 30px; }

.top_step_finish { display: flex; align-items: center; justify-content: center; border-top: 1px solid #202F83; margin-top: 50px; padding-top: 30px; }
    .top_step_finish_fukidashi { min-width: 101px; height: 91px; margin-right: 11px; background: url("../img/ico_fukidashi.svg") no-repeat center / contain; position: relative; }
    .top_step_finish_fukidashi > span { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 1.2rem; line-height: 1.5; padding-right: 10px; box-sizing: border-box; }
    .top_step_finish_fukidashi > span strong { font-size: 2.0rem; color: #202F83; }

    .top_cv_link > .inner { width: 86.66%; margin: 20px auto 0; padding: 20px 5.33% 25px; background: #fff; margin-top: -105px; position: relative; z-index: 2; text-align: center; box-shadow: 0px 3px 9px 0 rgba(23, 47, 78, .25); }
    .footer_cv_link > .inner { width: 86.66%; margin: 50px auto 0; padding: 25px 0 45px; background: #fff; position: relative; z-index: 2; text-align: center; box-sizing: border-box; }
    .top_cv_link h2, .footer_cv_link h2  { text-align: center; font-size: 2.1rem; color: #202F83; margin-bottom: 5px; }
    .top_cv_link_list { display: block; margin-top: 30px; }
    .top_cv_link_list a { display: block; width: auto; padding: 15px 0; font-size: 1.6rem; color: #fff; }
    .top_cv_link_list a + a { margin-left: 0; margin-top: 8px; }

    .top_common_ttl { text-align: center; margin-bottom: 20px; }
    .top_common_ttl h2 { font-size: 2.3rem; }
.top_common_ttl .read { color: #202F83; }

    .top_kaitori > .inner { width: 86.66%; min-width: auto; margin: 70px auto; }
.top_kaitori_list { display: flex; flex-wrap: wrap; }
    .top_kaitori_list > a { width: 31.38%; margin-left: 2.93%; margin-bottom: 20px; }
    .top_kaitori_list > a:nth-child(5n+1) { margin-left: 2.93%; }
    .top_kaitori_list > a:nth-child(3n+1) { margin-left: 0; }
    .top_kaitori_list .name { font-size: 1.4rem; text-align: center; margin-top: 8px; }

    .top_showcase > .inner { width: 86.66%; min-width: auto; margin: 60px auto; }
    .top_showcase_list.sp { width: 60%; margin: 0; display: flex; flex-wrap: wrap; }
    .top_showcase_list.sp.swiper { overflow: inherit; margin-bottom: 15px; }
    .top_showcase_list.pc { display: none; }
    .top_showcase_list .swiper-slide { width: 100%; height: auto; margin: 0; padding: 30px 13px 20px; background: #EBEBEB; box-sizing: border-box; position: relative;}
.top_showcase_list img { width: 100%; }
    .top_showcase_list .date { font-size: 0.9rem; position: absolute; left: 0; top: 0; background: #202F83; color: #fff; padding: 1px 24px; }
    .top_showcase_list h3 { font-size: 1.0rem; margin-top: 5px; }

.top_about { background: -webkit-linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); background: linear-gradient(30deg, #D6E9F9 15%, #F1EBFF); }
    .top_about > .inner { width: 76%; min-width: auto; margin: 0 auto; padding: 20px 0 37px; }
    .top_about_head { text-align: center; font-size: 2.0rem; color: #202F83; margin: 0 0 20px; }
    .top_about_head .ico { display: block; background: url("../img/top_about_ttl_sp.png") no-repeat center / cover; position: relative; font-size: 1.8rem; display: inline-block; margin: 0 auto 3px; padding: 2px 12px 8px 12px; }
    .top_about_main { display: block; justify-content: space-between; }
    .top_about_main .ph { width: auto; }
    .top_about_main .txt { width: auto; }
    .top_about_main h3 { font-size: 1.6rem; line-height: 1.5; margin-top: 15px; }
.top_about_main p { margin-top: 20px; }
    .top_about_main .banner { width: 131.57%; margin-top: 50px; margin-left: -15.78%; }

    .top_about_item { margin-top: 35px; }
    .top_about_item .ttl { display: flex; align-items: center; font-size: 1.6rem; text-align: center; margin-bottom: 25px; }
.top_about_item .ttl:before,
.top_about_item .ttl:after { content: ""; display: block; flex-grow: 2;height: 1px; background: #202F83; }
.top_about_item .ttl span { padding: 0 25px;}

    .top_staff_list { display: block; justify-content: center; }
    .top_staff_list > div { width: auto; display: flex; align-items: center; justify-content: space-between; }
    .top_staff_list > div + div { margin-left: 0; margin-top: 20px; }
    .top_staff_list > div:nth-child(2) { flex-direction: row-reverse;}
    .top_staff_list .head { width: 33.68%; }
.top_staff_list .ph { width: 100%;; height: 100%; margin: 0 auto; }
.top_staff_list .ph img { border-radius: 50%; }
    .top_staff_list .name { text-align: center; font-size: 1.3rem; font-weight: 700; line-height: 1.5; margin-top: 6px; }
    .top_staff_list .fukidashi { width: 60%; background: #fff; margin-top: 0; padding: 20px 20px; font-size: 1.2rem; position: relative; box-sizing: border-box; }
    .top_staff_list .fukidashi:before { content: ""; display: block; position: absolute; left: -17px; top: 50%; -webkit-transform: rotate(-90deg) translateX(50%); transform: translateX(-90deg) translateY(50%);
      width: 0;
      height: 0;
      border-bottom: 19px solid #fff;
      border-left: 13px solid transparent;
      border-right: 13px solid transparent;
    }
    .top_staff_list > div:nth-child(2) .fukidashi:before { right: -17px; left: auto; top: 50%; -webkit-transform: rotate(90deg) translateX(-50%); transform: translateX(90deg) translateY(-50%); }

    .top_future_list { display: block; justify-content: space-between; }
    .top_future_list > div { display: flex; justify-content: space-between; align-items: center; width: auto; margin: 0; }
    .top_future_list > div + div { margin-top: 17px;}
    .top_future_list > div:nth-child(2n) { flex-direction: row-reverse; }
    .top_future_list .ph  { width: 44.56%; margin-bottom: 0; }
    .top_future_list .txt { width: 47.36%; }

    .top_shop > .inner { width: 86.66%; margin: 100px auto; }
    .top_news > .inner { width: 86.66%; margin: 65px auto; }
    .top_news h2 { font-size: 2.3rem; text-align: center; }
    .top_news_list { border-top: 1px solid #EBEBEB; margin: 20px 0 15px; }
    .top_news_list a { display: block; border-bottom: 1px solid #EBEBEB; padding: 12px 0; }
    .top_news_list .date { display: block; min-width: auto; font-size: 1.2rem; margin-right: 0; }
    .top_news_list .ttl { font-size: 1.4rem; }
    
    .top_brand h2 { font-size: 2.3rem; text-align: center; }
    .top_brand > .inner { width: 86.66%; margin: 100px auto; }
}

/*common*/
.page_ttl { font-size: 3.0rem; font-weight: 600; text-align: center; padding: 230px 0 55px; background: -webkit-linear-gradient(-30deg, #D6E8F9 15%, #F1EBFF); background: linear-gradient(-30deg, #D6E8F9 15%, #F1EBFF); }
.breadcrumbs { margin: 113px 4.14% 40px; font-size: 1.1rem; }
.page_ttl + .breadcrumbs { margin: 5px 4.14% 40px; }
.page_ttl_nobg { font-size: 3.0rem; font-weight: 600; text-align: center; padding: 55px 0 125px; }
.page_ttl_404 { padding-bottom: 50px; }

.page_item { width: 57.39%; min-width: 680px; margin: 0 auto; }
.page_item p + p { margin-top: 2em; }

.page_read { font-size: 2.0rem; font-weight: 600; }

.normal_list li { font-size: 1.6rem; padding-left: 0.8em; position: relative; line-height: 1.75; }
.normal_list li + li { margin-top: 5px;}
.normal_list li:before { content: "・"; display: inline-block; position: absolute; left: 0; }

.mt0 { margin-top: 0px!important; }
.mt50 { margin-top: 50px!important; }
.mt100 { margin-top: 100px!important; }

.al_center { text-align: center; }
.color_red { color: #E04E6A; }
.font_bold { font-weight: 600; }

.common_btn a { display: block; border: 1px solid #3472D6; margin-top: 20px; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #3472D6; }
.common_btn.w550 a { width: 61.11%; margin: 35px auto 0; }
.common_btn + .common_btn a { margin-top: 13px!important; }
.common_btn + p { margin-top: 40px; }

@media screen and (max-width: 900px) {
    .page_ttl { font-size: 2.5rem; font-weight: 600; text-align: center; padding: 156px 0 45px; background: -webkit-linear-gradient(-30deg, #D6E8F9 15%, #F1EBFF); background: linear-gradient(-30deg, #D6E8F9 15%, #F1EBFF); }
    .breadcrumbs { margin: 68px 6.67% 40px; font-size: 1.0rem; }
    .page_ttl + .breadcrumbs { margin: 5px 6.67% 40px; }
    .page_ttl_nobg { font-size: 2.5rem; font-weight: 600; text-align: center; padding: 30px 0 55px; }

    .page_item { width: 86.67%; min-width: auto; margin: 0 auto; }
    
    .page_read { font-size: 1.8rem; font-weight: 600; }

    .normal_list li { font-size: 1.4rem; padding-left: 0.8em; position: relative; }
.normal_list li:before { content: "・"; display: inline-block; position: absolute; left: 0;}

    .mt50 { margin-top: 30px!important; }
    .mt100 { margin-top: 50px!important; }
    
    .common_btn a { display: block; border: 1px solid #3472D6; margin-top: 20px; padding: 20px; text-align: center; font-size: 1.6rem; font-weight: 600; color: #3472D6; }
    .common_btn.w550 a { width: auto; margin: 15px auto 0; }
    .common_btn + p { margin-top: 30px; }
    .page_item_faq .common_btn { margin-top: 50px; }
}

/*step*/
.step_flow_list { width: 122.22%; margin-left: -11.11%; padding-left: 12.81%; box-sizing: border-box; position: relative; }
.step_flow_list > div { margin-top: 150px; }
.step_flow_list .num { position: absolute; left: -118px; top: -50px; font-size: 6.0rem; color: #202F83; }
.step_flow_list .top_step_list_body { display: flex; justify-content: space-between; position: relative; }
.step_flow_list .top_step_list_body .ph { width: 33.54%; margin-top: 50px; }
.step_flow_list .top_step_list_body .txt { width: 57.29%; }
.step_flow_list .top_step_list_body .ttl { font-size: 2.6rem; font-weight: 600; margin-bottom: 25px; }
.box_gray { padding: 25px 36px; margin: 15px 0; background: #EBEBEB; }
.step_flow_list .top_step_list_body .notes { font-size: 1.2rem; margin-top: 5px; }
.step_flow_finish_ico { width: 144px; height: 144px; background: #202F83; text-align: center; position: relative; border-radius: 50%; margin: 70px auto 40px; }
.step_flow_finish_ico span { width: 100%; color: #fff; font-size: 1.5rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1.5; }
.step_flow_finish_ico strong { color: #fff; font-size: 2.9rem; font-weight: 600; }

.step_point_ttl { margin: 110px 0 70px; background: url("../img/step_point_ttl_bg.png") no-repeat center bottom/ cover; padding: 30px 0 30px; font-size: 2.7rem; font-weight: 600; text-align: center;  }
.step_point_list { margin-top: 30px; }
.step_point_list_item { padding: 20px 0; border-bottom: 1px solid #EBEBEB; }
.step_point_list_item .num > span { display: inline-block; margin-bottom: 15px; padding: 0 27px; font-size: 2.9rem; color: #202F83; position: relative; line-height: 1.35; }
.step_point_list_item .num > span:before { content: ""; display: block; width: 100%; height: 20px; background: #EAEFFF; position: absolute; bottom: 0; left: 0; z-index: -1; transform:skewX(-30deg); }
.step_point_tasya { font-size: 2.0rem; font-weight: 600; color: #202F83; margin: 25px 0 20px; }
.step_point_img { display: flex; justify-content: space-between; margin-top: 30px; }
.step_point_img > div { width: 49.44%; }

@media screen and (max-width: 900px) {
    .step_flow_list { width: auto; margin-left: 0; padding-left: 0; box-sizing: border-box; position: relative; }
    .step_flow_list > div { margin-top: 60px; }
    .step_flow_list .num { position: absolute; left: 0; top: -30px; font-size: 4.7rem; color: #202F83; z-index: 2; }
    .step_flow_list .top_step_list_body { display: block; justify-content: space-between; position: relative; }
    .step_flow_list .top_step_list_body .ph { width: 59.38%; max-width: 375px; margin: 0 auto 10px; }
    .step_flow_list .top_step_list_body .txt { width: auto; }
    .step_flow_list .top_step_list_body .ttl { font-size: 2.0rem; font-weight: 600; margin-bottom: 20px; }
    .box_gray { padding: 20px 40px; margin: 15px 0; background: #EBEBEB; }
    .step_flow_list .top_step_list_body .notes { font-size: 1.0rem; margin-top: 5px; }
    .step_flow_finish_ico { width: 96px; height: 96px; background: #202F83; text-align: center; position: relative; border-radius: 50%; margin: 70px auto 40px; }
    .step_flow_finish_ico span { width: 100%; color: #fff; font-size: 1.2rem; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 1.5; }
    .step_flow_finish_ico strong { color: #fff; font-size: 2.0rem; font-weight: 600; }

    .step_point_ttl { margin: 70px 0 30px; background: url("../img/step_point_ttl_bg.png") no-repeat center bottom/ cover; padding: 15px 0 25px; font-size: 1.9rem; font-weight: 600; text-align: center;  }
    .step_point_list { margin-top: 0; }
    .step_point_list_item { padding: 15px 0; border-bottom: 1px solid #EBEBEB; }
    .step_point_list_item .num > span { display: inline-block; margin-bottom: 15px; padding: 0 18px; font-size: 2.2rem; color: #202F83; position: relative; line-height: 1.35; }
    .step_point_list_item .num > span:before { content: ""; display: block; width: 100%; height: 15px; background: #EAEFFF; position: absolute; bottom: 0; left: 0; z-index: -1; transform:skewX(-30deg); }
    .step_point_tasya { font-size: 1.6rem; font-weight: 600; color: #202F83; margin: 25px 0 20px; }
    .step_point_img { display: block; justify-content: space-between; margin-top: 60px; }
    .step_point_img > div { width: auto; }
    .step_point_img > div + div { margin-top: 26px; }
}

/*line*/
.line_flow_list { margin-top: 150px; }
.line_flow_list > div { margin-top: 100px; }
.line_flow_list .ttl { font-size: 2.4rem; color: #00B900; border-bottom: 1px solid #EBEBEB; padding-bottom: 8px; margin-bottom: 50px; }
.line_flow_list_body { display: flex; justify-content: space-between; }
.line_flow_list_body .ph { width: 44.66%; }
.line_flow_list_body .txt { width: 49.77%; }
.line_btn img { width: auto; }
.line_flow_list_body .txt > * + * { margin-top: 2em; }
.line_flow_list_body .line_qr { width: 159px; margin: 0 auto; }
.line_flow03_subph { width: 250px; margin: 0 auto;  }

.line_flow_list_body04 { align-items: flex-start; }
.line_flow_list_body04 .txt { width: 46.44%; }
.line_flow_list_body04 .line_inq_detail { width: 45.77%; background: #E1F7D7; padding: 35px 40px; box-sizing: border-box; text-align: center; }
.line_inq_detail .hd { font-size: 1.8rem; font-weight: 600; }
.line_inq_detail .time { font-size: 2.0rem; font-weight: 600; }
.line_inq_detail > * + * { margin-top: 7px!important; }

.page_item + .top_kaitori { margin-top: 50px; }

.line_footer_btn { margin-top: 140px; }
.line_footer_btn p { color: #00B900; font-size: 2.4rem; margin-bottom: 15px; }

@media screen and (max-width: 900px) {
    .line_flow_list { margin-top: 0; }
    .line_flow_list > div { margin-top: 60px; }
    .line_flow_list .ttl { font-size: 2.0rem; color: #00B900; border-bottom: 1px solid #EBEBEB; padding-bottom: 5px; margin-bottom: 15px; }
    .line_flow_list_body { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .line_flow_list_body02 { flex-direction: column-reverse; }
    .line_flow_list_body .ph { width: 90.15%; margin: 0 auto; }
    .line_flow_list_body01 .ph { display: none; }
    .line_flow_list_body02 .ph { margin-top: 24px; }
    .line_flow_list_body .txt { width: 100%; }
.line_btn img { width: auto; }
.line_flow_list_body .txt > * + * { margin-top: 2em; }
    .line_flow_list_body .line_qr { width: 173px; margin: 0 auto; }
    .line_flow03_subph { width: 54.15%; margin: 0 auto;  }

.line_flow_list_body04 { align-items: flex-start; }
    .line_flow_list_body04 .txt { width: 100%; }
    .line_flow_list_body04 .line_inq_detail { width: 100%; background: #E1F7D7; margin-top: 40px; padding: 15px 20px; box-sizing: border-box; text-align: center; }
    .line_inq_detail .hd { font-size: 1.6rem; font-weight: 600; }
    .line_inq_detail .time { font-size: 1.8rem; font-weight: 600; }
.line_inq_detail > * + * { margin-top: 7px!important; }

.page_item + .top_kaitori { margin-top: 50px; }

    .line_footer_btn { margin-top: 65px; }
    .line_footer_btn p { color: #00B900; font-size: 1.8rem; margin-bottom: 15px; }
}

/*ship*/
.ship_nav { display: flex; justify-content: space-between; margin: 60px 0 10px; }
.ship_nav a { width: 23.33%; height: 110px; text-align: center; border: 1px solid #3472D6; color: #3472D6; font-size: 1.6rem; font-weight: 600; line-height: 1.75; position: relative; }
.ship_nav a:after { content: ""; display: block; width: 6px;height: 6px;border-bottom: 2px solid #3472D6;border-right: 2px solid #3472D6;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; left: 50%; bottom: 18px; }
.ship_nav a > span { display: block; width: 100%; position: absolute; top: 40%; -webkit-transform: translateY(-50%);  transform:translateY(-50%); }

.ship_ttl { font-size: 2.0rem; font-weight: 600; color: #202F83; margin: 55px 0 25px; padding-bottom: 7px; border-bottom: 1px solid #EBEBEB; }
.ship_body { display: flex; justify-content: space-between; }
.ship_body .ph { width: 48.11%; }
.ship_body .txt { width: 47.55%; }
#section04 .ship_body .txt { width: 100%; }
.ship_body h3 { font-size: 1.8rem; margin-bottom: 15px; }
.ship_body p + h3  { margin-top: 75px; }

@media screen and (max-width: 900px) {
    .ship_nav { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 35px 0 10px; }
    .ship_nav a { width: 48.61%; height: 95px; margin-bottom: 1.78%; text-align: center; border: 1px solid #3472D6; color: #3472D6; font-size: 1.4rem; font-weight: 600; line-height: 1.75; position: relative; }
.ship_nav a:after { content: ""; display: block; width: 6px;height: 6px;border-bottom: 2px solid #3472D6;border-right: 2px solid #3472D6;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; left: 50%; bottom: 18px; }
.ship_nav a > span { display: block; width: 100%; position: absolute; top: 40%; -webkit-transform: translateY(-50%);  transform:translateY(-50%); }

    .ship_ttl { font-size: 2.0rem; font-weight: 600; color: #202F83; margin: 55px 0 15px; padding-bottom: 7px; border-bottom: 1px solid #EBEBEB; }
    .ship_body { display: block; justify-content: space-between; }
    .ship_body .ph { width: auto; }
    .ship_body .txt { width: auto; margin-top: 15px; }
#section04 .ship_body .txt { width: 100%; }
    .ship_body h3 { font-size: 1.6rem; margin-bottom: 15px; }
    .ship_body p + h3  { margin-top: 45px; }
}

/*showcase*/
.archive_showcase > .inner { width: 70.15%; min-width: 680px; margin: 100px auto; display: flex; justify-content: space-between; }
.archive_showcase_body { width: 73.09%; display: block; }
.archive_showcase_sidebar { width: 21.81%; }
.archive_showcase_list { display: flex; flex-wrap: wrap; }
.archive_showcase_list > a { width: 48.50%; margin-left: 3.00%; margin-bottom: 3.00%; padding: 37px 20px 30px; background: #EBEBEB; box-sizing: border-box; position: relative;}
.archive_showcase_list > a:nth-child(2n+1) { margin-left: 0; }
.archive_showcase_list .ph > div { padding-bottom: 63.58%; overflow: hidden; position: relative; }
.archive_showcase_list img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%, -50%); transform: translate(-50%, -50%); }
.archive_showcase_list .date { font-size: 1.2rem; position: absolute; left: 0; top: 0; background: #202F83; color: #fff; padding: 1px 24px; }
.archive_showcase_list h3 { font-size: 1.8rem; margin: 15px 0; }
.archive_showcase_list p { font-size: 1.4rem; }

.archive_showcase_sidebar h2 { font-size: 1.6rem; }
.archive_showcase_sidebar .tag_list { display: flex; flex-wrap: wrap; margin-top: 15px; }
.archive_showcase_sidebar .tag_list a { display: inline-block; font-size: 1.3rem; margin: 0 5px 5px 0; padding: 3px 12px; border: 1px solid #707070; }
.archive_showcase_sidebar .tag_list + h2 { margin-top: 40px; }

.pagenate { display: flex; justify-content: center; font-size: 1.4rem; font-weight: 600; margin-top: 30px; }
.pagenate > a, .pagenate > span { margin: 0 15px; padding: 10px; }
.pagenate > a { color: #3472D6; }
.pagenate .prev a, .pagenate .next a { display: inline-block; margin: 0 15px; padding: 10px; line-height: 1.5; }
.pagenate .back { margin: 0 100px; text-align: center; }

@media screen and (max-width: 900px) {
    .archive_showcase > .inner { width: 86.66%; min-width: auto; margin: 35px auto; display: block; justify-content: space-between; }
    .archive_showcase_body { width: auto; display: block; }
    .archive_showcase_sidebar { width: auto; }
.archive_showcase_list { display: flex; flex-wrap: wrap; }
    .archive_showcase_list > a { width: 48.50%; margin-left: 3.00%; margin-bottom: 3.00%; padding: 26px 20px 20px; background: #EBEBEB; box-sizing: border-box; position: relative;}
.archive_showcase_list > a:nth-child(2n+1) { margin-left: 0; }
.archive_showcase_list .ph > div { padding-bottom: 63.58%; overflow: hidden; position: relative; }
.archive_showcase_list img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%, -50%); transform: translate(-50%, -50%); }
    .archive_showcase_list .date { font-size: 1.1rem; position: absolute; left: 0; top: 0; background: #202F83; color: #fff; padding: 0 24px; }
    .archive_showcase_list h3 { font-size: 1.4rem; margin: 10px 0; }
    .archive_showcase_list P { font-size: 1.1rem; }

    .archive_showcase_sidebar { margin-top: 55px; }
.archive_showcase_sidebar h2 { font-size: 1.6rem; }
    .archive_showcase_sidebar .tag_list { display: flex; flex-wrap: wrap; margin-top: 10px; }
    .archive_showcase_sidebar .tag_list a { display: inline-block; font-size: 1.1rem; margin: 0 4px 4px 0; padding: 3px 12px; border: 1px solid #707070; }
    .archive_showcase_sidebar .tag_list + h2 { margin-top: 35px; }

    .pagenate { display: flex; justify-content: center; font-size: 1.2rem; font-weight: 600; margin-top: 10px; }
    .pagenate > a, .pagenate > span { margin: 0 6px; padding: 8px; }
.pagenate > a { color: #3472D6; }
    .pagenate > a.prev, .pagenate > a.next { display: none; }
    .pagenate .prev, .pagenate .next { width: 43px; }
    .pagenate .prev a, .pagenate .next a { display: inline-block; margin: 0 8px; padding: 10px; line-height: 1.2; }
    .pagenate .prev a { margin-left: 0; }
    .pagenate .next a { margin-right: 0; }
    .pagenate .back { margin: 0 60px; text-align: center; }
}

@media screen and (max-width: 600px) {
    .archive_showcase_list > a { width: 100%; margin-left: 0%; margin-bottom: 16px; padding: 26px 20px 20px; background: #EBEBEB; box-sizing: border-box; position: relative;}
}

/*showcase single*/
main.single { margin-top: 115px; }

.recommend_showcase_ttl h2 { font-size: 1.6rem; text-align: center; margin-bottom: 30px; }

.single_showcase_body figure { text-align: center; }
.single_showcase_body img { width: auto; max-width: 100%; }
.single_showcase_date { display: inline-block; font-size: 1.2rem; background: #202F83; color: #fff; padding: 1px 24px; margin-top: 60px; }
.single_showcase_ttl { font-size: 2.3rem; margin-top: 10px; }

.single_showcase_body table { width: 100%; }
.single_showcase_body table th, .single_showcase_body table td { border-bottom: 1px solid #EBEBEB; padding: 20px 0; text-align: left; }
.single_showcase_body table th, .single_showcase_body table td:first-child { color: #202F83; padding-right: 30px; width: 200px; font-size: 1.4rem; font-weight: 600; }

.single_showcase_body { margin-top: 30px; }
.single_showcase_body > * + * { margin-top: 60px; }
.single_showcase_body * { font-size: 1.6rem; }

.single_showcase_body iframe { display: block; margin: 0 auto; max-width: 100%; }
.single_showcase_body .aligncenter { margin: 0 auto; display: block; }

.footer_tag_list { display: flex; flex-wrap: wrap; margin: 50px 0 80px; }
.footer_tag_list a { display: inline-block; font-size: 1.3rem; margin: 0 5px 5px 0; padding: 3px 12px; border: 1px solid #707070; }

@media screen and (max-width: 900px) {
    main.single { margin-top: 68px; }

.recommend_showcase_ttl h2 { font-size: 1.6rem; text-align: center; margin-bottom: 30px; }

.single_showcase_body figure { text-align: center; }
.single_showcase_body img { width: auto; max-width: 100%; }
    .single_showcase_date { display: inline-block; font-size: 1.1rem; background: #202F83; color: #fff; padding: 0 24px; margin-top: 0px; }
    .single_showcase_ttl { font-size: 1.8rem; margin-top: 10px; }

.single_showcase_body table { width: 100%; }
    .single_showcase_body table th, .single_showcase_body table td { border-bottom: 1px solid #EBEBEB; padding: 15px 0; }
    .single_showcase_body table th, .single_showcase_body table td:first-child { color: #202F83; padding-right: 30px; width: 100px; }

    .single_showcase_body { margin-top: 20px; }
    .single_showcase_body > * + * { margin-top: 40px; }
    .single_showcase_body * { font-size: 1.4rem; }

    .footer_tag_list { display: flex; flex-wrap: wrap; margin: 35px 0 45px; }
    .footer_tag_list a { display: inline-block; font-size: 1.1rem; margin: 0 4px 4px 0; padding: 3px 12px; border: 1px solid #707070; }
}

/*item*/
.item_list { display: flex; flex-wrap: wrap; }
.item_list li { width: 33.33%; font-size: 1.6rem; margin-bottom: 25px; font-weight: 600; padding-right: 20px; box-sizing: border-box; }
.item_list li span { display: inline-block; font-size: 1.4rem; padding-left: 10px; font-weight: 400; }

@media screen and (max-width: 900px) {
.item_list { display: flex; flex-wrap: wrap; }
    .item_list li { width: 50%; font-size: 1.4rem; margin-bottom: 5px; padding-right: 0; }
    .item_list li span { display: none; }
}

/*faq*/
.faq_nav { display: flex; justify-content: space-between; margin: 60px 0 10px; }
.faq_nav a { width: 31.77%; height: 65px; text-align: center; border: 1px solid #3472D6; color: #3472D6; font-size: 1.6rem; font-weight: 600; line-height: 1.75; position: relative; }
.faq_nav a:after { content: ""; display: block; width: 6px;height: 6px;border-bottom: 2px solid #3472D6;border-right: 2px solid #3472D6;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; left: 50%; bottom: 12px; }
.faq_nav a > span { display: block; width: 100%; position: absolute; top: 40%; -webkit-transform: translateY(-50%);  transform:translateY(-50%); }

.faq_ttl { font-size: 2.0rem; color: #202F83; border-bottom: 1px solid #EBEBEB; margin-top: 70px; padding-bottom: 7px; }
.faq_ttl + p { margin-top: 20px; }
.faq_item { border-bottom: 1px solid #EBEBEB; }
.faq_item .q { padding: 20px 40px; margin: 0 24px; font-size: 1.6rem; font-weight: 600; position: relative; cursor: pointer; }
.faq_item .a { display: none; padding: 0 40px 20px; margin: 0 24px; font-size: 1.6rem; position: relative; }
.faq_item .q .ico, .faq_item .a .ico { font-size: 2.0rem; position: absolute; left: 0; line-height: 1.5; font-weight: 600; }
.faq_item .q .ico { color: #202F83; }

.faq_item .q:before { content: ""; display: block; width: 13px; height: 2px; background: #3472D6; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: top; transform-origin: top; }
.faq_item .q:after { content: ""; display: block; width: 13px; height: 2px; background: #3472D6; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(90deg) translateY(-50%);transform: rotate(90deg) translateY(-50%); -webkit-transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); -webkit-transform-origin: top; transform-origin: top; }
.faq_item .q.active:after { -webkit-transform: rotate(0) translateY(-50%); transform: rotate(0) translateY(-50%); }

@media screen and (max-width: 900px) {
.faq_nav { display: flex; justify-content: space-between; margin: 60px 0 10px; }
    .faq_nav a { width: 31.77%; height: 95px; text-align: center; border: 1px solid #3472D6; color: #3472D6; font-size: 1.6rem; font-weight: 600; line-height: 1.75; position: relative; }
.faq_nav a:after { content: ""; display: block; width: 6px;height: 6px;border-bottom: 2px solid #3472D6;border-right: 2px solid #3472D6;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; left: 50%; bottom: 12px; }
    .faq_nav a > span { display: block; width: 100%; position: absolute; top: 40%; -webkit-transform: translateY(-50%);  transform:translateY(-50%); font-size: 1.4rem; }

    .faq_ttl { font-size: 2.0rem; color: #202F83; border-bottom: 1px solid #EBEBEB; margin-top: 40px; padding-bottom: 7px; }
.faq_ttl + p { margin-top: 20px; }
.faq_item { border-bottom: 1px solid #EBEBEB; }
    .faq_item .q { padding: 12px 30px; margin: 0; font-size: 1.4rem; font-weight: 600; position: relative;}
    .faq_item .a { padding: 0 30px 15px; margin: 0; font-size: 1.4rem; position: relative; }
    .faq_item .q .ico, .faq_item .a .ico { font-size: 1.6rem; position: absolute; left: 0; line-height: 1.5; }
.faq_item .q .ico { color: #202F83; }
    
    
}

/*company*/
.common_ttl { font-size: 2.0rem; color: #202F83; border-bottom: 1px solid #EBEBEB; margin: 80px 0 30px; padding-bottom: 7px; }

.company_about { display: flex; justify-content: space-between; }
.company_about .ph { width: 51.44%; }
.company_about .txt { width: 38.22%; }
.company_about .read { font-size: 1.8rem; font-weight: 600; }

.company_subttl { font-size: 1.8rem; margin: 30px 0 10px; }
.googlemap {height: 0;overflow: hidden;padding-bottom: 44.88%; margin-top: 10px; position: relative;}
.googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

p + .company_tb  { margin-top: 35px; }
.company_tb { width: 100%; }
.company_tb th, .company_tb td { border: 1px solid #707070; line-height: 1.75; }
.company_tb th { font-size: 1.4rem; font-weight: 400; vertical-align: middle; width: 115px; background: #F0F0F0; padding: 20px 30px 20px 45px; }
.company_tb td { font-size: 1.6rem; padding: 20px 45px; }

.ico_ex_link { display: inline-block; width: 10px; margin: 0 5px; line-height: 1; }
.common_btn .ico_ex_link  { width: 13px; }
.ico_ex_link.pc { display: inline-block; }
.ico_ex_link.sp { display: none; }

.page_item + .top_about { margin-top: 120px; }

@media screen and (max-width: 900px) {
    .common_ttl { font-size: 2.0rem; color: #202F83; border-bottom: 1px solid #EBEBEB; margin: 80px 0 15px; padding-bottom: 7px; }

    .company_about { display: block; justify-content: space-between; }
    .company_about .ph { width: auto; }
    .company_about .txt { width: auto; margin-top: 20px; }
    .company_about .read { font-size: 1.6rem; font-weight: 600; }

    .company_subttl { font-size: 1.6rem; margin: 20px 0 15px; }
    .googlemap {height: 0;overflow: hidden;padding-bottom: 104.61%; margin-top: 5px; position: relative;}
.googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

    p + .company_tb  { margin-top: 45px; }
.company_tb { width: 100%; }
    .company_tb th, .company_tb td { border: 1px solid #707070; }
    .company_tb th { font-size: 1.2rem; font-weight: 400; vertical-align: middle; width: 86px; background: #F0F0F0; padding: 15px 12px 15px 18px; }
    .company_tb td { font-size: 1.4rem; padding: 15px 18px; }
    .company_tb td strong, .company_tb td span { display: inline-block; margin-bottom: 10px; }

    .ico_ex_link { display: inline-block; width: 8.5px; margin: 0 3px; line-height: 1; }
    .ico_ex_link.pc { display: none; }
    .ico_ex_link.sp { display: inline-block; margin-left: 10px; }
    
    .page_item + .top_about { margin-top: 60px; }

}

/*sell*/
.sell_about { display: flex; justify-content: space-between; }
.sell_about .ph { width: 32.66%; }
.sell_about .ph img { border-radius: 50%; }
.sell_about .txt { width: 61.11%; }

.sell_faq_ttl { font-size: 2.9rem; text-align: center; margin: 100px 0 50px; }
.sell_faq_item { display: flex; justify-content: space-between; align-items: flex-start;margin-bottom: 25px; }
.sell_faq_item .ttl { width: 23.22%; padding: 5px 0; background: #202F83; font-size: 1.8rem; font-weight: 600; color: #fff; text-align: center; }
.sell_faq_item .body { width: 72.88%; padding: 0 0 16px; border-bottom: 1px solid #EBEBEB; }
.sell_faq_item:last-child .body { border-bottom: none; }
.faq_item_box { border-top: 1px solid #EBEBEB; }

@media screen and (max-width: 900px) {
    .sell_about { display: block; justify-content: space-between; }
    .sell_about .ph { width: 57.23%; margin: 25px auto 15px; }
.sell_about .ph img { border-radius: 50%; }
.sell_about .txt { width: auto; }

    .sell_faq_ttl { font-size: 2.3rem; text-align: center; margin: 60px 0 30px; }
    .sell_faq_item { display: block; justify-content: space-between; align-items: flex-start;margin-bottom: 15px; }
    .sell_faq_item .ttl { width: 190px; padding: 5px 0; background: #202F83; font-size: 1.6rem; font-weight: 600; color: #fff; text-align: center; }
    .sell_faq_item .body { width: 100%; padding: 20px 0 10px; border-bottom: 1px solid #EBEBEB; }
.sell_faq_item:last-child .body { border-bottom: none; }
.faq_item_box { border-top: 1px solid #EBEBEB; }
    
}

/*information*/
.archive_news > .inner { width: 57.39%; margin: 100px auto; }

@media screen and (max-width: 900px) {
    .archive_news > .inner { width: 86.66%; margin: 65px auto; }
}

/*kiyaku*/
.kiyaku_ttl { font-size: 1.8rem; margin: 45px 0 15px; }
.kiyaku_attention { background: #EBEBEB; padding: 10px 15px; }

@media screen and (max-width: 900px) {
    .kiyaku_ttl { font-size: 1.6rem; margin: 25px 0 15px; }
    .kiyaku_attention { background: #EBEBEB; padding: 12px 15px; }
}

/*information single*/
.single_information_body figure { text-align: center; }
.single_information_body img { width: auto; max-width: 100%; }
.single_information_date { display: inline-block; font-size: 1.2rem; font-weight: 600; margin-top: 60px; }
.single_information_ttl { font-size: 2.3rem; margin-top: 10px; }

.single_information_body table { width: 100%; }
.single_information_body table th, .single_information_body table td { border: 1px solid #EBEBEB; padding: 15px 50px; vertical-align: middle; text-align: left; }
.single_information_body table th { color: #202F83; padding-right: 30px; width: 200px; }

.single_information_body { margin-top: 30px; }
.single_information_body > * + * { margin-top: 30px!important; }
.single_information_body * { font-size: 1.6rem; }

.single_information_body iframe { display: block; margin: 0 auto; max-width: 100%; }
.single_information_body .aligncenter { margin: 0 auto; display: block; }

@media screen and (max-width: 900px) {
.single_information_body figure { text-align: center; }
.single_information_body img { width: auto; max-width: 100%; }
    .single_information_date { display: inline-block; font-size: 1.1rem; margin-top: 0px; }
    .single_information_ttl { font-size: 1.8rem; margin-top: 10px; }

.single_information_body table { width: 100%; }
    .single_information_body table th, .single_information_body table td { border-bottom: 1px solid #EBEBEB; padding: 12px 25px; }
    .single_information_body table th { color: #202F83; padding-right: 30px; width: 100px; }

    .single_information_body { margin-top: 20px; }
    .single_information_body > * + * { margin-top: 20px!important; }
    .single_information_body * { font-size: 1.4rem; }

}

/*check*/
.link_border { display: block; border: 1px solid #EBEBEB; padding: 5px 50px 5px 23px; position: relative; }
.link_border:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 23px; top: 50%; background: url("../img/ico_link_ex.svg") no-repeat center / contain; -webkit-transform: translateY(-50%);transform: translateY(-50%);}

@media screen and (max-width: 900px) {
.link_border { display: block; border: 1px solid #EBEBEB; padding: 5px 50px 5px 23px; position: relative; }
    .link_border:after { content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 10px; position: relative; right: 0; top:0%; background: url("../img/ico_link_ex.svg") no-repeat center / contain; -webkit-transform: translateY(0%);transform: translateY(0%);}
}

/*consent*/
.color_blue { color: #202F83; }
.page_item .color_blue + p,
.page_item p + .color_blue{ margin-top: 20px; }
.consent_img { width: 669px; max-width: 100%; margin: 40px auto 0; }

/*picture*/
.ttl_hosoku { color: #364ABE; text-align: center; font-size: 1.8rem; font-weight: 600; margin-bottom: 10px; }
.picture_ph02 img { width: 83.59%; }

@media screen and (max-width: 900px) {
    .ttl_hosoku { color: #364ABE; text-align: center; font-size: 1.6rem; font-weight: 600; margin-bottom: 10px; }
    .picture_ph02 img { width: 100%; }
}

/*404*/
.page_ttl_404 h1 { font-size: 5.0rem; color: #202F83; }
.page_ttl_404 h1 span { font-size: 2.4rem; display: block; color: inherit;}
.txt_404 { text-align: center; }

@media screen and (max-width: 900px) {
    .page_ttl_404 h1 { font-size: 3.2rem; color: #202F83; }
    .page_ttl_404 h1 span { font-size: 1.6rem; display: block; color: inherit;}
    .txt_404 { text-align: left; }
}

/*contact*/
.contact_form { margin-top: 90px; }
.contact_form table { width: 100%; }
.contact_form table th, .contact_form table td { padding: 17px 0; font-size: 1.6rem; vertical-align: top; }
.contact_form table th { padding-right: 20px; }
.contact_form table td input, .contact_form table td textarea { font-size: 1.6rem; }
.ico_equired { display: inline-block!important; margin-left: 10px; padding: 0 10px; font-size: 1.2rem; background: #2B4EE0; color: #fff; border-radius: 6px; font-weight: 500; }

.input_txt { width: 100%; box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070; }
.select_box select { width: 100%; padding: 15px; border: 1px solid #ddd; font-size: 1.6rem; }
textarea.message { width: 100%; height: 140px; box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070;  }
.input_txt::placeholder, textarea.message::placeholder { color: #999; }
.wpcf7-list-item + .wpcf7-list-item { margin-left: 12px; }

.txt_privacy { text-align: center; margin-top: 60px; }
.btn_submit { display: block; border: 1px solid #3472D6!important; background: none; margin: 20px auto 0; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #3472D6; width: 61.11%; }

@media screen and (max-width: 900px) {
    .contact_form { margin-top: 40px; }
    .contact_form table { width: 100%; display: block; }
    .contact_form table th, .contact_form table td, .contact_form table tr, .contact_form table tbody, .contact_form table thead { display: block; }
    .contact_form table th, .contact_form table td { padding: 17px 0; font-size: 1.6rem; vertical-align: top; }
    .contact_form table th { padding: 25px 20px 5px 0; }
    .contact_form table td { padding: 0; }
.contact_form table td input, .contact_form table td textarea { font-size: 1.6rem; }
.ico_equired { display: inline-block; margin-left: 10px; padding: 0 10px; font-size: 1.2rem; background: #2B4EE0; color: #fff; border-radius: 6px; font-weight: 500; }

.input_txt { width: 100%; box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070; }
.select_box select { width: 100%; padding: 15px; border: 1px solid #ddd; font-size: 1.6rem; }
textarea.message { width: 100%; height: 140px; box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070;  }


    .txt_privacy { text-align: left; margin-top: 30px; }
    .btn_submit { display: block; border: 1px solid #3472D6!important; background: none; margin: 25px auto 0; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #3472D6; width: 100%; box-sizing: border-box; }
}

/*form*/
.wpcf7-not-valid-tip { display: none!important; }
.formError .formErrorContent { font-size: 1.4rem!important; color: #B51C1F!important; margin-top: 5px; padding: 0!important; background: none!important; border: none!important;box-shadow: none!important;}
.inq-type .formError .formErrorContent { width: 300px!important; }
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output { display: none!important; }
.wpcf7-list-item:first-child { margin-left: 0!important; }

.grecaptcha-badge { visibility: hidden; }
.notes_privacy { font-size: 1.2rem; color: #999; text-align: center; }

@media screen and (max-width: 1024px) {
    .notes_privacy { font-size: 1.2rem; color: #999; text-align: left; }
}

/* メール送信フォーム */
.satei-item_ttl { font-size: 2.0rem; border-bottom: 1px solid #EBEBEB; margin-top: 85px; padding-bottom: 5px; margin-bottom: 15px; }
.form { width: 100%; margin-bottom: 10px;}
.form + .form { margin-top: 20px; border-top: 1px solid #EBEBEB; }
.block-area { margin-top: 50px; }

#form1 label { display: inline-block; margin-right: 30px; }

.form th{
    width: 180px;
    padding: 17px 20px 17px 0;
    font-size: 1.6rem;
    vertical-align: top;
}

.form td{
    font-size: 1.6rem;
    padding: 17px 0;
    vertical-align: top;
}

#acMenu dt { display: block; border: 1px solid #3472D6; width: 61.11%; margin: 35px auto 0; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #3472D6;cursor:pointer; box-sizing: border-box; }
button[type="submit"], .myButton { display: block; border: 1px solid #3472D6; background: #3472D6; width: 61.11%; margin: 15px auto 50px; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #fff;cursor:pointer; line-height: 2; }
#mail .button { background: #f3f3f3; display: block; width: 61.11%; margin: 35px auto 0; padding: 20px; text-align: center; font-size: 1.8rem; font-weight: 600; cursor:pointer; box-sizing: border-box; }

th.joho{
	background-image: none;
	padding: 15px 0 5px 0;
	background: none;
	margin-left: 1px;
}

input.text { box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070; box-sizing: border-box; }
input.input100 { width: 100%; }
input.text + input.text { margin-top: 8px; }
input:focus {
border:solid 1px #EEA34A;
}
textarea.input { width: 100%; height: 170px; box-sizing: border-box; padding: 15px; border: none; border: 1px solid #707070; box-sizing: border-box; }

select.text {
 padding: 15px;
 border: 1px solid #707070;
}
select:focus {
border:solid 1px #EEA34A;
}
input[type="radio"] { vertical-align: baseline; }

ul#tabMenu{
    width:100%;
	list-style: none;
	padding-left: 0px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
    }
#tabMenu li{
	list-style: none;
	cursor: pointer;
	width:15.33%;
	text-align:center;
    position: relative;
    }
#tabMenu li img { width: 100%; height: auto; }
#tabMenu li a{
    display:block;
    width:165px;
    height:125px;
    line-height:50px;
    text-align:center;
    }
#tabMenu li.select:after { content: ""; display: block; width: 19px; height: 12px; left: 50%; position: absolute; bottom: -30px; background: url("../img/ico_satei_arrow.png") no-repeat center / contain; -webkit-transform: translateX(-50%);transform: translateX(-50%); }
	
#tabBox1,#tabBox2,#tabBox3,#tabBox4,#tabBox5,#tabBox6{
    width:990px;
    height:300px;
	margin-top: -100px; /* リンク位置上昇分 */
    padding-top: 100px; /* 上昇分を戻す分 */
    }
#tabBox1{

    }
#tabBox2{

    display:none;
    }
#tabBox3{

    display:none;
    }
#tabBox4{

    display:none;
    }
#tabBox5{

    display:none;
    }
#tabBox6{

    display:none;
    }

.disnon {
  display: none;
}
li.select img{
filter: invert(10%);
-webkit-filter:invert(10%);
}

#inputform .notes { font-size: 1.2rem; }

#error_msg { font-size: 1.6rem; }

.waku { background: #F3F3F3; padding: 30px; text-align: center; }
.txt_email { font-size: 2.0rem; color: #202F83; font-weight: 700; margin-top: 10px!important; }

/*link*/
a.link_txt { text-decoration: underline; }
.page_item a  { color: #3472D6; }

@media screen and (min-width: 900px) {   
    a.link_txt:hover { text-decoration: none; }
    
    .link_txt_arr a,
    .main_nav a,
    .top_news_list a,
    .footer_nav a,
    .footer_sns_list a { -webkit-transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: opacity 0.5s cubic-bezier(0.36, 0.14, 0, 1);}
    .link_txt_arr a:hover,
    .main_nav a:hover,
    .top_news_list a:hover,
    .footer_nav a:hover,
    .footer_sns_list a:hover { opacity: 0.6; }
    
    .common_btn a { -webkit-transition: all 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: all 0.5s cubic-bezier(0.36, 0.14, 0, 1);}
    .common_btn a:hover { background: #3472D6; color: #fff; }
    
    .top_showcase_list a .ph img,
    .archive_showcase_list a .ph img { -webkit-transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: transform 0.5s cubic-bezier(0.36, 0.14, 0, 1); -webkit-transform-origin: left top; transform-origin: left top; }
    .top_showcase_list a:hover .ph img,
    .archive_showcase_list a:hover .ph img { -webkit-transform: scale(1.1) translate(-50%, -50%);  transform: scale(1.1) translate(-50%, -50%); }
    
    
    .inq_mail { -webkit-transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);}
    .inq_mail:hover { background: #46529A; }
    .inq_chat { -webkit-transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);}
    .inq_chat:hover { background: #EA817A; }
    .inq_line { -webkit-transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1); transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);}
    .inq_line:hover { background: #8BD94A; }
}