@charset "UTF-8";
/* CSS Document */

/* --共通------------------------ */
body { overflow:hidden; width:max(100%,1060px); }
section { padding:40px 0; }
.inner { max-width:1000px; width:100%; margin-inline:auto; }
.inner_wide { width:min(100%,1300px); margin-inline:auto; }
.inner_s { max-width:800px; width:100%; margin-inline:auto; }

.mt1 { margin-top:1em; }
.mb1 { margin-bottom:1em; }

.pc_none { display:none; }
.round { font-family: 'Kosugi Maru', sans-serif; }
.tel { font-size:35px; letter-spacing:0; line-height:1.3; }
.tel i { font-size:0.8em; margin-right:5px; }
.bg_bu { background-color:#c6e7ff; background-image:url(../img/bg_dot.png); }
.bg_bu.plain { background-image: unset;}
.red { color: #c22020; }

.conttl1 { text-align:center; font-family: 'Kosugi Maru', sans-serif; font-size:27px; background-image:url(../img/conttl1_circle.png), url(../img/conttl1_circle.png); background-repeat:no-repeat; background-size:10px auto; background-position:left center, right center; margin-bottom:30px; line-height:1.4; display:flex; align-items:center; }
.conttl1:before, .conttl1:after { border-top:2px solid #3687c3; content:""; flex-grow:1; }
.conttl1:before { margin-right:2rem; }
.conttl1:after { margin-left:2rem; }
.conttl1 .en { font-size:0.75em; color:#3687c3; }
.conttl2 { font-family: 'Kosugi Maru', sans-serif; font-size:23px; color:#3687c3; margin-bottom: 20px; }

.flexList2 > * { width:48%; }
.flexList2 > *:nth-child(n+3) { margin-top:20px; }
.flexList3 > * { width:31%; }
.flexList3 > *:nth-child(n+4) { margin-top:20px; }

.tbl { table-layout:fixed; width:100%; border-collapse: separate; border-spacing: 0 10px; }
.tbl th, .tbl td { padding: 15px 20px; }
.tbl th { width:25%; color:#fff; border-radius: 5px 0 0 5px; font-family: 'Kosugi Maru', sans-serif; }
.tbl td { border-radius:0 5px 5px 0; }
.tbl.blue th { background-color:#3687c3; }
.tbl.blue td { background-color:#c6e7ff; }
.tbl.orange th { background-color:#f7841e; }
.tbl.orange td { background-color:#ffe6c6; }

/* --header------------------------ */
header { background: #3687c3;}
header .infoBox { display: flex; align-items: center; padding:15px 0; }
header .logo { margin-top: 1.6em;}
header .logo a { font-size: 1.77em; line-height: .6; color: #fff; }
header .logo a .small { font-size: 0.4em;}
header .h-info { flex: 1;}
header .contactBox { text-align:right; width:54%; color: #fff; }
header .line { width:20%; }
header .line a{ display:block; position: relative; padding-top:30px; text-align: center; height: 100%; line-height: 1.3; font-weight: bold; 
  color:#FFF; background:#00b900; border-radius: 10px; }
header .line a::before{ position:absolute; content:""; width:2em; height:2em; left:50%; top:0; transform: translateX(-50%);
  background:url(../img/ico-line.svg) no-repeat center / 100%; }
header .h_contactBtn { width:20%; }
header .h_contactBtn a { position: relative; display: block; text-align: center; height: 100%; background: #fbb726; color: #1d70ad; border-radius: 10px; font-weight: bold; }
header .h_contactBtn a span { position: absolute; top: 54%; left: 50%; width: 100%; line-height:1.4; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
header .h_contactBtn a:hover { background: #f7841e; color: #fff; }
header .contactBox .address, header .contactBox .hour_holiday { font-size:13px; }
header .contactBox .hour_holiday { line-height:1.2; }
header .contactBox .hour_holiday .ico { width:17px; display:inline-block; margin-right:5px; }

/* --gNav------------------------ */
#gNav { padding:10px 0; border-top: solid 1px rgba(255,255,255,.3); background:#3687c3; }
#gNav li { text-align:center; line-height:1; }
#gNav li:nth-child(n+2) { padding-left:25px; }
#gNav li a { display:block; padding:10px 20px 10px 10px; font-family: 'Kosugi Maru', sans-serif; color:#fff; font-size:17px; border-radius:5px; }
#gNav li a:hover { background-color:#fff; color:#3687c3; }
#gNav li .b_a { position:relative; display:block; padding-left:25px; }
#gNav li .b_a:before { position:absolute; content:""; top:-1px; left:0; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-size:contain; }
#gNav li .en { font-size:13px; }

#gNav li.top .b_a:before { background-image:url(../img/ico_top.png); }
#gNav li.stock .b_a:before { background-image:url(../img/ico_stock.png); }
#gNav li.reason .b_a:before { background-image:url(../img/ico_reason.png); }
#gNav li.about .b_a:before { background-image:url(../img/ico_about.png); }
#gNav li.company .b_a:before { background-image:url(../img/ico_company.png); }


/* --footer------------------------ */
.floNav li { margin:0; position:fixed; right:10px; z-index:9999; -webkit-transition:all .3s; transition:all .3s; }
.floNav li:hover { margin-bottom:7px; }
#floStock { bottom:345px; }
#floContact { bottom:225px; }
#floAccess { bottom:110px; }
#pagetop { bottom:20px; right:20px; }

footer { border-top:10px solid #3687c3; margin-top:100px; padding-top:40px; }
footer .infoBox > .clearfix { display: flex; align-items: center; justify-content: space-between;}
footer .logo { margin-top: .9em; font-size: 1.77em; line-height: .8; font-weight: bold; color: #3687c3;}
footer .logo .small { font-size: 0.4em;}
footer .txtBox { font-size:13px; margin-left:40px; margin-top:20px; }
footer .contactBox .tel { font-size:30px; }
footer .contactBox .contact { text-align:center; font-family: 'Kosugi Maru', sans-serif; font-size:18px; }
footer .contactBox .contact a { display:block; border-radius:20px; background-color:#fbb726; color:#3687c3; padding:5px 10px; }
footer .contactBox .contact a:hover { background-color:#f7841e; }
footer .contactBox .contact i { margin-right:5px; }
footer .fNav  { margin-top:50px; }
footer .fNav li { position:relative; font-family: 'Kosugi Maru', sans-serif; display:inline-block; padding-left:1em; }
footer .fNav li:before { position:absolute; content:""; top:10px; left:0; width:5px; height:5px; border-top:2px solid #fbb726; border-right:2px solid #fbb726; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
footer .fNav li:not(:nth-child(5n+5)) {  margin-right:3em; }
footer .fNav li:nth-child(5n+1) { width:8em; }
footer .fNav li:nth-child(5n+2) { width:7em; }
footer .fNav li:nth-child(5n+3) { width:16em; }
footer .fNav li:nth-child(5n+4) { width:12em; }
footer .fNav li:nth-child(5n+5) { width:7em; }

footer .copy { margin-top:50px; background-color:#3687c3; text-align:center; color:#fff; font-size:13px; padding:10px 0; }
footer .copy a { color:#fff; }