/*
Theme Name: hino_v1.2
Version: 1.2
*/

/*-------------------------------------------
	fonts
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');
/*------------------------------------------

	Reset

------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

img{
  max-width: 100%;
  height: auto;
  width /***/:auto; /*IE8のみ適用*/
	vertical-align:bottom;
}
a img {
	border: none;
}
ul{
	padding:0;
}
ul.nomarker{
list-style:none;
padding-left:0!important;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* clearfix
------------------------------------------*/

.cf:before,
.cf:after {
	content:"";
	display:table; 
}

.cf:after {
	clear:both; 
}   

.cf {
	zoom:1; 
} 

/*------------------------------------------

	Header

------------------------------------------*/
header{
  position:relative;
  height:230px;
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
  padding:30px 0 65px;
  margin:0 auto;
  z-index:30;
  background:url("https://hino.karada.live/wp-content/uploads/2026/03/line01.png") bottom center repeat-x;
}
.home header{
background-color:#D3F3FD;
}

header .inner{
  display:flex;
  justify-content:space-between;
  position:relative;
  max-width:100%;

}
header .inner .frm01{
width:calc((100% - 1330px) / 2);
background:#FFF;
}
header .inner .frm02{
  position:relative;
width:1330px;
}
header .inner .frm03{
width:calc((100% - 1330px) / 2);
}


.httl{
    line-height: 1;
  margin:0;
  padding:0;
background:#FFF;
border-radius:0 68px 68px 0;
}
.httl a{
  display:block;
  width:277px;
  padding:50px 0;
}
.httl a:hover{
opacity:0.8;
}

.hsubttl{
font-size:0.75rem;
color:#136534;
line-height:1;
padding:0;
margin:3px;
position:absolute;
top:24px;
left:180px;
}


/* grobal navigation (custom menu)
------------------------------------------*/
.grobal-nav {
  position:absolute;
  top:51px;
  left:330px;
}
#menu-grobal-menu{
  display:flex;
  justify-content:space-between;
  width:830px;
  margin:0;
}
#menu-grobal-menu li{
position:relative;
}

#menu-grobal-menu li a{
  display:block;
  font-size:1.4375rem;
  color:#000;
  line-height:1.2;
  padding:2px 0 2px 35px;
  margin:0 auto;
  background-position:0 center;
  background-repeat:no-repeat;
}

#menu-grobal-menu li a:hover,
#menu-grobal-menu li.current-menu-item a{
/*filter: brightness(90%);*/
  color:#0F8DA0;
}
#menu-grobal-menu li.gn-function a{
    background-image: url("https://hino.karada.live/wp-content/uploads/2026/03/nav_icon01.png");
}
#menu-grobal-menu li.gn-point a{
    background-image: url("https://hino.karada.live/wp-content/uploads/2026/03/nav_icon02.png");
}
#menu-grobal-menu li.gn-gift a{
    background-image: url("https://hino.karada.live/wp-content/uploads/2026/03/nav_icon03.png");
}
#menu-grobal-menu li.gn-faq a{
    background-image: url("https://hino.karada.live/wp-content/uploads/2026/03/nav_icon04.png");
}

.menu{
  list-style-type:none;
}


#toggle,
#js-focus-trap {
  display: none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1340px) {
header{
  height:100px;
  padding:6px 0 0;
}
header .inner{
padding: 0;
border:none;
}
header .inner .frm01{
width:3%;
background:#FFF;
}
header .inner .frm02{
position: static;
width:94%;
}
header .inner .frm03{
width:3%;
}

.httl{
width: 220px;
margin:0;
}
.httl a {
display: block;
width: 200px;
padding: 8px 0 12px;
}
.hsubttl{
font-size:0.625rem;
position:relative;
top:3px;
left:auto;
}
.grobal-nav{
position:absolute;
top:59px;
right:auto;
left:0;
width:100%;
margin-left:0;
margin-right:0;
display: none;
z-index:20;
}
#menu-grobal-menu{
	display:block;
width:100%;
	background:#FFF;
	border-right:none;
}
#menu-grobal-menu li{
	width:100%;
	display:block;
	background:none;
	border-top:1px #136535 solid;
}
#menu-grobal-menu li::before{
display:none;
}

#menu-grobal-menu li a{
width:100%;
min-height:auto;
height:auto;
text-align:left;
padding: 15px 0 15px 40px;
background-size:20px 20px;
background-position:10px center;
border:none!important;
}
#menu-grobal-menu li a br{
display:none;
}
#menu-grobal-menu li a:hover,
#menu-grobal-menu li.current-menu-item a,
.post-type-archive-ct_community #menu-grobal-menu li.gn-activity a,
.single-ct_community #menu-grobal-menu li.gn-activity a,
.post-type-archive-ct_souvenir #menu-grobal-menu li.gn-usage a,
.page-shoplist #menu-grobal-menu li.gn-usage a,
.post-type-archive-ct_shop #menu-grobal-menu li.gn-usage a,
.single-ct_shop #menu-grobal-menu li.gn-usage a,
.page-exchange #menu-grobal-menu li.gn-usage a,
.page-support #menu-grobal-menu li.gn-usage a{
/*filter: brightness(90%);*/
color:#136534;
background-color:#FEF4E8;
}
#menu-grobal-menu li.gn-business a{
border-radius:0;
}
.page-business #menu-grobal-menu li.gn-business a,
.post-type-archive-ct_businessnews #menu-grobal-menu li.gn-business a,
.single-ct_businessnews #menu-grobal-menu li.gn-business a,
#menu-grobal-menu li.gn-business a:hover{
background-color:#0C4D26!important;
}


#toggle{
	display:block;
	position:absolute;
	top:12px;
	right:3%;
	cursor:pointer;
padding:0;
border:none;
background:none;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 25px;
	height: 19px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #0F8DA0;
	border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-label{
display:block;
font-size:0.5rem;
color:#0F8DA0;
}
#toggle.gnavon .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
#toggle.gnavon .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
#toggle.gnavon .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
#js-focus-trap {
  display: block;
}

}/* end 1200px */


/*------------------------------------------

	footer

------------------------------------------*/
.foot-frm img{
width:100%;
height:115px;
margin:-115px 0 50px;
}
#footer{
color:#FFF;
font-weight: 500;
padding:0 0 120px;
background: url("https://hino.karada.live/wp-content/uploads/2026/03/foot_img01.png") right bottom no-repeat #4085D7;
}
.footer-inner{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:780px;
margin:0 auto 0;
}

.fbox01{
width:55%;
padding:0 6% 0 0;
margin-bottom:30px;
/*border-right:2px #FFF solid;*/
}
.fbox02{
width:45%;
font-family: "Kiwi Maru", serif;
color:#FFF;
padding-left:8%;
margin-bottom:30px;
}


.fmds{
margin-bottom:0;
}
p.ftel{
font-size:49px;
font-weight:700;
letter-spacing:4px!important;
margin-bottom:5px;
}

.ftxt{
font-weight:500;
/*text-align:right;*/
margin-bottom:0;
padding-right:10px;
}


.fdata{
margin:0;
font-size:15px;
}

.fdata dt{
width:80px;
font-weight:normal;
float:left;
}
.fdata dd{
padding-left:80px;
margin:0 0 2px;
}
.fbox03{
width:100%;
/*text-align:center;*/
margin-bottom:40px;
}
.fbox04{
width:100%;
text-align:center;
}

.fmenu{
list-style:none;
font-size:17px;
margin-top:35px;
}
.fmenu li{
margin-bottom:10px;
}

.fmenu a{
color:#FFF;
text-decoration:underline;
}
.fmenu a:hover{
opacity:0.8;
}

.footer-nav{
	margin: 0;
}
#menu-footer-menu{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin:0;
}
#menu-footer-menu li{
	width:20%;
	margin-bottom:16px;
}
#menu-footer-menu li:nth-child(3),
#menu-footer-menu li:nth-child(4){
	width:27%;
}
#menu-footer-menu li a{
	display:block;
	font-size:19px;
	color:#0071BB;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:5px 0;
	background:#FFF;
	border-radius:22px;
}


@media (max-width: 1430px) {
.foot-frm img{
height:8.04%;
margin:-8.04% 0 50px;
}


#footer{
color:#FFF;
font-weight: 500;
padding:0 0 200px;
background-size:161px 200px;
}
}
@media (max-width: 1000px) {
.footer-inner{
padding:0 3%;
flex-direction: row;
}
.fbox01{
width:100%;
border:none;
order:2;
}
.fbox02{
width:100%;
padding-left:0;
margin-bottom:40px;
order:1;
}
.fbox03{
order:3;
text-align:left;
}
.fbox04{
order:0;
}
.ftxt{
text-align:left;
}
}
@media (max-width: 700px) {
#menu-footer-menu li,
#menu-footer-menu li:nth-child(3),
#menu-footer-menu li:nth-child(4){
width:100%;
}
}
@media (max-width: 480px) {
p.ftel{
font-size:11vw;
}
}
/*------------------------------------------

	Common

------------------------------------------*/
body{
font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "MS PGothic", Osaka, sans-serif !important;
line-height: 1.6;
margin:0;
}
main{
padding-bottom:115px;
}
.home main{
padding-bottom:0;
}

#content {
}
.site-content{
padding:0;
}
.sec{
clear:both;
padding-bottom:80px;
}
.inner{
max-width:980px;
margin:0 auto;
}
.inner02{
max-width:768px;
margin:0 auto;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: 1.5em 0 0;
}
.img{
margin-bottom:20px;
}

.menu{
list-style-type:none;
}
a{
color:#333;
text-decoration:underline;
transition: opacity .4s,background-color .4s;
}
table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
p {
margin: 0 0 1.5em;
padding: 0;
}


header a,
.grobal-nav a,
.page-navigation a{
text-decoration:none;
}
a {
transition:color 0.4s ease,background-color 0.4s ease,opacity 0.4s ease;
}
a:hover{
/*opacity:0.9;*/
}

.simple-list{
list-style:none;
}
.simple-list li{
text-indent:-1em;
padding-left:1em;
margin:0 0 0.3em;
}
.simple-list li:before{
content:"・";
}

.note{
font-size:0.9375rem;
text-indent:-1em;
padding-left:1em;
}

.note:before{
content:"※";
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
.inner{
padding:0 3%;
margin:0;
}
}
@media (max-width: 768px) {
main{
padding-bottom:100px;
}

.inner02{
padding:0 3%;
margin:0;
}
}
@media (max-width: 600px) {
}

/*------------------------------------------

	page-header

------------------------------------------*/
/*------------------------------------------
	top-header
------------------------------------------*/
.thead{
width:100%;
position:relative;
padding:0;
background-color:#D3F3FD;
}

.thead-inner{
max-width:1400px;
padding-top:60px;
margin:0 auto;
background-image: url("https://hino.karada.live/wp-content/uploads/2026/03/tmain_bg01.png");
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
}

.thead-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
flex-direction: row;
max-width:980px;
text-align:center;
margin:0 auto;
}
.thead-catch01{
width:100%;
order:0;
margin-bottom:50px;
}
.thead-catch02{
width:22.347%;
order:1;
padding-top:87px
}
.thead-catch03{
width:27.6531%;
order:3;
padding-top:87px
}
.thead-img{
width:48.776%;
order:2;
}

.thead02{
background:#8EE2AE;
}
.thead02-inner{
max-width:1400px;
padding-top: 1px;
margin:0 auto;
}
.thead02-img{
margin:-82px 0 0;
}
.thead02-dlmds{
text-align:center;
padding:0;
margin:0 0 25px;
}

.thead02-dlbox{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:520px;
list-style-type:none;
margin:0 auto 20px;
}
.thead02-dlbox li{
width:46.2%;
margin-bottom:20px;
font-weight:600;
text-align:center;
}
.thead02-dlbox li .dl-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
padding:4% 10%;
background:#FFF;
border-radius:15px;
}
.thead02-dlbox li .dl-bnr{
width:60%;
}

.thead02-dlbox li .dl-qr{
width:33%;
min-width:65px;
}
.thead02-dlbox li .dl-note{
width:100%;
font-size:14px;
color:#FFF;
font-weight:normal;
text-align:left;
margin-top:10px;
}
.thead02-dlbox li p{
font-size:10px;
font-weight:bold;
margin-bottom:5px;
}

.thead02-img03{
text-align:center;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1400px) {
.thead02-img{
margin: -6% 0 0;
}
}
@media (max-width: 1000px) {
.thead-inner{
max-width:1400px;
padding:5% 3% 0;
margin:0 auto;
background-position:center 9%;
}
.thead-catch01{
margin-bottom:20px;
}

.thead-catch02,
.thead-catch03,
.thead-img{
width:100%;
padding-top:0;
}

.thead-catch02{
margin-bottom:10px;
}
.thead-catch01{order:0;}
.thead-catch02{order:1;}
.thead-catch03{order:2;}
.thead-img{order:3;}


}/* end 1000px */

@media (max-width: 768px) {
.thead-catch02 img{
width:calc(27% / 0.8);
}
}/* end 768px */

@media (max-width: 620px) {
.thead02-dlbox{
display:block;
}
.thead02-dlbox li{
width:240px;
margin:0 auto 20px;
}

}/* end 620px */

@media (max-width: 480px) {
}/* end 480px */



/*------------------------------------------
	page-header
------------------------------------------*/
.phead{
padding:0;
margin:35px 0 100px;
}
.phead .inner{
max-width:1170px;
text-align:center;
padding:130px 3%;
padding:8.1% 3%;
background:url("https://hino.karada.live/wp-content/uploads/2026/03/phead_bg.png") center center no-repeat #78C7CA;
background-size:cover;
}
.phead .pttl{
font-size: 2.1875rem;
color: #211813;
font-weight:700;
padding:0;
margin:0;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1170px) {
.phead{
padding:0 3%;
margin:35px 0 100px;
}

}
@media (max-width: 1000px) {
}/* end 1000px */

@media (max-width: 768px) {
}/* end 768px */

@media (max-width: 620px) {
.phead{
margin-bottom:40px;
}
.phead .pttl{
font-size: 1.6rem;
}
}
/* end 620px */

@media (max-width: 480px) {

}/* end 480px */


/*--------------------------------------------------------------
	midashi
--------------------------------------------------------------*/
.cmnmds01{
font-size: 26px;
color:#104798;
font-weight: 700;
text-align:center;
padding:0 !important;
margin-bottom:60px;
}

.cmnmds02{
font-size: 20px;
color:#333;
font-weight: bold;
padding: 10px!important;
margin:60px 0 40px;
background: #F0F8F9;
border-left: 1px #427EC0 solid;
border-bottom: 1px #EEE solid;
}

.cmnmds01+.cmnmds02{
padding:0 0 13px !important;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 620px) {

}

/*--------------------------------------------------------------
	button
--------------------------------------------------------------*/
a.cmnbtn01,
button.cmnbtn01 {
max-width: 250px;
width: 100%;
background-color: #666;
font-size: 1rem;
color: #FFF;
line-height: 1;
text-align: center;
font-weight: 400;
border-radius: 30px;
display: block;
padding: 20px;
margin: 0 auto 40px;
text-decoration: none;
border:none;
transition:background-color 0.4s ease;
}

a.cmnbtn01:visited,
a.cmnbtn01:hover,
a.cmnbtn01:focus,
a.cmnbtn01:active {
	color:#FFF;
}
a.cmnbtn01:hover,
button.cmnbtn01:hover {
background-color: #555;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 620px) {
}
/*------------------------------------------

	HOME

------------------------------------------*/
/*------------------------------------------
	about
------------------------------------------*/
#tabout{
padding:1px 0 110px;
margin:0;
}
#tabout .inner{
position:relative;
}
.tabout-frm{
position:relative;
max-width:860px;
padding:1px 120px 10px;
margin:-50px auto 0;
background:#FBB03B;
border-radius:29px;
}
.tabout-frm h2{
text-align:center;
margin:-30px 0 25px;
padding:0;
}
.tabout-txt{
font-size:19px;
font-weight:600;
line-height:2.2;
text-align:center;
margin-bottom:30px;
}
.tabout-detail{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:590px;
text-align:center;
margin:0 auto;
}
.tabout-detail>div{
color:#104698;
padding:10px;
margin-bottom:20px;
background:#FFFEE1;
border:3px #0071BC solid;
border-radius:18px;
}
.tabout-detail>div:nth-child(1){
width:45%;
}
.tabout-detail>div:nth-child(2){
width:52%;
}

.tabout-detail>div h3{
font-size:20px;
font-weight:600;
padding:0;
margin:0;
}
.tabout-detail>div .txt01{
font-size:24px;
color:#EC1B24;
font-weight:700;
margin:0;
}
.tabout-detail>div .txt02{
font-size:15px;
font-weight:600;
margin:0;
}
.tabout-detail>div .txt03{
font-size:14px;
font-weight:600;
margin:0;
}
.tabout-img01{
position:absolute;
top:-70px;
right:-20px;
}
.tabout-img02{
position:absolute;
bottom:20px;
left:-50px;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
.tabout-frm{
padding:1px 5% 10px;
margin:30px auto 0;
}
.tabout-frm h2{
margin:-30px 0 25px;
}
.tabout-img01{
width:88px;
height:95px;
top:-120px;
right:0;
}
.tabout-img02{
width:90px;
height:100px;
bottom:-80px;
left:0;
}
}

@media (max-width: 768px) {
.tabout-txt{
font-size:16px;
text-align:left;
}
.tabout-txt .pcbr{
display:none;
}

.tabout-detail>div:nth-child(1),
.tabout-detail>div:nth-child(2){
width:100%;
}
}
@media (max-width: 480px) {
}
/*------------------------------------------
	bg
------------------------------------------*/
.tbg{
padding-bottom:170px;
background-image:url("https://hino.karada.live/wp-content/uploads/2026/03/top_bg01.png");
background-position:center top;
background-size:cover;
background-repeat:no-repeat;
background-color:#77D5D8;
}
@media (max-width: 768px) {
.tbg{
padding-bottom:100px;
}
}

/*------------------------------------------
	flow
------------------------------------------*/
#tflow{
padding:87px 0 110px;
margin:0;
}
#tflow .inner{
position:relative;
}

.tflow-box{
max-width:860px;
margin:0 auto;
}
.tflow-box h2{
padding:0;
margin:0;
}
.tflow-box ol{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
padding:20px 60px 15px;
margin:0;
background:#FFF;
border-radius:0 20px 20px 20px;
list-style:none;
}
.tflow-box ol li{
width:31%;
text-align:center;
margin-bottom:20px;
}

@media (max-width: 768px) {
.tflow-box ol li {
    width: 100%;
}
}

/*------------------------------------------
	application
------------------------------------------*/
#tapplication{
margin:0;
}
.tapplication-inner{
position:relative;
display: flex;
justify-content:space-between;
}
.tapplication-img{
position:absolute;
top:-75px;
left:calc(((100% - 1230px) / 2) + 1000px);
}

.tapplication-inner .side01{
width:calc((100% - 1230px) / 2);
background:#FCFADD;
}
.tapplication-inner .center{
width:1230px;
background:#FCFADD;
border-radius:0 338px 338px 0;
z-index:10;
}
.tapplication-inner .side02{
width:calc((100% - 1230px) / 2);
}

.tapplication-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
max-width:980px;
padding:80px 0;
}
.tapplication-frm .frm01{
width:56%;
text-align:center;
margin-bottom:40px;
}
.tapplication-frm .frm02{
width:42%;
padding-right:4%;
margin-bottom:40px;
}
.tapplication-frm .frm03{
width:100%;
color:#2D3192;
font-weight:700;
line-height:2;
text-align:center;
padding-left:30%;
}
.tapplication-frm .frm03 p{
margin-bottom:0;
}

@media (max-width: 1230px) {
.tapplication-img{
width:180px;
top:-30px;
left:auto;
right:3%;
}

.tapplication-inner .side01,
.tapplication-inner .side02{
width:3%;
}
.tapplication-inner .center{
width:94%;
}
}
@media (max-width: 1000px) {
.tapplication-frm .frm01,
.tapplication-frm .frm02,
.tapplication-frm .frm03{
width:80%;
text-align:center;
padding:0;
}
.tapplication-frm .frm03{
text-align:left;
}
}
/*--------------------------------------------------------------

	function

--------------------------------------------------------------*/
.function-catch{
margin-bottom:30px;
}

.function-list{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:0;
list-style-type:none;
}
.function-list li{
width:24%;
font-family: "Kiwi Maru", serif;
text-align:center;
margin-bottom:80px;
background:#F8F7DC;
border-radius:10px;
}

.function-list li h2{
font-size: 1.125rem;
color: #FFF;
font-weight: 500;
text-align:center;
padding:7px 10px;
margin-bottom:30px;
background:#427EC0;
border-radius:10px 10px 0 0;
}

.function-list li div{
padding:0 10px;
margin-bottom:20px;
}
.function-list li p{
font-size: 0.875rem;
padding:0 10px;
margin-bottom:20px;
display:inline-block;
text-align:left;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.function-list h2 br{
display:none;
}
.function-list li,
.function-list li.l02{
width:100%;
margin-bottom:60px;
}

.function-list li p{
display:inline-block;
text-align:left;
}
}
/*--------------------------------------------------------------

	point menu

--------------------------------------------------------------*/
.scroll{
margin-bottom:60px;

}

.point-tbl{
margin-bottom:0;
}

.point-tbl th,
.point-tbl td{
text-align:center;
padding: 10px;
border-bottom:1px #BFBFBF solid; 
}

.point-tbl thead th{
color:#FFF;
background:#427EC0;
}

.point-tbl tbody th{
width:20px;
color:#104798;
background:#F0F8F9;
}

@media (max-width: 768px) {
.scroll{
overflow-x: scroll;
}
.scroll::before{
display:inline-block;
content:"※スクロールしてご覧ください→";
font-size:14px;
padding-bottom:10px;
}

.point-tbl{
width:960px;
white-space:nowrap;
}

}


/*--------------------------------------------------------------

	gift

--------------------------------------------------------------*/
.gift-tbl{
margin-bottom:0;
}

.gift-tbl th,
.gift-tbl td{
text-align:center;
padding: 10px;
border-bottom:1px #BFBFBF solid; 
}

.gift-tbl thead th{
color:#FFF;
background:#00A7A5;
}

.gift-tbl tbody th{
width:10%;
color:#00A7A5;
background:#D4EBEA;
}



/*--------------------------------------------------------------

	contact

--------------------------------------------------------------*/

.address-frm{
	padding:20px;
	background:#F0F8F9;
}

.address-box{
	text-align:center;
	padding:20px 20px 0;
	margin:0;
}
.address-box dt{
	font-size:1.125rem;
	color:#00479D;
	font-weight:bold;
	margin-bottom:0.5em;
}
.address-box dd{
	margin:0;
}
.address-frm th,
.address-frm td{
padding: 0.4em;
}

/*--------------------------------------------------------------

	entry

--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 5px;
	display: inline-block;
	padding: 0.7em;
width:100%;
line-height:1.6;
font-size:1em;
}
button, input[type="button"], input[type="submit"] {
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
textarea{
	width: 100%;
}

.formbox{
	font-size:1rem;
	padding:1em 0 80px;
	background:#FFF;
}

.formbox h2 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 10px!important;
    margin: 60px 0 40px;
    border-left: 2px #00479D solid;
    border-bottom: 1px #EEE solid;
}

.formbox h3{
	font-size:16px;
	color:#000;
    margin: 40px 0 20px;
}
.formbox h2+h3{
	padding-top:0;
	margin:0 0 1.2em;
}
html[lang="ja"] .formbox h4{
	font-size:16px;
	color:#000;
	font-weight:normal;
	padding-top:0;
	margin:0 0 10px;
}

.formbox .required {
    font-size: 10px;
    background: #ffcccc;
    color: #ff0000;
    padding: 0 2px;
}
.formbox p{
	margin:0 0 1em;
}
.formbox h3+p{
	margin-top:5px;
}
.formbox input::placeholder {
	color:#999;
}
.formbox input[type="text"],
.formbox input[type="tel"],
.formbox input[type="email"],
.formbox input[type="url"],
.formbox input[type="date"],
.formbox textarea{
	padding:0.5em;
}
.formbox textarea{
	height:6em;
}


.formbox .num5 input[type="text"]{
width:5rem;
}
.formbox .num10 input[type="text"]{
width:10rem;
}
.formbox .num20 input[type="text"]{
width:20rem;
}
.formbox .store-address2 input[type="text"]{
width:calc(100% - 3.5rem);
}

.formbox .check-box {
    text-align: center;
    padding: 10px;
    margin-top:60px;
    background: #F9F9F9;
}

.formbox .check,
.formbox .submit{
	text-align:center;
	margin-top:4em;
}
.formbox .check{
    padding: 10px 3%;
    margin-top: 1em;
    background: #F9F9F9;
}


.formbox button,
.formbox input[type="button"],
.formbox input[type="submit"] {
	max-width: 250px;
	width: 100%;
	background: #00479D;
	color:#FFF;
	line-height: 1.4;
	text-align: center;
	font-weight: 700;
	border-radius: 30px;
	display:inline-block;
	position: relative;
	padding:16px;
}

.formbox input[type="button"]{
	max-width: 250px;
	width: 100%;
	color:#FFF;
	background-color: #333;
	margin-bottom:20px;
}
.formbox input[type="submit"].back-btn {
	background-color: #333;
}

.thanks-box{
	text-align:center;
	padding:30px 20px 10px;
	background:#EFEFEF;
	border-radius:30px;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {

}
@media (max-width: 480px) {

}

/*--------------------------------------------------------------

	faq

--------------------------------------------------------------*/

.faq-list dt{
	padding:10px 10px 10px calc(10px + 1.3em);
	margin-bottom:1em;
	text-indent:-1.3em;
	background:#F0F8F9;
}

.faq-list dt:before{
	content:"Q. ";
	color:#104798;
}
.faq-list dd{
	padding:0 0 0 calc(10px + 1.3em);
	margin:0 0 2em 0;
	text-indent:-1.3em;
}

.faq-list dd:before{
	content:"A. ";
	color:#999;
	font-weight:bold;
}

/*--------------------------------------------------------------

	agreement

--------------------------------------------------------------*/
.agreement-frm{
}
.agreement-frm h2{
font-size: 22px;
}
.agreement-frm h3{
    font-size: 18px;
margin:0 0 20px;
}
.agreement-frm h4{
    font-size: 16px;
margin:20px 0 10px;
padding:0;
}
.agreement-frm ul{
margin-bottom:0;
margin-left:1em;
}
.agreement-frm ul li{
margin-bottom:0;
}
.agreement-frm ol{
margin-bottom:0;
margin-left:1em;
}
.agreement-frm ol li{
margin-top:10px;
margin-bottom:10px;
}
.agreement-frm ol li ol,
.agreement-frm ol.nostyle{
list-style:none;
padding:0;
}
.agreement-frm ol.nostyle{
margin-left: 0;
}
.agreement-frm .signature{
margin-top:50px;
}


/* COMING SOON表示 */
.comingsoon{
	font-size: 1.2em;
	color:#999;
	font-weight:bold;
	text-align:center;
	padding:20px;
	margin:40px 0 60px;
	border:2px #ddd solid;
}