@charset "euc-jp";

/*
reset
---------------------------*/
p, td, li, dd { background: url(../img/website_bg.png) repeat 0 0; }
body { -webkit-text-size-adjust: 100%; background: #fff; }

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; outline: none;
}

img { vertical-align: bottom; outline: none; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a:hover { visibility: visible; }
button { border-style: none; background: transparent; line-height: 0; padding: 0; outline: none; }

/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}

/*------------------------------
font
------------------------------*/

html,body { height: 100%; }
html { font-size: 62.5%; }
body { background: #fff; }
body,
input,
textarea,
select,
button {
  font-family: "Þ⥴¥·¥Ã¥¯",YuGothic,"¥á¥¤¥ê¥ª",Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif;
  line-height: 1.8; font-size: 1.3rem; font-weight: 500;
}
@media all and (-ms-high-contrast:none) {
  body,
  input,
  textarea,
  select,
  button {
    font-family: "¥á¥¤¥ê¥ª",Meiryo,"Þ⥴¥·¥Ã¥¯",YuGothic,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif;
  }
}
input,
textarea,
select { font-size: 1.6rem; }
a,
button { color: #0a4392; text-decoration: underline; }
a:hover,
button:hover { color: #0a4392; text-decoration: none; }

button { background: transparent; }
button:hover { cursor: pointer; }

@media screen and (min-width:768px){
	body { font-size: 1.6rem; }
	input,
	textarea,
	select { font-size: 1.6rem; }
}

/*
layout
-------------------*/
.wrapper { padding-left: 4.5%; padding-right: 4.5%; width: auto; max-width: 1200px; margin: auto; box-sizing: border-box; }
.wrapper-s { padding-left: 4.5%; padding-right: 4.5%; width: auto; max-width: 980px; margin: auto; box-sizing: border-box; }
.section-block { padding-bottom: 6rem; }
.section-block.first { padding-top: 6rem; }

.clearfix { clear: both; zoom: 1; }
.clearfix:after {content: ""; height: 0; display: block; clear: both;}
.row { display: table; width: 100%; }
.inlineblock { display: inline-block; }

@media screen and (max-width:767px){
}
@media screen and (min-width:768px){
	.section-block { padding-bottom: 10rem; }
  .section-block.first { padding-top: 10rem; }
}
@media screen and (min-width:980px){
  .wrapper-s { padding-left: 0; padding-right: 0; }
}
@media screen and (min-width:1200px){
  .wrapper { padding-left: 0; padding-right: 0; }
}

/*
parts
-------------------*/
.img-fix { width: 100%!important; height: auto!important; }

.section-header { font-size: 175%; font-weight: 700; text-align: center; margin-bottom: 2em; }
.section-header .in { display: inline-block; position: relative; padding-bottom: 0.6em; }
.section-header .in:after { 
  content: ""; display: block; position: absolute; width: 100%; height: 0; bottom: 0; left: 0;
  border-top: #6fba2c 3px solid;
}
.sub-header { font-size: 150%; font-weight: 700; margin-bottom: 1.5em; padding-bottom: 0.8em; position: relative; }
.sub-header::after { 
  content: ""; display: block; position: absolute; width: 4em; height: 0; bottom: 0; left: 0;
  border-top: #6fba2c 3px solid;
}
.contents-paragraph { margin-top: 1.5em; line-height: 1.8; }
/*.contents-paragraph:first-of-type { margin-top: 0; }*/
.marker { text-indent: -1em; padding-left: 1em; }
.marker i { display: inline!important; padding-right: 0.2em; }
.justify { text-align: justify; text-justify: inter-ideograph; }
.fcf { color: #fff; }
.fcb { color: #8f7f70; }
.fcg { color: #97c618; }
.lato { font-family: 'Lato', sans-serif; }
.bold { font-weight: 700; }
.nomal { font-weight: 400; }

.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fz75 { font-size: 75%; }
.fz87 { font-size: 87.5%; }
.fz112 { font-size: 112.5%; }
.fz125 { font-size: 125%; }
.fz137 { font-size: 137.5%; }
.fz150 { font-size: 150%; }
.fz166 { font-size: 166%; }
.fz175 { font-size: 175%; }
.fz187 { font-size: 187.5%; }
.fz225 { font-size: 225%; }
.fz287 { font-size: 287.5%; }

.mb05 { margin-bottom: 0.5em; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }
.mb4 { margin-bottom: 4em; }
.mb5 { margin-bottom: 5em; }
.mb6 { margin-bottom: 6em; }
.mb7 { margin-bottom: 7em; }
.mb8 { margin-bottom: 8em; }
.mb9 { margin-bottom: 9em; }
.mb10 { margin-bottom: 10em; }
.mt05 { margin-top: 0.5em; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt4 { margin-top: 4em; }
.mt5 { margin-top: 5em; }
.mt6 { margin-top: 6em; }
.mt7 { margin-top: 7em; }
.mt8 { margin-top: 8em; }
.mt9 { margin-top: 9em; }
.mt10 { margin-top: 10em; }

.btn { display: inline-block; border-radius: 8em; box-sizing: border-box;color: #fff; font-weight: 700; padding: 0.8em 2em; text-decoration: none; transition: opacity .3s; }
.btn:hover { opacity: 0.8; color: #fff; }
.btn.wline { border: #fff 2px solid; }
.btn.blue { background-color: #00a0e9; }
.btn.slim { padding-top: 0.6em; padding-bottom: 0.6em; }
.btn.primary { background-color: #6fba2c; display: block; text-align: center; width: 100%; padding: 1em 0; }

.pop .in { position: relative; display: inline-block; }
.pop .in::before,
.pop .in::after { content: ""; display: block; width: 0; height: 1em; border-left: #000 2px solid; position: absolute; top: 50%; margin-top: -0.5em; }
.pop .in::before { left: -1em; transform: rotate(-30deg); }
.pop .in::after { right: -1em; transform: rotate(30deg); }

.notice { border: #f055a6 5px solid; padding: 1.5em; position: relative; }
.notice-header { background-color: #fff; position: absolute; top: -1em; left: 1em; padding: 0 0.5em; }

@media screen and (min-width:768px){
  .section-header {  }
	.w-break:before { content: "\A"; white-space: pre; }

	.contents-paragraph { margin-top: 2em;}
	/*.contents-paragraph:first-of-type { margin-top: 0; }*/
}

@media screen and (max-width:767px){
	.break:before { content: "\A"; white-space: pre; }
}


/*
header
-------------------*/
.header { 
  background-color: #fff; position: fixed; z-index: 993; width: 100%; top: 0; left: 0;
  transition: transform 0.6s;
}
.header-row { 
  display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center;
  display: flex; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px;
 }
.header-logo { flex-basis: 70px; }
.header-logo a { display: block; width: 100%; }
.header-sns-row { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-top: 2em; }
.header-sns { display: inline-block; font-size: 120%; vertical-align: middle; }
.header-sns a { 
  display: inline-block; transition: opacity .3s;
  background-color: #363636; border-radius: 50%; color: #eee; line-height: 2; width: 2em; text-align: center; 
}
.header-sns a:hover { opacity: 0.8; }
.header-sns i { line-height: 2!important; }
body { padding-top: 78px; }
@media screen and (max-width:767px){
  .header-pc { display: none; }
  .header-sns { margin: 0 0.3em; }
}
@media screen and (min-width:768px){
  .header-row {  }
  .header-logo { flex-basis: 110px; }
  .header-pc {  }
  .header-nav-item { 
    display: inline-block; padding-left: 1em; vertical-align: middle;
    font-size: 1.4rem; font-weight: 700; line-height: 1.3; text-align: center; 
  }
  .header-nav-item a,
  .heder-control-item a { color: #000; text-decoration: none; transition: all .3s; cursor: pointer; }
  .header-nav-item a:hover,
  .heder-control-item a:hover { opacity: .8; }
  .header-nav-en { color: #888; font-size: 75%; display: block; }
  .header-control { margin-bottom: 1em; text-align: right; }
  .heder-control-item { display: inline-block; font-size: 75%; padding-left: 1.5em; }
  .heder-control-item i { color: #00a0e9; font-size: 150%; padding-right: 0.4em; vertical-align: middle; }
  .header-sns.first { margin-left: 4em; }
  .header-sns { font-size: 75%; }
	body { padding-top: 111px; }
}
@media screen and (min-width:1200px){
  .header-nav-item { padding-left: 3em; font-size: 1.6rem; }
  .heder-control-item { padding-left: 2em; }
}

/*
nav
-------------------*/
.nav-wrapper { position: relative!important; z-index: 992!important; }
.drawer-overlay { background-color: #fff!important; z-index: 991!important; }
.drawer-nav { width: 280px; background-color: #fff; overflow-y: scroll; margin-top: 78px; }
.menu-btn { position: absolute; top: 10px; right: 4.5%; width: 30px; height: 50px; transition: transform 0.6s; }
.hamburger-bar { 
  position: absolute; top: 50%; left: 0;
  display: block; height: 2px; background-color: #363636; width: 30px;
  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); 
  -webkit-transition: top 0.6s, transform 0.6s, opacity 0.4s, width 0.2s; transition: top 0.6s, transform 0.6s, opacity 0.4s, width 0.2s; 
}
.hamburger-bar:nth-child(1) { margin-top: -8px; }
.hamburger-bar:nth-child(2) { margin-top: 0; opacity: 1; }
.hamburger-bar:nth-child(3) { margin-top: 8px; }
.menu-btn:hover { cursor: pointer; }
.drawer-open .hamburger-bar:nth-child(1) { transform: rotate(45deg); margin-top: 0; }
.drawer-open .hamburger-bar:nth-child(2) { opacity: 0; }
.drawer-open .hamburger-bar:nth-child(3) { transform: rotate(-45deg); margin-top: 0; }

.drawer-control { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.drawer-control-item { background-color: #00a0ea; width: 25%; border-left: #73c6e6 1px solid; flex-grow: 1; }
.drawer-control-item:first-child { border-left: 0; }
.drawer-control-item a { 
  display: block; padding: 1em 0 0.2em; position: relative; box-sizing: border-box;
  color: #fff; font-size: 1rem; line-height: 2.5; text-align: center; text-decoration: none;
}
.drawer-control-item i { font-size: 280%; display: block; }
.drawer-nav-list { padding-top: 2em; }
.drawer-nav-list,
.drawer-nav-list a { color: #000; text-decoration: none; }
.drawer-nav-item a { display: block; padding: 0.8em 1em; text-align: center; }
.drawer-nav-item .menu-list { font-size: 1.1rem; }
.drawer-nav-item .menu-list a { padding-left: 2em; }
@media screen and (min-width:768px){
  .nav-wrapper,
  .menu-btn { display: none; }
}


/*
footer
-------------------*/
.pagetop a { 
  display: block; transition: opacity .3s; box-sizing: border-box;
  background-color: #363636; color: #fff; font-size: 150%; text-align: center; text-decoration: none;
}
.pagetop a:hover { opacity: 0.8; }
.pagetop a .fas { line-height: 1.8!important; }
.footer { background-color: #363636; color: #fff; padding-top: 2em; padding-bottom: 1em; }
.footer-contact { padding-bottom: 2em; border-bottom: #7e7e7e 1px solid; }
.footer-contact-header { font-weight: 700; font-size: 112.5%; text-align: center; }
.footer-contact-header .in { display: inline-block; position: relative; }
.footer-contact-header .in::before,
.footer-contact-header .in::after { 
  content: ""; display: block; width: 1em; height: 0; position: absolute; top: 50%;
  border-top: #fff 1px solid; 
}
.footer-contact-header .in::before { left: -1.5em; }
.footer-contact-header .in::after { right: -1.5em; }
.fcbtn { 
  display: block; position: relative; box-sizing: border-box; padding: 0.6em 0; margin-top: 1em;
  border: #fff 3px solid; border-radius: 5em; color: #fff; font-size: 125%; font-weight: 700; text-align: center; text-decoration: none;
  transition: opacity .3s;
}
.fcbtn:hover { color: #fff; opacity: 0.8; }
.footer-contact-ttl { font-size: 80%; }
.footer-contact-num { font-size: 115%; }
.footer-contact-time { display: block; font-size: 65%; font-weight: 400; }
.footer-contact-open {
	display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 1em;
	border: #fff 1px solid; padding: 1.5em; margin: 2em auto 0; box-sizing: border-box; width: min(100%, 1050px);
}
.footer-contact-openttl {
	padding-left: 1em; position: relative; z-index: 0; width: 100%; box-sizing: border-box;
	font-size: 125%; font-weight: 700;
}
.footer-contact-openttl::before {
	content: ""; display: block; width: 0.8em; height: 0; position: absolute; top: 50%; left: 0;
	border-top: #fff 1px solid;
}
.footer-contact-openbody { width: 100%; box-sizing: border-box; }
.footer-copy { color: #dedede; font-size: 1rem; text-align: center; margin-top: 2em; }
.footer-sns { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-top: 2em; }
.footer-sns li { display: inline-block; margin: 0 0.2em; }
.footer-sns a { 
  display: inline-block; text-decoration: none; transition: opacity .3s;
  background-color: #fff; border-radius: 50%; color: #363636; font-size: 150%; line-height: 2; width: 2em; text-align: center; 
}
.footer-sns a .fab { line-height: 2!important; }
.footer-sns a:hover { opacity: 0.8; }
@media screen and (max-width:767px){
  .fcbtn { line-height: 1.3; }
  .fcbtn::before { 
    display: block; position: absolute; top: 50%; left: 4%; margin-top: -0.5em;
    font-size: 120%; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1;
  }
  .fcbtn.dialbtn::before { content: "\f2a0"; }
  .fcbtn.mailbtn::before { content: "\f0e0"; }
  .fcbtn.mailbtn { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 4em; }
  .footer-nav { display: none; }
}
@media screen and (min-width:768px){
  .footer { padding-top: 4em; }
	.footer-contact { padding-bottom: 3em; margin-bottom: 3em; }
  .footer-contact-row { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .footer-contact-ttl { font-size: 115%; }
  .footer-contact-num { font-size: 180%; }
  .fcbtn { padding: 1em 2em; }
  .fcbtn.dialbtn { padding-top: 0; padding-bottom: 0; line-height: 1.5; border: 0; cursor: text; }
  .fcbtn.dialbtn:hover { opacity: 1; }
  .footer-nav { font-size: 1.2rem; font-weight: 700; margin-bottom: 3em; text-align: center; }
  .footer-nav-item { display: inline-block; line-height: 1; padding-right: 0.8em; }
  .footer-nav-item::before { content: "¡¿"; padding-right: 0.8em; }
  .footer-nav-item:first-of-type:before { content: ""; padding-right: 0; }
  .footer-nav-item:last-of-type { padding-right: 0; }
  .footer-nav-item a { color: #fff; text-decoration: none; transition: opacity .3s; }
  .footer-nav-item a:hover { opacity: 0.8; }
}
@media screen and (min-width:980px){
	.footer-contact-openttl { width: 20rem; }
	.footer-contact-openbody { width: calc(100% - 20rem - 1em); }
}
@media screen and (min-width:1200px){
  .footer-nav { font-size: 1.4rem; }
  .footer-copy { font-size: 1.2rem; }
}


/*
shop-note
-------------------*/
.shop-note { background-color: #f1f1f1; padding-top: 3em; padding-bottom: 3em; }
.shop-note-ttl { font-size: 137.5%; }
.shop-note-header { font-weight: bold; margin-top: 1.5em; }
.shop-note-body { font-size: 87.5%; }
.guide-cards { margin: 0.3em 0; }
.guide-cards img { height: 2em!important; width: auto!important; }
@media screen and (max-width:767px){
  .shop-note-item { margin-top: 2em; }
  .shop-note-item:nth-of-type(1) { margin-top: 0; }
}
@media screen and (min-width:768px){
  .shop-note { padding-top: 4em; padding-bottom: 4em; }
  .shop-note-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
  .shop-note-item { width: 30%; }
}
@media screen and (min-width:1200px){
  .shop-note-item { width: 26%; }
}


/*
list
-------------------*/
.list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;  flex-wrap: wrap; }
.list-item { width: 48%; margin-top: 2em; }
.list-item a { text-decoration: none; display: block; color: #000; text-align: center; transition: all .3s; }
.list-item a:hover { opacity: 0.8; }
.list-thumb,
.list-ttl,
.list-price { display: block; }
.list-thumb {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.list-ttl { margin-top: 0.5em; line-height: 1.3; font-size: 87.5%; }
.list-price { font-size: 87.5%; }
@media screen and (max-width:979px){
  .list-item:nth-of-type(odd) { margin-right: 4%; }
  .list-item:nth-of-type(1),
  .list-item:nth-of-type(2) { margin-top: 0; }
}
@media screen and (min-width:980px){
  .list-item { width: 30%; margin-right: 5%; }
  .list-item:nth-of-type(3n) { margin-right: 0; }
  .list-item:nth-of-type(1),
  .list-item:nth-of-type(2),
  .list-item:nth-of-type(3) { margin-top: 0; }
}

/* checked */
.checked-list { background-color: #f1f1f1; padding: 2em 1em; }
.checked-header { font-size: 137.5%; font-weight: 700; margin-bottom: 1em; text-align: center; }
.checked-header .in { position: relative; }
.checked-header .in::before,
.checked-header .in::after {
  content: ""; display: block; position: absolute; width: 1em; height: 0; top: 50%;
  border-top: #89898a 3px solid;
}
.checked-header .in::before { left: -1.8em; }
.checked-header .in::after { right: -1.8em; }
@media screen and (min-width:768px){
  .checked-list { padding: 3em 2em; }
  .checked-header { font-size: 150%; }
}
@media screen and (min-width:768px) and (max-width:1199px){
  .checked-list .list-item { width: 22%; margin-right: 4%; }
  .checked-list .list-item:nth-of-type(4n) { margin-right: 0; }
  .checked-list .list-item:nth-of-type(1),
  .checked-list .list-item:nth-of-type(2),
  .checked-list .list-item:nth-of-type(3),
  .checked-list .list-item:nth-of-type(4) { margin-top: 0; }  
}
@media screen and (min-width:1200px){
  .checked-list .list-item { width: 18%; margin-right: 2.5%; }
  .checked-list .list-item:nth-of-type(5n) { margin-right: 0; }
  .checked-list .list-item:nth-of-type(1),
  .checked-list .list-item:nth-of-type(2),
  .checked-list .list-item:nth-of-type(3),
  .checked-list .list-item:nth-of-type(4),
  .checked-list .list-item:nth-of-type(5) { margin-top: 0; }  
}

/* header */
.list-header { margin-bottom: 2em; }
.list-cat { border: #fadb7e 5px solid; margin-bottom: 1em; }
.list-cat-header { background-color: #fadb7e; color: #0a4392; text-align: center; padding: 0.8em 0; width: 100%; }
.list-cat-header-txt { font-size: 137.5%; font-weight: 700; }
.list-cat-header.pop .in::before,
.list-cat-header.pop .in::after { border-color: #0a4392; }
.list-cat-row { padding: 1.5em; margin: auto; max-width: 280px; }
.list-cat-lead { margin-bottom: 1rem; text-align: center; }
.list-cat-lead i { color: #6fba2c; padding-right: 0.5em; }
.list-cat-lead .light { background:linear-gradient(rgba(255,255,255,0) 50%, #dcf8c3 50%); display: inline-block; margin: 0 0.2em; }
.list-cat-item { margin-top: 0.5em; }
.list-cat-item:first-child { margin-top: 0; }
.list-cat-ttl { display: inline-block; font-weight: 700; padding-right: 0.8em; }
.list-cat-select { 
  padding: 0.6em 3em 0.5em 1em; border:#dddddd 1px solid; border-radius: 3px;
  cursor: pointer; outline: none;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.list-sort { margin-top: 0.5em; }
.list-sort li { display: inline-block; font-size: 87.5%; font-weight: 700; padding-left: 0.6em; }
.list-sort li::before { content: "¡¿";¡¡display: inline-block; font-weight: 400; padding-right: 0.6em; }
.list-sort li:first-child { padding-left: 0; }
.list-sort li:first-child::before { content: ""; padding-right: 0; }
.list-sort li a { color: #000; font-weight: 400; text-decoration: none; transition: opacity .3s; }
.list-sort li a:hover { opacity: 0.8; }
@media screen and (min-width:768px){
  .list-header { margin-bottom: 1.5em; }
	.list-cat { display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; }
  .list-cat .sub-header { margin-right: 2em; width: calc(100% - 285px - 2em); }
	.list-cat-header-txt { font-size: 125%; }
	.list-cat-row { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; max-width: initial; width: 100%; }
	.list-cat-lead { width: 100%; margin-bottom: 1em; }
	.list-cat-item { margin-top: 0; margin-left: 1.5em; }
	.list-cat-item:first-child { margin-left: 0; }
	.list-cat-ttl { font-size: 1.4rem; }
  .list-ctrl { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: row-reverse; width: 100%; }
  .list-sort { margin-top: 0; text-align: right; }
}
@media screen and (min-width:1200px){
  .list-cat-ttl { width: auto; padding-right: 0.2em; }
  .list-cat .sub-header { margin-right: 2em; width: calc(100% - 570px - 2em); }
}

/* pagenation */
.pagenation a,
.pagenation span { 
  background-color: #89898a; color: #fff; font-size: 150%; font-weight: 700; line-height: 2; 
  display: inline-block; text-align: center; text-decoration: none; transition: background .3s; 
  border-radius: 1em; width: 2em; 
}
.pagenation a:hover { background-color: #363636; }
.pagenation span.pagination__shorten { background-color: transparent; font-size: 0; }
.pagenation a .fas,
.pagenation span .fas { line-height: 2!important; }
@media screen and (max-width:767px){
  .list-pager { text-align: center; }
  .pagenation { margin-top: 2em; }
}
@media screen and (min-width:768px){
  .list-pager { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
  .pagenation { margin-right: 4%; }
}


/*
detail
-------------------*/
@media screen and (min-width:768px){
  .detail-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .detail-thumbs { width: 48%; }
  .detail-body { width: 48%; }
}
@media screen and (min-width:1000px){
  .detail-thumbs { width: 50%; }
  .detail-body { width: 45%; }
}

/* ¡¦µã¦¢¡¦ºä"¤ã¥æŽÀ*/
.detail-thumb-main,
.detail-thumb-navitem { padding-top: 75%; display: block; width: 100%; height: 0; position: relative; }
.detail-thumb-main img,
.detail-thumb-navitem img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: opacity .3s; }
.detail-thumb-main img { opacity: 0; }
.detail-thumb-navitem img { opacity: 0.6; }
.detail-thumb-main img.active,
.detail-thumb-navitem.active img { opacity: 1; }
.detail-thumb-navitem:hover img { opacity: 0.4; }
.detail-thumb-navitem { cursor: pointer; }
.detail-thumb-navitem { width: 23%; padding-top: 17.25%; margin-top: 1em; margin-right: 2.6%; float: left; }
@media screen and (max-width:999px){
  .detail-thumb-navitem:nth-of-type(4n) { margin-right: 0; }
}
@media screen and (min-width:1000px){
  .detail-thumb-navitem { width: 18%; margin-right: 2.5%; padding-top: 13.5%; }
}

/* 詳細 */
.detail-list { width: 100%; }
.detail-list th,
.detail-list td { font-size: 87.5%; padding: 0.5em 0; }
.detail-list th { padding-right: 1em; width: 6em; }
.detail-list td.price { color: #16b3d5; }
.detail-list input,
.detail-list select { padding: 0.5em; border: #ddd 1px solid; }
.detail-list input[type="number"] { width: 6em; }
@media screen and (max-width:767px){
  .detail-body { margin-top: 3em; }
}

/* notice */
.notice.detail .notice-header { left: 50%; transform: translateX(-50%); font-weight: 700; }

/* share */
.share-list { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: 2em; }
.share-list li { margin-right: 0.7em; }
.fb_iframe_widget > span { vertical-align: baseline !important; }

/* link */
.detail-other-link { margin-top: 1em; }
.detail-other-link li { margin: 0.3em 0; font-size: 81.25%; }
.detail-other-link a { color: #000; text-decoration: none; transition: all 0.3s; }
.detail-other-link a:hover { opacity: 0.9; }

/* overview */
.detail-overview p { margin-top: 1.5em; }


/*
home
-------------------*/
/* keyvisual */
.home-keyvisual,
.home-keyvisual-in { background-repeat: no-repeat; background-position: 0 100%; }
.home-keyvisual { background-image: url("https://img07.shop-pro.jp/PA01449/871/etc/website_cover_l.png?cmsp_timestamp=20211119103306"); }
.home-keyvisual-in { background-image: url("https://img07.shop-pro.jp/PA01449/871/etc/website_cover_r.png?cmsp_timestamp=20211119103324"); background-position: 100% 100%; }
.home-kvcopy { font-weight: 700; line-height: 1.3; text-align: center; margin-bottom: 1em; }
.home-kvcopy-pop { color: #89898a; font-size: 3.6vw; position: relative; }
.home-kvcopy-pop .in::before,
.home-kvcopy-pop .in::after { border-color: #89898a; height: 3em; margin-top: -1.5em; }
.home-kvcopy-pop .in::before { left: -2em; }
.home-kvcopy-pop .in::after { right: -2em; }
.home-kvcopy-sub { color: #00a0e9; font-size: 3.6vw; margin-top: 0.5em; }
.home-kvcopy-main { /*border: #00a0e9 3px solid; color: #00a0e9;*/ padding: 0.3em; display: inline-block; font-size: 7vw; line-height: 1; }
.home-kvcopy-main .small { font-size: 75%; }
@media screen and (max-width:767px){
  .home-keyvisual { background-size: 30% auto; }
  .home-keyvisual-in { background-size: 40% auto; }
	.home-kvimg { width: 75%; margin: auto; }
	.home-kvcopy-main img { max-width: 665px; }
}
@media screen and (min-width:768px){
  .home-keyvisual .wrapper { 
    display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; 
  }
  .home-kvcopy { width: 48%; }
  .home-kvimg { width: 48%; box-sizing: border-box; padding-left: 4%; padding-right: 4%; }
  .home-kvcopy-pop { font-size: 1.8vw; }
  .home-kvcopy-sub { font-size: 2.3vw; }
  .home-kvcopy-main { font-size: 4.5vw; padding-right: 0; }
	.home-kvcopy-main img { max-width: 538px; }
}
@media screen and (min-width:1200px){
  .home-kvcopy-pop { font-size: 2rem; }
  .home-kvcopy-sub { font-size: 2.5rem; }
  .home-kvcopy-main { font-size: 6.3rem; }
}

/* home-lead */
.home-lead { padding: 20px 0; }

.home-lead-max { width: 100%; max-width: 895px; margin: auto; }
.home-lead-target,
.home-lead-wrapper { 
	border: #6fba2c 3px solid; border-radius: 5px;
	padding: 1.4rem; position: relative; z-index: 0; margin-left: 80px;
}
.home-lead-wrapper { border-color: #00a0e9; margin: 1rem 80px 0 0; }
.home-lead-target::before,
.home-lead-target::after,
.home-lead-wrapper::before,
.home-lead-wrapper::after {
	right: 100%; top: 50%; border: solid transparent; content: "";
	height: 0; width: 0; position: absolute; pointer-events: none;
}
.home-lead-wrapper::before,
.home-lead-wrapper::after { right: auto; left: 100%; }
.home-lead-target::before {
	border-color: rgba(111, 186, 44, 0); border-right-color: #6fba2c; border-width: 14px; margin-top: -14px;
}
.home-lead-target::after {
	border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 10px; margin-top: -10px;
}
.home-lead-wrapper::before {
	border-color: rgba(0, 160, 233, 0); border-left-color: #00a0e9; border-width: 14px; margin-top: -14px;
}
.home-lead-wrapper::after {
	border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin-top: -10px;
}
.home-lead-target .ico,
.home-lead-wrapper .ico {
	top: calc(50% - 35px); position: absolute; z-index: 0; width: 70px!important;
}
.home-lead-target .ico { right: calc(100% + 15px); }
.home-lead-wrapper .ico { left: calc(100% + 15px); }

.home-lead-target .ttl { color: #00a0e9; font-size: 112.5%; font-weight: 700; margin-bottom: 0.5em; padding-bottom: 0.5em; position: relative; z-index: 0; }
.home-lead-target .ttl::after { content: ""; display: block; width: 8em; height: 0; position: absolute; bottom: 0; left: 0; border-bottom: #00a0e9 3px solid; }
.home-lead-target .item { box-sizing: border-box; font-weight: 700; font-size: 125%; margin-top: 0.5em; padding-left: 1.2em; position: relative; z-index: 0; }
.home-lead-target .item::before { content: "\f00c"; color: #00a0e9; pointer-events: none; font-family: "Font Awesome 5 Free"; font-size: 90%; font-weight: 900; display: inline-block; position: absolute; top: 0.1em; left: 0; }
.home-lead-target .item .light { background: linear-gradient(transparent 60%, #fbd77b 60%); }
.home-lead-target .item .underline { text-decoration: underline 2px wavy #444; }
.home-lead-wrapper { font-size: 112.5%; }
.home-lead-wrapper strong { display: block; color: #f055a7; font-size: 112.5%; font-weight: 700; }
@media screen and (max-width:440px){
	.home-lead-target .item { font-size: 115%; font-feature-settings: "palt"; width: 100%; }
	.home-lead-wrapper { font-size: 105%; }
}
@media screen and (min-width:768px){
	.home-lead-target,
	.home-lead-wrapper { padding: 2rem; max-width: 560px; }
	.home-lead-target { margin-left: 145px; }
	.home-lead-wrapper { margin-right: 145px; margin-left: auto; }
	.home-lead-target .ico,
	.home-lead-wrapper .ico { top: calc(50% - 60px); width: 120px!important; }
	.home-lead-target .ico { right: calc(100% + 25px); }
	.home-lead-wrapper .ico { left: calc(100% + 25px); }
}

/* home-step */
.home-step { background-color: #d6ecfe; padding: 3rem 0; }
.home-step .section-header .in::after { border-color: #f055a7; }
.home-step .row { display:-webkit-box; display:-ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.home-step .item { 
	box-sizing: border-box; padding: 2.9rem 1.5rem 1.5rem; width: 100%; position: relative; z-index: 0;
	background-color: #fff;
}
.home-step .item:not(:last-of-type) { margin-bottom: 30px; }
.home-step .item:not(:last-of-type)::after {
	top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;
	border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 15px; margin-left: -15px;
}
.home-step-num { 
	background-color: #f055a7; color: #fff; font-weight: 700;
	box-sizing: border-box; padding: 0.1em 0; text-align: center; width: 6em;
	position: absolute; top: -0.8em; left: calc(50% - 3em); 
}
.home-step-ttl { font-size: 125%; font-weight: 700; text-align: center; }
.home-step-ico { width: 38%; margin: 0.7em auto; }
.home-step .btn { display: block; text-align: center; padding: 0.5em 0; margin-top: 0.8em; }
@media screen and (min-width:768px){
	.home-step .item { width: 31%; }
	.home-step .item:not(:last-of-type) { margin-bottom: 0; margin-right: 3.5%; }
	.home-step .item:not(:last-of-type)::after { left: 100%; top: 50%; border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 10px; margin: 0; margin-top: -10px; }
}
@media screen and (min-width:768px) and (max-width:1024px) {
	.home-step .btn { font-size: 87.5%; }
}

/* allitem_bnr */
.allitem_bnr {
  padding: 6rem 4.5% 0;
  text-align: center;
}
.allitem_bnr img {
  max-width: 1200px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .allitem_bnr {
    padding: 10rem 4.5% 0;
  }
}

/* home-about */
.home-about { background-color: #6bbc23; color: #fff; }
.home-about-wrapper:last-of-type { background-color: #58ac0b; }
.home-about-wrapper-in { position: relative; }
.home-about-header { 
  background-color: #fff; color: #63b41a; font-size: 4.2vw; font-weight: 700; padding: 0.2em 0.6em; 
  display: block; position: absolute; top: -0.7em; left: -0.5em;
}
@media screen and (max-width:979px){
  .home-about-wrapper { padding: 3em 4.5%; }
}
@media screen and (min-width:375px){
  .home-about-header { font-size: 114.28%; }
}
@media screen and (min-width:980px){
  .home-about { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden; }
  .home-about-wrapper { width: 50%; padding: 4em 0; position: relative; }
  .home-about-wrapper-in { 
    box-sizing: border-box; z-index: 1;
    width: 81.5%; max-width: 516px; margin-left: auto; margin-right: 14%;
  }
  .home-about-wrapper:last-of-type .home-about-wrapper-in { margin-right: auto; margin-left: 14%; }
  .home-about-wrapper:last-of-type::before,
  .home-about-wrapper:last-of-type::after {
    content: ""; display: block; position: absolute; background-color: #6bbc23;
    width: 14%; height: 110%; top: -3%; left: -13%; transform: rotate(10deg); z-index: 0;
  }
  .home-about-wrapper:last-of-type::before { background-color: #58ac0b; top: 3%; left: 0; }
}

/* links */
.links-item a { background-color: #f1f1f1; color: #000; display: block; text-decoration: none; transition: opacity .3s; }
.links-item a:hover { opacity: 0.8; }
.links-ttl { font-size: 112.5%; font-weight: 700; }
.links-item .btn { font-size: 75%; }
.links-txt { padding: 0.8em 0; }
@media screen and (max-width:979px){
  .links-item { margin-top: 1.5em; }
  .links-item:first-of-type { margin-top: 0; }
  .links-item a { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  .links-img { width: 42%; }
  .links-txt { width: 53%; }
  .links-ttl { display: block; }
  .links-item .btn { margin-top: 0.5em; }
}
@media screen and (min-width:980px){
  .links-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .links-item { width: 30%; }
  .links-txt { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding-left: 1em; padding-right: 1em; }
}
@media screen and (min-width:980px) and (max-width:1199px){
  .links-txt { font-size: 85.7%; }
}

/*list */
#esim_wrapper,
#sim_wrapper { display: none; }
#esim_wrapper.on,
#sim_wrapper.on { display: block; }
.home-list-lead { margin-bottom: 2em; }
.home-list-btn { background-color: #f055a7; border-radius: 3em; color: #fff; display: inline-block; font-size: 112.5%; font-weight: 700; padding: 0.4em 2em; text-decoration: none; }
@media screen and (min-width:980px){
	.home-list-lead { margin-bottom: 3em; }
	.home-list-btn { padding: 0.8em 2em; }
}
.home-list a { background-color: #fff2b7; box-sizing: border-box; height: 100%; padding: 1.5rem; }
.home-list .list-ttl { text-align: left; }
.home-list .list-price { color: #ef1a8b; font-size: 150%; margin-top: 0.1em; line-height: 1; text-align: right;}
@media screen and (min-width:980px){
	.home-list a { padding: 2.5rem; }
}

/*
pages
-------------------*/
/* ttl */
.page-header { 
  background-color: #42a4e3;
  background: -moz-linear-gradient(left,  #42a4e3 0%, #55cdf4 100%);
  background: -webkit-linear-gradient(left,  #42a4e3 0%,#55cdf4 100%);
  background: linear-gradient(to right,  #42a4e3 0%,#55cdf4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a4e3', endColorstr='#55cdf4',GradientType=1 );
  color: #fff; line-height: 1.6;
}
.page-header-in { 
  background-image: url("https://img07.shop-pro.jp/PA01449/871/etc/website_page_header.png?cmsp_timestamp=20211119103516"); background-repeat: no-repeat; background-position: 117% 50%; background-size: 45% auto;
  padding-top: 2em; padding-bottom: 2em;  
}
.page-header-ja { display: block; font-size: 250%; font-weight: 700; }
.page-header-en { display: block; color: #fefdbe; font-weight: 700; }
@media screen and (max-width:430px){
  .page-header-ja { font-size: 7vw; }
}
@media screen and (min-width:768px){
  .page-header-in { background-position: 100% 50%; background-size: 30% auto; }
}
@media screen and (min-width:980px){
  .page-header-in { padding-top: 4em; padding-bottom: 4em; }
  .page-header-ja { font-size: 300%; }
}
@media screen and (min-width:1200px){
  .page-header-in { background-position: 95% 50%; background-size: 441px auto; }
}

/* crumbs */
.crumbs { background-color: #d3ecff; padding: 0.5em 0; }
.crumbs,
.crumbs a { color: #363636; text-decoration: none; transition: opacity .3s; font-size: 81.25%; font-weight: 700; }
.crumbs a:hover { opacity: 0.8; }
.crumbs li { display: inline-block; padding-right: 0.4em; }
.crumbs li::before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 0.4em; }
.crumbs li:first-child::before { content: ""; padding-right: 0; }

/* notation */
.basic-table { width: 100%; margin-top: 2.5em; }
.basic-table tr { border-bottom: #ddd 1px solid; }
.basic-table tr:first-of-type { border-top: #ddd 1px solid; }
.basic-table th,
.basic-table td { padding: 1em; vertical-align: top; display: block; }
.basic-table th { font-weight: 700; padding-bottom: 0; }
.basic-table td { padding-top: 0.5em; }
@media screen and (min-width:768px){
  .basic-table th { padding: 2em 1em 0; }
  .basic-table td { padding: 0.5em 1em 2em; }
}
@media screen and (min-width:1000px){
  .basic-table th,
  .basic-table td { display: table-cell; padding: 1.5em; }
  .basic-table td { padding-left: 0; }
  .basic-table th { width: 25%; min-width: 10em; }
}


/*
esim
-------------------*/
/* lead */
@media screen and (max-width:380px){
  .esim-lead-header { font-size: 5vw; }
}
@media screen and (max-width:767px){
  .esim-lead-header { 
    background-color: #fff; border-radius: 0 0.5em 0 0; padding-top: 0.5em; padding-right: 0.5em; width: 80%; 
    margin-top: -3em; 
  }
}
@media screen and (min-width:768px){
  .esim-lead { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
  .esim-lead-img { width: 34%; }
  .esim-lead-txt { width: 63%; }
  .esim-lead-header { width: 120%; }
}

/* compatible */
.esim-compatible-table { width: 100%; }
.esim-compatible-table tr:nth-of-type(odd) { background-color: #f1f1f1; }
.esim-compatible-table th,
.esim-compatible-table td { border: #ddd 1px solid; padding: 0.5em; font-size: 81.25%; }
.esim-compatible-table th { background-color: #46648d; color: #fff; font-weight: 700; }
.esim-compatible-lock { border: #fadb7e 5px solid; }
.esim-compatible-lock-header { background-color: #fadb7e; color: #0a4392; font-weight: 700; text-align: center; padding: 1em 0; }
.esim-compatible-lock-header.pop .in::before,
.esim-compatible-lock-header.pop .in::after { border-color: #0a4392; }
.esim-compatible-lock-body { box-sizing: border-box; padding: 1em; }
.esim-compatible-lock-body .fas { color: #6fba2c; }
.esim-compatible-pdf { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.esim-compatible-pdf li { font-size: 87.5%; width: 32%; }
.esim-compatible-pdf .btn { display: block; text-align: center; padding-left: 0; padding-right: 0; }
@media screen and (max-width:767px){
  .esim-compatible-lock { margin-top: 2em; }
  .esim-compatible-table { margin-top: 1em; }
}
@media screen and (min-width:768px){
  .esim-compatible-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-start; }
  .esim-compatible-item { width: 48%; }
  .esim-compatible-lock { margin-top: 2em; }
  .esim-compatible-lock-body { height: calc(100% - 3.8em); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 1em 1.5em; }
  .esim-compatible-lock-body .in { width: 100%; }
  .esim-compatible-pdf { margin-top: 0.5em; }
  .esim-compatible-pdf + p.mt1 { margin-top: 2em; } 
}

/* setting */
.esim-setting-item { margin-top: 2em; }
.esim-setting-header { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.num { 
  display: inline-block; font-size: 300%; line-height: 1.5; width: 1.5em; text-align: center; 
  background-color: #6fba2c; color: #fff; font-weight: 700;
}
.esim-setting-header .num { margin-right: 1.5rem; }
.esim-setting-item p.contents-paragraph { line-height: 1.5; margin-top: 1em; }
@media screen and (max-width:767px){
  .esim-setting-img { margin-bottom: 1em; }
}
@media screen and (min-width:768px){
  .esim-setting-item { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .esim-setting-img { width: 38%; } 
  .esim-setting-txt { width: 58%; } 
}
@media screen and (min-width:980px){
  .esim-setting-item { -webkit-align-items: center; align-items: center;}
  .esim-setting-img,
  .esim-setting-txt { width: 48%; } 
}

/* movie */
.esim-movie { background-color: #fdf0c9; padding-top: 3em; padding-bottom: 3em; }
.esim-movie-header { color: #0a4392; font-weight: 700; margin-bottom: 0.8em; }
.esim-movie-header.pop .in::before,
.esim-movie-header.pop .in::after { border-color: #0a4392; }
.esim-movie-wrapper { width: 100%; height: 0; padding-top: 56.25%; position: relative; }
.esim-movie-wrapper > iframe { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }
.esim-movie .add div:first-child { margin-bottom: 1em; }
@media screen and (min-width:400px){
  .esim-movie-header { font-size: 127%; }
}
@media screen and (min-width:768px){
  .esim-movie { padding-top: 4em; padding-bottom: 4em; }
  .esim-movie .wrapper-s { width: 640px; padding: 0; }
  .esim-movie-header { font-size: 150%; }
  .esim-movie .add { display: flex; justify-content: space-around; }
  .esim-movie .add div:first-child { margin-bottom: 0; }
}


/*
guide
-------------------*/
/* check */
.guide-check-header { border: #fadb7e 5px solid; margin-bottom: 2em; }
.guide-check-header .in { 
  background: #fadb7e; border: #fff 5px solid; display: block; padding: 0.6em 1em;
  color: #0a4392; font-size: 125%; font-weight: 700;
}
.guide-check-item { 
  display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-top: 1.5em; margin-top: 1.5em; position: relative;
}
.guide-check-item::before {
  content: ""; display: block; position: absolute; width: 4em; height: 0; top: 0; left: 50%; margin-left: -2em;
  border-top: #6fba2c 3px solid;
}
.guide-check-item:first-of-type { margin-top: 0; padding-top: 0; }
.guide-check-item:first-of-type::before { border: 0; }
.guide-check-txt { width: calc(100% - 6em); }
.guide-check-list { 
  display: -webkit-flex; display: flex; font-size: 81.25%;
}
.guide-check-list li { margin-left: 0.5em; }
.guide-check-list li:first-child { margin-left: 0; }
@media screen and (max-width:350px){
  .guide-check-list { font-size: 3vw; }
}
@media screen and (min-width:768px){
  .guide-check-header { margin-bottom: 3em; }
  .guide-check-header .in { padding: 0.8em 1em; }
}

/* flow */
.guide-flow-item { background-color: #f1f1f1; padding: 2em 1em 1em 1em; position: relative; box-sizing: border-box; }
.guide-flow-num { background-color: #6fba2c; color: #fff; font-size: 112.5%; font-weight: 700; padding: 0.05em 0.8em; position: absolute; }
.guide-flow-ttl { font-size: 125%; font-weight: 700; border-bottom: #ddd 1px solid; padding-bottom: 0.5em; }
@media screen and (max-width:979px){
  .guide-flow-item { margin-bottom: 1.5em; }
  .guide-flow-item::after {
    top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
	  border-color: rgba(241, 241, 241, 0); border-top-color: #f1f1f1; border-width: 15px; margin-left: -15px;
  }
  .guide-flow-item:last-of-type { margin-bottom: 0; }
  .guide-flow-item:last-of-type::after { border: 0; }
  .guide-flow-num { top: -0.8em; left: 1em; }
  .guide-flow-item .btn { font-size: 87.5%; }
}
@media screen and (min-width:980px){
  .guide-flow-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .guide-flow-item { width: 23%; font-size: 87.5%; padding-top: 2.5em; }
  .guide-flow-item::after {
    left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
	  border-color: rgba(241, 241, 241, 0); border-left-color: #f1f1f1; border-width: 15px; margin-top: -15px;
  }
  .guide-flow-item:last-of-type::after { border: 0; }
  .guide-flow-num { top: -0.8em; left: 50%; transform: translateX(-50%); }
  .guide-flow-ttl { text-align: center; }
  .guide-flow-item .btn { display: block; text-align: center; padding-left: 0; padding-right: 0; }
}
@media screen and (min-width:1200px){
  .guide-flow-item { padding: 2.5em 2em 2em; }
  .guide-flow-num { font-size: 128.5%; }
  .guide-flow-ttl { font-size: 142.85%; text-align: center; }
}

/* guide */
.guide-item:not(:first-child) { margin-top: 2em; }
.guide-header { font-size: 137%; font-weight: 700; overflow: hidden; }
.guide-header .in { position: relative; }
.guide-header .in::after { 
  content: ""; display: block; position: absolute; top: 50%; left: 105%; width: 100vw; height: 0; 
  border-top: #6fba2c 3px solid;
}
.guide-body h3:not(:first-child) { margin-top: 1em; }
@media screen and (max-width:767px){
  .guide-header { margin-bottom: 0.5em; }
}
@media screen and (min-width:768px){
  .guide-item { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  .guide-item:not(:first-child) { margin-top: 3em; }
  .guide-header,
  .guide-body { width: 48%; }
}
@media screen and (min-width:980px){
  .guide-header { font-size: 150%; width: 38%; }
  .guide-body { width: 58%; }
}

/*
form
-------------------*/
/* select */
.select-wrap select{ outline:none; text-indent: 0.01px; text-overflow: ''; background: none #fff; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select option{ background-color: #fff; color: #000; }
select::-ms-expand { display: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }
.select-wrap select.form-input { padding-right: 30px; }
.select-wrap { display: inline-block; position: relative; }
.select-wrap::after { 
  display: inline-block; position: absolute; top: 50%; right: 0.8em; transform: translateY(-50%); pointer-events: none;
  content: "\f078"; color: #00a0e9; font-family: "Font Awesome 5 Free"; font-weight: 900;
}
/*20230302*/
.home-lead-catch {
    background:#f8268c;
    color:#fff;
    font-weight:bold;
    font-size:120%;
    display:inline-block;
    padding:0 .5em;
}

.home-lead-catch::before,
.home-lead-catch::after{
    content:"¢­¢­¢­";
}