@charset "utf-8";
/* common.css */

/*--- body --*/

html {
	height: 100%;
	}

body {
 color:#333;
 /* font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-weight: 500;
	font-size:15px;
 line-height:1.8;
	height: 100%;
	-webkit-text-size-adjust: 100%;

	/*background-color:#0a918b;*/
}

.slick-slide { outline: none;}

.three-promises-block-sp { display: none;}

/* IE7 hack */
*:first-child+html body {
font-size:small;
  }

/* IE6 hack */
html body {
  font-size:small;
  }
/*--- /body --*/


/*--- link ---*/
a:link {
  border:none;
  text-decoration:none;
  }

a:visited {
  border:none;
   text-decoration:none;
  }

a:active {
  border:none;
  color:#333;
   text-decoration:none;
  }

a:hover {
  border:none;
 text-decoration:none;
	outline: none;
 }

/*--- /link ---*/

#wrapper{
  position:relative;
  min-height:100%;
	margin:0 auto;
	min-width: 1100px;
}

* html div#wrapper{
  height:100%;
}

.inner {
	width:1045px;
	margin:0 auto;
	display: block;
}

.inner:after {
	content: "";
	display: block;
	clear: both;
}
 
.inner:before {
	content: "";
	display: block;
	clear: both;
}

/* パンくず */
.c-bread{
	display:flex;
	white-space: nowrap;
	font-size: 10px;
	width: fit-content;
	margin-left: 48px;
	letter-spacing: 0.1em;
  }
   
  .c-bread li{
	list-style:none;
	padding-right:25px !important;
  }
   
  .c-bread li:not(:last-child) {
   position:relative;
   padding-right:25px !important;
  }
   
  .c-bread li:not(:last-child) ::after{
	content: ">";
	display: block;
	position: absolute;
	width: 10px;
	height: 15px;
	top: 0px;
	right: 5px !important;
  }
   
  .c-bread li a{
	cursor:pointer;
  }
  .c-bread li a:hover{
	opacity:.7;
  } 

main{
	display: block;
	padding-top: 130px;
	background-color: #f9f8f4;
}

main h2.after-catch {
	margin: 0 0 100px;
	padding-top: 0;
}

main h2 img{
	display: block;
	margin: 10px auto 0;
}
main a.btn,
footer a.btn{
	background-color: #f09502;
	width: 335px;
	height: 70px;
	line-height: 70px;
	color: #fff;
	font-size: 17px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	transition: all .4s;
}
main a.btn:hover{
	opacity: 0.7;
}
main a.btn.price span{
	background: url(../images/icon_document.png) no-repeat 0 46%;
	background-size: 20px;
	padding-left: 30px;
	display: inline-block;
}
main a.btn.contact span{
	background: url(../images/icon2.gif) no-repeat 0 46%;
	background-size: 24px;
	padding-left: 40px;
	display: inline-block;
}
main a.btn.call span{
	background: url(../images/icon3.gif) no-repeat 0 46%;
	background-size: 24px;
	padding-left: 40px;
	display: inline-block;
}
main .btnTop a.btn{
	background-color: #7d7d7d;
}
main .btnTop a.btn span{
	background: url(../images/arrow.png) no-repeat 0 50%;
	background-size: 6px;
	padding-left: 20px;
	display: inline-block;
}
main a.btn.inquiry span{
	background: url(../images/icon_mail.png) no-repeat 0 52%;
	background-size: 24px;
	padding-left: 30px;
	display: inline-block;
}
main a.btn.application span{
	background: url(../images/icon_form.png) no-repeat 0 50%;
	background-size: 24px;
	padding-left: 30px;
	display: inline-block;
}


/* フッターのバナー */

.ly_footerBannerContainer{
	padding-block: 30px;
	padding-inline: 20px;
}

.bl_footerBannerContainer_inner > a > img{
	width: 100%;
}
.bl_footerBannerContainer_inner {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(min(300px ,100%) , 1fr));
	gap: 16px;
	max-width: 1157px;
	margin-inline: auto;
}

/*----------------------------
			header
-----------------------------*/

header{
	padding: 5px 20px 20px;
	background-color: #f9f8f4;
	position: fixed;
	top: 45px;
	left: 0;
	z-index: 999;
	width: 100%;
	box-sizing: border-box;
	transition: all .4s;
}
header.min{
	padding: 0px 25px 15px;
}

header .btnMail{
	position: absolute;
	right: 25px;
	top: 25px;
	transition: all .4s;
}
header.min .btnMail{
	top: 8px;
}
header .btnMail p{
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -20px;
}
header #menu{
	width:60px;
	height:60px;
	box-sizing:border-box;
	padding:11px 0 0 8px;
	position:absolute;
	right:0;
	top: 5px;
	z-index:9997;
	transition: all .4s;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
}
header #menu.active{
	color: #fff;
}
header.min #menu{
	top: 5px;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 18px;

}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #333;
}
.menu-trigger.active span {
	background-color: #fff;
}
.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-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
header nav{
	position: fixed;
	top:130px;
	right: -400px;
	background-color: #f09502;
	height: 100%;
	width: 400px;
	transition: all .4s;
}
header nav.active{
	right: 0;
}
header.min nav{
	top:120px;
}

header nav li{
	border-bottom: 1px solid #f6c47a;
}
header nav li a{
	display: block;
	padding: 30px 0 30px 55px;
	font-size: 15px;
	color: #fff !important;
	background-color: #f09502;
	position: relative;
	transition: all .4s;
}
header nav li a:before{
	content: '';
	border-top:2px solid #fff;
	width: 10px;
	height: 2px;
	position: absolute;
	top:50%;
	left: 35px;
	margin-top: -1px;
}
header nav li a:hover,header nav li a.current{
	background-color: #f9af38;
}
header nav .bg{
	background-color: #f09502;
	height: 130px;
	width: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	transition: all .4s;
}
header nav.active .bg{
	width: 180px;
}
header.min nav .bg{
	height: 120px;
	top: 0px;
}

header .head_logo a { display: inline-block; vertical-align: top; }
header .head_logo img { width: 260px;}

header h1 span {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", "メイリオ", Meiryo, serif;
	line-height: 1.5;
	display: inline-block;
	margin: 0 0 0 15px;
	vertical-align: top;
}

header .header-concept {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.5;
	text-align: center;
	z-index: -1;
	font-size: 15px;
}

.sp-txt {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	display: none;
}

.ja-en {
	right: 100px;
	position: absolute;
	top: 45px;
	transition: all .4s;
}

.min .ja-en { top: 27px;}

.ja-en a:hover { text-decoration: underline;}

.header_inner {
	position: relative;
}

.nichii_area {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: #f9f8f4;
	padding: 10px 20px;
    font-size: 10px;
    width: 100%;
    height: auto;
	position: fixed;
	top: 0;
	left: 0;
	transition: all .4s;
}
.min .nichii_area {
	padding: 10px 25px;
}
.nichii_area img {
	width: 66px;
}
@media screen and (max-width: 1100px) {
	.nichii_area {
		display: none;
	}
}

/*----------------------------
			nav
-----------------------------*/


/*----- top ------*/

/*----------------------------
			mv
-----------------------------*/
#mv{
	position: relative;
	background-color: #f9f8f4;
	margin-bottom: 75px;
}
#mv .box{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	position: absolute;
/*	bottom: 245px;*/
/*-----cplpバナーなしはbottom: 245px;で実装------*/
/*	bottom: 460px; */
/*-----cplpバナー追加はbottom: 460px;で実装------*/
	right: 0;
	z-index: 2;
	/* width: 480px; */
}
@media screen and (min-width: 842px) and (max-width: 1000px){
#mv .box{
	top:calc(768/2000*100%);
	bottom:inherit;
}
}

/*重要なお知らせ*/

#mv .wrap_section{
	box-sizing: border-box;
    max-width: calc(1400px + 8%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 0;
}

#important_news {
	display: block;
	margin-top: 35px;
}

#mv .news_box {
    max-width: 800px;
    margin: 0 auto;
 }

#mv .wrap {
	display: flex;
	justify-content: center;
	align-items: center;
    border: 2px solid #F09502;
/*    font-size: 1.8rem;*/
    line-height: 1.3;
}

#mv .wrap .article {
	width: calc(100%);
    padding: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
}

#mv .wrap .article .text {
	font-size: 18px;
	width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: inline;
    text-decoration: none;
}

/*ここまで*/

#mv .box{
	margin-top: 155px;
}

#mv .box__top{
	background-color: #fff;
	padding: 34px;
	margin-top: 34px;
}
#mv .box__btm{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 527px;
}
#mv .box__btm a{
	transition: .3s;
}
#mv .box__btm a:hover{
	opacity: 0.6;
	transition: .3s;
}
#mv .box__btm a img{
	width: 100%;
}
#mv .box p.add-btn {
	display: none;
	border: 1px solid #f09502;
	border-radius: 5px;
	cursor: pointer;
	margin: 30px auto 0;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 200px;
}

#mv .box p.add-btn .icon {
	background: url(../images/btn_pagetop02.jpg) no-repeat center center;
	background-size: 150%;
	border-radius: 50px;
	display: block;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#mv .box p.add-btn.on .icon {
	background: url(../images/btn_pagetop.png) no-repeat center center;
	background-size: 150%;
}


#mv .box p.add-btn .open { display: none;}

#mv .box p.add-btn.on .open { display: block;}
#mv .box p.add-btn.on .close { display: none;}

/*#mv .box .none { display: none;}*/

/* #mv .box img { width: 90%;} */

#mv .box p{
	font-size: 14px;
	width: 490px;
	margin-top: 30px;
}
#mv .news{
	padding: 35px 0;
}
#mv .news h3{
	margin-bottom: 20px;
}
#mv .news li{
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#mv .news li:before{
	content: '';
	border-top:2px solid #a6a6a6;
	width: 4px;
	height: 2px;
	position: absolute;
	top: 40px;
	left: 0;
	margin-top: -1px;
}
#mv .news li span{
	/*margin-left: 10px;*/
	display: block;
	font-style: italic;
	font-family: Arial, Helvetica, "sans-serif";
	color: #b1b1b1;
}
#mv .news li a{
	text-decoration: underline;
}
#mv .news li a.bold{
	font-weight: bold;
}
#mv .news li strong{
	font-weight: bold;
}
#mv .bx-wrapper {
	margin: 0;
	max-width: 80% !important;
	z-index: 0;
}

#mv .bx-wrapper .bx-controls-direction,
#mv .bx-wrapper .bx-pager { display: none;}

.bxslider-mv { max-width: 80%;}

.slick-slide img { width: 100%;}
.slick-slide img.sp-only { display: none; }
/*----------------------------
			characteristic
-----------------------------*/

#characteristic{
	background: url(../images/bg1.jpg) no-repeat 0 0;
	background-size: cover;
	padding: 0 100px 75px;
	position: relative;
}
#characteristic .slider{
	margin: 0 auto;
	position: relative;
	max-width: 1045px;
	z-index: 4;
}
#characteristic .slider li{
	position: relative;
	padding-bottom: 80px;
}
#characteristic .slider li .box{
	position: absolute;
	bottom: 0;
	left: 45px;
	background-color: #fff;
	width: 450px;
}
#characteristic .slider li .box .boxInner{
	padding: 25px 25px 50px;
}
#characteristic .slider li .box hr{
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 8px solid #202a50;
}
#characteristic .slider li .box h3{
	font-size: 23px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 25px;
	padding-top: 35px;
}
#characteristic .slider li .box h3.point1{
	background: url(../images/slider_point1.gif) no-repeat 0 0;
	background-size: 66px;
}
#characteristic .slider li .box h3.point2{
	background: url(../images/slider_point2.gif) no-repeat 0 0;
	background-size: 66px;
}
#characteristic .slider li .box h3.point3{
	background: url(../images/slider_point3.gif) no-repeat 0 0;
	background-size: 66px;
}
#characteristic .slider li .box h3.point4{
	background: url(../images/slider_point4.gif) no-repeat 0 0;
	background-size: 66px;
	font-weight: 700;
}
#characteristic .slider li .box h3.point5{
	background: url(../images/slider_point5.gif) no-repeat 0 0;
	background-size: 66px;
	font-weight: 700;
}
#characteristic .bg2{
	position: absolute;
	bottom: -1px;
	left: 0;
	background-color: #f9f8f4;
	width: 100%;
	/*height: 600px;*/
	z-index: 2;
}

/*----------slick-custom----------*/

#characteristic .bxslider button.slick-arrow {
	border: none;
	cursor: pointer;
	text-indent: -9999px;
	height: 43px;
	outline: none;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 25px;
}

#characteristic .bxslider button.slick-arrow.slick-prev {
	background: url(../images/btn_prev.png) no-repeat center top;
	background-size: 100%;
	left: -65px;
}

#characteristic .bxslider button.slick-arrow.slick-next {
	background: url(../images/btn_next.png) no-repeat center top;
	background-size: 100%;
	right: -65px;
}

#characteristic .slider .slick-dots {
	bottom: 10px;
	left: 390px;
	position: absolute;
}

#characteristic .slider .slick-dots li {
	display: inline-block;
	margin: 0 5px;
	padding-bottom: 0;
}

#characteristic .slider .slick-dots li button {
	background: #caccd1;
	border: none;
	border-radius: 50px;
	height: 10px;
	padding: 0;
	text-indent: -9999px;
	width: 10px;
}

#characteristic .slider .slick-dots li.slick-active button { background: #f09502;}

#characteristic .slider .slick-dots li button:first-child { display: none;}

/*----------------------------
			intro
-----------------------------*/
#intro{
	min-width: 1045px;
	position: relative;
	z-index: 3;
}
.three-promises-txt {
	font-size: 18px;
	/*line-height: 1.5;*/
	margin-bottom: 100px;
	text-align: center;
}
.three-promises-txt.before-hdr {
	padding-top: 75px;
	margin-bottom: 0;
}

#intro ul.serviceList li{
	width: 20%;
	float: left;
	box-sizing: border-box;
	border-left:1px solid #f9f8f4;
}
/*#intro ul.serviceList li:first-child{
	border: 0px;
}*/
#intro ul.serviceList li img{
	width: 100%;
}
#intro ul.serviceList li .textArea{
	text-align: center;
	color: #fff;
	padding: 25px 10% 20px;
	background-color: #f09502;
}
#intro ul.serviceList li .textArea h3{
	border: 1px solid #fff;
	border-radius: 50px;
	line-height: 1;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}
#intro ul.serviceList li .textArea h3 sup {
	font-weight: normal;
	vertical-align: middle;
}

#intro ul.serviceList li .textArea sup{
	position: relative;
	top: -5px;
	font-size: 10px;
	margin-left: 5px;
}
#intro p.note{
	clear: both;
	font-size: 13px;
	padding:20px 0 50px 40px;
}
#intro p.note span {
  display: inline-block;
}
#intro p.note span.indent__a {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
#intro p.note span.indent__b {
  display: inline-block;
  padding-left: 1.9em;
  text-indent: -1.9em;
}
#intro p.note span.indent__c {
  display: inline-block;
  padding-left: 1.9em;
  text-indent: -1.9em;
}
#intro p.note span a{
	text-decoration: underline;
}
#intro ul.btnList{
	text-align: center;
	padding-bottom: 100px;
}
#intro ul.btnList li{
	display: inline-block;
}
#intro ul.btnList li:first-child{
	margin-right: 28px;
}

/*----------------------------
			intro
-----------------------------*/
#howto{
	background-color: #fff;
	overflow: hidden;
	padding-top: 100px;
}

#howto ul.stepList li{
	width: 200px;
	float: left;
	margin-left: 10px;
	text-align: center;
}
#howto ul.stepList li:first-child{
	margin-left: 0;
}
#howto ul.stepList li .box{
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	margin-top: 10px;
}
#howto ul.stepList li .box .img{
	padding: 25px 0 15px;
	border-bottom: 1px solid #e6e6e6;
}
#howto ul.stepList li .box .textArea{
	padding: 15px 5px 15px;
	font-size: 12px;
}
#howto ul.stepList li .box .textArea h4{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

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

.stepList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}
/*--/clearfix----------*/

#howto .btnContact{
	clear: both;
	text-align: center;
	margin: 30px 0 100px;
}

#howto .btn-bottom {
	padding-top: 100px;
	text-align: center;
}

/*----------------------------
			price
-----------------------------*/
#notice{
	margin-top : -90px;
	padding-top : 90px;
	}
#express{
	margin-top : -120px;
	padding-top : 120px;
	}
#price{
	background-color: #fff;
	padding-bottom: 100px;
}

.price-mv {
	margin-bottom: 60px;
}
.price-mv__bnr {
	margin: 45px auto 90px auto;
	width: 100%;
}
.price-mv__bnr a{
	transition: .3s;
}
.price-mv__bnr a:hover{
	opacity: 0.6;
	transition: .3s;
}
.price-mv p { text-align: center;}

.price-mv .hr {
	height: 60px;
	border-bottom: 1px solid #d8d8d8;
}

.price-mv p.ano {
	display: inline-block;
	font-size: 13px;
	text-align: left;
	padding-left: 1.3em;
	margin-bottom: 25px;
}

.price-mv p.ano span {
	padding-left: 0em;
	text-indent: -1.3em;
	position: relative;
}
.price-mv p.ano span::before {
	content: "※";
	position: absolute;
	top: -0.3em;
	left: 0;
}

#price h2{
	/*border-top: 1px solid #d8d8d8;*/
	/*border-bottom: 1px solid #d8d8d8;*/
	padding: 0;
	color: #f09502;
	font-size: 35px;
	line-height: 1.4;
	margin-bottom: 25px;
}
#price h2 span{
	display: block;
	color: #999999;
	font-size: 15px;
	font-weight: normal;
}
#price .inner{
	max-width: 850px;
	width: 100%;
	text-align: center;
}
#price .inner img {
	width: 100%;
}
#price .inner h3{
	color: #f09502;
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 25px;
	line-height: 1em;
}
#price .inner h3 span{
	font-size: 24px;
}
#price .inner h3.bottom { margin-bottom: 0;}

#price .inner h4 {
	color: #f09502;
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: left;
}

.sub_ttl_fontsize{
	font-size: 22px;
}
.sub_ttl_fontsize span{
	font-size: 10px;
	vertical-align: super;
}
.time-txt {
	font-size: 14px;
	margin-bottom: 50px;
	text-align: left;
}
.bold-ttl{
	text-align: left !important;
	font-weight: bold !important;
}
.indent-a {
	display: inline-block;
	padding-left: 1.2em !important;
	text-indent: -1.2em !important;
}
.time-txt span {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
a.link-line{
	text-decoration: underline;
	color: #333 !important;
}
.time-txt span.indent {
	padding-left: 1em;
	text-indent: 0;
}

.time-txt a {
	color: #f09502;
}
.text_red{
	color:#ff0000;
}
.time-txt.top { font-size: 15px;}

.time-under-txt { margin-bottom: 10px;}

.contact-txt { margin-bottom: 10px;}

.contact-txt small { font-size: 13px;}

.contact-txt span {
	color: #f09502;
	font-size: 18px;
}

.contact-txt a {
	color: #f09502;
	text-decoration: underline;
}

.contact-txt a:hover { text-decoration: none;}

.contact-txt-line {
	border: 1px solid #aaa;
	border-radius: 6px;
	margin-bottom: 50px;
	padding: 20px;
	text-align: center;
}

.contact-btn-area { display: none; }

#price .inner .box{
	/*border-radius: 10px;*/
	/*overflow: hidden;*/
	margin-bottom: 50px;
}
#price .plans{
	margin-bottom: 100px;
}
#price .plans .box{
	background-color: #f4f5f6;
	padding: 60px 0;
	border-radius: 10px;
}
#price .plans dl{
	width: 450px;
	margin: -20px auto 40px;
}
#price .plans dl.spot{ width: 560px;}
#price .plans dl.spot dt{ width: 308px;}
#price .plans dt{
	clear: both;
	float: left;
	width: 278px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	padding-top: 17px;
}
#price .plans dt.result{
	border-top:1px solid #d3d8dc;
	font-size: 13px;
	padding-top: 23px;
}
#price .plans dd{
	overflow: hidden;
	zoom:1;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}
#price .plans dd.result{
	border-top:1px solid #d3d8dc;
	font-size: 25px;
	padding: 10px 0 0 25px;
}
.service-slider a {
	color: #f09502;
	text-decoration: underline;
}

.service-slider a:hover { text-decoration: none;}
#price .plans dd small{
	margin-left: 5px;
	font-size: 18px;
}

#price .plans dd span {
	/*display: inline-block;*/
	font-size: 18px;
	margin-left: 10px;
	padding-left: 30px;
	position: relative;
}

#price .plans dd span:before {
	content: '※スタッフ1名あたりの金額';
	font-size: 13px;
	left: 30px;
	position: absolute;
	top: -25px;
	white-space: nowrap;
}

#price .plans dd span:after {
	bottom: 0;
	content: '/';
	left: 0;
	font-size: 30px;
	line-height: 1;
	position: absolute;
}

#price .plans p.note{
	width: 415px;
	text-align: left;
	margin: 0 auto;
	font-size: 13px;
}

#price #add .plans p.note span {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}

#price #add table{
	border: 1px solid #aaa;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
#price #add table th{
	padding: 20px 10px;
	font-weight: 600;
	font-size: 15px;
	background-color: #f4f5f6;
}
#price #add table tr.head th{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	background-color: #f09502;
}
#price #add table td{
	padding: 20px 10px;
	font-size: 15px;
}
#price #add table td.line{
	border-left: 1px solid #f4f5f6;
}
#price dl.note{
	font-size: 12px;
	overflow: hidden;
	margin-bottom: 50px;
}
#price dl.note dt{
	clear: both;
	width: 2.5em;
	float: left;
}
#price dl.note dd{
	overflow: hidden;
	zoom:1;
}

#price #add table th{
	padding:20px 0 20px 180px;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
#price #add table td{
	padding: 20px 80px;
	border-bottom: 1px solid #ccc;
}
#price #add table tr.no th,#price #add table tr.no td{
	border-bottom: 0px;
}
#price #add table tr.head th{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	background-color: #f09502;
	padding: 20px 0 !important;
}

#price .price-table {
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #dadada;
	color: #363636;
}

#price .price-table.sp-view {
	display: none;
}

#price .price-table tr {
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

#price #plan{
	margin-top:-100px;
  padding-top:100px;
	margin-bottom: 60px;
}
@media only screen and (min-width: 0px) and (max-width: 768px){
#price #plan{
	margin-top:-50px;
  padding-top:50px;
}
}

#price .new-icon{
	background-color: #f09502;
	color: #fff;
	font-size: 13px;
	border-radius: 3px;
	padding: 4px 12px;
}
@media only screen and (min-width: 0px) and (max-width: 768px){
#price .new-icon{
	margin-right: 10px;
}
}

.plan-sec {
	margin-top: 80px;
}

.plan-sec:first-of-type {
	margin-top: 20px;
}

.price-table caption {
	padding: 10px 0;
	background: #f09502;
	color: #fff;
	text-align: center;
}

.price-table .plan-type {
	font-size: 27px;
	font-weight: bold;
}

.price-table .plan-type .small {
	font-size: 20px;
	font-weight: bold;
	padding-left: 0.2em;
}

.price-table .plan-name {
	font-size: 14px;
	width: 150px;
}

.price-table th,
.price-table td {
	box-sizing: border-box;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.price-table .hdr-line {
	border-bottom: 1px solid #dadada;
	background: #f2f2f2;
}

.price-table .al-l {
	text-align: left;
}

.price-table .font-norm {
	font-weight: normal;
}

.price-table .data {
	padding: 25px 10px;
	text-align: center;
	font-weight: bold;
}

.price-table .data .icon {
	padding: 0 10px 15px 10px;
	width: 60px;
	margin: 0 auto;
}
.price-table .data .icon.icon--big {
	width: 70px;
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.price-table .data .icon {
		width: 50px;
	}
	.price-table .data .icon.icon--big {
		width: 60px;
	}
}
.price-table .data .icon img {
	width: 100%;
}

.price-table .hdr-line .data {
	font-weight: normal;
}

.price-table .data-col {
	padding: 10px;
	text-align: center;
}

.price-table .data-l {
	width: 290px;
}

.price-table .data-col-all span {
	display: block;
}

.price-table .data-col-all .extention {
	margin-bottom: 100px;
}

.price-table .col-half {
	width: 150px;
}

.price-table .plan-frequency {
	width: 175px;
}

.price-table .plan-note {
	padding: 12px 20px;
}
.price-table .tax_10per {
	color:#c40000;
}
.price-table .tax_10per_ttlblack {
	color:#000000;
}
.price-table .tax_10per_ttlred {
	color:#c40000;

}
.price-table .tax_10per_ttlsml {
	font-size: 14px;
	line-height: 12px;
	font-weight: normal;
}
.price-table hr{
	border-top: 1px solid #f6c47a;
	border-bottom: none;
	width: 90%;
	margin: 13px auto;
}

.campaign_notice{
	margin: 0 auto 90px auto;
	border: 1px solid #f09502;
	box-sizing: border-box;
	padding: 20px;
	width: 810px;
}
.info-title-right{
	text-align: right;
}
.info-lead-bgglay{
	padding: 30px;
	background-color: #f9f8f4;
	margin: 30px 0;
}
.info-lists{
	margin-bottom: 60px;
}
.info-list{
	display: flex;
	flex-wrap: wrap;
	flex-flow: wrap;
}
.info-list:first-child{
	border-top:1px solid #dadada;
}
.info-list dt{
	background-color: #f09502;
	color: #fff;
	font-weight: bold;
	width: 20%;
	text-align: center;
	padding: 15px 0;
	border-bottom:1px solid #dadada;
	box-sizing: border-box;

}
.info-list dd{
	width: 80%;
	padding: 15px;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	box-sizing: border-box;
}
.info-contact-text span{
	display: inline;
	color: inherit;
	font-size: 15px;
}
@media only screen and (min-width: 0px) and (max-width: 768px){
	.info-list{
		display: block;
	}
	.info-list dt{
		width: 100%;
		padding: 7px 0;
	}
	.info-list dd{
		width: 100%;
		border-left:1px solid #dadada;

	}
}
.info-list--smalltxt{
	font-size: 12px;
	/* color: #aaa; */
}
.info-text-note-ttl{
	font-weight: bold;
	display: block;
}
.info-text-note--small{
	font-size: 12px;
}
.info-text-note--bold{
	font-weight: bold;
	margin-bottom: 30px;
}
.info-text-note--indent{
	padding-left:1em;
	/* text-indent: -1em; */
}
.info-text-notice{
	margin-bottom: 60px;
}
.info-btn-center{
text-align: center;
margin-bottom: 30px;
}
.contact-txt-line.info-contents{
	display: block;
}
/*--------------------use-timing--------------------*/

#use-timing {
	padding: 80px 0 150px;
}

/*--------------------flexible-support--------------------*/

/*--------------------three-promises--------------------*/

#three-promises {
	padding: 80px 0 150px;
	text-align: center;
}

/*----------three-promises-block----------*/

.three-promises-block {
	margin-top: 100px;
}

.three-promises-block li {
	border: 4px solid #f09502;
	background: #f09502;
	border-radius: 1000px;
	color: #fff;
	display: inline-block;
	height: 310px;
	margin: 0 25px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 310px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.three-promises-block li:first-child { margin-left: 0;}

.three-promises-block li:last-child { margin-right: 0;}

.three-promises-block li div {
	display: inline-block;
	font-size: 13px;
	top: 50%;
	left: 0;
	position: absolute;
	vertical-align: middle;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.three-promises-block li.no02 div { top: 50%;}

.three-promises-block .icon img { width: 100%;}

.three-promises-block .icon {
	margin: 0 auto;
	width: 55px;
}

.three-promises-block .tit {
	font-size: 20px;
	font-weight: bold;
	/*line-height: 1.3;*/
	margin: 20px 0;
}

.three-promises-block .tit.tow-line { margin: 10px 0;}

.promises-block-after p {
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
}

.promises-block-after img { width: 100%;}

.promises-block-after p.bottom { margin-top: 10px;}

.three-promises-block li div.promises-block-after {
	display: inline-block;
	top: 50%;
	left: 0;
	opacity: 0;
	position: absolute;
	vertical-align: middle;
	width: 100%;
	-webkit-transform: scale(.7) translateY(-70%);
	-moz-transform: scale(.7) translateY(-70%);
	-ms-transform: scale(.7) translateY(-70%);
	-o-transform: scale(.7) translateY(-70%);
	transform: scale(.7) translateY(-70%);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

/*-----hover-----*/

.three-promises-block li.active {
	border: 4px solid #fff;
	/*height: 425px;*/
	position: relative;
	/*width: 425px;*/
	z-index: 2;
	-webkit-transform: scale(1.5,1.5);
	-moz-transform: scale(1.5,1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5,1.5);
	transform: scale(1.5,1.5);
}

.three-promises-block li.active .promises-block-before { opacity: 0;}

.three-promises-block li.active div.promises-block-after { opacity: 1;}

/* --- Subpage common parts --- */

a.apl-link { color: #f09502;}

#site_contents { background-color: #fff;}

.outline-hdr {
	padding: 10px 20px;
	margin-bottom: 35px;
	color: #fff;
	background: #f09502;
	font-size: 22px;
}

.cont-hdr {
	padding: 0;
	color: #f09502;
	font-size: 35px;
	line-height: 1.4;
	margin-bottom: 40px;
}

.cont-hdr span{
	display: block;
	color: #999999;
	font-size: 15px;
	font-weight: normal;
}

.page-cont {
	padding: 0 0 80px;
}

.page-cont .inner{
	width: 850px;
}

.content-part {
	margin-bottom: 100px;
}

.terms-item_cont {
	padding-left: 1em;
	box-sizing: border-box;
}

.cont-in-list {
	margin: 15px 0;
}

.cont-in-list li {
	position: relative;
	padding-left: 1.5em;
}

.cont-in-list li::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 8px;
	height: 8px;
	background: #f09502;
	border-radius: 50%;
}

.desc-list dt {
	font-weight: bold;
}

.desc-list .square-head::before {
	content: '■ ';
	color: #f09502;
}

ol.ordered {
	padding-left: 1.3em;
	box-sizing: border-box;
}

ol.ordered li {
	list-style: decimal;
}


/* --- infomation policy --- */

.terms-hdr {
	padding-left: 10px;
	margin-bottom: 30px;
	color: #f09502;
	border-left: 4px solid #f09502;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.terms-txt {
	text-align: left;
	font-size: 15px;
}

/* --- terms of use --- */
.use-env {
	margin: 15px 0;
}

.use-env .device {
	font-weight: bold;
	margin-top: 5px;
}

.use-env .cont-in-list {
	margin: 0;
}

.linkbase {
	margin: 15px 0;
}

/* prorivacy policy */

.to-contact-list {
	margin-top: 20px;
}

/* Terms_and_Conditions */

.term_namelist{
	display: flex;
	flex-flow: wrap;
	flex-wrap: wrap;
}
@media all and (-ms-high-contrast: none){
  .term_namelist{
    margin-top: -27px;
  }
}

.term_namelist dt{
	width: 25%;
	margin: 0 5% 0 0;
}

.term_namelist dd{
	width: 70%;
}
.terms-contentlist-inner,.terms-contentlist-inner li{
	list-style: none !important;
}
.terms-contentlist-inner li{
	padding-left: 1em;
  text-indent: -1em;
  box-sizing: border-box;
}
.terms-smallttl{
	font-weight: bold;
	display: block;
}



.sp-only { display: none;}

/*----------------------------
			404
-----------------------------*/
section.page404 {
    background-color: #fff;
    text-align: center;
    padding-top: 50px;
    max-width: 1200px;
    margin: 20px auto 0;
}
.page404-img {
    max-width: 130px;
    margin: 0 auto;
}
#page404 h3 {
	color: #f09502;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1em;
	margin-top: 40px;
}
#page404 .page404_text {
	padding: 20px 0;
}
#page404 .inner {
	margin-top: 20px;
}
#page404 ul.btnList {
    text-align: center;
    padding-bottom: 50px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 2px;
}
#page404 ul.btnList li:first-child {
    margin-right: 0px;
}
main a.btn.page404 span {
    background: url(../img/common/btn_prev_white.png) no-repeat 0 46%;
    padding-left: 25px;
    display: inline-block;
	background-position: left;
}

.br_sp {
	display: none;
}

@media screen and (max-width: 1100px) {
	.c-inner-l {
		padding-top: 12px;
	}
	#page404 .c-bread {
		margin-bottom: 12px;
	}
	section.page404 {
		margin: 0px auto 0;
	}
	#page404 h3 {
		font-size: 27px;
		line-height: 1.2em;
	}
	/* main {
		padding: 113px 0 0;
	} */
}

@media screen and (max-width: 768px) {
	.c-inner-l {
		padding-top: 8px;
		margin-left: 1.5em;
	}
	#page404 .c-bread {
		margin-bottom: 8px;
	}
	.page404-img {
		height: 30%;
		width: auto;
	}
	section.page404 {
		padding: 50px 20px 0;
		margin: 0px auto 0;
	}
	#page404 h3 {
		font-size: 24px;
		line-height: 1.2em;
	}
	a.btn.page404 {
		padding: 0 85px;
	}
	.br_sp {
		display: block;
	}
}


/*----------------------------
			footer
-----------------------------*/
footer .nav01{
	margin-bottom: 5px;
	padding-bottom: 60px !important;
}
footer .nav01 .col dt,footer .nav01 .col02 dt{
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 15px;
	padding-left: 15px;
	border-left: 2px solid #6eb92b !important; 
}
footer .nav01 .col02 .dt02{
	margin-bottom: 35px;
	flex-shrink: 0;
}
footer .nav01 .col02{
	float: left;
	border-left: 2px solid transparent;
	margin-left: 25px;
	width: 32%;
}
footer a.btn.group::before {
	content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  right: 25px;
  top: 20px;
	transform: rotate(135deg);
	transition: 0.3s;
}
footer a.btn.group.opened::before {
	transform: rotate(-45deg);
	transition: 0.3s;
	top: 25px;
}
footer .nav-toggle-btn, footer .nav-toggle-btn02{
	max-width: 280px;
	width: 100%;
	margin: 20px auto;
	display: none;
}
.footer_cat_ul li{
	width: 100px;
}
.col02_2{
	width: fit-content !important;
}
.dt02_cat{
	width: 120px;
}
.pc{
	display: block;
}
.nav01sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.dt02_cat{
		width: 100%;
	}
	.footer_cat_ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
}






.footer_contact p{
	text-align: center;
}
footer a.btn.group {
	position: relative;
}
footer a.btn.group::after {
	content: "";
	position: absolute;
	top: 24px;
	right: 15px;
	display: block;
	width: 20px;
	height: 12px;
	background: url(../images/icon_arrow.gif) no-repeat center center;
	background-size: cover;
	transition: transform 0.4s ease;
}
footer a.btn.group.opened::after {
	transform: rotate(180deg);
}
footer nav{
	padding: 100px 0;
	background-color: #f9f8f4;
	position: relative;
	overflow: hidden;
}
footer nav .col,footer nav .col02{
	float: left;
	border-left: 2px solid #e4e4e4;
	margin-left: 25px;
	width: 215px;
}
footer nav .col dt,footer nav .col02 dt{
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 15px;
	border-left: 2px solid #f2a324;
	padding-left: 15px;
}
footer nav .col dd,footer nav .col02 dd{
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 20px;
}
footer nav .col dd:last-of-type{ margin-bottom: 0;}
footer nav .col dd li,footer nav .col02 dd li{
	margin-bottom: 15px;
	padding-left: 10px;
	position: relative;
	/*line-height: 1.4;*/
}
footer nav .col dd li:before,footer nav .col02 dd li:before{
	content: '';
	border-top:2px solid #a6a6a6;
	width: 4px;
	height: 2px;
	position: absolute;
	top:8px;
	left: 0;
	margin-top: -1px;
}
footer nav .col dd li a,footer nav .col02 dd li a{
	position: relative;
	display: inline-block;
	transition: .3s;
}
footer nav .col dd li a::after,footer nav .col02 dd li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ccc;
	transition: .3s;
}
footer nav .col dd li a:hover::after,footer nav .col02 dd li a:hover::after {
	width: 100%;
}
footer .navArea{
	width: fit-content;
}
footer .navArea h2{
	text-align: left !important;
}
footer .inner{
	text-align: center;
}

.btn_twitter {
	width: fit-content;
	margin: 20px 0 0 24px;
	display: block;
}
.btn_twitter:hover {
	opacity: 0.8;
}
.btn_twitter img {
	width: 100%;
}
footer .footer{
	padding: 20px 0 40px;
	position: relative;
	overflow: hidden;
}
footer .navArea h2{
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 13px;
	margin-left: 25px;
}
footer .navArea li{
	display: inline-block;
	position: relative;
	padding-left: 10px;
	margin-left: 25px;
	font-size: 13px;
}
footer .navArea li:before{
	content: '';
	border-top:2px solid #a6a6a6;
	width: 4px;
	height: 2px;
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -1px;
}
footer .navArea li a{
	position: relative;
	display: inline-block;
	transition: .3s;
}
footer .navArea li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ccc;
	transition: .3s;
}
footer .navArea li a:hover::after {
	width: 100%;
}
footer .copy{
	position: static;
	margin-top: 20px;
	padding-right: 25px;
	text-align: right;
	font-size: 10px;
	font-family: Arial, Helvetica, "sans-serif";
	color: #a6a6a6;
}
footer .copy img{
	display: block;
	margin-bottom: 10px;
	max-width: 180px;
	width: 100%;
	margin-left: auto;
}
.footer_bnr{
	position: fixed;
	text-align: center;
	bottom: 8px;
	right: 0;
	left: 0;
	/* z-index: 2; */
}
.footer_bnr a{
	display: inline-block;
}
.footer_bnr img{
	max-width: 730px;
	width: 100%;
	z-index: 100;
}
.footer_bnr_box{
	width: 100%;
	height: 155px;
	background-color: #f9f8f4;
	/* position: fixed;
	bottom: 0;
	z-index: 1; */
}
@media screen and (max-width: 600px) {
	.footer_bnr_box{
		height: 70px;
	}
}
#hogehoge{
  padding-bottom: env(safe-area-inset-bottom);
  }
#pagetop{
	bottom: 30px;
	position: absolute;
	right: 50px;
	width: 40px;
}

#pagetop img { width: 100%;}

#pagetop a{transition: all .3s;}
#pagetop a:hover{opacity:0.7;}

/* text.image */

.clear {clear:both;}
.bold{ font-weight:bold;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f24{font-size:24px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml3p{margin-left:3%;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt10_pc{ padding-top:10px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb80{padding-bottom:80px;}

.pl5{padding-left:5px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr50{padding-right:50px;}

.disnon {display:none;}

.center {text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}

.bold{font-weight:bold;}
.super{ vertical-align: super;}

.pc_none{ display:none;}
.sp_none{ display:block;}
.pc_br{ display:block;}
.sp_br{ display:none;}

.note{font-size: 13px;}
.block{ position: relative;}

.picW{
	width: 1000px;
	margin: 0 auto;
}
.red{color:#d81617;}
.landScape{ display: none;}
.nowrap{white-space: nowrap;}


@media only screen and (min-width: 768px) and (max-width: 1100px){

	.page-cont .inner{
		width: 90%;
	}

	.min .ja-en { top: 17px;}

	header img { max-width: 260px; width: 100%; }

	.side-conversion.pc-on {
		display: none !important;
	}
	main{
		overflow:hidden;
		padding-top: 80px;
	}

	/*----------------------------
				header
	-----------------------------*/

	header{
		top: 0;
		padding: 10px 10px 10px;
	}
	header.min{
		top: 0;
		padding: 10px 10px 10px;
	}
	header h1{
		width: 160px;
	}
	header .btnMail{
		position: absolute;
		right: 10px;
		top: 10px;
		transition: all .4s;
		width: 34px;
	}
	header.min .btnMail{
		top: 10px;
	}
	header .btnMail p{
		display: none;
	}
	header #menu{
		width:34px;
		height:34px;
		box-sizing:border-box;
		padding:11px 0 0 8px;
		position:absolute;
		right:20px;
		top:7px;
		z-index:9997;
		transition: all .4s;
	}
	header.min #menu{
		top: 7px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 24px;
		height: 18px;

	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333;
	}
	.menu-trigger.active span {
		background-color: #fff;
	}
	.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-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
	header nav{
		position: fixed;
		top: 80px;
		right: -280px;
		background-color: #f09502;
		height: 120%;
		width: 280px;
		transition: all .4s;
	}
	header nav.active{
		right: 0;
	}
	header.min nav{
		top: 80px;
	}

	header nav li{
		border-bottom: 1px solid #f6c47a;
	}
	header nav li a{
		display: block;
		padding: 15px 0 15px 35px;
		font-size: 13px;
		color: #fff !important;
		background-color: #f09502;
		position: relative;
		transition: all .4s;
	}
	header nav li a:before{
		content: '';
		border-top:2px solid #fff;
		width: 10px;
		height: 2px;
		position: absolute;
		top:50%;
		left: 15px;
		margin-top: -1px;
	}
	header nav li a:hover,header nav li a.current{
		background-color: #f9af38;
	}
	header nav .bg{
		background-color: #f09502;
		height: 80px;
		width: 95px;
		position: absolute;
		top: -80px;
		right: 0;
		z-index: 10;
		transition: all .4s;
	}
	header.min nav .bg{
		height: 80px;
		top: -80px;
	}

	header .head_logo img { max-width: 260px; width: 100%;}

	header h1 span { display: none;}

	header .header-concept { display: none; }

	.sp-txt {
		background: #fff;
		display: block;
		/*line-height: 1.3;*/
		padding: 3% 0;
		text-align: center;
	}

	.ja-en {
		right: 70px;
		top: 17px;
	}

}

@media only screen and (min-width: 0px) and (max-width: 768px){
	body { font-size: 13px;}
	.ja-en {
		font-size: 13px;
		right: 16vw;
		top: 4.2vw;
	}
	.min .ja-en { top: 4.2vw;}
	#wrapper{
		min-width: inherit !important;
		overflow: hidden;
	}
	main img,header img,footer img{ width:100%; height:auto;}
	.sp_br{ display:inline-block;}
	.pc_br{ display:none;}
	.pc_none{ display:block;}
	.sp_none{display:none;}

	.inner{
		width:100%;
		margin:0 auto;
		position:static;
	}

	main{
		overflow:hidden;
		padding-top: 66px;
	}

	main h2{
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		padding-top: 35px;
		margin:0px 0 30px;
	}
	main h2 img{
		display: block;
		margin: 5px auto 0;
	}

	main a.btn{
		background-color: #f09502;
		width: 100%;
		height: 60px;
		line-height: 60px;
		color: #fff;
		font-size: 15px;
		text-align: center;
		display: inline-block;
		border-radius: 5px;
		transition: all .4s;
	}
	main a.btn:hover{
		opacity: 0.7;
	}
	main a.btn.price span{
		background: url(../images/icon1.gif) no-repeat 0 46%;
		background-size: 24px;
		padding-left: 40px;
		display: inline-block;
	}
	main a.btn.contact span{
		background: url(../images/icon2.gif) no-repeat 0 46%;
		background-size: 24px;
		padding-left: 40px;
		display: inline-block;
	}
	main a.btn.call span{
		background: url(../images/icon3.gif) no-repeat 0 46%;
		background-size: 24px;
		padding-left: 40px;
		display: inline-block;
	}
	main .btnTop a.btn{
		background-color: #7d7d7d;
	}
	main .btnTop a.btn span{
		background: url(../images/arrow.png) no-repeat 0 50%;
		background-size: 6px;
		padding-left: 20px;
		display: inline-block;
	}

	/*----------------------------
				header
	-----------------------------*/

	header{
		top: 0;
		padding: 10px 20px;
	}
	header.min{
		top: 0;
		padding: 10px 20px;
	}
	header h1{
		width: 155px;
	}
	header .btnMail{
		position: absolute;
		right: 10px;
		top: 10px;
		transition: all .4s;
		width: 34px;
	}
	header.min .btnMail{
		top: 10px;
	}
	header .btnMail p{
		display: none;
	}
	header #menu{
		width:44px;
		height:44px;
		box-sizing:border-box;
		padding:11px 0 0 8px;
		position:absolute;
		right:4vw;
		top: -9px;
		z-index:9997;
		transition: all .4s;
		font-size: 2vw;
		font-weight: 600;
		text-align: center;
		line-height: 1.4;
	}
	header.min #menu{
		top: -9px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 30px;
		height: 20px;

	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333;
	}
	.menu-trigger.active span {
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 9px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(9px) rotate(-45deg);
		transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}
	header nav{
		position: fixed;
		top: 57px;
		right: -280px;
		background-color: #f09502;
		height: 120%;
		width: 280px;
		transition: all .4s;
	}
	header nav.active{
		right: 0;
	}
	header.min nav{
		top: 57px;
	}

	header nav li{
		border-bottom: 1px solid #f6c47a;
	}
	header nav li a{
		display: block;
		padding: 15px 0 15px 35px;
		font-size: 13px;
		color: #fff !important;
		background-color: #f09502;
		position: relative;
		transition: all .4s;
	}
	header nav li a:before{
		content: '';
		border-top:2px solid #fff;
		width: 10px;
		height: 2px;
		position: absolute;
		top:50%;
		left: 15px;
		margin-top: -1px;
	}
	header nav li a:hover,header nav li a.current{
		background-color: #f9af38;
	}
	header nav .bg{
		background-color: #f09502;
		height: 57px;
		width: 95px;
		position: absolute;
		top: -57px;
		right: 0;
		z-index: 10;
		transition: all .4s;
	}
	header.min nav .bg{
		height: 57px;
		top: -57px;
	}

	header .head_logo img { max-width: 160px; width: 100%;}

	header h1 span { display: none;}

	header .header-concept { display: none; }

	.sp-txt {
		background: #fff;
		display: block;
		font-size: 13px;
		/*line-height: 1.3;*/
		padding: 3% 10px;
		text-align: center;
	}

	/*----------------------------
				nav
	-----------------------------*/


	/*----- top ------*/

	/*----------------------------
				mv
	-----------------------------*/
	#mv{
		position: relative;
		background-color: #f9f8f4;
		margin-bottom: 25px;
	}
	#mv .box{
		/* background-color: #fff;
		padding: 25px !important; */
		position: relative;
		top: 0;
		right: 0;
		width: 90%;
		margin-left: 10%;
		margin-top: -50px;
		box-sizing: border-box;
	}

	/*重要なお知らせ*/

	#mv .wrap_section{
		box-sizing: border-box;
	    max-width: calc(1400px + 8%);
	    margin-left: auto;
	    margin-right: auto;
	    padding-left: 4%;
	    padding-right: 4%;
	    margin-bottom: 0;
	}

	#important_news {
		display: block;
		margin-top: 35px;
	}

	#mv .news_box {
	    max-width: 768px;
	    margin: 0 auto;
	 }

	#mv .wrap {
		display: flex;
	    border: 2px solid #F09502;
	    font-size: 1.8rem;
	    line-height: 1.3;
	}

	#mv .wrap .article {
		width: calc(100%);
	    padding: 20px;
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    text-align: center;
	}

	#mv .wrap .article .text {
		font-size: 14px;
		width: 100%;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    display: block;
	    text-decoration: none;
	}

	/*ここまで*/

	#mv .box__top{
		background-color: #fff;
		padding: 25px !important;
	}
	#mv .box__btm{
		margin-top: 40px;
		margin-bottom: 30px;
		width: 90%;
	}
	#mv .box__btm a img{
		width:100% !important;
	}
	#mv .box img{
		width: 80%;
	}
	#mv .box p{
		width: auto;
		margin-top: 15px;
		font-size: 13px;
	}

	#mv .box p.add-btn {
		margin: 15px auto 0;
		padding: 5px 0;
		width: 200px;
	}

	#mv .box p.add-btn .icon {
		background: url(../images/btn_pagetop02.jpg) no-repeat center center;
		background-size: 150%;
		height: 18px;
		width: 18px;
	}

	#mv .box p.add-btn.on .icon {
		background: url(../images/btn_pagetop.png) no-repeat center center;
		background-size: 150%;
	}

	#mv .news{
		padding: 20px 5%;
	}
	#mv .news h3{
		margin-bottom: 20px;
		width: 60px;
	}
	#mv .news li{
		position: relative;
		padding: 0 30px 0 10px;
		font-size: 12px;
		margin-bottom: 5px;
		margin-left: 0;
	}
	#mv .news li:before{
		content: '';
		border-top:2px solid #a6a6a6;
		width: 4px;
		height: 2px;
		position: absolute;
		top: 32px;
		left: 0;
		margin-top: -1px;
	}

	#mv .news li span{
		/*margin-left: 20px;*/
		font-style: italic;
		font-family: Arial, Helvetica, "sans-serif";
		color: #b1b1b1;
	}
	#mv .news li a{
		text-decoration: underline;
	}
	#mv .bx-wrapper { max-width: 100% !important;}

	.bxslider-mv { max-width: 100%;}

	/*----------------------------
				characteristic
	-----------------------------*/

	#characteristic{
		background: url(../images/bg1.jpg) no-repeat 0 0;
		background-size: cover;
		padding: 0 25px;
		position: relative;
	}
	#characteristic h2 img{
		width: 100px;
	}

	#characteristic .slider{
		position: relative;
		z-index: 4;
	}
	#characteristic .slider li{
		position: relative;
		padding-bottom: 0;
	}
	#characteristic .slider li .box{
		position: relative;
		bottom: auto;
		left: auto;
		background-color: #fff;
		width: 94%;
		margin-left: 3%;
		margin-top: -10%;
		font-size: 12px;
	}
	#characteristic .slider li .box .boxInner{
		padding: 25px 15px 50px;
	}
	#characteristic .slider li .box hr{
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 8px solid #202a50;
	}
	#characteristic .slider li .box h3{
		font-size: 14px;
		font-weight: 700;
		/*line-height: 1.4;*/
		margin-bottom: 10px;
		padding-top: 25px;
	}
	#characteristic .slider li .box h3.point1{
		background: url(../images/slider_point1.gif) no-repeat 0 0;
		background-size: 50px;
	}
	#characteristic .slider li .box h3.point2{
		background: url(../images/slider_point2.gif) no-repeat 0 0;
		background-size: 50px;
	}
	#characteristic .slider li .box h3.point3{
		background: url(../images/slider_point3.gif) no-repeat 0 0;
		background-size: 50px;
	}
	#characteristic .slider li .box h3.point4{
		background: url(../images/slider_point4.gif) no-repeat 0 0;
		background-size: 50px;
	}
	#characteristic .slider li .box h3.point5{
		background: url(../images/slider_point5.gif) no-repeat 0 0;
		background-size: 50px;
	}
	#characteristic .bg2{
		height: 150px;
	}

/*----------slick-custom----------*/

#characteristic .bxslider button.slick-arrow {
	height: 30px;
	top: 25%;
	width: 15px;
}

#characteristic .bxslider button.slick-arrow.slick-prev { left: -20px;}

#characteristic .bxslider button.slick-arrow.slick-next { right: -20px;}

#characteristic .slider .slick-dots {
	bottom: 20px;
	left: auto;
	right: 8%;
}
	/*----------------------------
				intro
	-----------------------------*/
	#intro{
		min-width: inherit;
		position: relative;
		z-index: 3;
		margin-top: -60px;
	}

	#intro h2 { padding-top: 85px;}
	#intro h2.after-catch { padding-top: 0;}

	#intro h2 img{
		width: 40px;
	}

	#intro ul.serviceList li{
		width: 100%;
		float: none;
		box-sizing: border-box;
		border-left:0px solid #f9f8f4;
		border-bottom:1px solid #f9f8f4;
	}
	/*#intro ul.serviceList li:first-child{
		border: 0px;
	}*/
	#intro ul.serviceList li .pic{
		display: none;
	}
	#intro ul.serviceList li .pic img{}
	#intro ul.serviceList li .textArea{
		padding: 0px 0 0px 50%;

	}
	#intro ul.serviceList li:nth-child(1) .textArea {
		background: url(../images/sp/intro_pic1.jpg) no-repeat -10% 0;
		background-size: 60%;
	}
	#intro ul.serviceList li:nth-child(2) .textArea {
		background: url(../images/sp/intro_pic2.jpg) no-repeat -10% 0;
		background-size: 60%;
	}
	#intro ul.serviceList li:nth-child(3) .textArea {
		background: url(../images/sp/intro_pic3.jpg) no-repeat -10% 0;
		background-size: 60%;
	}
	#intro ul.serviceList li:nth-child(4) .textArea {
		background: url(../images/sp/intro_pic4.jpg) no-repeat -10% 0;
		background-size: 60%;
	}
	#intro ul.serviceList li:nth-child(5) .textArea {
		background: url(../images/sp/intro_pic5.jpg) no-repeat -10% 0;
		background-size: 60%;
	}

	#intro ul.serviceList li .textArea .textAreaInner{
		text-align: left;
		color: #fff;
		padding: 15px 5% 10px 5%;
		background-color: #f09502;
		overflow: hidden;
		zoom:1;
		font-size: 12px;
		/*line-height: 1.4;*/
		min-height: 80px;
	}
	#intro ul.serviceList li .textArea h3{
		border: 1px solid #fff;
		border-radius: 50px;
		/*line-height: 1;*/
		padding: 5px 0;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 10px;
		text-align: center;
	}
	#intro ul.serviceList li .textArea sup{
		font-size: 10px;
		margin-left: 5px;
	}
#intro p.note{
		clear: both;
    padding: 10px 5% 30px 5%;
    font-size: 11px;
	}
#intro p.note span.indent__a {
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}
#intro p.note span.indent__b {
  display: inline-block;
  padding-left: 1.9em;
  text-indent: -1.9em;
}
#intro p.note span.indent__c {
  display: inline-block;
  padding-left: 1.25em;
  text-indent: -1.25em;
}
	#intro ul.btnList{
		text-align: center;
		width: 280px;
		margin: 0 auto -60px;
	}
	#intro ul.btnList li{
		display: block;
		margin-bottom: 10px;
	}
	#intro ul.btnList li:first-child{
		margin-right: 0px;
	}

	/*----------------------------
				intro
	-----------------------------*/
	#howto{
		background-color: #fff;
		overflow: hidden;
		padding: 0 5%;
	}

	.stepList h3 { width: 20%;}
	#howto h2 img{
		width: 50px;
	}
	#howto ul.stepList{
		overflow: hidden;
		/*margin-left: -3%;*/
	}
	#howto ul.stepList li{
		width: 100%;
		float: none;
		margin: 3% 0;
		text-align: center;
	}
	#howto ul.stepList li:nth-child(2n+1){ clear: both;}
	#howto ul.stepList li:first-child{
		margin-left: 0;
	}
	#howto ul.stepList li .box{
		border: 1px solid #e6e6e6;
		border-radius: 10px;
		margin-top: 10px;
		display: table;
		overflow: hidden;
		width: 99%;
	}
	#howto ul.stepList li .box .img{
		display: table-cell;
		padding: 25px 0 15px;
		border-bottom: none;
		width: 26%;
		vertical-align: middle;
		text-align: left;
	}
	#howto ul.stepList li .box .textArea{
		display: table-cell;
		/*padding: 15px 5px 15px;*/
		font-size: 13px;
		text-align: left;
		/*line-height: 1.4;*/
		vertical-align: middle;
		text-align: left;
		padding: 0 2%;
		border-left: 1px solid #e0e0e0;
		width: 69%;
	}
	#howto ul.stepList li .box .textArea h4{
		font-size: 13px;
		font-weight: 700;
		margin-bottom: 10px;
		/*text-align: center;*/
	}
	#howto .btnContact{
		clear: both;
		text-align: center;
		/* padding: 30px 0 50px; */
		width: 280px;
		margin: 30px auto 50px;
	}
	#howto .btnContact.sp-only{
		clear: both;
		display: block;
		margin: 30px auto;
	}

	#howto .btn-bottom { padding: 50px 0 0;}

	.step-arrow { width: 10%;}

	/*----------------------------
				price
	-----------------------------*/


	#price{
		background-color: #fff;
		padding-bottom: 80px;
	}

.price-mv {
	font-size: 12px;
	margin-bottom: 30px;
}
.price-mv__bnr {
	margin: 15px auto 45px auto;
	width: 100%;
}
.price-mv .hr {
	height: 20px;
	border-bottom: 1px solid #d8d8d8;
}

.price-mv p.ano {
	display: inline-block;
	font-size: 11px;
	text-align: left;
	padding-left: 1.3em;
}

.price-mv p.ano span {
	padding-left: 0em;
	text-indent: -1.3em;
	position: relative;
}
.price-mv p.ano span::before {
	content: "※";
	position: absolute;
	top: -0.3em;
	left: 0;
}
#notice{
	margin-top : -60px;
	padding-top : 60px;
	}
#express{
	margin-top : -60px;
	padding-top : 60px;
	}
	#price h2{
		/*border-top: 1px solid #d8d8d8;*/
		/*border-bottom: 1px solid #d8d8d8;*/
		padding: 0;
		color: #f09502;
		font-size: 22px;
		/*line-height: 1.4;*/
		margin-bottom: 30px;
	}

	#price h2 span{
		display: block;
		color: #999999;
		font-size: 13px;
		font-weight: normal;
	}
	#price .inner{
		width: 90%;
		text-align: center;
	}
	#price .inner h3{
		color: #f09502;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
		line-height: 1em;
	}
	#price .inner h3 span{
		font-size: 14px;
	}
	#price .inner .box{
		overflow: hidden;
		margin-bottom: 30px;
	}

	#price #add table th{
		padding:5px 10px 5px 10px;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	#price #add table td{
		padding: 5px 10px;
		border-bottom: 1px solid #ccc;
	}
	#price #add table tr.no th,#price #add table tr.no td{
		border-bottom: 0px;
	}
	#price #add table tr.head th{
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		background-color: #f09502;
		padding: 10px 5px !important;
	}
	#price table span.price{
		white-space: nowrap;
		display: block;
	}

	#price .inner h4 {
		font-size: 18px;
		margin-bottom: 10px;
		color: #f09502;
    font-weight: bold;
    text-align: left;
	}

	#price .plans{
		margin-bottom: 30px;
	}

	.plan-sec {
		margin-top: 10%;
	}

	#price .price-table {
		margin-bottom: 5%;
	}

	#price .price-table.pc-view {
		display: none;
	}

	#price .price-table.sp-view {
		display: table;
	}

	.price-table .plan-type {
		font-size: 18px;
		font-weight: bold;
	}

	.price-table .cap-note {
		font-size: 12px;
		font-weight: bold;
	}

	.price-table .pack {
		padding: 10px;
		background: #f5e4ca;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	.price-table .data {
		padding: 10px;
		text-align: center;
	}

	.price-table .data.title {
		border: none;
	}

	.price-table .data-hdr {
		min-width: 82px;
		background: #f2f2f2;
		text-align: center;
	}

	.price-table .plan-frequency {
		text-align: center;
		border-right: 1px solid #dadada;
	}

.sub_ttl_fontsize{
	font-size: 18px;
}
.sub_ttl_fontsize span{
	font-size: 10px;
	vertical-align: super;
}
	.time-txt {
		font-size: 11px;
		margin-bottom: 30px;
	}
	.bold-ttl{
		text-align: left !important;
		font-weight: bold !important;
	}
	a.link-line{
		text-decoration: underline;
		color: #333 !important;
	}
	.mb20{
		margin-bottom: 20px;
	}
.indent-a {
	display: inline-block;
	padding-left: 1.2em !important;
	text-indent: -1.2em !important;
}
	.time-txt.top { font-size: 13px;}

	.time-under-txt { margin-bottom: 10px;}

	.contact-txt { font-size: 12px;}

	.contact-txt small { font-size: 11px;}

	.contact-txt-line {
		display: none;
	}

	.contact-btn-area {
		display: block;
	}

	.btnCall .notice {
		margin-top: 5px;
		font-size: 12px;
		text-align: center;
		line-height: 1.2;
	}

	.btnCall .notice + .notice {
		margin-top: 0;
	}

	.contact-btn {
		margin-bottom: 10%;
	}



	#price .btn{
		max-width: 280px;
		width: 100%;
		margin:0 auto;
	}
.campaign_notice{
	margin: 0 auto 90px auto;
	border: 1px solid #f09502;
	box-sizing: border-box;
	padding: 20px;
	width: 810px;

}
/*--------------------use-timing--------------------*/

#use-timing {
	padding: 0 0 60px;
}


/*--------------------three-promises--------------------*/

#three-promises {
	padding: 0 0 60px;
	text-align: center;
}

#three-promises h2 img { width: 90px;}

/*----------three-promises-block----------*/

.three-promises-block.pc-only { display: none;}

.three-promises-block-sp {
	display: block;
	margin-top: 50px;
	/*width: 80%;*/
}

.three-promises-block-sp li {
	margin: 0 5px;
	/*padding: 0 10%;*/
	outline: none;
}

#three-promises .bx-wrapper {
	max-width: 95% !important;
}

#three-promises .bx-wrapper .bx-prev,
#three-promises .bx-wrapper .bx-next {
	top: 65vw;
	height: 37px;
	width: 20px;
	z-index: 998;
}

#three-promises .bx-wrapper .bx-prev {
	background: url(../images/three-promises-arrow-left.png) no-repeat 0 0;
	background-size: 100%;
	left: 10px;
}

#three-promises .bx-wrapper .bx-next {
	background: url(../images/three-promises-arrow-right.png) no-repeat 0 0;
	background-size: 100%;
	right: 10px;
}

#three-promises .bx-viewport { height: 100% !important;}

.sercle-block-sp {
	background: #f09502;
	border-radius: 1000px;
	color: #fff;
	position: relative;
	text-align: center;
}

.three-promises-txt {
	font-size: 15px;
	/*line-height: 1.5;*/
	padding: 0 10px;
}
.three-promises-txt.before-hdr {
	font-size: 15px;
	/*line-height: 1.5;*/
	padding: 85px 0 0;
	margin: 0 0 1%;
}

.sercle-block-sp:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.three-promises-sercle {
	left: 0;
	position: absolute;
	font-size: 13px;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
/*
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
*/
}

/*.sp-three-promises-txt {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}*/

.three-promises-block-sp li.slick-active .three-promises-sercle,
.three-promises-block-sp li.slick-active .sp-three-promises-txt { opacity: 1;}

.sercle-block-sp .icon {
	margin: 0 auto;
	width: 40px;
}

.sercle-block-sp .tit {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}

.sp-three-promises-txt {
	margin-top: 10px;
	padding: 0 10px;
}

.three-promises-block-sp button {
	border: none;
	outline: none;
	padding: 0;
	position: absolute;
	top: 21%;
	text-indent: -9999px;
	height: 37px;
	width: 20px;
	z-index: 10;
}

.three-promises-block-sp button.slick-prev {
	background: url(../images/three-promises-arrow-left.png) no-repeat left top;
	background-size: 100%;
	left: 15px;
}

.three-promises-block-sp button.slick-next {
	background: url(../images/three-promises-arrow-right.png) no-repeat left top;
	background-size: 100%;
	right: 15px;
}

/* --- Subpage common parts --- */

.outline-hdr {
	padding: 10px 15px;
	margin-bottom: 20px;
	font-size: 22px;
}

.cont-hdr {
	font-size: 22px;
	margin-bottom: 20px;
}

.cont-hdr span{
	font-size: 13px;
}

.page-cont {
	padding: 0 0 10%;
}

.page-cont .inner{
	width: 90%;
}

.content-part {
	margin-bottom: 8%;
}

.cont-in-list li {
	position: relative;
	padding-left: 1em;
}


/* --- terms --- */

.terms-hdr {
	padding-left: 10px;
	margin-bottom: 30px;
	color: #f09502;
	border-left: 4px solid #f09502;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
}

.terms-txt {
	font-size: 15px;
}
.term_read{
 margin-bottom: 30px;
}

.sp-only { display: inline-block;}

.pc-only { display: none;}

.side-scroll .box { overflow-x: scroll !important;}




	/*----------------------------
				footer
	-----------------------------*/
	footer .nav01 .col02{
		float: left;
		border-left: 2px solid transparent;
		margin-left: 0px;
		width: 100%;
	}
	footer .nav01 .col dt,footer .nav01 .col02 dt{
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 15px;
		padding-left: 33px;
		border-left: none !important; 
	}
	footer .nav-toggle-btn ,footer .nav-toggle-btn02{
		display: block;
	}
	footer nav{
		display: none;
		padding: 20px 0 20px;
		background-color: #f9f8f4;
		overflow: hidden;
	}
	footer nav .col, footer nav .col02{
		margin-left: 2%;
		width: 17%;
	}
	footer nav .col,footer nav .col02{
		float: none;
		border-left: 0px solid #e4e4e4;
		margin-left: 0;
		width: 100%;
	}
	footer nav .col dt, footer nav .col02 dt{
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 15px;
		border-left: 0px solid #f2a324;
		padding-left: 15px;
		padding: 5px 5% 5px 7%;
		background-color: #fff;
		position: relative;
	}
	footer .dt02 a{
		display: block;
	}
	footer .nav02 .col dt:before{
		content: '';
		position: absolute;
		top: 20%;
		left: 3%;
		border-left: 2px solid #f2a324;
		width: 2px;
		height: 60%;
	}
	footer .nav01 .col02 dt:before{
		content: '';
		position: absolute;
		top: 20%;
		left: 3%;
		border-left: 2px solid #6eb92b;
		width: 2px;
		height: 60%;
	}
	footer a.btn{
		background-color: #f09502;
		max-width: 280px;
		width: 100%;
		height: 60px;
		line-height: 60px;
		color: #fff;
		font-size: 15px;
		text-align: center;
		padding-left: 0;
		display: inline-block;
		border-radius: 5px;
		transition: all .4s;
	}

	footer .inner { width: 90%;}
 	
	footer nav .col dd,footer nav .col02 dd{
		padding-left: 15px;
		font-size: 12px;
		margin-bottom: 20px;
		clear: both;
		overflow: hidden;
	}
	footer nav .col dd:last-of-type{ margin-bottom: 0;}
	footer nav .col dd ul, footer nav .col02 dd ul{
		overflow: hidden;
		margin-left: -2%;
	}
	footer nav .col dd li, footer nav .col02 dd li{
		margin-bottom: 15px;
		padding-left: 10px;
		position: relative;
		/*line-height: 1.4;*/
		float: left;
		width: 48%;
		margin-left: 2%;
		box-sizing: border-box;
	}
	footer nav .col dd li:before,footer nav .col02 dd li:before{
		content: '';
		border-top:2px solid #a6a6a6;
		width: 4px;
		height: 2px;
		position: absolute;
		top:0.8em;
		left: 0;
		margin-top: -1px;
	}
	footer nav .col dd li a,footer nav .col02 dd li a{
		position: relative;
		display: inline-block;
		transition: .3s;
	}
	footer nav .col dd li a::after, footer nav .col02 dd li a::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 0;
		height: 1px;
		background-color: #ccc;
		transition: .3s;
	}
	footer nav .col dd li a:hover::after,footer nav .col02 dd li a:hover::after {
		width: 100%;
	}
	footer .btn_twitter {
		width: 110px;
		margin: 10vw 0 0 0;
		display: block;
	}
	footer .btn_twitter:hover {
		opacity: 0.8;
	}
	footer .btn_twitter img {
		width: 100%;
	}





	footer .footer{
		padding: 20px 5%;
		position: relative;
		overflow: hidden;
		margin-bottom: 20vw;
	}
	footer .navArea h2{
		font-weight: 600;
		margin-bottom: 10px;
		font-size: 13px;
		margin-left: 0px;
	}
	footer .navArea li{
		display: inline-block;
		position: relative;
		padding-left: 10px;
		margin-left: 0;
		font-size: 13px;
		width: 49%;
		float: left;
		box-sizing: border-box;
	}
	footer .navArea li:before{
		content: '';
		border-top:2px solid #a6a6a6;
		width: 4px;
		height: 2px;
		position: absolute;
		top:50%;
		left: 0;
		margin-top: -1px;
	}
	footer .navArea li a{
		position: relative;
		display: inline-block;
		transition: .3s;
	}
	footer .navArea li a::after {
		display: none;
	}
	footer .copy{
		clear: both;
		position: static;
		right: 0;
		top:auto;
		text-align: right;
		font-size: 10px;
		font-family: Arial, Helvetica, "sans-serif";
		color: #a6a6a6;
		padding-top: 20px;
		padding-right: 0;
		margin-top: 0;
		margin-left: 0;
	}
	footer .copy img{
		display: block;
		margin-bottom: 10px;
		width: 100%;
		width: 130px;
	}
	#pagetop{
		display:block;
		width: 40px;
		float: right;
		position: static;
		margin-right: 2%;
	}

}

@media only screen and (max-width: 320px) {
	footer a.btn{
		max-width: 280px;
		width: calc(100% - 20px);
		padding: 0 10px;
	}
}


/*--------------------liquid---------------------*/

@media only screen and (min-width: 769px) and (max-width: 1100px){

#wrapper{
  min-width: auto;
  width: 100%;
}

.inner{ width:90%;}

/*----------------------------
      mv
-----------------------------*/

/*#mv .box{ bottom: 50px;}*/

/*--------------------three-promises--------------------*/

#three-promises {
  padding: 0 0 100px;
  text-align: center;
}

/*----------three-promises-block----------*/

.three-promises-block li { margin: 0 15px;}

/*----------------------------
      intro
-----------------------------*/
#intro{ min-width: 100%;}

#intro ul.btnList li a.btn { width: 300px;}

#intro ul.btnList li:first-child{ margin-right: 15px;}

#intro .serviceList .pc_br { display: none;}

/*----------------------------
      intro
-----------------------------*/

#howto ul.stepList li{
  width: 19%;
  float: left;
  margin-left: 1%;
  text-align: center;
}

#howto ul.stepList li img { width: 100%;}

/*----------------------------
      characteristic
-----------------------------*/

/* #characteristic .slider li { padding-bottom: 140px;} */

/* #characteristic .slider li .box {
  bottom: 0;
  left: 5%;
  width: 90%;
} */
#characteristic .slider li{
	position: relative;
	padding-bottom: 0;
}
#characteristic .slider li .box{
	position: relative;
	bottom: auto;
	left: auto;
	background-color: #fff;
	width: 94%;
	margin-left: 3%;
	margin-top: -10%;
	font-size: 12px;
}

#characteristic .slider .slick-dots {
  bottom: 20px;
  left: auto;
  right: 10%;
}

.slick-slide img.pc-only { display: none; }
.slick-slide img.sp-only { display: inline-block; }


/*----------------------------
      footer
-----------------------------*/



footer .copy {
  margin-top: 20px;
  position: static;
}
/* #characteristic .slider li { padding-bottom: 0;} */


}

@media only screen and (max-width: 1021px){

.three-promises-block li:first-child { margin-left: 15px;}

.three-promises-block li:last-child { margin-right: 15px;}

}

@media only screen and (min-width: 769px) and (max-width: 843px){

/*----- top ------*/

/*----------------------------
      mv
-----------------------------*/
#mv{
  position: relative;
  background-color: #f9f8f4;
  margin-bottom: 25px;
}

#mv .box{
  /* background-color: #fff; */
  /* padding: 25px !important; */
  position: relative;
  top: 0;
  right: 0;
  width: 90%;
  margin-left: 10%;
  margin-top: -50px;
  box-sizing: border-box;
}
#mv .box__top{
	background-color: #fff;
	padding: 34px;
}
#mv .box__btm{
	margin-top: 40px;
	margin-bottom: 40px;
	width: 527px;
}
#mv .box__btm a img{
	width:100% !important;
}
#mv .box__btm a{
	transition: .3s;
}
#mv .box__btm a:hover{
	opacity: 0.6;
	transition: .3s;
}
#mv .box img{ width: 80%;}

#mv .box p{
  width: auto;
  margin-top: 15px;
  font-size: 13px;
}

/*----------------------------
      characteristic
-----------------------------*/


#characteristic .slider li .box {
    position: relative;
    bottom: auto;
    left: auto;
    background-color: #fff;
    width: 94%;
    margin-left: 3%;
    margin-top: -10%;
    font-size: 12px;
}

}

@media only screen and (min-width: 739px) and (max-width: 769px){

/*.three-promises-block { display: block;}*/

.three-promises-block li { margin: 0 15px;}

.three-promises-block-sp { display: none;}

}

@media only screen and (max-width: 738px){

.three-promises-block { display: none;}

.three-promises-block-sp { display: block;}

}


/*-----ie-----*/
@media only screen and (max-width: 1053px){

#howto.ie ul.stepList li .box .textArea h4.t-02,
#howto.ie ul.stepList li .box .textArea h4.t-03,
#howto.ie ul.stepList li .box .textArea h4.t-04,
#howto.ie ul.stepList li .box .textArea h4.t-05 { margin: 10px 0 30px;}

}

@media only screen and (max-width: 965px){

#howto.ie ul.stepList li .box .textArea h4.t-03,
#howto.ie ul.stepList li .box .textArea h4.t-04 { margin: 0 0 10px;}

}

@media only screen and (max-width: 789px){

#howto.ie ul.stepList li .box .textArea h4.t-02 { margin: 0 0 10px;}

}

@media only screen and (max-width: 768px){

#howto.ie ul.stepList li .box .textArea h4 { margin: 0 0 10px !important;}

}

/*-----mac-----*/
@media only screen and (max-width: 1023px){

#howto.mac ul.stepList li .box .textArea h4.t-02,
#howto.mac ul.stepList li .box .textArea h4.t-03,
#howto.mac ul.stepList li .box .textArea h4.t-04,
#howto.mac ul.stepList li .box .textArea h4.t-05 { margin: 10px 0 30px;}

}

@media only screen and (max-width: 907px){

#howto.mac ul.stepList li .box .textArea h4.t-04 { margin: 0 0 10px;}

}

@media only screen and (max-width: 886px){

#howto.mac ul.stepList li .box .textArea h4.t-03 { margin: 0 0 10px;}

}

@media only screen and (max-width: 770px){

#howto.mac ul.stepList li .box .textArea h4.t-02 { margin: 0 0 10px;}

}

@media only screen and (max-width: 768px){

#howto.mac ul.stepList li .box .textArea h4 { margin: 0 0 10px !important;}

}

/*--------------------/liquid---------------------*/


.sub-copy {
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	width: 90%;
}

.sub-copy .three-promises-txt { margin-bottom: 30px;}

.chart {
	max-width: 1045px;
	margin-left: auto;
	margin-right: auto;
}

.chart img { width: 100%; }

.chart-txt-area {
	position: relative;
	min-height: 135px;
}

.chart-txt-area .chart-txt {
	position: absolute;
	width: 18%;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.chart-txt .case {
	display: block;
	color: #709a23;
	font-family: 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 18px;
}

.chart-txt-area .case-01 {
	top: 0;
	left: 0;
}
.chart-txt-area .case-02 {
	top: 0;
	left: 20%;
}
.chart-txt-area .case-03 {
	top: 0;
	left: 40%;
}
.chart-txt-area .case-04 {
	top: 0;
	left: 60%;
}
.chart-txt-area .case-05 {
	top: 0;
	left: 80%;
}

.box.plan dl {
	border-bottom: 2px solid #f09502;
	display: table;
	margin: 0 auto;
	padding: 0 10px 5px 10px;
	width: 80%;
}

.box.plan dl.bottom { margin-top: 40px;}

.box.plan dt,
.box.plan dd {
	/*line-height: 1.5;*/
	display: table-cell;
	vertical-align: bottom;
}

.box.plan dt {
	font-size: 15px;
	line-height: 1.5;
	width: 20%;
}

.box.plan dt span {
	color: #f09502;
	display: block;
	font-size: 20px;
}

.box.plan dd {
	line-height: 1;
	font-size: 18px;
	text-align: right;
	width: 80%;
}

.box.plan dd span {
	font-size: 35px;
	font-weight: bold;
}

.box.plan dd span.excluded {
	font-size: 18px;
	margin-left: 20px;
	padding-left: 30px;
	padding-right: 55px;
	padding-top: 15px;
	position: relative;
}

.box.plan dd span.excluded:before {
	content: '※スタッフ１名あたり';
	font-size: 13px;
	left: 30px;
	position: absolute;
	top: 0;
	white-space: nowrap;
}

.box.plan dd span.excluded:after {
	bottom: 0;
	content: '/';
	left: 0;
	font-size: 30px;
	/*line-height: 1;*/
	position: absolute;
}

.table-ano {
	font-size: 13px;
	margin: 0 auto;
	text-align: left;
	width: 520px;
}

.table-ano span {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.plan-bg .inner {
	border-radius: 10px;
	background-color: #f4f5f6;
	margin-bottom: 50px;
	padding: 60px 0;
}

.plan-bg .inner + .btnContact { text-align: center;}

/* #characteristic .slick-slide { max-height: 500px;} */

.slick-slide span {
	display: block;
	max-height: 500px;
	overflow: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 768px){
.slick-slide img.pc-only { display: none; }
.slick-slide img.sp-only { display: inline-block; }


.sub-copy {
	font-size: 15px;
	padding-bottom: 60px;
}

.sub-copy .three-promises-txt { margin-bottom: 30px;}

.sub-copy img { width: 40px;}

.chart {
	position: relative;
}

.chart img {
	width: 100%;
}

.chart-txt-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.chart-txt-area .chart-txt {
	width: 68%;
	font-size: 14px;
}

.chart-txt-area .case-01 {
	top: 10%;
	left: 20%;
}
.chart-txt-area .case-02 {
	top: 29%;
	left: 20%;
}
.chart-txt-area .case-03 {
	top: 47%;
	left: 20%;
}
.chart-txt-area .case-04 {
	top: 68%;
	left: 20%;
}
.chart-txt-area .case-05 {
	top: 87%;
	left: 20%;
}


.box.plan dl {
	display: block;
	padding: 0 0 5px 10px;
	width: 96%;
}

.box.plan dl.bottom { margin-top: 30px;}

.box.plan dt,
.box.plan dd { display: block;}

.box.plan dt {
	font-size: 13px;
	text-align: center;
	width: 100%;
}

.box.plan dt span {
	display: inline;
	font-size: 15px;
}

.box.plan dd {
	font-size: 15px;
	line-height: 1.3;
	text-align: center;
	width: 100%;
}

.box.plan dd span { font-size: 25px;}

.table-ano {
	font-size: 11px;
	margin: 0 auto;
	width: 100%;
}

.plan-bg .inner {
	margin-bottom: 30px;
	padding: 20px 3%;
	width: 84% !important;
}

.box.plan dd span.excluded {
	display: block;
	font-size: 15px;
	margin-left: 0;
	padding-left: 0;
	padding-top: 5px;
	padding-right: 0;
	position: relative;
}

.box.plan dd span.excluded:before {
	content: '※スタッフ１名あたり';
	font-size: 10px;
	left: 30px;
	margin-right: 10px;
	position: static;
	white-space: nowrap;
}

.box.plan dd span.excluded:after {
	bottom: 0;
	display: none;
	content: '/';
	left: 0;
	font-size: 30px;
	line-height: 1;
	position: absolute;
}
}

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