/*
 Theme Name:   minato2.1
 Template:     twentyseventeen
 Version:      2.1.0
*/
/*-------------------------------------------
	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=Kiwi+Maru:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&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;
}
body{
margin:0;
}
body.page-template-page-plain{
margin:8px;
}
p {
    margin: 0 0 1.5em;
    padding: 0;
}
img{
max-width: 100%;
height: auto;
width /***/:auto; /*IE8のみ適用*/
vertical-align:bottom;
}
a,
a:visited,
a:active,
a:hover{
color:#000;
}
a img {
border: none;
}
ul,
ol{
padding:0;
margin:0;
}
table{
border-collapse: collapse;
}
tr{
border:none;
}
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: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
/* clearfix
------------------------------------------*/

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

.cf:after {
	clear:both; 
}   

.cf {
	zoom:1; 
} 



/*-------------------------------------------
	general
--------------------------------------------*/
body {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "MS PGothic", Osaka, sans-serif !important;
}
/*------------------------------------------

	Header

------------------------------------------*/
header{
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
  margin:0 auto;
border-bottom:5px #0E65B0 solid;
}

header .inner02{
  position:relative;
  height:150px;
  padding-top:20px;
}
.httl{
margin:0;
}
.httl a{
display:block;
width:81px;
height:81px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/logo01.png") 0 0 no-repeat;
margin:0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.htxt{
position:absolute;
top:20px;
left:100px;
font-family: "Kiwi Maru", serif;
font-size:14px;
color:#0D65B0;
font-weight: 500;
margin:0;
}
.htxt br{
display:none;
}

.navbox{
width:1100px;
margin:-42px auto 0;
position:relative;
}
.navbox-inner{
}
.gnbox{
}

a.hbtn-member{
position:absolute;
top:6px;
right:155px;
display:block;
width:190px;
font-size:17px;
text-align:center;
padding:8px;
background:#FFF;
border:2px #036EB8 solid;
border-radius:25px;
}
a.hbtn-inquiry{
position:absolute;
top:6px;
right:0px;
display:block;
width:145px;
font-size:17px;
text-align:center;
padding:10px;
background:#A6CEEA;
border-radius:25px;
}
a.hbtn-service{
position:absolute;
top:23px;
right:0px;
display:block;
width:190px;
font-size:17px;
text-align:center;
padding:8px;
background:#FFF;
border:2px #036EB8 solid;
border-radius:25px;
}

/* grobal navigation (custom menu)
------------------------------------------*/
.grobal-nav {
  position:absolute;
  top:0px;
  left:0;
  width:100%;
padding:0 200px 0 0;
}
#menu-grobal-menu{
  display:flex;
  align-items:center;
  width:100%;
  padding:0;
  margin:0;
}
#menu-grobal-menu li{
	width:25%;
  margin:0;
  position:relative;;

}
#menu-grobal-menu li a{
  display:block;
  font-size:17px;
  line-height:1;
  padding:21px 10px 21px 55px;
background-position:0 center;
background-repeat:no-repeat;
background-size:46px 46px;
}
#menu-grobal-menu li a:hover,
#menu-grobal-menu li.current-menu-item a{
  opacity:0.8;
}

.gn-home a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/05/nav_icon01.png");
}
.gn-shoplist a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/05/nav_icon02.png");
}
.gn-faq a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/05/nav_icon03.png");
}
.gn-gaiyo a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/05/nav_icon04.png");
}
.gn-about a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/06/nav_icon05.png");
}
.gn-use a{
    background-image: url("https://minato.yomsubi.com/wp-content/uploads/2025/06/nav_icon06.png");
}
.menu{
  list-style-type:none;
}


#toggle {
	display: none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1380px) {
header{
  height:auto;
  padding:0;
background-size:10px 6px;
}
header .inner02{
padding:0;
height:auto;
}
.httl{
}
.httl a{
width:141px;
height:30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/logo02.png") 0 0 no-repeat;
background-size:contain;
}

.navbox{
}
a.hbtn-zandaka{
right:calc(175px + 3%);
}
a.hbtn-inquiry{
right:3%;
}

.httl{
margin:10px 0 10px 3%;
}
.httl a{
display:block;
vertical-align:bottom;
}
.htxt{
top:11px;
left:calc(3% + 150px);
font-size:9px;
line-height:120%;
}
.htxt br{
display:block;
}
.navbox{
position:absolute;
width:100%;
top:44px;
margin:0;
padding:0;
z-index:10;
display: none;
}

.navttl{
display:none;
}

a.hbtn-member,
a.hbtn-inquiry,
a.hbtn-service{
position:relative;
top:auto;
right:auto;
width:100%;
font-size:16px;
text-align:left;
line-height:1;
padding:15px;
border:none;
border-radius:0;
box-shadow:none;
}
a.hbtn-member,
a.hbtn-service{
color:#FFF;
background:#0E65B0;
}


.grobal-nav{
position:relative;
width:100%;
padding:0;
margin-left:0;
margin-right:0;
}
.menu-grobal-menu-container{
	width:100%;
	top:60px;
	z-index:20;
}
#menu-grobal-menu{
	display:block;
	background:rgba(255,255,255,0.9);
	border-top:1px #0E65B0 solid;
}
#menu-grobal-menu li{
width:100%;
	display:block;
	border-bottom:1px #0E65B0 solid;
}
#menu-grobal-menu li:after{
content:none;
}
#menu-grobal-menu li a{
font-size:16px;
text-align:left;
padding: 15px 0 15px 45px;
background-size:30px 30px;
background-position:5px center;
}
#menu-grobal-menu li a br{
display:none;
}

#toggle{
	display:block;
	position:absolute;
	top:6px;
	right:3%;
	cursor:pointer;
}
.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: #0E65B0;
	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;
}

#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);
}
}/* end 900px */


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

	footer

------------------------------------------*/
#footer{
font-family: "Kiwi Maru", serif;
font-weight: 500;
padding:150px 0 0;
background: url(https://minato.yomsubi.com/wp-content/uploads/2025/05/tuse_bg.png) center top repeat-x;
}
.footer-inner{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:700px;
margin:0 auto 0;
}

.fbox01{
width:61%;
padding:10px 3% 10px 0;
border-right:1px #333 solid;
}
.fbox02{
width:39%;
padding-left:6%;
}


.fmds{
font-size:23px;
font-weight:500;
margin-bottom:0;
}
p.ftel{
font-size:38px;
font-weight:500;
letter-spacing:7px!important;
margin-bottom:5px;
}

.ftxt{
font-weight:500;
margin-bottom:0;
}


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

.fdata dt{
width:80px;
font-weight:normal;
float:left;
}
.fdata dd{
padding-left:80px;
margin:0 0 8px;
}

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

.fmenu a{
color:#036EB8;
text-decoration:underline;
}

.foot-bg{
height:40px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/footbg.png") center 0 repeat-x;
}

#footer .btn-box{
text-align:center;
margin:60px auto 80px;

}
a.foot-btn01,
a.foot-btn02{
display: inline-block;
width: 227px;
font-family: "Kiwi Maru", serif;
font-size: 18px;
text-align:center;
text-decoration: none;
padding: 9px;
margin: 0 10px 10px;
border-radius: 23px;
}
.foot-btn01,
.foot-btn01:visited,
.foot-btn01:active,
.foot-btn01:hover{
color: #036EB8;
background: #FFF;
border:2px #036EB8 solid;
}
.foot-btn02,
.foot-btn02:visited,
.foot-btn02:active,
.foot-btn02:hover{
color: #FFF;
background: #036EB8;
}

@media (max-width: 1000px) {
.footer-inner{
padding:0 3%;
flex-direction: column-reverse;
}
.fbox01{
width:100%;
border:none;
}
.fbox02{
width:100%;
padding-left:0;
margin-bottom:40px;
}
p.ftel{
font-size:32px;
padding-left:0;
}
.ftxt{
padding-left:0;
}

}
@media (pointer: fine), (hover: hover) {
  a:where([href^="tel:"]) {
    pointer-events: none;
  }
}
/*------------------------------------------

	Common

------------------------------------------*/
#main{
}
.home #main{
margin-bottom:0;
}


#content {
}
.site-content{
padding:0;
}
.sec{
clear:both;
padding-bottom:80px;
}
.inner{
max-width:1000px;
margin:0 auto;
}
.inner02{
max-width:1380px;
margin:0 auto;
}

.img{
margin-bottom:20px;
}

.menu{
list-style-type:none;
}
a{
text-decoration:underline;
transition: opacity .4s,background-color .4s;
}

header a,
.grobal-nav a,
.page-navigation a{
	text-decoration:none;
}

a:hover{
	opacity:0.8;
}

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

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

.note:before{
	content:"※";
}


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

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

	page-header

------------------------------------------*/
header{
width:100%;
position:relative;
z-index:1;
}
.thead{
width:100%;
text-align:center;
}
.thead .inner02{
padding:50px 0 20px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/tmain_bg.png") center 0 no-repeat;
background-size:contain;
}
.thead-catch{
margin-bottom:85px;
}
.thead-ttl{
margin:0;
}

.thead02{
text-align:center;
padding:25px 0;
background:#0E65B0;
}
.thead-catch02{
margin:0;
}

.thead .dl-mds{
max-width:320px;
font-family: "Kiwi Maru", serif;
font-size: 15px;
color: #FFF;
text-align:center;
padding:3px;
margin: 90px auto 15px;
background: #0D65B0;
border-radius: 15px;
}
.thead  .dl-box{
position:relative;
display:flex;
justify-content:space-between;
max-width:320px;
margin:0 auto 20px;
}
.thead  .dl-box .box01{
width:127px;
}
.thead  .dl-box .box02,
.thead  .dl-box .box03{
width:82px;
}
.thead  .dl-box .box02 img,
.thead  .dl-box .box03 img{
margin-bottom:5px;
}




.phead{
padding:0;
margin-bottom:60px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/tuse_bg.png") 0 bottom repeat-x #0E65B0;
background-size:500px 10px;
}

.phead .inner02{
position:relative;
text-align:center;
padding:60px 0 80px;
background-size:contain;
}

h1.phead-ttl{
position:relative;
font-family: "Kiwi Maru", serif;
font-style: normal;
font-size: 30px;
font-size: 1.875rem;
color: #FFF;
font-weight: 500!important;
padding:0;
margin:0;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
.thead .inner02{
padding:30px 3% 0;
}
.thead-catch{
margin-bottom:30px;
}

.phead{
padding:0 3%;
}
}/* end 1000px */

@media (max-width: 768px) {
.phead .inner02{
padding:30px 0 30px;
}
.thead .dl-mds{
margin: 40px auto 15px;
}
}/* end 768px */

@media (max-width: 620px) {
.pagettl{
margin-bottom:40px;
}
}/* end 620px */

@media (max-width: 480px) {
.phead{
margin-bottom: 40px;
}

}/* end 480px */


/*--------------------------------------------------------------
	midashi
--------------------------------------------------------------*/
.cmnmds01{
  font-size: 22px;
  color:#000;
  font-weight: 700;
  padding:10px !important;
text-align:center;
}
.cmnmds02{
  font-size:18px;
  color:#3D5992;
  font-weight:bold;
  padding:0 0 20px;
  text-align:center;
  border-bottom:1px #7390C1 solid;
}

.cmnmds01+.cmnmds02{
	padding:0 0 13px !important;
}

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

}

/*--------------------------------------------------------------
	flexbox
--------------------------------------------------------------*/

.flfrm{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.flbox2-1{
	width:47.5%;
}

.flbox3-1{
	width:30%;
}
.flbox4-1{
	width:23%;
	margin-bottom: 30px;}

/*-- ■ Media Queries ■ --*/
@media (max-width: 620px) {
.flfrm{
	display: block;
}
.flfrm .flbox2-1,
.flfrm .flbox3-1,
.flfrm .flbox4-1{
	width:auto;
	margin-bottom:30px;
}
}

/*--------------------------------------------------------------
	button
--------------------------------------------------------------*/
a.cmnbtn01 {
    max-width: 300px;
    width: 100%;
    background-color: #F7931E;
    font-size: 16px;
    color: #FFF;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    padding: 20px;
    margin: 0 auto 40px;
    text-decoration: none;
}

a.cmnbtn01:visited,
a.cmnbtn01:hover,
a.cmnbtn01:focus,
a.cmnbtn01:active {
	color:#FFF;
	outline:none;
}
.cmnbtn01-off{
	display:block;
	max-width: 300px;
	padding:10px;
	font-size:20px;
	color:#999;
	font-weight:bold;
	text-align:center;
	margin:0 auto 40px;
	background:#CCC;
	border-radius:28px;
}
a.cmnbtn02 {
    max-width: 300px;
    width: 100%;
    background-color: #FFF;
    font-size: 16px;
    color: #036EB8;
    line-height: 1;
    text-align: center;
    font-weight: 700;
    border-radius: 30px;
    display: block;
    padding: 20px;
    margin: 0 auto 40px;
    text-decoration: none;
    border:2px #036EB8 solid;
}


a.cmnbtn02:visited,
a.cmnbtn02:hover,
a.cmnbtn02:focus,
a.cmnbtn02:active {
	outline:none;
}

.btn-back{
	display:block;
	border-radius: 6px;
	width: 230px;
	background: #F2F2F2 !important;
	padding:10px; 
	margin: 0 auto 20px;
	font-size: 16px;
	font-weight: normal;
	text-align:center; 
	text-decoration:none;
	border:none;
}

.btnbox{
position:relative;
margin-top:30px;
z-index:1;
}
a.landbtn {
  max-width:375px;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration:none;
  display: block;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  right: 0;
  top: 0;
  padding:0 10px;
  margin: 0 auto;
  background:url("https://yonezawa.yomsubi.com/wp-content/uploads/2022/06/arrrow01.png") right center no-repeat #fff;
  border:7px solid;
  border-radius: 12px;
}
a.landbtn span {
  display:inline-block;
  padding: 13px 0;
}
a.landbtn:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 12px;
  position: absolute;
  top: 14px;
  left: -14px;
  z-index: -1;
  -webkit-transition: .3s;
  transition: .3s;
}
a.landbtn01{border-color:#22AC38;}
a.landbtn01:after {
    background: repeating-linear-gradient(45deg,#DAE000,#DAE000 5px,transparent 0,transparent 10px);
}
a.landbtn02{border-color:#FAC800;}
a.landbtn02:after {
    background: repeating-linear-gradient(45deg,#E89211,#E89211 5px,transparent 0,transparent 10px);
}
a.landbtn:hover,
a.landbtn:focus{
  -webkit-box-shadow:none;
  box-shadow:none;
}

a.landbtn:hover{right:7px;top:7px;opacity:1;}
a.landbtn:hover:after{top:9px;left:-9px;opacity:0;}



/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
a.landbtn {
  font-size: 20px;
}
}

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

	HOME

------------------------------------------*/
/*------------------------------------------
	news
------------------------------------------*/
.tnews{
display: flex;
border-top:26px #0D65B0 solid;
}

.tnews .frm01{
width:calc((100% - 1328px) / 2);
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/tnews_bg01.png") right 0 repeat;
}
.tnews .frm02{
width:1328px;
padding:40px 3% 50px;
}
.tnews .frm03{
width:calc((100% - 1328px) / 2);
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/tnews_bg02.png") left 0 repeat;
}

.tnews .dl-mds{
width:240px;
font-family: "Kiwi Maru", serif;
font-size: 15px;
color: #FFF;
text-align:center;
margin: 10px auto 0;
background: #0D65B0;
border-radius: 3px;
}
.tnews .dl-box{
display:flex;
justify-content:space-between;
max-width:220px;
margin:0 auto 10px;
}
.tnews .dl-box .box01 img,
.tnews .dl-box .box02 img{
margin-bottom:5px;
}
.tnews .dl-note{
font-size:14px;
text-align:center;
margin-bottom: 40px;
}
.tnews h2{
text-align:center;
line-height:1;
padding:0 0 20px;
margin:0;
}
.tnews .tnews-frm{
max-width:1200px;
padding:20px 3% 30px;
margin:0 auto;
background:#C0E4FF;
}
.tnews ul {
max-width:780px;
padding:0;
margin:0 auto 40px;
list-style:none;
}

.tnews ul li{
margin-bottom:7px;
}

.tnews ul li a{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
font-size:15px;
text-decoration:none;
padding:17px 50px 17px 20px;
margin:0;
border-radius:6px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow01.png") right 20px center no-repeat #FFF;
}
.tnews ul li a .date{
width:125px;
}
.tnews ul li a .cat{
font-size:10px;
width:70px;
text-align:center;
padding:3px 5px;
background:#DCDDDD;
border-radius:10px;
}
.tnews ul li a .ttl{
width:calc(100% - 195px);
padding-left:20px;
}


.tnews .btn{
display:block;
width:160px;
font-family: "Kiwi Maru", serif;
font-size:18px;
color:#0E65B0;
font-weight:500;
line-height:1;
letter-spacing:2px;
padding:8px 30px 8px 15px;
margin:0 auto;
text-decoration:none;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow02.png") right 15px center no-repeat;
border:2px #0E65B0 solid;
border-radius:19px;
}
@media (max-width: 768px) {
.tnews ul li a{
justify-content:start;
}
.tnews ul li a .ttl{
width:100%;
padding-left:0;
}



}/* end 768px */


@media (max-width: 480px) {

}/* end 480px */



/*------------------------------------------
	app-tcampaign
------------------------------------------*/
#app-tcampaign {
    padding: 0;
    background: #0E65B0;
}
#app-tcampaign .inner02 {
    padding-top: 90px;
    padding-bottom: 10px;
    background: #FFF;
}
.app-tcampaign-mds{
position:relative;
max-width:840px;
padding:0 35px;
margin:0 auto 100px;
z-index:1;
}
.app-tcampaign-mds .t01{
position:absolute;
top:-40px;
left:50%;
margin-left:-59px;
}
.app-tcampaign-mds h2{
  font-family: "Kiwi Maru", serif;
font-size:16px;
color:#FFF;
  font-weight: 500!important;
text-align:center;
padding:6px;
margin:0;
background:#0E65B0;
border-radius:3px;
}
.app-tcampaign-mds h2>span{
display:inline-block;
padding:0 35px;
background-image:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/app_tcampaign_mds01.png"),url("https://minato.yomsubi.com/wp-content/uploads/2025/06/app_tcampaign_mds01.png");
background-position:center left,center right;
background-repeat:no-repeat,no-repeat;
}
.app-tcampaign-mds h2 .t02{
font-size:30px;
}

.app-tcampaign-mds::before{
position:absolute;
bottom:-10px;
left:0;
content:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/app_tcampaign_mds03.png");
width:51px;
height:43px;
z-index:-1;
}
.app-tcampaign-mds::after{
position:absolute;
bottom:-10px;
right:0;
content:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/app_tcampaign_mds04.png");
width:51px;
height:43px;
z-index:-1;
}

.app-tcampaign-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
text-align:center;
margin:0 auto 20px;
}
.app-tcampaign-frm>div{
width:49%;
padding:0 10px 20px;
margin-bottom:50px;
border:5px #C0E4FF solid;
border-radius:20px;
}
.app-tcampaign-frm div h3{
max-width:300px;
font-family: "alphabet","Mochiy Pop One", sans-serif;
font-size:30px;
color:#0D65B0;
font-weight:500;
padding:5px;
margin:-50px auto 20px;
background:#FFF;
}
.app-tcampaign-frm div p {
font-family: "Kiwi Maru", serif;
font-size:143.75%;
 font-weight: 500;
margin-bottom:10px;
}
.app-tcampaign-frm div p.limit {
font-size:100%;
}
.app-tcampaign02 a{
display:block;
max-width:340px;
font-family: "Kiwi Maru", serif;
font-size:18px;
color: #0071BB;
text-decoration: none;
padding: 5px;
margin: 0 auto 20px;
border: 2px #0071BB solid;
border-radius: 23px;
}
.app-tcampaign02 .soon{
display:block;
max-width:340px;
font-family: "Kiwi Maru", serif;
font-size:18px;
color: #ccc;
text-decoration: none;
padding: 5px;
margin: 0 auto 20px;
border: 2px #ccc solid;
border-radius: 23px;
}
.app-tcampaign-frm div p .t01{
color:#E50012;
}
.app-tcampaign-frm div p .t02{
font-size:121%;
}
.app-tcampaign-frm div p .t03{
font-size:78.2%;
color:#000000;
}

.app-tcampaign-frm div p .marker{
background: linear-gradient(transparent 70%, #FFFBCC 0%);
}

@media (max-width: 768px) {
.app-tcampaign-frm>div{
width:100%;
}
}

@media (max-width: 640px) {
.app-tcampaign-mds h2 .t02{
display:block;
font-size:20px;
}
.app-tcampaign-frm div h3{
font-size: 25px;
margin: -44px auto 20px;
}
}
/*------------------------------------------
	app-tabout
------------------------------------------*/

#app-tabout {
padding: 0;
background: #00A0E9;
border-top: 26px #FFF solid;
}
#app-tabout .inner02{
    padding-top: 50px;
    padding-bottom: 90px;
    background: #C0E4FF;
border-top: 60px #FFF solid;
}
#app-tabout h2 {
text-align:center;
margin-bottom:25px;
}
#app-tabout h2 span{
display:inline-block;
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size:29px;
color:#221814;
padding:20px 0px 25px 110px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/app_tabout01.png") center left no-repeat;
}
.app-tabout-frm{
position:relative;
max-width:1050px;
font-family: "Kiwi Maru", serif;
font-size:19px;
font-weight: 500;
line-height:210%;
padding:30px 210px 30px 30px;
margin:0 auto;
background:#FFF;
border-radius:10px;
}
.app-tabout-frm p{
margin:0;
}
.app-tabout-frm .img{
position:absolute;
top:-65px;
right:-65px;
}
@media (max-width: 1200px) {
.app-tabout-frm{
padding:30px 250px 30px 30px;
}
.app-tabout-frm p .pcbr{
display:none;
}
.app-tabout-frm .img{
right:-10px;
}
}
@media (max-width: 768px) {
.app-tabout-frm{
font-size:16px;
padding:20px;
}
.app-tabout-frm p .pcbr{
display:none;
}
.app-tabout-frm .img{
position: relative;
max-width: 250px;
top: auto;
right: auto;
margin: 0 auto 20px;
}
}

/*------------------------------------------
	app-tfeature
------------------------------------------*/
#app-tfeature {
    padding: 0;
    background: #00A0E9;
}
#app-tfeature .inner02{
    padding-top: 120px;
    padding-bottom: 90px;
    background: #FFF;
}
#app-tfeature h2{
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
    font-size: 29px;
    color: #221814;
text-align:center;
margin-bottom:90px;
}
.app-tfeature-list {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:1100px;
font-family: "Kiwi Maru", serif;
padding:0 0 20px;
margin:30px auto 30px;
list-style:none;
}
.app-tfeature-list li{
position:relative;
width:32%;
text-align:center;
}
.app-tfeature-list li .catch{
font-size:20px;
font-weight: 500;
margin:20px 0 10px;
}
.app-tfeature-list li .img{
margin-bottom:10px;
}
.app-tfeature-list li .txt{
font-size:15px;
margin:0;
}

@media (max-width: 768px) {
.app-tfeature-list li{
width:100%;
margin-bottom:40px;
}
}

/*------------------------------------------
	app-tuse
------------------------------------------*/
#app-tuse{
text-align:center;
padding-bottom:0;
background:#00A0E9;
}
#app-tuse .inner02{
padding-top:0;
padding-bottom:90px;
background:#FFF;
}
.app-tuse-frm{
position:relative;
max-width:1200px;
margin:0 auto;
padding:60px 20px 100px;
background:#D7F4FF;
border-radius:60px;
}

.app-tuse-mds{
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align: center;
margin-bottom: 90px;
}
.app-tuse-flow{
margin-bottom: 50px;
}

a.app-tuse-flow-btn{
display: block;
max-width: 240px;
font-family: "Kiwi Maru", serif;
font-size: 21px;
color:#0D65B0;
text-decoration: none;
padding: 5px;
margin: 0 auto 120px;
background:#FFF;
border: 2px #0071BB solid;
border-radius: 23px;
}

#app-tuse .btn-box{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
max-width:570px;
margin:0 auto 20px;

}
.app-tuse-btn{
width:168px;
height:168px;
font-family: "Kiwi Maru", serif;
font-size:23px;
text-align:center;
text-decoration:none;
padding:60px 0 0;
margin:0 0 20px;
background:#FFF;
border:3px #036EB8 solid;
border-radius:84px;
}

@media (max-width: 768px) {

#app-tuse h2{
font-size:24px;
}
.app-tuse-list li{
width:100%;
margin-bottom:40px;
}
.app-tuse-list li .txt br{
display:none;
}
#app-tuse .btn-box{
flex-direction: column;
}
}
/*------------------------------------------
	app-tdekirukoto
------------------------------------------*/
.app-tdekirukoto-mds{
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align: center;
margin-bottom: 30px;
}
.app-tdekirukoto-list{
list-style-type:none;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
max-width:780px;
padding:10px 10px 0;
margin:0 auto;
}
.app-tdekirukoto-list li{
width:28.2%;
text-align:center;
padding:15px;
margin-bottom:10px;
background:#FFF;
border-radius:30px;
}
.app-tdekirukoto-list li .img{
margin-bottom:10px;
}

.app-tdekirukoto-list li .txt{
font-family: "Kiwi Maru", serif;
font-size:15px;
color:#221814;
margin:0;
}




/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
#tcharge .mds span{
font-size:23px;
}
.app-tdekirukoto-list li{
  width:100%;
}
}




/*------------------------------------------
	about
------------------------------------------*/
#tabout{
padding:0;
background:#0E65B0;
}
#tabout .inner02{
padding-top:90px;
padding-bottom:20px;
background:#FFF;
}
#tabout h2.tabout-mds01{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
font-weight: 800;
text-align:center;
padding:0;
margin:0 auto 60px;
}
#tabout h2.tabout-mds01 .t01{
width:100%;
font-size:26px;
color:#000;
text-align:center;
margin-bottom:30px;
}
#tabout h2.tabout-mds01 .t02,
#tabout h2.tabout-mds01 .t03{
width:49%;
font-size:30px;
color:#000;
text-align:center;
padding:20px 10px;
margin-bottom:20px;
border:5px #C0E4FF solid;
border-radius:50px;
}
#tabout h2.tabout-mds01 span span{
color:#026DB8;
}
.tabout-catch{
font-size:20px;
color:#000;
font-weight: 800;
text-align:center;
margin-bottom:10px;
}
.tabout-catch .t01{
font-size:130%;
}
.tabout-catch .t02{
font-size:150%;
color:#0C65B0;
background: linear-gradient(transparent 70%, #FDD79D 0%);
}
.tabout-note{
text-align:center;
margin-bottom:80px;
}

#tabout h2.tabout-mds02{
max-width:980px;
font-size:20px;
font-weight: 800;
color: #026DB8;
text-align:center;
margin:0 auto 20px;
}
#tabout h2.tabout-mds02 span{
font-size:30px;
}
#tabout .tabout-txt{
max-width:980px;
font-size:18px;
line-height:180%;
text-align:center;
margin:0 auto 20px;
}

#tabout .tabout-txt span{
font-weight: 800;
background: linear-gradient(transparent 70%, #FDD79D 0%);
}


.tabout-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
font-weight: 800;
text-align:center;
margin:0 auto 20px;
}
.tabout-frm div{
width:49%;
padding:0 3% 120px;
margin-bottom:30px;
border:3px #0E65B0 solid;
border-radius:20px;
}
.tabout-frm div h3{
max-width:300px;
font-family: "Kiwi Maru", serif;
font-size:16px;
color:#FFF;
font-weight:500;
padding:5px;
margin:-17px auto 20px;
background:#0E65B0;
border-radius:5px;
}
.tabout-frm .tabout01{
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/tabout01.png") center bottom 20px no-repeat;
}
.tabout-frm .tabout02{
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/tabout02.png") center bottom 20px no-repeat;
}
.tabout-frm div p .t01{
font-size:125%;
}
.tabout-frm div p .t02{
font-size:125%;
color:#0C65B0;
}

.campaign-box{
max-width: 980px;
text-align:center;
margin:0 auto;
border-top:3px #0E65B0 solid;
}
.campaign-box h3{
max-width:400px;
font-family: "Kiwi Maru", serif;
font-size:21px;
color:#FFF;
font-weight:500!important;
padding:8px;
margin:-25px auto 0px;
background:#0E65B0;
border-radius:22px;
}

.campaign-box ul{
margin-bottom:10px;
}

.campaign-box ul li{
list-style:none;
padding:15px 0 10px;
border-bottom:4px #000 dotted; 
}
.campaign-box ul li p{
display:inline-block;
vertical-align: bottom;
}
.campaign-box ul li .month{
font-size:16px;
font-weight:900;
line-height:120%;
text-align:left;
margin-bottom:0px;
}
.campaign-box ul li .month span{
font-size:130%;
}
.campaign-box ul li .detail{
font-size:20px;
font-weight:900;
line-height:160%;
margin:0;
}
.campaign-box ul li .detail .t01{
font-size:138%;
color:#ED1B25;
}
.campaign-box ul li .detail .t02{
font-size:230%;
color:#ED1B25;
}
.campaign-box ul li .detail .t03{
font-size:192%;
color:#ED1B25;
}
.campaign-box ul li .detail .t04{
font-size:130%;
}
.campaign-box ul li .detail .t05{
font-size:76.9%;
font-weight:400;
}
.campaign-box ul li .detail .t06{
font-size:76.9%;
}
.campaign-box ul li .detail .marker{
background: linear-gradient(transparent 70%, #F6ED30 0%);
}
.campaign-box ul li .detail .spbr{
display:none;
}

.campaign-note{
margin-bottom:80px;
}
@media (max-width: 1000px) {
#tabout{
padding: 0 ;
}
#tabout .inner02{
padding: 30px 3% 50px;
}
.tapp-lead br{
display:none;
}
.campaign-box ul li .month{
display:block;
text-align:center;
margin-bottom:10px;
}
.campaign-box ul li .month br{
display:none;
}
.campaign-box ul li .detail .t06{
display:block;
text-align:center;
margin-bottom:10px;
}

}
@media (max-width: 768px) {
#tabout h2.tabout-mds01 .t02,
#tabout h2.tabout-mds01 .t03{
width:100%;
}
.tabout-frm div{
width:100%;
}
.campaign-box ul li .detail .spbr{
display:block;
}

}
@media (max-width: 480px) {
#tabout h2.tabout-mds01 .t02,
#tabout h2.tabout-mds01 .t03{
font-size:24px;
}
.tabout-catch {
font-size: 16px;
}
#tabout .tabout-txt{
font-size:16px;
}
#tabout .tabout-txt br{
display:none;
}

.tabout-frm div p{
text-align:left;
}
.tabout-frm div p br{
display:none;
}
}
/*------------------------------------------
	application
------------------------------------------*/
#tapplication{
padding:0;
background:#00A0E9;
}
#tapplication h2 {
font-family: "Kiwi Maru", serif;
font-size: 36px;
color: #FFF;
font-weight: 400 !important;
line-height: 1.2;
text-align: center;
padding:28px 3%;
margin: 0;
background:#0E65B0;
border-bottom:26px #FFF solid;
}

#tapplication .inner02{
padding-top:20px;
padding-bottom:160px;
background:#FFF;
}

.tapp-catch01{
max-width:860px;
font-family: "Kiwi Maru", serif;
font-size:18px;
color:#FFF;
font-weight: 500!important;
text-align:center;
padding:11px;
margin:0 auto 103px!important;
background:#0E65B0;
border-radius:24px;
}
.tapp-catch02{
text-align:center;
    margin: 0 0 40px;
}
.tapp-point{
max-width:980px;
font-size:14px;
padding:0;
margin:0 auto 40px;
list-style:none;
}
.tapp-point li{
text-indent:-1em;
padding-left:1em;
}
.tapp-point li::before{
content:"・";
}
.tapp-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
font-family: "Kiwi Maru", serif;
font-weight: 500;
text-align:center;
margin:0 auto;
}
.tapp-frm>div{
position:relative;
padding:15px 5%;
width:49%;
margin-bottom:30px;
background:#FFF;
border-radius:24px; 
}
.tapp01{
border:6px #0E65B0 solid;
}
.tapp02{
border:6px #F39800 solid;
}

.tapp01 .imgbox{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:0 auto;
}
.tapp01 .imgbox02{
display: flex;
justify-content:space-around;
margin-top:10px;
}
.tapp01 .box01{
width:54.4%;
}
.tapp01 .box02{
width:42.5%;
padding-top:13px;
}
.tapp01 .box03,
.tapp01 .box04{
width:78px;
}
.tapp01 .mds{
font-size:13px;
color:#FFF;
margin:10px 0 0;
background:#0D65B0;
border-radius: 3px;
}

.tapp01 .cap,
.tapp02 .cap{
font-size:13px;
text-align:left;
margin:10px 0 0;
}

.tapp-frm .catch{
font-size:19px;
font-weight:500;
padding:3px;
margin:0 0 10px;
}
.tapp01 .catch{
color:#0D65B0;
background:#CFEAFF;

}
.tapp02 .catch{
color:#EF8200;
background:#FFF1E1;
}
.tapp01 .headimg,
.tapp02 .headimg{
margin-top:-100px;
}
.tapp-frm h3{
font-size:25px;
font-weight:500!important;
letter-spacing:0.1em!important;
padding:2px;
margin:0 auto 20px;
border-radius:5px;
}
.tapp01 h3{
color:#0E65B0;
}
.tapp02 h3{
color:#EF8200;
}
.tapp-frm dl{
margin:0 0 30px;
}
.tapp-frm dl dt{
width:100px;
font-size:14px;
color:#FFF;
font-weight:400;
text-align:center;
margin-top:3px;
float:left;
border-radius:3px;
}
.tapp-frm dl dd{
font-size:14px;
text-align:left;
padding-left:110px;
margin:0 0 5px;
vertical-align:middle;
}
.tapp01 dl dt{
background:#0E65B0;
}
.tapp02 dl dt{
background:#EF8200;
}
.tapp-frm dl dd strong span{
font-size:125%;
font-weight:500;
}
.tapp01 dl dd strong{
color:#0E65B0;
font-weight:500;
}
.tapp-frm dl dd span.small{
font-size:13px;
}

.tapp02 dl dd strong{
color:#EF8200;
font-weight:500;
}

.tapp-frm .img{
margin:0 0 20px;
}
.tapp-frm .tapp02 .img{

}
.tapp-example{
max-width:850px;
margin:0 auto;
font-size:20px;
}
.tapp-example dt{
display:inline-block;
padding:5px;
margin:0 0 10px;
background:#FFF000;
}
.tapp-example dd{
margin:0 0 10px;
border-bottom:2px #FFF000 solid;
}
.tapp-example dd .c01{
font-size:1.2em;
color:#FFF;
padding:0 3px;
text-shadow    : 
       2px  2px 1px #008d35,
      -2px  2px 1px #008d35,
       2px -2px 1px #008d35,
      -2px -2px 1px #008d35,
       2px  0px 1px #008d35,
       0px  2px 1px #008d35,
      -2px  0px 1px #008d35,
       0px -2px 1px #008d35;
}
.tapp-example dd .c02{
font-size:1.2em;
color:#FFF;
padding:0 3px;
text-shadow    : 
     2px  2px 1px #e94e0a,
      -2px  2px 1px #e94e0a,
       2px -2px 1px #e94e0a,
      -2px -2px 1px #e94e0a,
       2px  0px 1px #e94e0a,
       0px  2px 1px #e94e0a,
      -2px  0px 1px #e94e0a,
       0px -2px 1px #e94e0a;
}

@media (max-width: 1000px) {
#tapplication{
padding: 0 ;
}
#tapplication .inner02{
padding: 30px 3% 50px;
}
.tapp-lead br{
display:none;
}
}
@media (max-width: 768px) {


.tapp-frm>div{
width:100%;
}
.tapp-frm dl dt{
width:100%;
float:none;
}
.tapp-frm dl dd{
padding-left:0;
text-align:center;
}

.tapp-frm>div.tapp01{
margin-bottom:80px;
}


.tapp-frm{
padding:0;
}
.tapp03 p{
font-size:20px;
}
.tapp03 br{
display:block;
}
.tapp-example{
font-size:16px;
}

}

@media (max-width: 480px) {
#tapplication h2 {
font-size: 30px;
}
.tapp01 .box01,
.tapp01 .box02{
width:100%;
}
}
/*------------------------------------------
	flow
------------------------------------------*/
#tflow{
}

.flow-ec{
padding:1px 0 0;
background:#00A0E9;
border-bottom:50px #FFF solid;
}
.flow-pc{
padding:0;
background:#F8B62D;
border-bottom:50px #FFF solid;
}
.flow-ec .inner02,
.flow-pc .inner02{
background:#FFF;
padding-bottom:50px;
}

.flow-frm{
position:relative;
max-width:1200px;
padding:20px;
margin:0 auto;
background:#ccc;
border-radius:60px;
}
.flow-ec .flow-frm{
padding-bottom:100px;
background:#EEF9FF;
}
.flow-pc .flow-frm{
background:#FFF1E1;
}
.flow-ec-icon{
position:absolute;
top:-60px;
left:60%;
}
.flow-pc-icon {
position:absolute;
top:-35px;
left:60%;
}
.flow-ec .mds-box {
font-family: "Kiwi Maru", serif;
margin:-65px 0 90px;
}
.flow-ec .mds-box h2{
font-size:40px;
color:#0D65B0;
font-weight:400!important;
line-height:1;
text-align:center;
margin:0;
}
.flow-ec .mds-box p{
font-size:18px;
font-weight:400!important;
text-align:center;
padding:10px;
margin:0;
}
.flow-ec .mds-box p span{
padding-left:25px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/icon01.png") left center no-repeat;

}

#tflow h3 {
max-width:320px;
font-family: "Kiwi Maru", serif;
font-size: 40px;
font-weight:400!important;
text-align: center;
margin:0 auto;
border-radius:5px;

}
.flow-ec h3 {
color:#036EB8;
}
.flow-pc h3 {
color:#EF8200;
}


.flow-ec .dl-box{
position:relative;
display:flex;
justify-content:space-between;
max-width:220px;
margin:90px auto 100px;
}
.flow-ec .dl-box .box01{
position:absolute;
top:-73px;
left:-250px;
}
.flow-ec .dl-box .box02 img,
.flow-ec .dl-box .box03 img{
margin-bottom:5px;
}
#tflow .flow-box {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
padding:30px 0 20px;
margin:20px auto 80px;
list-style:none;
}
.flow-ec .flow-box {
}
.flow-pc .flow-box {
}

#tflow .flow-box li{
position:relative;
width:24%;
border-left:4px solid;
display:flex;
flex-wrap: wrap;
background:#FFF;
border:3px #41C489 solid;
border-radius:5px;
}
#tflow .flow-ec .flow-box li{
border-color: #036EB8;
}
#tflow .flow-pc .flow-box li{
border-color: #F39800;
}

#tflow .flow-box li .step{
position:absolute;
top:-32px;
left:50%;
display:block;
width:64px;
height:64px;
font-size:13px;
line-height:20px;
text-align:center;
color:#FFF;
padding-top:7px;
margin:0 0 0 -32px;
border-radius:32px;
}
#tflow .flow-box li .step span{
font-size:30px;
display:block;
}
.flow-ec .flow-box li .step{
background:#036EB8;
}
.flow-pc .flow-box li .step{
background:#F39800;
}
#tflow .flow-box li div .mds01{
font-size:19px;
font-weight:500;
text-align:center;
padding-bottom:10px;
margin:0 0 10px;
}
.flow-ec .flow-box li .mds01{
color:#036EB8;
border-bottom:3px #036EB8 solid;
}
.flow-pc .flow-box li .mds01{
color:#F39800;
border-bottom:3px #F39800 solid;
}

#tflow .flow-box li div .mds02{
font-size:19px;
font-weight:500;
text-align:left;
margin:0 0 10px;
}

#tflow .flow-box li div{
width:100%;
padding:50px 10px 10px;
}
#tflow .flow-box li div p{
font-size:14px;
margin:0;
font-weight:500;
}
#tflow .flow-box li div p.mds{
font-size:13px;
font-weight:600;
text-align:center;
margin:10px 0 5px;
}
#tflow .flow-box li div p.mds03{
font-size:13px;
font-weight:600;
margin:10px 0 5px;
}
#tflow .flow-box li div p.mds03 span{
padding-left:15px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/icon02.png") left center no-repeat;
}
#tflow .flow-box li div p.txt02{
font-size:12px;
text-align:left;
}
#tflow .flow-box li div p.txt02 span{
font-weight:600;
}

#tflow .flow-box li div .mds{
font-size:13px;
color:#fff;
font-weight:400!important;
padding:0;
margin:10px 0 5px;
border-radius:5px;
}
.flow-ec .flow-box li div .mds{
background:#036EB8;
}
.flow-pc .flow-box li div .mds{
background:#EF8200;
}

#tflow .flow-box li div dl{
margin:0;

}
#tflow .flow-box li div dl dt{
width:20px;
color:#fff;
font-weight:400!important;
line-height:1;
text-align: center;
padding:3px 0;
margin:0;
border-radius:5px;
float:left;
}
.flow-ec .flow-box li div dl dt{
background:#036EB8;
}
.flow-pc .flow-box li div dl dt{
background:#EF8200;
}

#tflow .flow-box li div dl dt p {
font-size:11px;
writing-mode: vertical-rl;
display: inline-block;
}
#tflow .flow-box li div dl dd{
min-height: 46px;
font-size:13px;
padding:0 10px 5px 30px;
margin:0 0 5px;
text-align:left;
}
.flow-ec .flow-box li div dl dd{
border-bottom:2px #036EB8 dashed;
border-bottom:2px #036EB8 dashed;
}
.flow-pc .flow-box li div dl dd{
border-bottom:2px #EF8200 dashed;
}

#tflow .flow-box li div dl dd:last-child{
border:none;
}
#tflow .schedule-mds{
font-family: "Kiwi Maru", serif;
font-size: 40px;
font-weight: 400 !important;
text-align: center;
padding-top:80px;
margin: 0 auto 40px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/icon_schedure.png") center 0 no-repeat;
border-radius: 5px;
}
.flow-ec  .schedule-mds{
color:#036EB8;
}
.flow-pc  .schedule-mds{
color:#EF8200;
}

#tflow .schedule-list{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
max-width:980px;
margin:0 auto 10px;
}
#tflow .schedule-list dl{
position:relative;
width:24%;
margin-bottom:60px;
background:#FFF;
border-radius:5px;
}
.flow-ec .schedule-list dl{
border:3px #036EB8 solid;
}
.flow-ec .schedule-list dl.sl04{
border:3px #00A0E9 solid;
}
.flow-pc .schedule-list dl{
border:3px #F39800 solid;
}
.flow-pc .schedule-list dl.sl06{
border:3px #EA5A2B solid;
}
#tflow .flow-pc .schedule-list dl.sl02{
width:49%;
}
#tflow .flow-pc .schedule-list dl.sl02 table{
margin:0 auto;
}
#tflow .flow-pc .schedule-list dl.sl02 table th{
width:215px;
font-size:15px;
text-align:left;
vertical-align:bottom;
padding:10px 3%;
border-bottom:1px #000 solid;
}
#tflow .flow-pc .schedule-list dl.sl02 table td{
line-height: 1.2;
vertical-align:top;
padding:10px 3%;
}
#tflow .flow-pc .schedule-list dl.sl02 table th:first-child{
border-right:1px #000 solid;
}
#tflow .flow-pc .schedule-list dl.sl02 table td:first-child{
border-right:1px #000 solid;
}



.flow-pc .schedule-list div{
width:24%;
}
#tflow .schedule-list dt{
width:112px;
font-family: "Kiwi Maru", serif;
font-size:21px;
color:#FFF;
font-weight:400!important;
text-align:center;
padding:6px;
margin:-23px auto 10px;
border-radius:22px;
}
#tflow .schedule-list .sl03 dt{
width:150px;
line-height:1.2;
margin:-43px auto 10px;
border-radius:30px;
}
#tflow .schedule-list dt span{
position:absolute;
top:-60px;
left:0;
width:100%;
font-size:18px;
color:#000;
font-weight:500;
}
.flow-ec .schedule-list dt{
background:#036EB8;
}
.flow-ec .schedule-list .sl04 dt{
background:#00A0E9;
}

.flow-pc .schedule-list dt{
background:#F39800;
}
.flow-pc .schedule-list .sl06 dt{
background:#EA5A2B;
}

#tflow .schedule-list dd{
font-size:20px;
font-weight:500;
letter-spacing:3px!important;
padding:0 2% 20px;
margin:0;
}
#tflow .schedule-list dd p{
width:160px;
padding:0;
margin:0 auto;
line-height:1.2;
}

#tflow .flow-ec .schedule-list dd p:first-child{
padding-bottom:30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow03.png") center bottom 5px no-repeat;
}
#tflow .flow-ec .schedule-list .sl04 dd p:first-child{
padding-bottom:30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow05.png") center bottom 5px no-repeat;
}
#tflow .flow-pc .schedule-list dd p:first-child{
padding-bottom:30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow04.png") center bottom 5px no-repeat;
}
#tflow .flow-pc .schedule-list .sl06 dd p:first-child{
padding-bottom:30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/05/arrow06.png") center bottom 5px no-repeat;
}
#tflow .schedule-list dd .d01{
font-size:15px;
}
#tflow .schedule-list dd .d02{
font-size:30px;
}
#tflow .schedule-list dd .d03{
font-size:17px;
}
#tflow .schedule-list dd strong{
letter-spacing:3px!important;
}

#tflow .flow-pc .schedule-list02 dt:first-child{
letter-spacing: 0 !important;
}
#tflow .flow-pc .schedule-list02 dd:nth-child(2){
width:120px;
padding:3px 20px;
float:left;
}
#tflow .flow-pc .schedule-list02 dd:nth-child(4){
width:calc(100% - 160px - 120px - 160px);
padding:3px 3px 3px 20px;
float:left;
}


.flow-ec .btn-box{
text-align:center;
margin-top:80px;
}
.ec-btn01{
display:inline-block;
width:180px;
color:#0071BB;
text-decoration:none;
padding:9px;
margin:0 10px 10px;
border:2px #0071BB solid;
border-radius:23px;
}
.ec-btn01:visited,
.ec-btn01:active,
.ec-btn01:hover{
color:#0071BB;
}
.ec-btn02{
display:inline-block;
width:195px;
color:#FFF;
text-decoration:none;
padding:11px;
margin:0 10px 10px;
background:#0071BB;
border-radius:23px;
}
.ec-btn02:hover{
color:#FFF;
}
.ec-note{
max-width:650px;
font-size:13px;
text-indent:-1em;
padding-left:1em;
margin:10px auto 0;
}
.flow-pc .btn-box{
text-align:center;
margin:30px 0 100px;
}

.pc-btn01{
display:inline-block;
width:260px;
color:#EA5514;
text-decoration:none;
padding:9px;
margin:0 10px 10px;
background:#FFF;
border:2px #EA5514 solid;
border-radius:23px;
}
.pc-btn01:hover{
color:#EA5514;
}
.session-lead{
font-family: "Kiwi Maru", serif;
font-size:21px;
color: #036EB8;
text-align:center;
}

.session-tbl{
max-width:980px;
width:100%;
font-size:18px;
margin:1.5em auto 0;
}
.session-tbl caption{
font-family: "Kiwi Maru", serif;
font-size:21px;
color:#FFF;
font-weight:400!important;
text-align:center;
letter-spacing:3px!important;
padding:8px;
background:#036EB8;
border-radius:24px;
}

.session-tbl tr{
border-bottom:1px #000 solid;
}
.session-tbl th{
width:30%;
color: #036EB8;
padding:10px 10px 10px 20px;
}
.session-tbl td{
padding:10px 10px 10px 0;
}
.session-note{
max-width:980px;
font-size:14px;
margin:10px auto 40px;
}

.session-note li{
list-style:none;
display:inline-block;
}
.session-soon{
max-width:980px;
text-align:center;
padding-bottom:10px;
margin:10px auto 0;
border-bottom:1px #000 solid;
}


.sales-list-mds{
max-width:980px;
font-family: "Kiwi Maru", serif;
font-size:22px;
color:#FFF;
font-weight:400!important;
text-align:center;
padding:2px;
margin:0 auto 10px;
background:#F39800;
border-radius:20px;
}

.sales-list{
max-width:980px;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
font-size:14px;
list-style-position:inside;
background:#FFF;
border:3px #F39800 solid;
counter-reset: item;
list-style-type: none;
padding-left: 0;
margin:0 auto 140px;
border-radius:16px;
}

.sales-list li{
text-indent: -2.3em;
padding:10px 10px 10px 3.3em;
width:33.3333%;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
}
.sales-list li:nth-child(3n){
border-right:none;
}
.sales-list li:last-child{
border-bottom:none;
}

.sales-list li:before {
counter-increment: item;
content: counter(item)'';
padding-right: 1em;
}

.flow-note{
background:#036EB8;
}
.flow-note .inner02{
padding-bottom:60px;
background:#FFF;
}

.note-box {
max-width:840px;
font-size:13px;
margin:30px auto 0;
}
.note-box:first-child{
margin:-50px auto 0;
}

.note-box dt{
margin:0 0 10px;
}
.note-box dd{
padding:10px 10px 1px;
margin:0;
background:#F8F9FC;
border-radius:5px;
}

.flow-note .btn-frm {
    max-width: 640px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px auto 0;
    list-style: none;
}
.flow-note .btn-frm li {
    width: 48%;
}
.flow-note .btn-frm li a {
    display: block;
    color: #0071BB;
    font-weight: 400 !important;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    border:2px #036EB8 solid;;
    border-radius: 29px;
}
@media (max-width: 768px) {
.flow-ec .dl-box{
margin:220px auto 80px;
}
.flow-ec .mds-box {
margin:-65px 0 50px;
}
.flow-ec .dl-box .box01 {
position: absolute;
top: -210px;
left: 0;
}

#tflow .schedule-list dl{
width:100%;
margin-bottom:30px;
}
#tflow .flow-pc .schedule-list dl.sl02{
width:100%;
}

#tflow h3{
font-size:30px;
margin-top:50px;
}
#tflow .imgbox div{
width:100%;
}
#tflow .flow-box {
padding:50px 0 0;
margin:20px 0 30px;
list-style:none;
background:transparent;
border:none;
}

#tflow .flow-box li{
position:relative;
width:100%;
margin-bottom:20px;
border:none;
border-top:4px solid;
display:flex;
flex-wrap: wrap;
align-items:center;
text-align:center;
}
#tflow .flow-box li:first-child{
border-left:none;
}
#tflow .flow-ec .flow-box li{
}
#tflow .flow-pc .flow-box li{
border-color: #FBB03B;
}
#tflow .flow-box li div p br{
display:none;
}
#tflow .flow-box li div .mds02{
text-align:center;
}
#tflow .flow-box li h4{
position:absolute;
top:-60px;
left:50%;
}
.flow-ec  .flow-box li h4{
margin-left:-64px;
}
.flow-pc  .flow-box li h4{
margin-left:-69px;
}
#tflow .flow-box li div{
width:100%;
padding:40px 10px 10px;
margin-bottom:60px;
}
#tflow .flow-box li:last-child div{
margin-bottom:0;
}
#tflow .schedule-mds{
font-size: 30px;
}
#tflow .schedule-list{
margin:0;
}
.flow-ec .schedule-list dl.sl04,
.flow-pc .schedule-list dl.sl06{
margin-top:50px;
}

#tflow .schedule-list dt{
font-size: 19px;
}
#tflow .schedule-list dd,
#tflow .flow-pc .schedule-list02 dd:nth-child(2),
#tflow .flow-pc .schedule-list02 dd:nth-child(4){
width:100%;
font-size: 16px;
text-align:center;
}
.sales-list li{
width:100%;
border-right:none;
}
}
@media (max-width: 640px) {
.session-tbl tr,
.session-tbl th,
.session-tbl td{
display:block;
width:100%;
padding:10px;
}
.flow-note .btn-frm li {
    width: 100%;
margin-bottom:20px;
}
.flow-note .btn-frm li a{
max-width:300px;
margin:0 auto;
}s
}
/*------------------------------------------
	use
------------------------------------------*/
#tuse{
text-align:center;
padding-bottom:0;
background:#036EB8;
}
#tuse .inner02{
padding-top:70px;
padding-bottom:120px;
background:#FFF;
}
.tuse-frm{
position:relative;
max-width:1200px;
margin:0 auto;
padding:60px 20px 250px;
background:#D7F4FF;
border-radius:60px;
}

#tuse .tuse-mds{
max-width:980px;
font-family: "Kiwi Maru", serif;
font-size:21px;
color:#FFF;
font-weight: 400;
text-align:center;
padding:4px 10px;
margin:0 auto 80px;
background:#036EB8;
border-radius:20px;
}

.tuse-list {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
max-width:980px;
padding:0 0 20px;
margin:30px auto 30px;
list-style:none;
}
.tuse-list li{
position:relative;
width:30.6%;
text-align:center;
padding:25px 10px 10px;
background:#FFF;
border:3px #036EB8 solid;
border-radius:20px;
}
.tuse-list li .num{
position:absolute;
top:-34px;
left:50%;
display:block;
width:68px;
height:68px;
font-size:35px;
color:#FFF;
font-weight:700;
line-height:1;
text-align:center;
padding-top:14px;
margin:0 0 0 -34px;
background:#036EB8;
border-radius:38px;
}
.tuse-list li .catch{
font-family: "Kiwi Maru", serif;
font-size:17px;
color:#036EB8;
font-weight: 500;
margin:20px 0 10px;
}
.tuse-list li .img{
margin-bottom:10px;
}
.tuse-list li .txt{
font-size:13px;
margin:0;
}
.tuse-list li .txt span{
color:#036EB8;
}

#tuse .btn-box{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
max-width:570px;
margin:0 auto 20px;

}
.tuse-btn{
width:168px;
height:168px;
font-family: "Kiwi Maru", serif;
font-size:23px;
text-align:center;
text-decoration:none;
padding:60px 0 0;
margin:0 0 20px;
background:#FFF;
border:3px #036EB8 solid;
border-radius:84px;
}
.tuse-btn:nth-child(2){
padding:45px 0 0;
}

@media (max-width: 768px) {
#tuse h2{
font-size:24px;
}
.tuse-list li{
width:100%;
margin-bottom:40px;
}
.tuse-list li .txt br{
display:none;
}
#tuse .btn-box{
flex-direction: column;
}
}
/*------------------------------------------
	dekirukoto
------------------------------------------*/
.tdekirukoto-mds{
max-width:980px;
font-family: "Kiwi Maru", serif;
font-size:23px;
color:#221814;
font-weight: 400!important;
text-align:center;
margin:0 auto 20px;
}
.dekirukoto-list{
list-style-type:none;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
max-width:780px;
padding:10px 10px 0;
margin:0 auto;
}
.dekirukoto-list li{
width:28.2%;
text-align:center;
padding:15px;
margin-bottom:10px;
background:#FFF;
border-radius:30px;
}
.dekirukoto-list li .img{
margin-bottom:10px;
}

.dekirukoto-list li .txt{
font-family: "Kiwi Maru", serif;
font-size:15px;
color:#221814;
margin:0;
}




/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
#tcharge .mds span{
font-size:23px;
}
.dekirukoto-list li{
  width:100%;
}
}

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

	news

------------------------------------------*/
.news-list{
	margin-bottom:60px;
	border-top:1px #BFBFBF solid;
}

.news-list {
padding:0;
margin:0 auto 40px;
list-style:none;
}

.news-list li{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
text-decoration:none;
padding:10px;
border-bottom:1px #BFBFBF solid;
}
.news-list li .date{
width:135px;
color:#0E65B0;
font-weight:500;
padding:1em 0;
}
.news-list li .cat{
font-size:10px;
width:70px;
text-align:center;
padding:3px 5px;
background:#DCDDDD;
border-radius:10px;
}
.news-list li .ttl{
width:calc(100% - 205px);
padding-left:20px;
}



span.new{
display:inline-block;
width:46px;
font-size:11px;
color:#FFF;
font-weight:bold;
line-height:1;
padding:5px;
margin-left:10px;
text-align:center;
background:#E7340C;
border-radius:11px;
vertical-align:middle;
}

.navigation.pagination {
	padding: 1em 0 3em;
	border-top:none;
}

.single-post:not(.has-sidebar) #primary{
	max-width:100%;
}
.postbox{
	margin-bottom:60px;
}

.postbox .date{
	font-size:14px;
	font-size:0.875rem;
	color:#0E65B0;
	font-weight:bold;
}
.postbox .cat{
font-size:10px;
width:70px;
text-align:center;
padding:3px 5px;
margin-left:10px;
background:#DCDDDD;
border-radius:10px;
}

.postbox h1{
	font-size:20px;
	font-size:1.25rem;
	padding:0.5em 0 0.75em;
	border-bottom:1px #CCC dotted;
}
/*-- ■ Media Queries ■ --*/
@media screen and (min-width: 48em){
.navigation.pagination {
	clear: both;
	float: none;
	width: 100%;
}
}
@media (max-width: 768px) {
.news-list li{
justify-content:start;
}
.news-list li .ttl{
width:100%;
padding-left:0;
}
}

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

	contact

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

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

.address-box{
	text-align:center;
	padding:20px 20px 0;
	margin:0;
}
.address-box dt{
	font-size:1.125rem;
	color:#009139;
	font-weight:bold;
	margin-bottom:0.5em;
}
.address-box dd{
	margin:0;
}

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

	entry

--------------------------------------------------------------*/
/*--------------------------------------------------------------
	top
--------------------------------------------------------------*/
.entry-info{
text-align:right;
}
.youkoubox h2{
    font-size: 22px;
    color: #333;
}

.youkou-frm{
line-height:1.6;
padding:3%;
margin:20px 0 40px;
background:#F9F9F9;
overflow-y: scroll;
height:500px;
}
.youkou-frm h2{
    font-size: 22px;
    color: #333;
}
.youkou-frm h3{
    font-size: 18px;
margin:0 0 20px;
}
.youkou-frm h4{
    font-size: 16px;
margin:20px 0 10px;
padding:0;
}

.youkou-frm ul{
margin-bottom:0;
margin-left:1em;
}
.youkou-frm ul li{
margin-bottom:0;
}
.youkou-frm ol{
margin-bottom:0;
margin-left:1em;
}
.youkou-frm ol li{
margin-top:10px;
margin-bottom:10px;
}
.youkou-frm ol li ol,
.youkou-frm ol.nostyle{
list-style:none;
}
.youkou-frm ol.nostyle{
margin-left: 0;
}
.entry-btn-box{
text-align:center;
}
a.entry-btn {
width: 250px;
  pointer-events: none;
    background-color: #CCC;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    border: none;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    right: 0;
    top: 0;
    padding: 20px;
margin-top:20px;
    line-height: 1.2;
text-decoration:none;
}

.entry-btn.active {
  pointer-events: auto;
  background-color: #036EB8;
}
a.entry-btn.active:hover {
opacity:0.8;
color:#FFF;
}
.entry-check-box{
    padding: 10px;
    background: #F9F9F9;
margin-bottom:30px;
}
.entry-check-box label{
display:inline;
}

.entry-sanka-box{
    padding: 10px;
    background: #F9F9F9;
margin-bottom:30px;
}
.entry-sanka-box span{
display:block;
}
.entry-sanka-box label{
display:inline;
}


/*--------------------------------------------------------------
	form
--------------------------------------------------------------*/
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: auto;
  width: 100%;
line-height:1.5;
}
textarea{
  width: 100%;
}

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

.formbox h2{
  font-size:22px;
  color:#0E65B0;
  padding:0 0 10px; 
  margin:3em 0 2em;
border-bottom:1px #0E65B0 solid;
}
.formbox h3{
	font-size:16px;
	color:#000;
	margin:0 0 1.2em;
}
.formbox h3:first-child{
padding: 1.5em 0 0;
}

.formbox h3 span{
	font-size:15px;
}
.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 {
  color: #ff0000;
  padding: 0 2px;
}
.formbox p{
  margin:0 0 1em;
}
.formbox .check-box{
padding:10px;
background:#F9F9F9;
}
.formbox .kamei-box{
padding:15px;
margin:30px 0;
background:#F9F9F9;
}
.formbox .kamei-box h3{
padding-top:0;
}
.formbox .sanka-check-box{
padding:10px;
margin-top:30px;
background:#F9F9F9;
}
.formbox .input-check-box{
margin:60px 0;
}

.company-size input{
width:220px;
}

.bank-name-box{
display:flex;
}
.bank-name-box .bank-name{
width:calc(100% - 140px);
}
.bank-name-box .bank-type{
width:140px;
padding-left:10px;
}
.shiten-name  input{
width:calc(100% - 40px);
margin-right:10px;
}


.formbox dl{
  margin:0;
}
.formbox dt{
  width:120px;
  float:left;
  font-weight:normal;
  padding:10px 0;
}
.formbox dd{
  padding:0 0 0 120px;
  margin:0 0 20px;
}

.formbox dl.opening-hour-frm{
  margin:0 0 20px;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items:center;
}
.formbox dl.opening-hour-frm dt{
  width:70px;
  font-weight:normal;
text-align:right;
  padding:0;
}
.formbox dl.opening-hour-frm dd{
  width:calc(33.33% - 70px);
  padding:0 10px;
  margin:0;
}

.formbox .address2 dt{
  width:125px;
}
.formbox .address2 dd{
  padding:0 0 0 125px;
}

.formbox ul{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  list-style-type:none;
  margin:0;
}
.formbox ul li{
  width:49%;
}
.formbox h3+p{
  margin-top:5px;
}
.formbox table{
  font-size:14px;
}
.formbox tr{
  background:#F9F9F9;
  border-bottom: 1px solid #FFF;
}
.formbox tr:nth-child(odd){
  background:#F5F5F5;
}
.formbox th,
.formbox td{
  padding:10px;
}

.formbox th{
  width:70px;
  text-align:center;
}
.formbox td span{
  display:block;
  font-size:13px;
  color:#588CF5;
}

.kouza-type-box select{
  width:200px;
}
.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 .service-target2 input{
  width:5em;
}
.formbox .store-type-box,
.formbox .company-join-box{
    padding: 3%;
    margin-top: 1em;
    background: #F9F9F9;
}
.formbox .store-type-box span.off{
display:inline-block;
text-decoration:line-through;
padding:0 40px 0 0;
    margin-bottom: 0.5em;
color:#999;
}

.formbox .terminal-request-box dt{
width:120px;
}
.formbox .terminal-request-box dd{
padding:10px 0 10px 130px;
}
.formbox .terminal-request-box dd input{
width:auto;
}

.formbox textarea::placeholder { color: #999; }


.formbox .youkou-box{
  height:400px;
  padding:3%;
  margin-bottom:60px;
  overflow-y:scroll;
  border:1px #DDD solid;
  border-radius: 5px;
}
.formbox #sanka-check .wpcf7-list-item{
display:block;
}
.formbox .mds-hanbaiten{
  font-weight:bold;
}
.formbox .check,
.formbox .submit{
  text-align:center;
  margin-top:2em;
}

.formbox button,
.formbox input[type="button"],
.formbox input[type="submit"] {
  max-width: 250px;
  width: 100%;
  background-color: #0E65B0;
  font-size: 16px;
  color:#FFF;
  text-align: center;
  font-weight: 700;
  border-radius: 30px;
  display:inline-block;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  right: 0;
  top: 0;
  padding:20px;
  margin:0 10px;
}
.formbox input[type="button"]{
  background-color: #333;
  margin-bottom:20px;
}

.formbox input[type="button"]:hover,
.formbox input[type="submit"]:hover{
  opacity:0.8;
}
.formbox .submit span{
position:relative;
display:inline-block;
  width: 100%;
z-index:0;
}

.formbox .submit span.wpcf7-spinner{
display:none;
}



div.wpcf7 .ajax-loader {
display:none !important;
}
.wpcf7c-conf{
  background:#FFFFDD;
  border-color:#CCC;
}

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

.formbox ul.mare-note{
display:block;
max-width:700px;
margin:0 auto 20px;
}
.formbox ul.mare-note li{
width:100%;
text-align:left;
text-indent:-1em;
padding-left:1em;
margin-bottom:1em;
}
.formbox .check {
padding: 10px 3%;
margin-top: 1em;
background: #F9F9F9;
}

.formbox p.note{
font-size:14px;
margin-top:-10px;
}

.form-bottom{
padding:20px;
margin:60px 0!important;
border:1px #DDD solid;
}


.page-entry2024-confirm01 .input-box,
.page-entry2024-confirm02 .input-box,
.page-entry2024-confirm03 .input-box{
padding:10px;
background:#F9F9F9;
}

.page-entry2024-confirm01 .formbox .input-box p,
.page-entry2024-confirm02 .formbox .input-box p,
.page-entry2024-confirm03 .formbox .input-box p {
    margin: 0;
padding:10px;
}

.page-entry2024-confirm01 .bank-select2,
.page-entry2024-confirm03 .bank-select2{
position:absolute;
top:0;
left:-100%;
border:none;
background:none;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.formbox dt{
  width:100%;
  float:none;
}
.formbox dd{
  padding:0;
}
.formbox dl.opening-hour-frm dt{
  width:70px;
  margin-bottom:10px;
}
.formbox dl.opening-hour-frm dd{
  width:calc(100% - 70px);
  margin-bottom:10px;
}
.formbox .terminal-request-box dt{
  width:100%;
}
.formbox .terminal-request-box dd{
  padding:0;
}

.formbox .address2 dt{
  width:100%;
}
.formbox .address2 dd{
  padding:0;
}


.formbox ul li{
  width:100%;
}
.formbox .store-category .wpcf7-checkbox .wpcf7-list-item{
  width:100%;
}

}
@media screen and (min-width: 30em){
body, button, input, select, textarea {
    font-size: 16px;
    font-size: 1rem;
}
}




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

	shoplist

------------------------------------------*/
/*------------------------------------------
	search
------------------------------------------*/
.shoplist-head h1{
  text-align:center;
}
.searchandfilter>ul>li{
	padding:0;
	margin:40px 0;
}
.searchandfilter ul li.sf-field-taxonomy-shop_cat,
.searchandfilter ul li.sf-field-taxonomy-shop_area,
.searchandfilter ul li.sf-field-taxonomy-coupon_type,
.searchandfilter ul li.sf-field-taxonomy-point_rate,
.searchandfilter ul li.sf-field-search,
.searchandfilter ul li.sf-field-posts_per_page{
	padding:20px;
	border:2px #0E65B0 solid;
	border-radius:5px;
}



.sf-field-taxonomy-shop_cat h4,
.sf-field-taxonomy-shop_area h4,
.sf-field-taxonomy-coupon_type h4,
.sf-field-taxonomy-point_rate h4,
.sf-field-search h4,
.sf-field-posts_per_page h4{
	font-size: 22px;
	color:#000;
	text-align: center;
	margin:0 auto 10px auto;
}
.sf-field-taxonomy-shop_cat ul,
.sf-field-taxonomy-shop_area ul,
.sf-field-taxonomy-coupon_type ul,
.sf-field-taxonomy-point_rate ul{
	padding:20px;
	background:#F8F9FC;
	border-radius:5px;
	overflow:hidden;
}
.sf-field-taxonomy-shop_area ul,
.sf-field-taxonomy-coupon_type ul,
.sf-field-taxonomy-point_rate ul{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}

.sf-field-taxonomy-shop_area ul li,
.sf-field-taxonomy-coupon_type ul li{
	width:49%;
}
.sf-field-taxonomy-point_rate ul li{
	width:32%;
}


.sf-field-taxonomy-shop_area ul li:after{
	display:block;
	font-size:14px;
	padding:10px;
	margin:10px 0;
	background:#fff;
	border-radius: 3px;
}

.sf-field-taxonomy-shop_point ul li:after{
	display:block;
	font-size:14px;
	margin:10px 0;
	border-radius: 3px;
}
.sf-field-posts_per_page ul li{
	display:inline-block;
	margin-right:1em;
}
.searchandfilter ul li.sf-field-submit {
	text-align: center;
	margin:0;
}
.sf-field-submit input{
	max-width: 250px;
	width:100%;
	font-size: 16px;
	color: #FFF;
	padding:20px;
	margin: 0 auto;
	background: #0E65B0!important;
	background-size:21px 19px!important;
	border-radius: 30px;
	transition: opacity .3s,background-color .3s;
}
.sf-field-submit input:hover{
opacity:0.8;
}

.sf-field-search label,
.sf-field-search input[type="text"]{
	width:100%;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.sf-field-taxonomy-shop_area ul li,
.sf-field-taxonomy-shop_cat ul li,
.sf-field-taxonomy-shop_point ul li,
.sf-field-taxonomy-coupon_type ul li,
.sf-field-taxonomy-point_rate ul li{
	width:100%;
}
}

/*------------------------------------------
	shoplist
------------------------------------------*/
.post-type-archive-ct_shop sec{
margin-top:20px;
}


.shop-list{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.shop-list li {
	width:49%;
	list-style: none;
	padding:10px;
	margin-bottom: 2%;
	border: 1px #ccc solid;
	border-radius:5px;
}
.shop-list-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:10px;
}
.shop-list-ttl p>span{
}

.shop-list-ttl p .cat span:before,
.shop-list-ttl p .area span:before{
	content:", ";
}
.shop-list-ttl p .cat span:first-child:before,
.shop-list-ttl p .area span:first-child:before{
	content:"";
}
.shop-list-ttl h2{
	position:relative;
	font-size: 20px;
	font-size: 1.25rem;
	padding:0 100px 0 0;
	margin:0 0 10px;
}
.shop-list .tokuten{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:10px;
	background:#F5F5F5;
}
.shop-list .tokuten dt{
	color:#009FE8;
	padding:5px;
}
.shop-list .tokuten dd{
	padding:0 5px 5px;
	margin:0;
}
.shop-list .address{
	margin:0 0 10px;
}

.shop-list li a{
	display:block;
	padding:6px;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	background:#0E65B0;
	border-radius:19px;
}
.search_count{
	color:#0E65B0;
	font-weight:bold;
}
.wp-pagenavi{
  font-size:14px;
  text-align:center;
  margin-bottom: 40px;
}
.wp-pagenavi a, .wp-pagenavi span{
  display:inline-block;
	padding:5px 10px;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.shop-list{
	display:block;
}

.shop-list li {
	width:100%;
}
}
/*------------------------------------------
	ct_shop page
------------------------------------------*/

.shop-ttl{
	padding:10px 0;
	margin-bottom:20px;
	border-top:2px #0E65B0 solid;
	border-bottom:1px #CCC dotted;
}

.shop-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:10px;
}
.shop-ttl p>span{
	display:inline-block;
}

.shop-ttl p .cat span:before,
.shop-ttl p .area span:before{
	content:", ";
}
.shop-ttl p .cat span:first-child:before,
.shop-ttl p .area span:first-child:before{
	content:"";
}


.shop-ttl .type,
.shop-list-ttl .type{
display:inline-block;
	top:3px;
	right:0;
	font-size:12px;
	color:#FFF;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	border-radius:5px;
}
.shop-ttl .type.common-ticket,
.shop-list-ttl .type.common-ticket{
	background:#005BAC;
}
.shop-ttl .type.limited-ticket,
.shop-list-ttl .type.limited-ticket{
	background:#E5043E;
}
.shop-ttl .type.denshi-ticket,
.shop-list-ttl .type.denshi-ticket{
	background:#41C489;
}
.shop-ttl .type.paper-ticket,
.shop-list-ttl .type.paper-ticket{
	background:#EF8200;
}

.shop-ttl .type.rate20,
.shop-list-ttl .type.rate20{
	background:#BFA00D;
}
.shop-ttl .type.rate05,
.shop-list-ttl .type.rate05{
	background:#999999;
}
.shop-ttl .type.rate02,
.shop-list-ttl .type.rate02{
	background:#B97B1E;
}




.type-box{
margin:10px 0 2px;
}
.shop-ttl .type-box{
margin:10px 0 0;
}


	
.shop-ttl h1{
	position:relative;
	font-size: 24px;
	font-size: 1.5rem;
	padding:0 100px 0 0;
	margin:0;
}
.shop-txt{
	margin-bottom:40px;
}
.shop-tokuten{
	margin-bottom:40px;
}
.shop-tokuten h2{
	font-size: 24px;
	font-size: 1.5rem;
	color:#009FE8;
	text-align:center;
	padding:10px;
	border-bottom:1px #CCC dotted;
}
.shop-tokuten dt{
	width:150px;
	color:#009FE8;
	padding:0 0 0.75em;
	float:left;
}
.shop-tokuten dd{
	width:100%;
	padding:0 0 0.75em 150px;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}
.shop-data{
	padding:20px;
	margin-bottom:40px;
	background:#F8F9FC;
	border-radius:5px;
}
.shop-data dl{
	width: 57%;
	margin: 0;
	float: left;
}
.shop-data dt{
	width:150px;
	padding:0 0 0.75em;
	float:left;
}
.shop-data dd{
	width:100%;
	padding:0 0 0.75em 150px;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}

.shop-data .gmap{
	width:40%;
	float:right;
}

.google_map {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 0;
	padding-bottom: 56.6%;
	padding-bottom: 100%;
	overflow: hidden;
}
.google_map iframe {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border:1px #FFF solid;
}
.btn_back{
	display:block;
	border-radius: 6px;
	width: 230px;
	background: #F2F2F2 !important;
	padding:10px; 
	margin: 0 auto 20px;
	font-size: 16px;
	font-weight: normal;
	text-align:center; 
	text-decoration:none;
	border:none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.shop-tokuten dt{
	width:100%;
	float:none;
}
.shop-tokuten dd{
	padding:0 0 0.75em 0;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}
.shop-data dl{
	width:100%;
	margin:0;
	float:none;
}
.shop-data dt{
	width:100%;
	float:none;
}
.shop-data dd{
	padding:0 0 0.75em 0;
}

.shop-data .gmap{
	width:100%;
	float:none;
}
}



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

	faq

--------------------------------------------------------------*/
#faq-searchform .searchandfilter ul{
display:flex;
justify-content: space-between;
}
#faq-searchform .searchandfilter ul li.sf-field-search{
width:calc(100% - 100px);
border:none;
padding:0;
margin:0;
}

#faq-searchform .searchandfilter ul li.sf-field-submit {
width: 90px;
}
#faq-searchform .searchandfilter ul li.sf-field-submit input {
width: 100%;
font-size: 16px;
color: #FFF;
padding: 16px;
margin: 0 auto;
background: #0E65B0!important;
background-size: 21px 19px!important;
border-radius: 30px;
transition: opacity .3s,background-color .3s;
}

.faq-tlist{
padding:10px 10px 0;
list-style:none;
}

.faq-tlist>li{
margin-bottom:100px;
}

.faq-tlist-child{
display:flex;
justify-content: space-between;
flex-wrap:wrap;
padding:10px 10px 0;
margin:0;
list-style:none;
}
.faq-tlist-child>li{
width:46%;
}


.faq-tlist>li h2{
font-size:22px;
color: #0E65B0;
margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px #0E65B0 solid;
}
.faq-tlist-child>li h3{
font-size:18px;
margin-bottom:20px;
padding:0;
}

.faq-post-list{
margin:0 0 100px 0;
list-style:none;
}
.faq-post-list li{
margin:0 0 20px 0;
text-indent:-1em;
padding-left:1em;
}
.faq-post-list li::before{
content:"・";
}

.faq-tlist>li .btn{
display:block;
width:120px;
text-decoration:none;
font-size: 16px;
color: #FFF;
text-align:center;
padding: 10px;
margin: 0 auto;
background: #0E65B0;
border-radius: 30px;
transition: opacity .3s,background-color .3s;
}

.faq-cat-ttl{
font-size:22px;
color: #0E65B0;
padding-bottom:10px;
margin-bottom:40px;
border-bottom:1px #0E65B0 solid;
}
.faq-child-cat-ttl{
font-size:20px;
color: #0E65B0;
padding:0;
margin-bottom:20px;
}

.faq-list{
padding:0;
margin:40px 0 60px;
list-style:none;
}


.faq-list li{
margin-bottom:30px;
text-indent:-1em;
padding-left:1em;
}
.faq-list li h4::before{
content:"・";
}

.faq-list li h3,
.faq-list li h4{
font-size: 18px;
font-weight:normal;
margin-bottom:5px;
}
.faq-list li .cat a{
color: #0E65B0;
font-size: 14px;
text-decoration:none;
}
.faq-list .cat::before{
content:"、";
color: #0E65B0;
    font-size: 14px;
}
.faq-list h3+.cat::before{
content:"";
}


.faq-ttl {
padding: 10px 0;
margin-bottom:20px;
border-top: 2px #0E65B0 solid;
border-bottom: 1px #CCC dotted;
}
.faq-ttl h1{
position:relative;
font-size: 24px;
font-size: 1.5rem;
margin:0;
}
.faq-ttl .cat a{
color: #0E65B0;
font-size: 14px;
text-decoration:none;
}
.faq-ttl .cat::before{
content:"、";
color: #0E65B0;
    font-size: 14px;
}
.faq-ttl h1+.cat::before{
content:"";
}

.faq-txt{
line-height:1.8;
padding: 20px;
margin:10px 0 60px;
background: #F8F9FC;
border-radius: 5px;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.faq-tlist-child>li{
width:100%;
}

}
/*------------------------------------------

	about

------------------------------------------*/
.page-about .phead{
display:none;
}
.page-about .about-head {
padding:50px 0 100px;
background:#C0E4FF;
border-bottom:24px #0E65B0 solid;
}
.page-about .about-head h1.phead-ttl {
text-align:center;
margin-bottom:25px;
}
.page-about .about-head h1.phead-ttl span{
display:inline-block;
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size:29px;
color:#221814;
padding:15px 0px 15px 90px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/about_ttl.png") center left no-repeat;
}
.about-head-frm{
position:relative;
max-width:1050px;
font-family: "Kiwi Maru", serif;
font-size:19px;
font-weight: 500;
line-height:210%;
padding:40px 310px 40px 20px;
margin:0 auto;
background:#FFF;
border-radius:10px;
}
.about-head-frm p{
margin:0;
}
.about-head-frm p a{
color:#036EB8;
text-decoration:underline;
}
.about-head-frm .img{
position:absolute;
top:-35px;
right:-15px;
}

#about-pc{
padding:100px 0;
}
.about-pc-frm{
max-width:1050px;
padding:0 3% 40px;
margin:0 auto;
border:5px #F39800 solid;
border-radius:25px;
}
.about-pc-frm h2{
max-width:280px;
font-family: "Kiwi Maru", serif;
font-size: 32px;
color:#FFF;
font-weight: 400 !important;
text-align: center;
margin: -24px auto 70px;
background:#F39800;
border-radius: 24px;
}
.about-pc-frm .lead{
font-size:20px;
font-weight: 500;
text-align: center;
margin-bottom:40px;
}

.pc-list01{
max-width:940px;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin:0 auto;
}
.pc-list02{
max-width:620px;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin:0 auto;
}
.pc-list01>div{
width:33%;
margin-bottom:20px;
}
.pc-list02>div{
width:48.4%;
margin-bottom:20px;
}
.pc-list01>div .cap01,
.pc-list02>div .cap01{
font-size:10px;
margin-bottom:5px;
}
.pc-list02>div .cap02{
font-size:8px;
margin-top:5px;
}
#about-pc h3{
font-size: 28px;
text-align: center;
margin-bottom:10px;
}
#about-pc .note{
font-size: 16px;
font-weight:500;
text-align: center;
}
#about-pc .btn-frm{
max-width:680px;
display:flex;
justify-content: space-between;
flex-wrap:wrap;
margin:0 auto;
list-style:none;
}
#about-pc .btn-frm li{
width:48.5%;
}
#about-pc .btn-frm li a{
display:block;
font-size: 21px;
color:#FFF;
font-weight: 400 !important;
text-align: center;
text-decoration:none;
padding:13px;
background:#00913A;
border-radius:29px;
}
#about-pc .btn-frm li:last-child a{
background:#008CD8;
}

#about-pc .btn-frm li p{
font-size: 14px;
text-align: center;
margin:10px 0 0;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
.pc-list01>div,
.pc-list02>div{
width:100%;
text-align:center;
}
.about-head-frm .pcbr{
display:none;
}
}
@media (max-width: 768px) {
.about-head-frm {
font-size:16px;
padding: 30px 3%;
}

.about-head-frm .img{
position:relative;
max-width:250px;
top:auto;
right:auto;
margin:0 auto 20px;
}

#about-pc .btn-frm li{
width:100%;
margin-bottom:20px;
}
#about-pc .btn-frm li a{
max-width:300px;
margin:0 auto;
}

.page-about .about-head h1.phead-ttl span{
font-size:29px;
color:#221814;
padding:70px 0px 15px 0;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/about_ttl.png") top center no-repeat;
}

}
/*------------------------------------------

	use

------------------------------------------*/
.page-usage .phead{
display:none;
}
.page-usage .use-head {
background:#0E65B0;
}
.page-usage .use-head .inner02{
padding-top:48px;
padding-bottom:48px;
background:#C0E4FF;
}
.page-usage .use-head h1.phead-ttl {
text-align:center;
margin:0;
}
.page-usage .use-head h1.phead-ttl span{
display:inline-block;
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size:29px;
color:#221814;
padding:23px 0px 23px 110px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/use_ttl.png") center left no-repeat;
}

#use-flow{
background:#0E65B0;
padding-bottom:0;
}
#use-flow .inner02{
padding-top:56px;
padding-bottom:56px;
background:#FFF;
}

.use-flow-list{
max-width:1070px;
margin:0 auto;
}
.use-flow-list>li{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom:90px;
}

.use-flow-list li .txtbox{
width:58%
}
.use-flow-list li .imgbox{
width:38.7%;
text-align:center;
}

.use-flow-list li.step01 .imgbox,
.use-flow-list li.step02 .imgbox,
.use-flow-list li.step03 .imgbox{
padding-top:62px;
}

.use-flow-list li .txtbox .step{
font-family: Noto Sans JP, serif;
font-size:28px;
color:#211813;
font-weight:800;
text-align:center;
margin-bottom:20px;
}
.use-flow-list li .txtbox h2{
font-family: "Kiwi Maru", serif;
font-size: 20px;
color:#FFF;
font-weight: 400 !important;
text-align: center;
padding:15px;
background:#0E65B0;
border-radius: 294px;
}
.use-flow-list li .txtbox a{
text-decoration:none;
}
.use-flow-list li .txtbox p{
font-family: "Kiwi Maru", serif;
font-size: 21px;
text-align: center;
margin-bottom:20px;
}
.use-flow-list li .txtbox p a{
color:#036EB8;
text-decoration:underline;
}
.use-flow-list li .txtbox .dl-box{
position:relative;
display:flex;
justify-content:space-between;
max-width:220px;
margin:50px auto 0;
}
.use-flow-list li .txtbox .dl-box .box01{
position:absolute;
top:-30px;
left:-160px;
}
.use-flow-list li .txtbox .dl-box .box02 img,
.use-flow-list li .txtbox .dl-box .box03 img{
margin-bottom:5px;
}

.use-flow-list li .txtbox p.step2-txt{
text-indent:-1em;
padding-left:1em;
text-align:left;
}

.use-flow-list .use-list{
list-style:none;
font-family: "Kiwi Maru", serif;
font-size:20px;
margin-bottom: 20px;
}
.use-flow-list .use-list li{
padding:2px 10px;
}
.use-flow-list  .t01{
color:#E50012;
}
.use-flow-list .use-list li:nth-child(odd) {
background:#C0E4FF;
}
.use-flow-list li .txtbox p.use-flow-note{
max-width:500px;
font-size:17px;
text-align:left;
text-indent:-1em;
padding:30px 187px 0 1em;
margin:0 auto 30px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/use03b.png") center right no-repeat;
}
.use-flow-list li .txtbox a.btn{
display: block;
max-width: 330px;
font-family: "Kiwi Maru", serif;
font-size: 17px;
text-align:center;
text-decoration: none;
padding: 5px;
margin: 0 auto 20px;
background: #FFF;
border: 2px #0071BB solid;
border-radius: 23px;
}

.use-flow-list li .txtbox .btn-list{
list-style:none;
text-align:center;
margin:40px 0 30px;
}
.use-flow-list li .txtbox .btn-list li{
display:inline-block;
}
.use-flow-list li .txtbox .btn-list li a{
display:block;
font-family: "Kiwi Maru", serif;
font-size: 20px;
text-align: center;
text-decoration: none;
padding: 5px 10px;
margin: 0 5px 10px;
background: #C0E4FF;
border: 2px #0071BB solid;
border-radius: 23px;
}
.use-flow-list li .marker{
background: linear-gradient(transparent 70%, #FFFBCC 0%);
}
@media (max-width: 900px) {
.use-flow-list li .txtbox,
.use-flow-list li .imgbox{
width:100%;
margin-top:30px;
}
.use-flow-list li.step01 .imgbox,
.use-flow-list li.step02 .imgbox,
.use-flow-list li.step03 .imgbox{
padding-top:0;
}
}

@media (max-width: 768px) {
.page-usage .use-head h1.phead-ttl span{
display:inline-block;
font-family: "Mochiy Pop One", sans-serif;
font-size:29px;
color:#221814;
padding:90px 0px 23px 0px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/use_ttl.png") top center no-repeat;
}


}
@media (max-width: 640px) {
.use-flow-list li .txtbox p,
.use-flow-list .use-list{
font-size:16px;
}
.use-flow-list li .txtbox .dl-box{
margin: 150px auto 0;
}
.use-flow-list li .txtbox .dl-box .box01 {
    top: -140px;
    left: 50%;
margin-left:-75px;
}

.use-flow-list li .txtbox p.step2-txt br{
display:none;
}
.use-flow-list li .txtbox p.use-flow-note{
    padding: 80px 0 0 1em;
    background: url(https://minato.yomsubi.com/wp-content/uploads/2025/06/use03b.png) center 0 no-repeat;
}
.use-flow-list li .txtbox p.use-flow-note br{
display:none;
}

}
/*------------------------------------------

	service

------------------------------------------*/
.page-service .phead{
display:none;
}
.page-service .service-head {
background:#0E65B0;
}
.page-service .service-head .inner02{
padding-top:54px;
padding-bottom:54px;
background:#FFF;
}
.page-service .service-head h1.phead-ttl {
text-align:center;
margin:0;
}
.page-service .service-head h1.phead-ttl span{
display:inline-block;
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size:29px;
color:#221814;
padding:15px 0px 15px 80px;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/service_ttl.png") center left no-repeat;
}
.service-return-mds{
background: #0E65B0;
}
#service-return h2{
    max-width: 1380px;
    margin: 0 auto;
text-align:center;
padding:40px 3%;
background:#C0E4FF;
}

#service-return{
padding-bottom: 0;
background:#0E65B0;
}
#service-return .inner02{
padding-top:56px;
padding-bottom:56px;
background:#FFF;
border-bottom:50px #C0E4FF solid;
}
#service-return h3{
max-width:830px;
font-family: "Kiwi Maru", serif;
font-size: 21px;
color:#FFF;
font-weight:400!important;
text-align:center;
padding:13px 3%;
margin:0 auto 40px;
background:#0E65B0;
border-radius:15px;
}

.service-return-catch{
text-align:center;
margin-bottom:50px;
}
.service-notelist{
max-width:865px;
font-size:14px;
list-style:none;
margin:0 auto;
}

.service-notelist li{
text-indent: -1em;
padding-left: 1em;
}

#service-recruit{
padding-bottom:0;
background:#0E65B0;
}
#service-recruit .inner02{
padding-top:56px;
padding-bottom:56px;
background:#FFF;
}
#service-recruit h2{
text-align:center;
margin-bottom:50px;
}

#service-recruit a{
    display: block;
    max-width: 320px;
    font-family: "Mochiy Pop One", sans-serif;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    margin: 0 auto;
    background: #FF921E;
    border-radius: 32px;
}
#service-merit{
padding-bottom:0;
background:#0E65B0;
}
#service-merit .inner02{
padding-top:56px;
padding-bottom:90px;
background:#FFF;
}
#service-merit h2{
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align:center;
margin-bottom:50px;
}
.service-merit-list01{
max-width:980px;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:0 auto;
}
.service-merit-list02{
max-width:640px;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:0 auto;
}

.service-merit-list01>div{
width:30.6%;
text-align:center;
padding:0 20px 20px;
margin-bottom:60px;
border:4px #C0E4FF solid;
border-radius:15px;
}
.service-merit-list02>div{
width:46.875%;
text-align:center;
padding:0 20px 20px;
margin-bottom:60px;
border:4px #C0E4FF solid;
border-radius:15px;
}

.service-merit-list01 .mds,
.service-merit-list02 .mds{
max-width:230px;
font-family: "Mochiy Pop One", sans-serif;
font-size: 18px;
color: #0D65B0;
line-height:1.4;
margin:-30px auto 20px;
background:#FFF;
}
.service-merit-list01>div:nth-child(3) .mds{
 line-height:1.2;
}
.service-merit-list01 .mds .t01,
.service-merit-list02 .mds .t01{
font-size:26px;
}
.service-merit-list01 .mds .t02,
.service-merit-list02 .mds .t02{
font-size:33px;
}
.service-merit-list01 .mds .t03,
.service-merit-list02 .mds .t03{
font-size:41px;
}
.service-merit-list01 .mds .t04,
.service-merit-list02 .mds .t04{
font-size:20px;
}

.service-merit-list01 .txt{
font-size:11px;
text-align:left;
margin:0;
}

#service-flow{
padding-bottom:0;
background:#0E65B0;
}
#service-flow .inner02{
padding-top:40px;
padding-bottom:40px;
background:#C0E4FF;
}
@font-face {
  font-family: 'alphabet';
  src: local('Roboto black');
  size-adjust: 115%;
}

#service-flow h2{
font-family: 'alphabet', "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align:center;
margin-bottom:50px;
}
.service-flow-frm{
max-width:1230px;
padding:50px 3% 80px;
margin:0 auto;
background:#FFF;
border-radius:25px;
}
.service-flow-list{
max-width:1040px;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin:0 auto 80px;
}
.service-flow-list>div{
width:30%;
text-align:center;
margin-bottom:40px;
}
.service-flow-list .mds{
font-size:18px;
font-weight:800;
padding:2px;
margin-bottom:20px;
background:#C0E4FF;
border-radius:15px;
}
.service-flow-list .mds span{
font-family: "Mochiy Pop One", sans-serif;
font-weight:400;
}
.service-flow-list .txt{
font-family: "Kiwi Maru", serif;
font-size:15px;
}
#service-flow h3{
font-family: "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align:center;
padding:0;
margin-bottom:40px;
}
#service-flow h3 span{
position:relative;
}
#service-flow h3 span img{
position:absolute;
top:-70px;
left:-75px;
}
#service-flow a{
display: block;
max-width: 320px;
font-family: "Mochiy Pop One", sans-serif;
font-size: 30px;
color:#FFF;
text-align: center;
text-decoration: none;
padding: 10px;
margin: 0 auto;
background: #FF921E;
border-radius: 32px;
}
#service-formembers{
padding-bottom:0;
background:#0E65B0;
}
#service-formembers .inner02{
padding-top:56px;
padding-bottom:110px;
background:#FFF;
}
#service-formembers .btn{
display:block;
    width: 168px;
    height: 168px;
    font-family: "Kiwi Maru", serif;
    font-size: 23px;
    text-align: center;
    text-decoration: none;
    padding: 60px 0 0;
    margin: 0 auto;
    background: #FFF;
    border: 3px #036EB8 solid;
    border-radius: 84px;
}

#service-formembers h2{
font-family: "Mochiy Pop One", sans-serif;
font-size: 29px;
color: #221814;
text-align: center;
margin-bottom: 50px;
}
#service-formembers .btn-frm {
max-width: 560px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 40px auto 0;
list-style: none;
}
#service-formembers .btn-frm li {
width: 47.5%;
margin-bottom:20px;
}
#service-formembers .btn-frm li a {
display: block;
font-family: "Kiwi Maru", serif;
font-size:21px;
text-align: center;
text-decoration: none;
padding: 10px;
border:2px #036EB8 solid;;
border-radius: 29px;
}

@media (max-width: 768px) {
.page-service .service-head h1.phead-ttl span{
font-size:29px;
color:#221814;
padding:70px 0px 15px 0;
background:url("https://minato.yomsubi.com/wp-content/uploads/2025/06/service_ttl.png") top center no-repeat;
}
.service-merit-list02{
max-width:100%;
}
.service-merit-list01>div,
.service-merit-list02>div{
width:100%;
}
.service-flow-list>div{
width:100%;
}
#service-flow h3 span img {
top: -80px;
left: 20px;
}
#service-formembers .btn-frm li{
width:100%;
}

}

/* 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;
}