@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/
@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}



@font-face {/*Poppins-Bold*/
  font-family: 'pop';
  src: url('../fonts/Poppins-Bold.ttf');
  src:
  url('../fonts/Poppins-Bold.woff2') format('woff2'),
  url('../fonts/Poppins-Bold.woff') format('woff'),
  url('../fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}


@font-face {/*Poppins-Bold*/
  font-family: 'roboto';
  src: url('../fonts/Roboto-Bold.ttf');
  src:
  url('../fonts/Roboto-Bold.woff2') format('woff2'),
  url('../fonts/Roboto-Bold.woff') format('woff'),
  url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}




/* Link
=========================================== */

a:link, a:visited {
	color:#222222;text-decoration: none;
}
a {
	outline: none;transition: 0.3s;color:#222222;text-decoration: none;
}

a img{transition: 0.3s;}


:focus{outline: none;}


/* 共通設定
=========================================== */

body{}
.pc{display:none!important;}
body {overflow: hidden;
	background:#fff;
	color:#222222;
	font-size:15px;
	line-height: 1.6;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 500;
	 overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break: normal; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */
	padding-top: 50px;
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;color: #141414;}
select{border-radius: 0;color: #000;background: #fff;}
table{width:100%;}
img{max-width:100%;height:auto;width: 100%;}
svg{}
svg path{}
body,li,th,td,p,dt,dd{}

.no-pc{display: inline-block;text-decoration: none!important;}
.inb{display: inline-block;}
.block{display: block;}
.wrap{position: relative;}



/*共通見出し設定*/

.titles01 .jp{display: block;font-size: 15px;}
.titles01{margin-bottom: 30px;line-height: 1.1;font-size: 40px;font-weight: 700;font-family: 'pop';color: #014553;position: relative;padding-bottom: 10px;}
.titles01:before{content:"";width: 30px;height: 3px;background: #FFD400;position: absolute;left: 0;bottom: 0;}

.titles02{font-size: 22px;line-height: 1.4;font-weight: 700;text-align: center;margin-bottom: 22px;}
.titles02 > .inner{display: inline-block;position: relative;}
.titles02 > .inner > span.small{display: block;}
.titles02 > .inner > span.text{display: block;}
.titles02 .small{font-size: 16px;}
.titles02 .text{}


.titles03 {text-align: center;margin-bottom: 20px;font-size: 24px;font-weight: 700;line-height: 1.5;}


/*共通ボタン設定*/

.btn01{width: 100%;height: 60px;display: table;}
.btn01 a{display:table-cell;position: relative;text-decoration: none;border-radius: 10px;background: #087F82;color: #fff;font-size: 18px;line-height: 1.4;box-shadow: 0 8px 0 rgba(0,0,0,0.08);font-weight: 700;text-align: center;vertical-align: middle;}
.btn01 a .arrow{width: 16px;height: 16px;overflow: hidden;position: absolute;z-index: 2;top:50%;right: 15px;transform: translateY(-50%);}
.btn01 a .arrow:before{content:"";width: 64px;height: 16px;background: url("../img/common/btn-arrow01.svg") no-repeat center right,url("../img/common/btn-arrow01.svg") no-repeat center left;position: absolute;right: 0;top:0;}





/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%,#D85E00 100%); color: #fff; border-radius: 10px; }
.gra-text{background: linear-gradient(180deg, #D80000 0%, #D85E00 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}


/*スライダー　ふわっ*/
div#mv-slider,
div.item-mains,
div.item-thumbs,
div.item-slider.flex,
div.slider02,
div.slider03,
div.des-slider,
div.gallery-slider,
div.gallery-thumbs{opacity: 0;transition: opacity .3s linear;}


div#mv-slider.slick-initialized,
div.item-mains.slick-initialized,
div.item-thumbs.slick-initialized,
div.item-slider.flex.slick-initialized,
div.slider02.slick-initialized,
div.slider03.slick-initialized,
div.des-slider.slick-initialized,
div.gallery-thumbs.slick-initialized,
div.gallery-slider.slick-initialized{opacity: 1;}



/*font*/
.robo{ font-family: 'roboto';}
.pop,.num{ font-family: 'pop';}

.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#951010;}
.blue {color:#0075A4;}
.blue02{color: #0093D6;}
.yellow{color:#FFD400;}
.orange{color:#EE5A35;}
.green{color:#087F82;}
.d-green{color:#005E4B;}
.green02{color:#01A9AE;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}


/*header
---------------------------------------------------------------*/
div#header{background:#fff;width: 100%;position: fixed;z-index: 30;left: 0;top:0;height: 50px;display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;padding-right: 51px;}

.logo{width: 104px;padding-left: 2.66vw;padding-top: 8px;}

div#gnav{display: none;}
div.head-texts{display: none;}
div#header .tel-set{width: 50px;height: 50px;margin-left: auto;}
div#header .tel-set .tel-num a{display: block;width: 50px;height: 50px;background: url("../img/common/sp-tel.svg") no-repeat center #3E3E3E;background-size: 17px;}
div#header .tel-set .tel-num a > span{display: none;}
div#header .tel-set .tel-bh{display: none;}
.head-btn.c-btn02,
.head-btn.c-btn03{display: none;}



.head-btns{display: flex;flex-wrap: wrap;margin-left:1px;}
.head-btn{width: 115px;height: 50px;display: table;margin-right: 1px;background: #fff;border-radius:0 0 5px 5px;}
.head-btn:last-child{margin-right: 0;}
.head-btn a{display: flex;flex-wrap: wrap;text-align: center;text-decoration: none;color: #fff;padding: 5px 10px;line-height: 1.26;font-weight: 700;background: #EE5A35;height: 50px;width: 100%;box-sizing: border-box;align-items: center;}
.head-btn a .text{width: calc(100% - 30px);height:35px;display: table;}
.head-btn a .text > span{display: table-cell;text-align: left;vertical-align: middle;font-size: 13px;}
.head-btn a .ico{text-align: center;display: block;width: 25px;margin-right: 5px;}

.tel-set{text-align: center;}
.tel-num a{font-family: "roboto";line-height: 1;font-size: 34px;font-weight: 700;display: block;}
.tel-num a > span{display: inline-block;padding-left: 20px;background: url("../img/common/ico-tel.svg") no-repeat left center;}
.tel-bh{line-height: 1;font-weight: 500;font-size: 15px;margin-top: 6px;}


/* nav
=========================================== */


html.huopen{overflow: hidden;}
.sp-nav-btn {width: 50px;height: 50px;position: fixed;top:0;right: 0;z-index: 202;box-sizing: content-box;background: #087F82;}
.sp-nav-btn span.bar01 {content: "";width: 60%;height: 2px;position: absolute;top: 14px;right: 20%;transition: 0.3s;}
.sp-nav-btn span.bar03 {content: "";width: 60%;height: 2px;position: absolute;bottom: 14px;right: 20%;transition: 0.3s;}
.sp-nav-btn span.bar02{position: absolute;width: 60%;height: 2px;top: 24px;right: 20%;transition: 0.3s;}

.sp-nav-btn > span{overflow: hidden;}
.sp-nav-btn > span > span{width: 120px;height: 2px;background:#fff;display: block;position: absolute;left: -80px;top:0;border-radius: 4px;}

.sp-nav-btn.opon span.bar02{opacity: 0;}
.sp-nav-btn.opon span.bar01 {box-shadow: none;transform: rotateZ(45deg);top:25px;}
.sp-nav-btn.opon span.bar03 {transform: rotateZ(-45deg);bottom: 23px;}


.overlay-nav {display: none;}
.overlay-nav.opon {z-index:15;opacity: 1;}
div.navs-list-wrap {position: fixed;width: 100%;height:100%;z-index: 220;top: 50px;box-sizing: border-box;background:#fff;right: calc(-100% - 60px);transition: 0.3s;padding: 1px 0 50px;}
div.navs-list-wrap.opon{right:0;}

ul.navs-list {height: calc(100vh - 50px);overflow: auto;box-sizing: border-box;padding: 0 0 95px;}
.navs-list > li:first-child{border-top: solid 1px #E8E8E8;}
.navs-list > li{border-bottom: solid 1px #E8E8E8;}
.navs-list > li .drop-wrap{display: none;}
.navs-list > li:last-child{border-top:none;border-bottom: none;}
.navs-list > li > a {display: block;padding:20px calc(5.33vw + 50px) 20px 5.33vw;text-decoration: none;font-weight: 700;background: url("../img/common/sp-arrow01.svg") no-repeat right calc(5.33vw + 7px) center;background-size: 8px;}
.navs-list > li > .dr-tit{font-weight: 700;padding:20px calc(5.33vw + 50px) 20px 5.33vw;background: url("../img/common/sp-open.svg") no-repeat center right calc(5.33vw + 2px);background-size: 16px;}
.navs-list > li > .dr-tit.on{background-image: url("../img/common/sp-close.svg");}
.navs-list > li.on{background:#EBF8F9;border-color:#D1E6E8;}
.navs-list > li.sp-nav-contact{padding: 20px 5%;border-bottom: none;}

.dr-list.flex{border-top:solid 1px #D1E6E8;display: block;}
.dr-list.flex .box{border-bottom:solid 1px #D1E6E8;}
.dr-list.flex .box a{padding:15px calc(5.33vw + 50px) 15px 5.33vw;text-decoration: none;font-weight: 700;background: url("../img/common/sp-arrow01.svg") no-repeat right calc(5.33vw + 7px) center;background-size: 8px;align-items: center;box-sizing: border-box;}

.dr-list.flex .box a .img{width: 40px;margin-right: 10px;}
.dr-list.flex .box a .img .in-img{padding-top: 100%;border-radius: 2px;}
.dr-list.flex .box a .text{line-height: 1.4;font-weight: 700;font-size: 16px;width:calc(100% - 50px); }

.dr-list.flex .box:last-child{border-bottom:none;}



li.aside-wrap{}
li.aside-wrap h2.titles01{display: none;}
li.aside-wrap .aside-imgs{display: none;}
li.aside-wrap h3.asie-tit{display: none;}
li.aside-wrap .u-text01{display: none;}
li.aside-wrap .c-btns.flex{margin-top: 0;}





/* contents */
/*-------------------------------------------*/
.bg-blue{background: #F5F9FF;}

/*パンくず
---------------------------------------------------------------*/


div#bread {z-index: 2;position: relative;padding: 5px 5%;}
#bread ul li {display: inline-block;font-size:13px;font-weight: 400;color:#222;}
ul.bread-list li a{font-size:13px;color:#222;}
ul.bread-list li:after{content:">";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;color:#222;}
ul.bread-list li:last-child:after{content:none;}


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv{position: relative;z-index: 3;letter-spacing: 0;}

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

div#scr {position: fixed;z-index: 50;right: 10px;bottom: 10px;}
div#scr a{display: block;border-radius: 10px;text-decoration: none;}
.scr-batu{position: absolute;width: 24px;z-index: 3;right: 5px;top:3px;border-radius: 100%;cursor: pointer;transition: 0.3s;}

aside.aside01{padding:50px 5.33vw;background: url("../img/common/aside-bg-sp.jpg") no-repeat center top;background-size: cover;}
aside.aside01 h2.titles01{text-align: center;color: #fff;}
aside.aside01 h2.titles01:before{right: 0;margin: 0 auto;}
.aside-inner{padding: 34px 20px 40px;border-radius: 2.66vw;background: #fff;position: relative;}

h3.asie-tit{font-size: 20px;line-height: 1.4;font-weight: 700;text-align: center;margin-bottom: 20px;}
h3.asie-tit > .inner{display: inline-block;position: relative;padding-left: 24px;}
h3.asie-tit .text .big{font-size: 24px;}
.aside-imgs{width: 97px;height: 95px;position: absolute;z-index: 2;top:-37px;right:-5.33vw;}
.aside-imgs .img01{left: 0;top:0;position: absolute;width: 66px;}
.aside-imgs .img02{right: 0;bottom:0;position: absolute;width: 66px;}

.u-text01{text-align: center;}

span.circle-sb{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;;text-align: center;font-weight: 700;border-radius: 100%;color: #fff;background: #087F82;font-size: 17px;line-height: 1.2;width:62px;height: 62px;position: absolute;left: -34px;top:-5px;}
span.circle-sb:after {content: "";background: url(../img/common/sb-tri.svg) no-repeat;width: 19px;height: 15px;position: absolute;bottom: 3px;right: -3px;transform: rotateZ(20deg);}


.c-btns.flex{margin-top: 30px;}
div.c-btn{width: 100%;height: 60px;display: table;margin-bottom: 20px;}
div.c-btn:last-child{margin-bottom: 0;}
div.c-btn a{display: table-cell;border-radius: 10px;text-decoration: none;color: #fff;font-weight: 700;background: #EE5A35;box-shadow: 0 8px 0 rgba(0,0,0,0.08);text-align: center;vertical-align: middle;font-size:16px;padding-left: 20px;}
div.c-btn a span.flex{justify-content: center;align-items: center;}
div.c-btn a span.flex .ico{width: 27px;text-align: center;box-sizing: border-box;}
div.c-btn a span.flex span.text{width: calc(100% - 27px);text-align: center;box-sizing: border-box;padding-right: 20px;}
div.c-btn a span.flex .ico img{display: block;}

.c-btn.c-btn01 a .ico{padding: 0 2px;}
.c-btn.c-btn02 a{background: #06C755;}
.c-btn.c-btn03 a{background: #087F82;}

.aside-tel-fax.flex{margin-top: 40px;padding:30px 20px 0;border-top:solid 1px #E8E8E8;display: block;text-align: center;box-sizing: border-box;}
.aside-tel-fax.flex .tel-set{margin-bottom: 20px;}
.aside-tel-fax.flex .tel-num a{font-family: "roboto";line-height: 1;font-size:35px;font-weight: 700;display: block;white-space: nowrap;}
.aside-tel-fax.flex .tel-num > a{display: inline-block;padding-left: 27px;position: relative;}
.aside-tel-fax.flex .tel-num > a span{padding-left: 0;position: relative;background: none;}
.aside-tel-fax.flex .tel-num a:before{content:"";background: url("../img/common/ico-tel02.svg") no-repeat;width: 21px;height: 45px;position: absolute;left: 0;top:1px;background-size: contain;}
.aside-tel-fax.flex .tel-bh{line-height: 1;font-weight: 400;font-size: 15px;margin-top: 6px;padding-left: 27px;}


.fax-set{text-align: center;}
.fax-tel{font-family: "roboto";line-height: 1;font-size:35px;font-weight: 700;display: block;}
.fax-tel > span{display: inline-block;padding-left: 28px;position: relative;white-space: nowrap;}
.fax-tel > span:before{content:"";background: url("../img/common/ico-fax.svg") no-repeat;width: 23px;height: 45px;position: absolute;left: 0;top:1px;background-size: contain;}
.bh{line-height: 1;font-weight: 400;font-size: 15px;margin-top: 6px;padding-left: 28px;}



section#access-sec{}
section#access-sec > .wrap{padding: 50px 5.33vw;}
section#access-sec h2.titles01{}
.accessBox{box-sizing: border-box;}
.access-list{margin-top: 10px;}
.access-list dt{width: 60px;white-space: nowrap;}
.access-list dd{width: calc(100% - 60px);}

span.in-dl{display: flex;flex-wrap: wrap;width: 100%;}
span.in-dt{width: 65px;}
span.in-dd{width:calc(100% - 65px);}

.access-foot.flex{display: block;}
.access-foot.flex .map{height: 80vw;}
.access-foot.flex .map iframe{width: 100%;height: 100%;}
.access-foot.flex .img{}

div.ft-nav01{}
div.ft-info{padding-top: 40px;}

div.fnav-wrap{}

.line-btn{width:calc(100% - 40px);height: 60px;display: table;margin:0 auto 45px;}
.line-btn a{display: table-cell;font-size: 16px;font-weight: 700;color: #222222!important;line-height: 1.5;border-radius: 5px;text-align: center;vertical-align: middle;box-shadow: 0 6px 0 rgba(0,0,0,0.15);background: #fff;text-decoration: none;}
.line-btn a > span.flex{justify-content: center;align-items: center;}
.line-btn a > span.flex .ico img{filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7498%) hue-rotate(153deg) brightness(90%) contrast(96%);}
.line-btn a > span.flex .ico{margin-right: 8px;}

div#footer{letter-spacing: 0;}
div#footer a{color: #fff;}
div#ftBox01 {background: #3E3E3E;color: #fff;}
div#ftBox01 > .wrap{padding:50px 5.33vw 30px;}

h2.ft-logo{margin:0 auto 15px;width: 152px;}

h2.ft-logo img {
filter: brightness(0) saturate(100%) invert(95%) sepia(95%) saturate(19%) hue-rotate(2deg) brightness(106%) contrast(105%);
}

p.logo-u-text {font-size: 16px;font-weight: 700;margin-bottom: 40px;}

.ft-text{font-size: 14px;line-height: 1.5;text-align: center;}

.ft-text02{margin-top: 35px;font-size: 14px;}

div#fnav{display: flex;flex-wrap: wrap;}
div#fnav > div{margin-right: 60px;}
div#fnav > div:last-child{margin-right:0;}
.f-tit{margin-top: 22px;}
.f-tit:first-child{margin-top:0;}
.f-tit > span,
.f-tit > a{font-weight: 700;}

.ft-nav01 ul.fs > li{margin-bottom: 11px;}
.ft-nav01 ul.fs > li:last-child{margin-bottom: 0;}
.ft-nav01 ul.fs > li a{font-weight: 700;}
.fnav-wrap{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.fnav{margin-top:35px;width:100%;}
.fnav.fnav04,
.fnav.fnav05{width: calc(50% - 12px);}
.fnav.fnav02 .in-box{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
div.f-tit{font-weight: 700;font-size: 18px;border-bottom: solid 1px #707070;padding-bottom: 8px;margin-bottom: 15px;}
.fnav.fnav02 .in-box > ul {
    width: calc(50% - 7px);
}
ul.fs{}
ul.fs > li{margin-bottom: 12px;line-height: 1.8;}
ul.fs > li a{display: inline-block;padding-left: 20px;background: url("../img/common/ft-arrow.svg") no-repeat left top 8px;}
ul.fs > li:last-child{margin-bottom:0;}

.ft-bottom {background: #3E3E3E;color: #fff;padding: 0 5.33vw 40px;}

.ft-bottom .wrap{font-size: 12px;}
.ft-bottom .wrap a{color: #fff;}

ul.pp-list{display: flex;flex-wrap: wrap;align-items: center;font-size: 13px;justify-content: center;margin-bottom: 30px;}
ul.pp-list > li:after{content:"｜";margin: 0 12px;}
ul.pp-list > li:last-child:after{content:none;}

.copyright {
    font-size: 12px;
    font-weight: 400;
}
div.copyright{text-align: center;}

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 20px;bottom: 50px;opacity: 0;z-index: -3;transition: opacity 0.3s;width: 80px;}
div#page-top a{display: block;width: 80px;height: 80px;border-radius: 100%;background: #fff;border: solid 2px #000000;text-align: center;box-sizing: border-box;padding-top: 16px;line-height: 1;font-size: 15px;font-weight: 700;text-decoration: none;position: relative;}
div#page-top a .text{display: block;margin-top: 3px;font-size: 19px;font-weight: 700;}
div#page-top a:before{content:"";background: url("../img/common/char01.png") no-repeat;background-size: 87px;width: 87px;height: 110px;transition: 0.3s;position: absolute;bottom: 0;right: 63px;}


.fixed div#page-top{opacity: 1;z-index: 6;}


div#scr {display: none;}


/* iOSでのデフォルトスタイルをリセット */
input[type="password"],
textarea,
input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="password"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="password"]::focus,
textarea::focus,
select::focus,
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

select{color: #222;padding: 5px;box-sizing: border-box;}

/* TOP
------------------------------------------*/
/*TOPアニメーション*/
.left-imgs, .mv-copy01, .right-imgs { transition: 0.3s; transform: scale(0); }

.feature-imgs .img01, .feature-imgs .img02, .feature-imgs .img03, .feature-imgs .img04, .feature-imgs .img05, .feature-imgs .img06, .service-imgs .img01, .service-imgs .img02, .service-imgs .img03, .products-imgs .img01, .products-imgs .img02, .products-imgs .img03, .products-imgs .img04 { transition: 0.3s; transform: translateY(20px) scale(0); opacity: 0; }

.anima .left-imgs { animation: bowa 0.3s ease-out 0.2s 1 forwards; }
.anima .mv-copy01 { animation: bowa 0.3s ease-out 0.6s 1 forwards; }
.anima .right-imgs { animation: bowa 0.3s ease-out 0.4s 1 forwards; }
.anima .feature-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .feature-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .feature-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }
.anima .feature-imgs .img04 { animation: fuwa 0.3s ease-out 0.7s 1 forwards; }
.anima .feature-imgs .img05 { animation: fuwa 0.3s ease-out 0.8s 1 forwards; }
.anima .feature-imgs .img06 { animation: fuwa 0.3s ease-out 1.0s 1 forwards; }
.anima .service-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .service-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .service-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }

.anima .products-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .products-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .products-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }
.anima .products-imgs .img04 { animation: fuwa 0.3s ease-out 0.8s 1 forwards; }

@keyframes bowa { 0% { transform: scale(0); }
  85% { transform: scale(1.3); }
  100% { transform: scale(1); } }
@keyframes fuwa { 0% { transform: translateY(20px) scale(0); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; } }
/**/
section { position: relative; }

.a-trigger { position: absolute; width: 100%; height: calc(100% - 300px); top: 0; bottom: 0; margin: auto; opacity: 0; z-index: -5; }

.home div#mv { background: #E5F6F7; }

.mv-cont01 { position: relative;  margin: 0 auto; padding:  9.33vw 0 0;box-sizing: border-box;height: 73.06vw;}
.mv-cont01 .left-imgs { width: 69.33vw; height: 44.53vw; position: relative; bottom: 1.33vw; left: -7.2vw; }
.mv-cont01 .left-imgs .img01 { position: absolute; left: 0; top: 0;width: 54vw; }
.mv-cont01 .left-imgs .img02 { position: absolute; right: 0; top: 4vw;width: 46.66vw; }
.mv-cont01 .right-imgs { width:53.33vw; height: 37.33vw; position: absolute;  bottom: 1.33vw; right: -1.06vw; }
.mv-cont01 .right-imgs .img03 { position: absolute; left: 0; top: 0;width: 28.4vw; }
.mv-cont01 .right-imgs .img04 { position: absolute; top: 5.46vw; right: 0;width: 42.13vw; }
.mv-cont01 .right-imgs .img05 {position: absolute;bottom: 0;right: 2.8vw;width: 18.93vw;transform: rotateZ(10deg);}

.mv-copy01 { text-align: center; font-weight: 700;width: 76.26vw;margin: 0 auto;}

.green-bg { padding:20.26vw 5.33vw 5.33vw; background: #01A9AE; }
.green-bg .inner.flex {display: block;}
.green-bg .inner.flex > .box { border-bottom: solid max(1px,0.26vw) #048D91; display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 2.66vw;margin-bottom: 2.66vw;}
.green-bg .inner.flex > .box .ico { width: 9.6vw;text-align: center;margin-right: 2.13vw;}
.green-bg .inner.flex > .box .ico img { width: auto; height: 8.53vw; }
.green-bg .inner.flex > .box .text { line-height: 5.86vw; color: #FFFFFF; font-weight: 700;font-size: 4vw;}
.green-bg .inner.flex > .box .text .big { font-size: 4.8vw; }
.green-bg .inner.flex > .box:last-child { border-bottom: none;padding-bottom: 0;margin-bottom: 0; }
.green-bg .inner.flex > .box.box01 { }
.green-bg .inner.flex > .box.box02 .ico img{height: 9.33vw;}
.green-bg .inner.flex > .box.box03 .ico img{  }

.cate-s.flex { position: relative; z-index: 2; margin: -0.66vw auto -14.93vw;justify-content: space-between;padding: 0 5.33vw;box-sizing: border-box;}
.cate-s.flex > .box { width:29.33vw;margin-top: 0.66vw; }
.cate-s.flex > .box a { display: block; height: 29.86vw; text-align: center; box-sizing: border-box; text-decoration: none; padding-top: 3.2vw;background: #fff; }
.cate-s.flex > .box a .img { height: 12vw; margin-bottom: 1.33vw; text-align: center;}
.cate-s.flex > .box a .img img{ height: 12vw;width: auto;}
.cate-s.flex > .box a .text { width: 100%; height: 42px; display: table; }
.cate-s.flex > .box a .text > span { display: table-cell; text-align: center; vertical-align: middle; font-size: 3.73vw;line-height: 1.3;}


.cate-s.flex > .box.box01 a{border-top-left-radius: 2.13vw;}
.cate-s.flex > .box.box03 a{border-top-right-radius: 2.13vw;}
.cate-s.flex > .box.box08 a{border-bottom-left-radius: 2.13vw;}
.cate-s.flex > .box.box10 a{border-bottom-right-radius: 2.13vw;}
/*.cate-s.flex > .box.box07,
.cate-s.flex > .box.box08,
.cate-s.flex > .box.box09,
.cate-s.flex > .box.box10{width: 21.86vw;}*/

.mv-cont02{}

.slashBox {position: relative;margin-bottom: 2.66vw;padding: 0 5.33vw; }
.slashBox .slash-text01 { line-height:7.46vw; font-size: 4vw; font-weight: 700;  text-align: center; }
.slashBox .slash-text01 > span{display: inline-block;background: url("../img/main/slash01.svg") no-repeat left top, url("../img/main/slash02.svg") no-repeat right top;padding: 0 5.33vw;background-size: 5.33vw;}
.slashBox .slash-text01 .big { font-size: 5.33vw; }

ul.mv-check { justify-content: space-between; align-items: center; display: flex; flex-wrap: wrap; width: 100%;width: 92vw;margin-left: -1.33vw;margin-bottom: 2.66vw;}
ul.mv-check > li { height: 16.4vw;border-radius: 1.33vw;position: relative;background:#CAECEE;font-size: 4.26vw;line-height: 1.2;box-sizing: border-box;padding: 3.6vw 1.6vw 1.6vw;text-align: center;font-weight: 700;}
ul.mv-check > li:before{content:""; background: url("../img/main/ico-check.svg") no-repeat left center;width: 5.33vw;height: 5.33vw;background-size: contain;z-index: 2;left: 0;right: 0;top:-2.26vw;margin: 0 auto;position:absolute;}
ul.mv-check > li:last-child { margin-right: 0; }

ul.mv-check > li.c01{width: 28.8vw;}
ul.mv-check > li.c02{width: 37.3vw;}
ul.mv-check > li.c03{width: 24.5vw;}


div#topBox01 { padding: 40px 5.33vw 60px; overflow: hidden; }
div#topBox01 .btn01 { margin: 30px auto 0; }

.copy01 { text-align: center; font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.copy01 .big { font-size: 20px; }

.case-box01 { margin: 0 auto; border-top: solid 1px #01A9AE; border-bottom: solid 1px #01A9AE; padding: 5.33vw 0 8.66vw; position: relative; }
.case-box01 p.bikou { font-size: 3.2vw; position: absolute; right: 0; bottom: 2.66vw; }

ul.case-list01 { justify-content: center; margin-bottom:4vw; display: flex; flex-wrap: wrap; align-items: center; }
ul.case-list01 > li.line01{width: 24vw;margin-bottom: 1.33vw;}
ul.case-list01 > li.line02{width: 33.6vw;margin-bottom: 1.33vw;}
ul.case-list01 > li.line03{width: 61.33vw;}
ul.case-list01 > li.line04{width: 22.66vw;}


ul.case-list02 { display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
ul.case-list02 > li {font-size: 4vw; font-weight: 700; }
ul.case-list02 > li:nth-child(2),
ul.case-list02 > li:nth-child(4){ width: 48.46vw;white-space: nowrap;}

div.slider01 { margin-top: 40px; margin-bottom: 0 !important; padding: 0 20px;}
div.slider01 .slick-list { overflow: visible; }
div.slider01 article.case-art { margin: 0 10px; }

button.slick-arrow { opacity: 1; z-index: 5; transition: 0.3s; width: 48px; height: 48px; box-sizing: border-box; border-radius: 100%; border: none; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.08); transition: 0s; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center #087F82; left: -10px; }

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center #087F82; right: -10px; }

button.slick-arrow:before { content: none; }


article.case-art { }
article.case-art a { display: block; text-decoration: none; }
article.case-art a .img { overflow: hidden; border-radius: 10px; margin-bottom: 10px; }
article.case-art a .img .in-img { padding-top: 100%; border-radius: 10px; transition: 0.3s; }
article.case-art a .cont { line-height: 24px; }
article.case-art a .cont h3 { font-size: 16px; font-weight: 700; line-height: 24px; margin-bottom: 3px;}
article.case-art a .cont p.price { margin-top: 2px; }

section#feature-sec { background: #01A9AE; }
section#feature-sec .wrap { padding: 50px 5.33vw 60px; }
section#feature-sec h2.titles01 { text-align: center; color: #fff;  }
section#feature-sec h2.titles01:before { right: 0; margin: 0 auto; }

.feature-imgs .img01 { position: absolute; top: -32px; left: -41px;width: 87px; }
.feature-imgs .img02 { position: absolute; top: 65px; left: 5px;width: 52px; }
.feature-imgs .img03 { position: absolute; top: 105px; left: 46px;width: 70px;  }
.feature-imgs .img04 { position: absolute; top: 43px; right: 74px;width: 42px;  }
.feature-imgs .img04 img{display: block;transform: rotateY(180deg) rotateZ(27deg);}
.feature-imgs .img05 {position: absolute;top: 85px;right: 20px;width: 85px;}
.feature-imgs .img06 { position: absolute; top: -32px; right: -27px;width: 100px;  }

div.feature-inner { background: #FFFFFF; border-radius: 20px; padding:30px 20px;position: relative; z-index: 3; }
div.feature-inner > .u-text01{ text-align: left;}
div.feature-inner .titles02 .small{display: inline-block;padding-left: 38px;margin-bottom: 7px;}
div.feature-inner span.circle-sb {top: -10px;left: -20px;}

div.feature-list.flex { margin-top: 30px; }
div.feature-list.flex > div.box { width:100%;margin-bottom: 8vw; position: relative; }
div.feature-list.flex > div.box .num {font-size: 8.53vw;font-weight: 700;color: #01A9AE;line-height: 1;position: absolute;left: 1.5vw;
top: 0;}
div.feature-list.flex > div.box .img { margin-bottom: 2.13vw; }
div.feature-list.flex > div.box .tit { font-size: 5.33vw; line-height: 8vw; text-align: center; margin-bottom: 2.13vw; }
div.feature-list.flex > div.box .tit .green { font-size: 6.4vw; }
div.feature-list.flex > div.box .text { line-height: 1.5;font-size: 4vw; }
div.feature-list.flex > div.box:last-child { margin-bottom: 0; }

section#service-sec .wrap { padding: 50px 5.33vw 60px; }

.service-imgs { width: 187px; height:142px; position: absolute; top: -31px; right: -5px; }
.service-imgs .img01 { position: absolute; left: 0; top: 46px;width: 102px; }
.service-imgs .img02 { position: absolute; left: 41px; top: 72px;width: 104px;z-index: 2; }
.service-imgs .img03 { position: absolute; right: 0; top: 0;width:115px;  }

.textbox01.flex { display: block;}
.textbox01.flex .left {  }
.textbox01.flex .right {  }

.copy02 { font-size: 18px; line-height: 1.5; font-weight: 700;margin-bottom: 20px; }

.orders01.flex { margin-top: 40px; display: block;}
.orders01.flex > div.box {  border-radius: 10px; background: #FFF6E5; position: relative; margin-bottom: 20px;}
.orders01.flex > div.box:last-child {  margin-bottom: 0;}
.orders01.flex > div.box .no01 { position: absolute; z-index: 2; left: -5px; top: -10px;width: 70px; }
.orders01.flex > div.box > .inner { padding: 20px 25px 25px; text-align: center; }
.orders01.flex div.box01 .text { margin-top: 20px; line-height: 24px; font-size: 16px;}
.orders01.flex div.box02 .text { margin-top: 20px; line-height: 24px;font-size: 16px; }

.orders01.flex > div.box > .inner img{width: auto;height: 98px;}

ul.text-set.flex { justify-content: center; align-items: center; margin-bottom: 8px; }
ul.text-set.flex > li { position: relative; line-height: 30px; color: #fff; padding: 0 6px; border-radius: 3px; background: #087F82; margin-right: 18px; }
ul.text-set.flex > li.line02 { margin-right: 23px; }
ul.text-set.flex > li:last-child { margin-right: 0; }
ul.text-set.flex > li.line01:after { content: ""; background: url("../img/top/batsu.svg") no-repeat center; width: 11px; height: 11px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 4px); }
ul.text-set.flex > li.line02:after { content: ""; background: url("../img/top/or.svg") no-repeat center; width: 16px; height: 11px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 4px); }

h3.box-tit { font-size: 18px; font-weight: 700; border-radius: 10px 10px 0 0; line-height: 46px; text-align: center; background: #FFF0C7; }

.orders02 { margin-top: 20px; }
.orders02 .box.box03 {  border-radius: 10px; background: #FFF6E5; }
.orders02 h3.box-tit { }
.orders02 h3.box-tit > span > span {  }
.orders02 .inner.cf {  box-sizing: border-box; padding: 20px 20px 40px; }
.orders02 .inner.cf > div.text { text-align: center;margin-bottom: 20px;}
.orders02 .inner.cf > .img {width:53.33vw;height: 53.33vw;position: relative;margin: 0 auto 30px;}
.orders02 .inner.cf > .img span.kira01 { display: block; position: absolute; left: -3vw; top: 10vw; z-index: 3; transition: 0.3s; transform: scale(0);width: 8vw; }
.orders02 .inner.cf > .img span.kira02 { display: block; position: absolute; right: -3vw; bottom: 10vw; z-index: 3; transition: 0.3s; transform: scale(0);width: 8vw;  }
.orders02 .inner.cf > .img .omote, .orders02 .inner.cf > .img .ura { transition: all 0.6s; position: absolute; left: 0; top: 0; height: 100%; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: center; }
.orders02 .inner.cf > .img .ura { transform: rotateY(-180deg); }
.orders02 .inner.cf > .links01 { }

.omote { animation: kurukuru01 3s ease-in-out infinite alternate-reverse; }

.ura { animation: kurukuru02 3s ease-in-out infinite alternate-reverse; }

.kira01 { transform: scale(0); animation: kira01 3s ease-in-out infinite alternate-reverse; }

.kira02 { transform: scale(0); animation: kira01 3s ease-in-out infinite alternate-reverse; }

@keyframes kurukuru01 { 0% { transform: rotateY(0); }
  100% { transform: rotateY(-180deg); } }
@keyframes kurukuru02 { 0% { transform: rotateY(-180deg); }
  100% { transform: rotateY(0); } }
@keyframes kira01 { 0% { transform: scale(0); }
  80% { transform: scale(0); }
  90% { transform: scale(1); }
  95% { transform: scale(0.95); }
  100% { transform: scale(1); } }

.linkBox { width: 100%; margin-bottom: 20px; }
.linkBox a { text-decoration: none; font-size: 18px; font-weight: 700; line-height: 1.5; position: relative; padding-bottom: 20px; border-bottom: solid 1px #E1D7C4; display: block; }
.linkBox a .arrow { width: 20px; height: 20px; overflow: hidden; position: absolute; z-index: 2; right: 0; top: 10px; }
.linkBox a .arrow:before { content: ""; width: 60px; height: 12px; background: url("../img/common/btn-arrow02.svg") no-repeat center right, url("../img/common/btn-arrow02.svg") no-repeat center left; position: absolute; right: 0; top: 0;background-size: 14px; }
.linkBox a:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #087F82; transition: 0.3s; }


.linkBox:last-child { margin-bottom: 0; }

section#products-sec { background: #E1F6F6; }
section#products-sec .wrap { padding: 50px 5.33vw 60px; }
section#products-sec h2.titles01 { text-align: center;margin-bottom: 30px; }
section#products-sec h2.titles01:before { right: 0; margin: 0 auto; }

section#products-sec .u-text01{text-align: left;}

.products-imgs .img01 { position: absolute; left: -20px; top: 18px;width: 75px; }
.products-imgs .img02 { position: absolute; left: 50px; top: -16px;width: 46px; }
.products-imgs .img03 { position: absolute; right: 23px; top: -26px;width: 70px; }
.products-imgs .img04 { position: absolute; right: 0; top: 49px;width: 55px; }


.pro-btns.flex { margin-top: calc(33px - 1.86vw);justify-content: space-between;}
.pro-btns.flex > div.box { width: 43.73vw; margin-top: 1.86vw; }
.pro-btns.flex > div.box a { text-decoration: none; background: #fff; border-radius: 1.33vw; border: solid 2px #01A9AE; position: relative;box-sizing: border-box; height: 21.33vw; text-align: center; padding: 4vw 2.66vw 6.66vw 4vw;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.pro-btns.flex > div.box a .arrow { width: 5.33vw; height: 5.33vw; overflow: hidden; position: absolute; z-index: 2; bottom: -2px; right: -2px; background:url("../img/common/btn-arrow01.svg") no-repeat center #01A9AE; border-radius: 1.33vw 0 1.33vw 0;background-size: 2.4vw; }

.pro-btns.flex > div.box a .img { width:10.66vw; }
.pro-btns.flex > div.box a .text { font-size: 4vw; font-weight: 700; line-height: 1.2; width: 24.26vw;text-align: left;}

section#brands-sec { padding: 50px 5.33vw 60px; }
section#brands-sec h2.titles01 { text-align: center; margin-bottom: 30px;}
section#brands-sec h2.titles01:before { right: 0; margin: 0 auto; }

.brand-list.flex { margin-top: calc(40px - 4vw); }

.brand-box { margin: 15px 0.66vw 0 0; width: 21.33vw; }
.brand-box a { display: block; height: 100%; text-decoration: none; }
.brand-box a .img { margin-bottom: 1.33vw; }
.brand-box a .img .in-img { height: 13.33vw; }
.brand-box a .text { font-size: 3.2vw; line-height:3.84vw; text-align: center; }

.brand-box:nth-child(4n) { margin-right: 0; text-align: center; }

section#flow-sec {padding: 50px 5.33vw 60px; background: #FFF6E5; overflow: hidden; }
section#flow-sec h2.titles01 { text-align: center; margin-bottom: 30px;}
section#flow-sec h2.titles01:before { right: 0; margin: 0 auto; }

.tit-head.flex { margin-bottom: 30px;display: block;}
.tit-head.flex .titles02 { margin-bottom: 0; margin-top: -10px; }
.tit-head.flex .titles02 > .inner .small  { font-size: 16px; }
.tit-head.flex .titles02 > .inner .small span.green02 { font-size: 24px; }
.tit-head.flex .titles02 > .inner .text { line-height: 1.2;font-size: 22px; }
.tit-head.flex .titles02 > .inner .text span.green02 { font-size: 32px; }

div.flow-slide.flex .slick-list { overflow: visible; }
div.flow-slide.flex .slick-track { display: flex; flex-wrap: wrap; }
div.flow-slide.flex div.flowBox { height: auto !important; }

div.flowBox { width:100%; background: #FFFFFF; box-sizing: border-box; position: relative; border-radius: 2.66vw; padding: 4vw 5.33vw 5.33vw; margin-bottom: 6.46vw;display: flex;flex-wrap: wrap;align-items: center;flex-direction: row-reverse;justify-content: space-between;}
div.flowBox .num { color: #01A9AE; line-height: 1; font-size:6.66vw; position: absolute; left: 5.33vw; top: 5.3vw; z-index: 2; }
div.flowBox .cont {width: 44vw;}
div.flowBox h3 { font-size: 5.33vw; margin-bottom: 4vw; padding-left: 10.33vw;white-space: nowrap;}
div.flowBox .text { line-height: 1.5;font-size: 4vw; }
div.flowBox .text .bikou { font-size:3.46vw; font-weight: 400; }

div.flowBox:before { content: ""; background: url("../img/top/flow-tri-sp.svg") no-repeat; width: 5.86vw; height: 4vw; position: absolute; left:50% ; top: calc(100% + 1.33vw); transform: translateX(-50%);background-size: contain;}

div.flowBox:last-child { margin-bottom: 0; }

div.flowBox:last-child:before { content: none; }

div.flowBox:first-child .img{width: 29.33vw;}
div.flowBox:nth-child(2) .img{width: 27.73vw;}
div.flowBox:nth-child(3) .img{width: 26.66vw;}
div.flowBox:nth-child(3){align-items: flex-end;}
div.flowBox:nth-child(4){align-items: flex-end;}
div.flowBox:nth-child(4) .img{width: 22.66vw;padding-right: 2.66vw;}
div.flowBox:nth-child(5) .img{width: 29.33vw;}



section#guide-sec { padding: 50px 5.33vw 60px; }
section#guide-sec h2.titles01 { text-align: center; margin-bottom: 30px; }
section#guide-sec h2.titles01:before { right: 0; margin: 0 auto; }

.guide-list.flex {display: block;}

div.guide-btn { width: 100%; margin-bottom: 5.33vw;}
div.guide-btn a { text-decoration: none; height:18.66vw; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; width: 100%; padding: 4vw 10.66vw 4vw 5.33vw; position: relative; background: #087F82; border-radius:1.33vw; box-shadow: 0 1.6vw 0 rgba(0, 0, 0, 0.08); }
div.guide-btn a .ico { background: #fff; border-radius: 100%; margin-right: 4vw; width: 10.66vw; }
div.guide-btn a .text { width: calc(100% - 14.66vw); }
div.guide-btn a .text > span { display: block; }
div.guide-btn a .text span.jp { color: #fff; font-weight: 700; font-size: 4.8vw; line-height: 1.29; }
div.guide-btn a .text span.pop { font-size: 3.73vw; font-weight: 700; color: #FFD400; }
div.guide-btn a .arrow { width: 3.73vw; height: 3.73vw; overflow: hidden; position: absolute; z-index: 2; top:50%; right: 5.33vw; transform: translateY(-50%);background: url("../img/common/btn-arrow01.svg") no-repeat center;background-size: contain;}

div.guide-btn:last-child { margin-bottom: 0; }

section#news-sec { padding: 50px 5.33vw 60px; background: #F5F5F5; }
section#news-sec h2.titles01 { text-align: center; margin-bottom: 30px; }
section#news-sec h2.titles01:before { right: 0; margin: 0 auto; }
section#news-sec .wrap .btn01 {width: calc(100% - 40px);margin: 40px auto 0;}
section#news-sec .wrap .btn01 a { box-shadow: 0 6px 0 rgba(0, 0, 0, 0.08); font-size: 16px; }
section#news-sec .wrap .btn01 a .arrow { right: 20px; }

article.news-art { margin-bottom: 20px; }
article.news-art a { border-bottom: solid 1px #E8E8E8; text-decoration: none; position: relative; align-items: center; line-height: 24px; padding-bottom: 20px; }
article.news-art a .n-date { font-size: 16px; color: #808080; width: 140px; }
article.news-art a h3 { width: 100%; line-height: 23px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 10px;}
article.news-art a:before { content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; transition: 0.3s; background: #087F82; }

article.news-art:last-child { margin-bottom: 0; }

.n-cate { padding: 0 10px; background: #D1EAEB; border-radius: 5px; color: #015457; font-size: 14px; margin-right: 20px; font-weight: 700; }

.news-area {  }

/* 02 加工・色文字見本
-----------------------------------------------*/


section#p02Box01 { background: #E1F6F6; }
section#p02Box01 .tit-head.flex {margin-bottom: 30px; }
section#p02Box01 .tit-head.flex .titles01 {text-align: center;}
section#p02Box01 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}
section#p02Box01 .tit-head.flex > .text a { text-decoration: underline; }
section#p02Box01 .tit-head.flex > .text a:hover { text-decoration: none; }

.notesBox.sampleBox01 .box .inner { text-align: center; padding: 10px 10px 10px 20px; }

.scroll-sample { height: 75vw; overflow: auto; }

section#p02Box02 .tit-head.flex {margin-bottom: 30px; }
section#p02Box02 .tit-head.flex .titles01 {text-align: center;}
section#p02Box02 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}

section#p02Box03 { background: #F5F5F5; }
section#p02Box03 .tit-head.flex {margin-bottom: 30px; }
section#p02Box03 .tit-head.flex .titles01 {text-align: center;}
section#p02Box03 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}

.notesBox.sampleBox02 .greenBox { margin-top: 20px;padding: 20px; }
.notesBox.sampleBox02 .greenBox dl { margin-bottom: 12px; padding-left: 22px; background: url("../img/p02/ico-maru.svg") no-repeat left top 5px; line-height: 24px;background-size: 16px; }
.notesBox.sampleBox02 .greenBox dl dt { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.notesBox.sampleBox02 .greenBox dl:last-child { margin-bottom: 0; }
.notesBox.sampleBox02 div.inner01.flex { display: block;}
.notesBox.sampleBox02 div.inner01.flex .cont {  }
.notesBox.sampleBox02 div.inner01.flex .img { margin-bottom: 20px; }
.notesBox.sampleBox02 div.inner02 { margin-top: 30px; }
.notesBox.sampleBox02 div.inner02 h4.side-tit { }
.notesBox.sampleBox02 div.inner02 h4.side-tit:before { }
.notesBox.sampleBox02 div.inner02 > .box02 { border-radius: 5px; background: #FFF6E5; }
.notesBox.sampleBox02 div.inner02 > .box02 > h5 { text-align: center; background: #FFF0C7; border-radius: 5px 5px 0 0; line-height: 40px; font-size: 18px; }
.notesBox.sampleBox02 div.inner02 > .box02 > h5 > span { display: inline-block; position: relative; }
.notesBox.sampleBox02 div.inner02 > .box02 > h5 > span > .sb { background: url("../img/p02/sb-sp.svg") no-repeat; width: 65px; height: 60px; position: absolute; z-index: 2; top: -11px; left: -71px;background-size: contain;}
.notesBox.sampleBox02 div.inner02 > .box02 .text-box { padding: 20px; }

.imgs03.flex { margin-top: 5.33vw; margin-bottom: 60px;justify-content: space-between;}
.imgs03.flex > div.i-box { width: calc(50% - 7px); margin-top: 5.33vw; }
.imgs03.flex > div.i-box h5 { font-size:4.8vw; font-weight: 700; line-height: 1.25; margin: 1.06vw 0; }
.imgs03.flex > div.i-box > .text { line-height: 1.33;font-size: 4vw; }

.page-sample .notesBox > div.box > h3{padding-top: 10px;padding-bottom: 10px;font-size: 18px;}


.box02.sec-box { border-radius: 5px; background: #FFF6E5; }
.box02.sec-box > h5 { text-align: center; background: #FFF0C7; border-radius: 5px 5px 0 0; line-height: 40px; font-size: 18px; }
.box02.sec-box > h5 > span { display: inline-block; position: relative; }
.box02.sec-box > h5 > span > .sb { background: url("../img/p02/sb-sp.svg") no-repeat; width: 65px; height: 60px; position: absolute; z-index: 2; top: -11px; left: -71px;background-size: contain;}
.box02.sec-box .text-box { padding: 20px; }



/* 03 デザインサポート
-----------------------------------------------*/
div#links { padding: 40px 5.33% 60px; }

div.link-btns { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto;justify-content: space-between;margin-top: -5px;}

div.link-btn { width: calc(50% - 5px); height:60px; display: table; margin-top: 5px; }
div.link-btn a { text-decoration: none; position: relative; display: table-cell; text-align: center; vertical-align: middle; color: #087F82; font-weight: 700; font-size: 15px; border: solid 1px #087F82; border-radius: 70px;line-height: 1.3; }
div.link-btn a .arrow { width: 16px; height: 10px; overflow: hidden; position: absolute; z-index: 2; right: 10px; top: 50%; transform: translateY(-50%); }
div.link-btn a .arrow:after { content: ""; width: 16px; height: 40px; background: url("../img/p03/u-arrow.svg") no-repeat center bottom, url("../img/p03/u-arrow.svg") no-repeat center top; position: absolute; left: 0; bottom: 0; }


div.link-btn:nth-child(3n) { margin-right: 0; }

section#p03Box02 .titles01 { margin-bottom: 60px; text-align: center; }
section#p03Box02 .titles01:before { right: 0; margin: 0 auto; }
section#p03Box01 .titles01 { text-align: center; }
section#p03Box01 .titles01:before { right: 0; margin: 0 auto; }

section#p03Box01 { background: #F5F5F5; }
section#p03Box01 .tit-head.flex {   }
h4.sub01{position: relative;}
.ds-notes { margin-bottom: 40px; background: #fff; border-radius: 10px; }
.ds-notes h3.ex-tit {text-align: center;background: #FFF0C7;border-radius: 10px 10px 0 0;font-size: 20px;font-weight: 700;line-height: 1.5;padding: 15px 10px;}
.ds-notes h3.ex-tit > span { display: inline-block; padding-left: 37px; background: url("../img/p03/ico-ex.svg") no-repeat left center;background-size: 30px; }
.ds-notes .inner { padding: 20px; }
.ds-notes .inner ul.check-list { margin-bottom: 40px; }
.ds-notes .inner ul.check-list > li { background-image: url("../img/p03/ico-check.svg"); }

.haniBox {  margin-bottom: 15px; }
.haniBox > div.box {  }
.haniBox a{text-decoration: underline;}
.haniBox > div.box > div.tit {border-top: solid 1px #E3DBC3; background: #FFF0C7; box-sizing: border-box; padding: 13px 20px;font-weight: 700; }
.haniBox > div.box > div.cont { background: #FFF6E5; box-sizing: border-box; padding: 13px 20px; }
.haniBox ul.dot-list { font-weight: 700; }
.haniBox ul.dot-list .text { font-weight: 500; }

section#p03Box03 { background: #F5F5F5; }
section#p03Box03 .tit-head.flex {margin-bottom: 30px; }
section#p03Box03 .tit-head.flex .titles01 {text-align: center;}
section#p03Box03 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}

div.supportBox .num-tit span.text{line-height: 1.5;}
div.supportBox { padding: 30px 20px 35px; background: #fff; border-radius: 5px; }
div.supportBox > div.box { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #E8E8E8; }
div.supportBox > div.box > .cont { }
div.supportBox > div.box > .cont .kigou-text { margin-top: 5px; }
div.supportBox > div.box > .cont .greenBox {padding-bottom: 28px;}
div.supportBox > div.box > .cont .btn01 { width: 100%; margin-top: 20px; }
div.supportBox > div.box > .cont .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
div.supportBox > div.box > .cont .btn01 span.ico { margin-right: 15px; display: inline-block; }
div.supportBox > div.box > .cont .btn01 span.ico img { display: block; }
div.supportBox > div.box > .cont .btn01 .arrow { display: none; }
div.supportBox > div.box > .cont .img {margin: 30px 0;}
div.supportBox > div.box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.greenBox { background: #E1F6F6; border-radius: 10px; padding: 20px; }
.greenBox .how-set.flex { margin-top: 20px; display: block;}
.greenBox .how-set.flex .btn01 {}
.greenBox .how-set.flex .fax-tel { }
.greenBox .how-set.flex .fax-tel > span { font-size: 35px; }
.greenBox .how-set.flex p.bh { font-size: 16px; line-height: 1; }
.greenBox .how-set.flex .fax-tel > span:before { background-size: contain; width: 28px; top: 0; background-image: url("../img/p03/ico-fax.svg"); }

.link-arrow { margin-top: 2.13vw; }
.link-arrow a { text-decoration: underline; display: inline-block; padding-left: 6.4vw; background: url("../img/p03/link-arrow.svg") no-repeat left top 0.5vw;background-size: 5.33vw; }

.how-list.flex { justify-content: space-between; margin-top: -6.66vw; }
.how-list.flex > div { margin-top: 40px; width: 41.33vw; }
.how-list.flex > div .left { position: relative; margin: 2.13vw}
.how-list.flex > div .left .num { position: absolute; left: 0; top: 0; color: #EBDAB9; font-size: 8.53vw; font-weight: 700; line-height: 1; }
.how-list.flex > div .cont { font-size: 4vw;line-height: 1.6; }
.how-list.flex > div .cont h3 { font-size: 5.33vw; font-weight: 700; margin-bottom: 2.13vw;text-align: center;}

.notesBox > div.box { margin-bottom: 30px; border-radius: 5px; background: #fff; }
.notesBox > div.box > h3 {text-align: center;border-radius: 5px 5px 0 0;color: #fff;font-weight: 700;background: #01A9AE;line-height: 1.2;font-size: 19px;padding: 19px 5px;}
.notesBox > div.box > .inner { padding: 20px 20px 30px; }
.notesBox > div.box > .inner .inner02.flex { display: block; margin-bottom: 30px; }
.notesBox > div.box > .inner .inner02.flex > .cont {  }
.notesBox > div.box > .inner .kigou-text{margin-top: 12px;}
.notesBox > div.box > .inner .inner02.flex > .img { margin-top: 30px; }
.notesBox > div.box > .inner div.item-priceBox.flex { margin-bottom: 0; margin-top: 20px; min-height: 0; }
.notesBox > div.box > .inner div.item-priceBox.flex > .tit { width:100%; font-size: 15px;border-radius: 5px 5px 0 0;min-height: 0;padding: 4px; }
.notesBox > div.box > .inner div.item-priceBox.flex > .cont { width: 100%; font-size: 15px; font-weight: 500; line-height: 23px;border-radius: 0 0 5px 5px;padding:15px; }
.notesBox > div.box > .inner .sepaBox { padding-bottom: 40px; margin-bottom: 40px; }
.notesBox > div.box > .inner .sepaBox .inner02.flex { margin-bottom: 0;display: block;}
.notesBox > div.box > .inner .sepaBox .inner02.flex > .cont { }
.notesBox > div.box > .inner .sepaBox .inner02.flex > .img {margin-top: 30px; }
.notesBox > div.box > .inner .sepaBox .inner03.flex { display: block; margin-top: 30px; margin-bottom: 30px; }
.notesBox > div.box > .inner .sepaBox .inner03.flex > .left { }
.notesBox > div.box > .inner .sepaBox .inner03.flex > .img {margin-top: 30px; }
.notesBox > div.box > .inner .sepaBox .inner04.flex { justify-content: space-between; }
.notesBox > div.box > .inner .sepaBox .inner04.flex > ul { width: 100%;margin-bottom: 8px; }
.notesBox > div.box > .inner .sepaBox .inner04.flex > ul:last-child { margin-bottom: 0; }
.notesBox > div.box > .inner .sepaBox .btn01 { margin: 20px auto 15px; }
.notesBox > div.box > .inner .sepaBox .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.notesBox > div.box > .inner .sepaBox .btn01 span.ico { margin-right: 15px; display: inline-block; }
.notesBox > div.box > .inner .sepaBox .btn01 span.ico img { display: block; }
.notesBox > div.box > .inner .sepaBox .btn01 .arrow { display: none; }
.notesBox > div.box > .inner .sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }
.notesBox > div.box:last-child { margin-bottom: 0; }

h3.ico-tit02 { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 15px; }
h3.ico-tit02 .ico { margin-right: 12px;width: 40px; }
h3.ico-tit02 .text { font-size: 18px; font-weight: 700;width: calc(100% - 52px);line-height: 1.25; padding-top: 10px;}

.page-design section#guide-sec { background: #E1F6F6; }
.page-design ul.dot-list > li{margin-bottom: 8px;}
.page-design ul.dot-list > li:last-child{margin-bottom: 0;}

h4.sub01 span.sb-m {position: absolute;background: url(../img/p03/muryou-sp.svg) no-repeat;width: 40px;
height: 40px;left: -32px;top: -69px;background-size: contain;}

/* 04 ご利用ガイド
-----------------------------------------------*/
section#p04Box01 { background: #F5F5F5; }
section#p04Box01 .titles01 { text-align: center; margin-bottom: 30px; }
section#p04Box01 .titles01:before { right: 0; margin: 0 auto; }
section#p04Box01 .notesBox > div.box > h3 { font-size: 20px;  }
section#p04Box01 .sub01 { font-size: 24px; margin-bottom: 20px; }
section#p04Box01 .sub01 .sb { position: absolute; width: 60px; height: 60px; z-index: 2; top: -60px; left: -30px; }
section#p04Box01 .sub01 span.sb-y01 { background: url("../img/p04/sb01-sp.svg") no-repeat; background-size: contain;}
section#p04Box01 .sub01 span.sb-y02 { background: url("../img/p04/sb02-sp.svg") no-repeat; background-size: contain; }
section#p04Box01 div.sepaBox { padding-bottom: 40px; margin-bottom: 40px; }
section#p04Box01 div.sepaBox .inner01.flex { display: block;}
section#p04Box01 div.sepaBox .inner01.flex .cont { }
section#p04Box01 div.sepaBox .inner01.flex .img {margin-top: 30px; }
section#p04Box01 div.sepaBox .inner01.flex.semiful .img {margin-top: 0;margin-bottom:20px;  }
section#p04Box01 div.sepaBox .inner02.flex {display: block; margin-top: 30px; }
section#p04Box01 div.sepaBox .inner02.flex > div { box-sizing: border-box; border-radius: 10px; padding: 20px; background: #F5F5F5;margin-bottom: 20px; }
section#p04Box01 div.sepaBox .inner02.flex > div:last-child { margin-bottom: 0;}
section#p04Box01 div.sepaBox .inner02.flex > div .two-ul.flex { justify-content: space-between; }
section#p04Box01 div.sepaBox .inner02.flex > div .two-ul.flex > ul { width:100%; }
section#p04Box01 div.sepaBox .greenBox { padding: 20px; margin-bottom: 20px; }
section#p04Box01 div.sepaBox .greenBox ul.check-list > li { padding-bottom: 0; margin-bottom: 8px; font-size: 15px; background: url("../img/p04/ico-check-sp.svg") no-repeat left top 2px; padding-left: 22px; border-bottom: none;background-size: 16px; }
section#p04Box01 div.sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }

div.sepaBox { padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #E8E8E8; }

div.sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.imgs01.flex { margin-top: -5.33vw;justify-content: space-between;}
.imgs01.flex > div { width: calc(50% - 7px); margin-top: 5.33vw; text-align: center; }
.imgs01.flex > div p { line-height: 1.75; font-size: 4vw;}

.imgs02.flex { justify-content: space-between;}
.imgs02.flex > div { width: calc(33% - 10px);text-align: center; }
.imgs02.flex > div p { line-height: 1.75;font-size: 3.5vw;white-space: nowrap; }


section#p04Box02 { background: #E1F6F6; }
section#p04Box02 .titles01 { text-align: center; margin-bottom: 30px; }
section#p04Box02 .titles01:before { right: 0; margin: 0 auto; }

section.flow-sec.flex { position: relative; background: #fff; box-sizing: border-box; margin-bottom: 40px; padding: 22px 20px 20px; justify-content: space-between; border-radius: 10px; display: block;}
section.flow-sec.flex > .cont {  }
section.flow-sec.flex > .cont .text > ul { margin-top: 12px; }
section.flow-sec.flex > .cont .text > div { margin-top: 12px; }
section.flow-sec.flex > .cont .text > ul:first-child { margin-top: 0; }
section.flow-sec.flex > .cont .text > div:first-child { margin-top: 0; }
section.flow-sec.flex > .cont .set-box .side-tit { margin-bottom: 8px; }
section.flow-sec.flex > .img { margin-top: 20px; }
section.flow-sec.flex .btn01 { width: 100%; margin-top: 20px!important;margin-bottom: 5px; }
section.flow-sec.flex .btn01 a{text-decoration: none; }
section.flow-sec.flex .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
section.flow-sec.flex .btn01 span.ico { margin-right: 15px; display: inline-block; }
section.flow-sec.flex .btn01 span.ico img { display: block; }
section.flow-sec.flex .btn01 .arrow { display: none; }

section.flow-sec.flex a.green { color: #01A9AE; }
section.flow-sec.flex a { text-decoration: underline; }

section.flow-sec.flex::after { content: ""; width: 0; height: 0; border-top: solid 8px #B6DBDB; border-left: solid 10px transparent; border-right: solid 10px transparent; margin: 0 auto; left: 0; right: 0; top: calc(100% + 16px); position: absolute; }

section.flow-sec.flex:last-child { margin-bottom: 0; }

section.flow-sec.flex:last-child:after { content: none; }

.num-tit02.flex { align-items: center; line-height: 28px; font-size: 20px; font-weight: 700; margin-bottom:16px; }
.num-tit02.flex .num { width: 28px; height: 28px; text-align: center; color: #fff; font-weight: 700; margin-right: 8px; background: #01A9AE; border-radius: 5px; font-size: 16px; }
.num-tit02.flex .text { width: calc(100% - 36px);  }

ul.side-anq { background: url("../img/p04/v-line01.svg") repeat-y left 10px top; }
ul.side-anq > li { line-height: 26px; margin-bottom: 24px; position: relative; z-index: 2; }
ul.side-anq > li a { display: inline-block; padding-left: 32px; background: url("../img/p04/side-arrow01.svg") no-repeat left top 1px; font-weight: 700; text-decoration: none; }
ul.side-anq > li a:hover { color: #087F82; }
ul.side-anq > li:last-child { margin-bottom: 0; }

ul.side-anq:before { content: ""; position: absolute; width: 30px; height: 15px; background: #E1F6F6; left: 0; top: 0; }

ul.side-anq:after { content: ""; position: absolute; width: 30px; height: 15px; background: #E1F6F6; left: 0; bottom: 0; }

.flow-wrap.flex { justify-content: space-between; }
.flow-wrap.flex .flow-side { width: 128px; }
.flow-wrap.flex .flow-side ul.side-anq { position: sticky; top: 170px; }
.flow-wrap.flex .flow-main { width:100%; }

section#p04Box03 { background: #FFF6E5; }
section#p04Box03 .titles01 { text-align: center; margin-bottom: 30px; }
section#p04Box03 .titles01:before { right: 0; margin: 0 auto; }
section#p04Box03 .tit-head.flex { align-items: center;margin-bottom: 30px; }
section#p04Box03 .num-tit02.flex .num { background: #EE5A35; }
section#p04Box03 .side-tit:before { background: #EE5A35; }
section#p04Box03 .btn01 a { background: #EE5A35; }
section#p04Box03 ul.side-anq:after, section#p04Box03 ul.side-anq:before { background: #FFF6E5; }
section#p04Box03 ul.side-anq { background-image: url("../img/p04/v-line02.svg"); }
section#p04Box03 ul.side-anq > li a { background-image: url("../img/p04/side-arrow02.svg"); }
section#p04Box03 ul.side-anq > li a:hover { color: #EE5A35; }
section#p04Box03 section.flow-sec.flex::after { border-top-color: #E8DFCD; }

section#p04Box04 .titles01 { text-align: center; margin-bottom: 30px; }
section#p04Box04 .titles01:before { right: 0; margin: 0 auto; }

section#p04Box04 div.inner01.flex { display: block;}
section#p04Box04 div.inner01.flex .cont {margin-bottom: 30px; }
section#p04Box04 div.inner01.flex .img {}
section#p04Box04 div.inner01.flex ul.check-list > li { font-size: 16px; background: url("../img/p04/ico-check.svg") no-repeat left top 2px; padding-left: 28px; padding-bottom: 16px; margin-bottom: 16px; }
section#p04Box04 div.inner01.flex ul.check-list > li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
section#p04Box04 div.inner02.flex { box-sizing: border-box; flex-direction: row-reverse; background: #F5F5F5; padding: 20px; border-radius: 5px; justify-content: space-between; margin-top: 30px; display: block;}
section#p04Box04 div.inner02.flex .cont {  }
section#p04Box04 div.inner02.flex .img { margin-top: 20px;}
section#p04Box04 div.inner02.flex .copy02 { margin-bottom: 16px;font-size: 20px; }
section#p04Box04 div.inner02.flex .copy02 .green02 { font-size: 25px; }

.page-guide section#guide-sec { background: #E1F6F6; }



/* 05 送料・料金
-----------------------------------------------*/
section#p05Box01 { background: #E1F6F6; }
section#p05Box01 .tit-head.flex {  margin-bottom: 30px; }
section#p05Box01 .tit-head.flex .titles01 { text-align: center;}
section#p05Box01 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}
section#p05Box01 .tit-head.flex .text {  }

.scr-wrap{overflow: auto;}
.scr-wrap01{margin: 30px 0 45px;padding-bottom: 5px;}
.scr-wrap02{margin: 30px 0 0;padding-bottom: 5px;}
.scroll-hint-text{font-size: 0!important;}
.scroll-hint-text:before{content:"スクロールできます";font-size: 12px!important;}
.scroll-hint-icon{height: 90px!important;width: 150px!important;}

.price-calc { }
.price-calc > div.box { text-align: center; margin-left: 6vw;width: 25.33vw;}
.price-calc > div.box .ico { padding: 2.66vw; background: #F5F5F5; position: relative;border-radius: 5px; }
.price-calc > div.box .ico:after { z-index: 3; }
.price-calc > div.box .text { font-weight: 700;text-align: center; font-size: 4vw; line-height: 1.33;margin-top: 0.8vw; }
.price-calc > div.box .text .komoji { font-size: 4vw; font-weight: 500;  }
.price-calc > div.box.box01 { margin-left: 0; }

.price-calc.price-calc01.flex {width: 174vw; }
.price-calc.price-calc01.flex > div.box.box01 { width:26.13vw ; }
.price-calc.price-calc01.flex > div.box.box01 .ico { border-radius: 5px 0 0 5px; }
.price-calc.price-calc01.flex > div.box.box01 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%); background-size: contain;}
.price-calc.price-calc01.flex > div.box.box02 { width:26.13vw ; }
.price-calc.price-calc01.flex > div.box.box02 .ico { border-radius: 0; }
.price-calc.price-calc01.flex > div.box.box02 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center;  width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%);background-size: contain; }
.price-calc.price-calc01.flex > div.box.box03 {width:26.13vw ; }
.price-calc.price-calc01.flex > div.box.box03 .ico { border-radius: 0 5px 5px 0; }
.price-calc.price-calc01.flex > div.box.box03 .ico:after { content: ""; background: url("../img/p05/c02.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; left: calc(100% + 0.9vw); transform: translateY(-50%);background-size: contain; }
.price-calc.price-calc01.flex > div.box.box04 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center;width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; left: calc(100% + 0.9vw); transform: translateY(-50%);background-size: contain; }
.price-calc.price-calc01.flex > div.box.box05 .ico:after { content: ""; background: url("../img/p05/c03.svg") no-repeat center;width: 4.26vw; height: 4.26vw;position: absolute; top: 50%; left: calc(100% + 0.9vw); transform: translateY(-50%);background-size: contain; }
.price-calc.price-calc01.flex > div.box.box02, .price-calc.price-calc01.flex > div.box.box03 { margin-left: 0; }

.price-calc.price-calc02.flex { margin-bottom: 0; width: 115.33vw;}
.price-calc.price-calc02.flex > div.box {  }
.price-calc.price-calc02.flex > div.box.box01 { margin-left: 0;  width: 26vw; }
.price-calc.price-calc02.flex > div.box.box01 .ico { border-radius: 5px 0 0 5px; }
.price-calc.price-calc02.flex > div.box.box01 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; right: 0; transform: translate(50%,-50%); background-size: contain;}
.price-calc.price-calc02.flex > div.box.box02 { margin-left: 0; width: 26vw; }
.price-calc.price-calc02.flex > div.box.box02 .ico { border-radius: 0 5px 5px 0; }
.price-calc.price-calc02.flex > div.box.box02 .ico:after { content: ""; background: url("../img/p05/c02.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; left: calc(100% + 0.9vw); transform: translateY(-50%);background-size: contain; }
.price-calc.price-calc02.flex > div.box.box03 .ico:after { content: ""; background: url("../img/p05/c03.svg") no-repeat center; width: 4.26vw; height: 4.26vw; position: absolute; top: 50%; left: calc(100% + 0.9vw); transform: translateY(-50%);background-size: contain; }

.p-TBL01{width: 231.33vw}
.p-TBL01 th, .p-TBL01 td { box-sizing: border-box; font-size: 3.43vw; font-weight: 500; line-height: 4.8vw; padding:1.6vw 0; height: 8.93vw; }
.p-TBL01 th.col01, .p-TBL01 th.col02 { background: #01A9AE; color: #fff; text-align: center; vertical-align: middle; border-bottom: solid 1px #B4DBDB; }
.p-TBL01 th.col03, .p-TBL01 th.col04, .p-TBL01 th.col05, .p-TBL01 th.col06, .p-TBL01 th.col07 { text-align: center; vertical-align: middle; border-bottom: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; background: #F5F5F5; }
.p-TBL01 td.col03, .p-TBL01 td.col04, .p-TBL01 td.col05, .p-TBL01 td.col06, .p-TBL01 td.col07 { text-align: right; vertical-align: middle; border-bottom: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; background: #fff; padding-left: 1.13vw;padding-right: 1.73vw; }
.p-TBL01 tr:last-child th.col01, .p-TBL01 tr:last-child th.col02 { border-bottom: solid 1px #01A9AE; }
.p-TBL01 .col01 { width:55.2vw; border-right: solid 1px #B4DBDB; }
.p-TBL01 .col02 { width: 20.53vw; }
.p-TBL01 .col03, .p-TBL01 .col04, .p-TBL01 .col05 { width: 25.66vw; }
.p-TBL01 .col06 { width: 36.4vw; }
.p-TBL01 .col07 { width: 33.06vw; }

.notesBox.priceBox01 .side-tit { }
.notesBox.priceBox01 .side-tit:before { border-radius: 5px; }
.notesBox.priceBox01 div.box > .inner .sepaBox { padding-bottom: 40px; margin-bottom:35px; }
.notesBox.priceBox01 div.box > .inner .sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }
.notesBox.priceBox01 .kigou-text { margin-top: 8px; }

.page-price .sample-list.flex { margin-top: 20px; justify-content: space-between; }

.sample-list.flex > div { width: 100%; }
.sample-list.flex > div.box { display: flex; flex-wrap: wrap; min-height: 60px;margin-bottom: 8px; }
.sample-list.flex > div.box:last-child {margin-bottom: 0; }
.sample-list.flex > div.box .th { width: 40px; color: #fff; border-radius: 5px 0 0 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: 700; background: #01A9AE; }
.sample-list.flex > div.box .td { width: calc(100% - 40px); background: #F5F5F5; border-radius: 0 5px 5px 0; box-sizing: border-box; padding: 7px 2px 7px 5px; font-weight: 700; line-height: 20px; }

.ink-list.flex { margin-bottom: 24px;justify-content: space-between;margin-top: -8vw;}
.ink-list.flex > div.box { width: calc(50% - 7px);margin-top: 8vw;  }
.ink-list.flex > div.box .img { margin-bottom: 1.06vw; }
.ink-list.flex > div.box h5 { font-weight: 700; margin-bottom: 2.13vw;font-size: 4.8vw;line-height: 1.19; }


.TBL03 dl.size-dl.flex {  font-weight: 700; line-height: 1.1; }
.TBL03 dl.size-dl.flex dt { border-bottom: solid 1px #B4DBDB; color: #fff; background: #01A9AE;  text-align: center; width: 21.42%; box-sizing: border-box; font-size: 4vw;padding:2vw 1vw;}
.TBL03 dl.size-dl.flex dd { border-bottom: solid 1px #E8E8E8; padding: 2vw 2vw; text-align: left; background: #F5F5F5; width: 78.58%; box-sizing: border-box; }
.TBL03 dl.size-dl.flex:first-child dt { border-radius: 5px 0 0 0; }
.TBL03 dl.size-dl.flex:first-child dd { border-radius: 0 5px 0 0; }
.TBL03 dl.size-dl.flex:last-child dt { border-radius: 0 0 0 5px; border-bottom: none; }
.TBL03 dl.size-dl.flex:last-child dd { border-radius: 0 0 5px 0; border-bottom: none; }

.text-sb01 { text-align: center; margin-bottom: 10px; }
.text-sb01 > span { display: block; color: #fff; line-height:32px; background: #EE5A35; border-radius: 40px; position: relative; font-weight: 700; font-size: 16px; }
.text-sb01 > span:before { content: ""; border-top: solid 6px #EE5A35; border-left: solid 10px transparent; border-right: solid 10px transparent; width: 0; hanging-punctuation: 0; position: absolute; left: 0; right: 0; top: calc(100% - 1px); margin: 0 auto; }

.set-list03.flex { justify-content: space-between; }
.set-list03.flex > div.box { width:100%; background: #FFF6E5; border-radius: 5px;margin-bottom: 12px; }
.set-list03.flex > div.box:last-child { margin-bottom: 0;}
.set-list03.flex > div.box > h5 { font-size: 16px; line-height: 1.3; background: #FFF0C7; border-radius: 5px 5px 0 0; text-align: center;padding: 10px; }
.set-list03.flex > div.box .in-box { padding: 12px 20px; }
.set-list03.flex > div.box .in-box .m-price.flex{display: none;}
.set-list03.flex > div.box .in-box .m-price.flex,
.set-list03.flex > div.box .in-box .b-price.flex { justify-content: space-between; }
.set-list03.flex > div.box .in-box .m-price.flex dt { background: none; width: auto; text-align: left; }
.set-list03.flex > div.box .in-box .b-price.flex dt { background: none; width: auto; text-align: left; }
.set-list03.flex > div.box .in-box .m-price.flex dd { width: auto; }
.set-list03.flex > div.box .in-box .m-price.flex dd .num { font-size: 24px; }
.set-list03.flex > div.box .in-box .b-price.flex dd { width: auto; color: #EE5A35; }
.set-list03.flex > div.box .in-box .b-price.flex dd .num { font-size:24px; }
.set-list03.flex > div.box:first-child .in-box { }

.TBL04{width: 112.4vw;}
.TBL04 th, .TBL04 td { box-sizing: border-box; height: 9.6vw; vertical-align: middle; text-align: center; font-weight: 500;font-size: 3.86vw; }
.TBL04 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB; width:38.4vw; }
.TBL04 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL04 th.col02, .TBL04 th.col03 { background: #F5F5F5; }
.TBL04 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px 25px; }
.TBL04 td.col03 { text-align: right; }
.TBL04 .col02 { width:39.6vw; }
.TBL04 .col03 { width:34.26vw; }

.TBL05 th, .TBL05 td { box-sizing: border-box; height: 40px; vertical-align: middle; text-align: center; font-weight: 500;font-size: 14px; }
.TBL05 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB; width: 210px; }
.TBL05 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL05 th.col02 { background: #F5F5F5; }
.TBL05 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px; }
.TBL05 .col02 { }

.TBL06 { margin-bottom: 22px;width: 222.66vw;}
.TBL06 th, .TBL06 td { box-sizing: border-box; height: 9.6vw; vertical-align: middle; text-align: center; font-weight: 500;font-size: 3.86vw;width: 26.13vw; }
.TBL06 thead th { height: 10.93vw; }
.TBL06 th { background: #F5F5F5; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; }
.TBL06 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB;width:38.4vw; }
.TBL06 tbody tr:nth-child(2n) td { background: #F5FDFE; }
.TBL06 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL06 th.col02 { background: #F5F5F5; }
.TBL06 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px 25px 5px 10px; text-align: right; }

.seihan-inner01.flex { display: block; margin-bottom: 30px; }
.seihan-inner01.flex > .left {margin-bottom: 30px; }
.seihan-inner01.flex > .left > .text02 {text-align: center;font-weight: 700;line-height: 1.27;margin-bottom: 16px;font-size: 22px;}
.seihan-inner01.flex > .right { }
.seihan-inner01.flex > .right > p { font-weight: 700;margin-bottom: 8px; }

section#p05Box02 .tit-head.flex {  margin-bottom: 30px; }
section#p05Box02 .tit-head.flex .titles01 { text-align: center;}
section#p05Box02 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}
section#p05Box02 .tit-head.flex .text p{display: inline;}


div.pay-list { width: 100%; display: block; }
div.pay-list > div.box { width: 100%; border-radius: 5px; background: #E1F6F6;margin-bottom: 30px; }
div.pay-list > div.box:last-child {margin-bottom: 0;}
div.pay-list > div.box > h3 { border-radius: 5px 5px 0 0; text-align: center; color: #fff; font-weight: 700; font-size: 18px; background: #01A9AE;line-height: 40px; }
div.pay-list > div.box > .inner { padding: 20px; }
div.pay-list > div.box > .inner > .text { margin-bottom: 20px; }
div.pay-list > div.box .text02 { line-height: 24px; }
div.pay-list > div.box .text02 a { text-decoration: underline; }

.in-two.flex .side-tit { margin-bottom: 8px; }
.in-two.flex p { line-height: 24px; }
.in-two.flex > div { width: 100%;margin-bottom: 20px; }
.in-two.flex > div:last-child{margin-bottom: 0;}

section#p05Box03 { background: #F5F5F5; }

section#p05Box03 .tit-head.flex {  margin-bottom: 30px; }
section#p05Box03 .tit-head.flex .titles01 { text-align: center;}
section#p05Box03 .tit-head.flex .titles01:before {right: 0;margin: 0 auto;}
section#p05Box03 .tit-head.flex .text p{display: inline;}


.whiteBox-list .box { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 12px; }
.whiteBox-list .box a { text-decoration: underline; }
.whiteBox-list .box:last-child { margin-bottom: 0; }

section#p05Box04 { background: #FFF6E5; }
section#p05Box04 .titles01 { text-align: center; }
section#p05Box04 .titles01:before { right: 0; margin: 0 auto; }

.re-ex-list { border-top: solid 1px #E3DBC3; }
.re-ex-list > div.box { padding: 30px 0; border-bottom: solid 1px #E3DBC3; justify-content: space-between;display: block;}
.re-ex-list > div.box .ico { width: 42.66vw; margin: 0 auto 5.33vw;}
.re-ex-list > div.box > .cont {  }
.re-ex-list > div.box > .cont .side-tit { margin-bottom: 12px; }
.re-ex-list > div.box > .cont .side-tit:before { background: #EE5A35; }
.re-ex-list > div.box:last-child > .cont > .text {  }

.ex-ul-dot { margin-top: 12px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.ex-ul-dot .tit { font-weight: 700; width: 30px; }
.ex-ul-dot ul.dot-list { width: calc(100% - 30px); margin-top: 0; }


/* 06 商品詳細
-----------------------------------------------*/
div#mv.umv02 { background: #E1F6F6; }
div#mv.umv02 .wrap { padding:10.66vw 5.33vw;  }
div#mv.umv02 .wrap > .left { margin-bottom: 5.33vw; }
div#mv.umv02 .wrap > .img { }
div#mv.umv02 .wrap > .img .in-img { border-radius: 1.33vw; padding-top: 80%; }
div#mv.umv02 .green-bg { padding:6.66vw 5.33vw; }
div#mv.umv02 .green-bg .inner.flex > .box { text-align: center; width: 100%; box-sizing: border-box; border-color: #3BC0C4;padding-bottom: 5.33vw; height: auto; margin-bottom: 5.33vw;padding-left: 5.33vw;padding-right: 5.33vw;}
div#mv.umv02 .green-bg .inner.flex > .box:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
div#mv.umv02 .green-bg .inner.flex > .box .ico {width: 10.66vw;text-align: left;margin-right: 8vw;}
div#mv.umv02 .green-bg .inner.flex > .box .ico img { width: auto; height: 9.3vw; }
div#mv.umv02 .green-bg .inner.flex > .box .text { font-size: 4.26vw; line-height: 1.4;width: calc(100% - 18.66vw);text-align: left;}

h1.mv-tit-item { margin-bottom: 5.33vw; font-size: 7.2vw; font-weight: 700; line-height: 1.3; }

div.item-priceBox.flex { margin-bottom:5.33vw; }
div.item-priceBox.flex > .tit { width: 21.33vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; font-weight: 700; font-size: 20px; min-height:16vw; background: #01A9AE; border-radius:1.33vw 0 0 1.33vw; }
div.item-priceBox.flex > .cont { background: #fff; border-radius: 0 1.33vw 1.33vw 0; width: calc(100% - 21.33vw); display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 4vw 5.33vw; font-weight: 700; font-size:4vw; line-height: 1.3; }
div.item-priceBox.flex > .cont .num { font-size:6.4vw; color: #EE5A35; font-family: "roboto"; }

div.item-copy01 { font-size: 4vw; line-height: 1.8; }

div#contents.bg05 { overflow: hidden; background: #FFF6E5; }

div#p06Box01 .wrap { }
div#p06Box01 .wrap > .cont { margin-bottom: 30px;}
div#p06Box01 .wrap > .cont .titles01 { margin-bottom: 30px; padding-bottom: 20px; }
div#p06Box01 .wrap > .cont .titles01 .jp { line-height: 1.5; font-size: 20px; color: #222222; }
div#p06Box01 .wrap > .cont .titles01:before { width: 40px; }
div#p06Box01 .wrap > .left { }
div#p06Box01 .wrap > .left img { border-radius: 1.33vw; }

section#rank-sec { padding: 60px 5.33vw; background: #fff; }
section#rank-sec h2.titles01 { text-align: center; }
section#rank-sec h2.titles01:before { right: 0; margin: 0 auto; }

div.rank-list.flex{}
div.rank-list.flex .slick-list{overflow: visible;}

div.rank-list100.flex{display: block;}
div.rank-list100.flex div.rankBox{margin-bottom: 5.33vw;width: 100%;}
div.rank-list100.flex div.rankBox:last-child{margin-bottom: 0;}

span.zei-text00{font-size: 2.8vw;display: inline-block;}
span.zei-text00.zei-text001{font-size: 13px!important;}
.price-chuui{margin-top: 10px;font-size: 14px;}
.price-chuui p{padding-left: 18px;text-indent: -14px;line-height: 1.4;}

div.rankBox { position: relative; width: 68vw; margin:0 2vw; }
div.rankBox .img { border-radius: 1.33vw; border: solid 3px #DCDCDC; margin-bottom: 10px; }
div.rankBox .img .in-img { padding-top: 100%;border-radius: 1.03vw; }
div.rankBox .cont h3 { font-size: 4.26vw; line-height: 1.22; margin-bottom: 3.6vw; }
div.rankBox .rank-crown {background: url(../img/p06/rank01.svg) no-repeat center;width:10.66vw;height:10.66vw;position: absolute;z-index: 2;top: -1.33vw;left: -1.33vw;background-size: contain;display: none;}
/*

div.rankBox.rank01 .rank-crown { display: block;}
div.rankBox.rank02 .rank-crown { background-image: url("../img/p06/rank02.svg");display: block; }
div.rankBox.rank03 .rank-crown { background-image: url("../img/p06/rank03.svg");display: block; }

*/

div.rankBox .cont > .text{margin-top: 15px;width: 100%;line-height: 25px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
div.rankBox .btn01{margin-top: 20px;width: 100%;}


.m-price.flex { align-items: center; line-height: 7.46vw; margin-bottom: 4px; }
.m-price.flex dt { width: 37.3vw;  font-weight: 700; text-align: center; border-radius: 5px; background: #F5F5F5; }
.m-price.flex dd { width: calc(100% - 37.3vw); font-size: 4vw; font-weight: 700;text-align: right; }
.m-price.flex dd .num { font-size:5.33vw; font-family: "roboto"; }

.b-price.flex { align-items: center; line-height:  7.46vw; }
.b-price.flex dt { width: 37.3vw;  font-weight: 700; text-align: center; border-radius: 5px; background: #F5F5F5; }
.b-price.flex dd { width: calc(100% - 37.3vw); font-size: 4vw; font-weight: 700;text-align: right;}
.b-price.flex dd .num { font-size:6.4vw; color: #EE5A35; font-family: "roboto"; }

span.slash-price { display: inline-block; position: relative; }

span.slash-price:before { content: ""; width: 100%; height: 1px; background: #EE5A35; position: absolute; transform: rotateZ(-15deg); transform-origin: right top; left: 0; top: 5px; }

section#joy-sec { background: #E1F6F6; }
div.check-wrap01 { background: #FFFFFF; padding: 20px; border-radius: 5px; }

ul.check-list > li { padding-bottom: 15px; border-bottom: solid 1px #E8E8E8; margin-bottom: 15px; font-size: 16px; font-weight: 700; padding-left: 23px; background: url("../img/p06/ico-check.svg") no-repeat left top 4px; line-height: 1.4;background-size: 16px; }
ul.check-list > li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }

.single-item .titles02 { margin-bottom:30px; }
.single-item section#service-sec { padding: 0; background: #fff; }
.single-item section#guide-sec { background: #E1F6F6; }
.single-item section#feature-sec {padding: 0;}


.oth-text {margin-top: 60px;text-align: center;}
.oth-text .btn01{margin: 20px auto 0;}


.sub01 { font-weight: 700; line-height: 1.25; margin-bottom: 20px; font-size: 26px;position: relative;}

.p06-featureBox.flex { padding-bottom:45px; margin-bottom: 45px; border-bottom: solid 1px #E8E8E8;display: block;}
.p06-featureBox.flex > .img { margin-bottom: 30px; }
.p06-featureBox.flex > .img .in-img{ padding-top: 100%;border-radius: 1.33vw;}
.p06-featureBox.flex > .cont {  }
.p06-featureBox.flex > .cont .btn01 { margin-top:30px; }
.p06-featureBox.flex .bottomBox { margin-top: 30px;margin-bottom: 5px; }
.p06-featureBox.flex .bottomBox .inner.flex { justify-content: space-between; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox { border-radius: 10px; background: #FFF6E5; width:100%;margin-bottom: 20px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox:last-child {margin-bottom: 0; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 { background: #FFF0C7; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;padding:12px 10px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 span.gr-bg { line-height: 23px; color: #fff; font-weight: 700; padding: 0 6px; border-radius: 30px; background: #01A9AE; margin-right: 4px;font-size: 15px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 span.text { font-size: 16px;font-weight: 700; line-height: 23px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner { padding: 20px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .text { min-height: 80px; margin-bottom: 30px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex { justify-content: space-between; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div { position: relative; width: calc(50% - 6px); }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div p { text-align: center; margin-top:1.03vw;font-size: 4vw;line-height: 1.26;}
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div .sb-text {
position: absolute;left: 0;top: 4%;width: 100%;z-index: 2;text-align: center;color: #fff;line-height: 4vw;font-size: 3.2vw;}
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div:first-child span.img { display: block; position: relative; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div:first-child span.img:after { content: ""; width: 0; height: 0; border-left: solid 6px #EFDCA8; border-top: solid transparent 8px; border-bottom: solid transparent 8px; position: absolute; top: 50%; left: calc(100% + 3px); transform: translateY(-50%); }
.p06-featureBox.flex .bottomBox .btn01 { margin: 30px auto 0; }

.p06-featureBox.flex:nth-child(2n) { flex-direction: row; }

.p06-featureBox.flex:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.num-tit { position: relative; font-weight: 700; margin-bottom: 10px; }
.num-tit .num {font-size: 60px;color: #E1F6F6;line-height: 1;position: absolute;left: -11px;top: -17px;}
.num-tit span.text { color: #01A9AE; font-size: 16px; display: block; position: relative; z-index: 2;line-height: 1.25; }

.pick-box.flex { margin-top: 20px; background: #FFF6E5; border-radius: 5px; box-sizing: border-box; padding: 20px; display: block;}
.pick-box.flex .left {  margin-bottom: 12px;}
.pick-box.flex .right { font-size: 18px; font-weight: 700; line-height: 1.33;text-align: center;}
.pick-box.flex .right .green { color: #01A9AE; }

ul.gr-bg-list.flex { margin-bottom: 20px;margin-top: -2px;}

ul.gr-bg-list.flex > li { line-height: 26px; height: 26px; align-items: center; margin-right: 2px; border-radius: 30px; background: #01A9AE; font-weight: 700; color: #fff; padding: 0 7px;margin-top: 2px;font-size: 15px; }
ul.gr-bg-list.flex > li:last-child { margin-right: 0; }

ul.gr-bg-list02 > li {line-height: 23px;height: 28px;margin-bottom: 2px;text-align: center;color: #fff;
font-weight: 700;font-size: 18px;border-radius: 5px;background: #01A9AE;width: 100%;padding: 2px;box-sizing: border-box;}
ul.gr-bg-list02 > li:last-child { margin-bottom: 0; }

section.works-sec { background: #F5F5F5; }
section.works-sec h2.titles01 { text-align: center; }
section.works-sec h2.titles01:before { right: 0; margin: 0 auto; }
section.works-sec .btn01 { margin: 40px auto 0; }

.u-text02 { text-align: center; margin-bottom: 20px; font-weight: 700; font-size: 16px; line-height:32px; margin-top: -10px;}
.u-text02 span.gr-bg-texts { display:inline-block; margin: 0 4px; align-items: center; }
.u-text02 span.gr-bg-texts > span { color: #fff; border-radius: 5px; padding: 5px 6px; background: #01A9AE; margin-right: 2px; }
.u-text02 span.gr-bg-texts > span:last-child { margin-right: 0; }

section.works-sec div.slider01 { margin-top: 0; }

section.position-sec { background: #E1F6F6; }
section.position-sec .inner01.flex { display: block;margin-bottom: 30px;}
section.position-sec .inner01.flex > .left { margin-bottom: 30px; }
section.position-sec .inner01.flex > .right {  }
section.position-sec .inner01.flex > .right img { border-radius: 5px; }
section.position-sec .inner01.flex .titles01 { margin-bottom: 30px;text-align: center;}
section.position-sec .inner01.flex .titles01:before {right: 0;margin: 0 auto;}
section.position-sec .inner01.flex .titles01 .jp {  }

div.sampleArea { background: #fff; border-radius: 5px; padding: 20px; }

.sample-list.flex{margin-top: -5.33vw;justify-content: space-between;}
.sample-list.flex .samplebox { text-align: center; width: calc(50% - 7px); margin-top: 5.33vw;}
.sample-list.flex .samplebox .img { margin-bottom: 5px; }
.sample-list.flex .samplebox .img .in-img { padding-top: 100%; border-radius: 5px; }
.sample-list.flex .samplebox:last-child { margin-right: 0; }

section.style-sec { background: #F5F5F5; }

.style-list.flex { display: block;}

.styleBox { margin-bottom: 30px;}
.styleBox:last-child { margin-bottom: 0;}
.styleBox > .style-inner { display: block; text-decoration: none; }
.styleBox > .style-inner .img { border-radius: 10px; position: relative; margin-bottom: 8px; border: solid 3px transparent; }
.styleBox > .style-inner .img .in-img { padding-top: 70.58%; border-radius: 10px; }
.styleBox > .style-inner h3.tit { font-size: 20px; line-height: 1.16; font-weight: 700; text-align: center;}
.styleBox > .style-inner .text { line-height: 24px; }
.styleBox a.style-inner .img { overflow: hidden; border: solid 3px transparent; transition: 0.3s; }
.styleBox a.style-inner .img .in-img { transition: 0.3s; }
.styleBox a.style-inner .img .arrow { width: 32px; height: 32px; overflow: hidden; position: absolute; z-index: 2; bottom: -3px; right: -3px; background: #01A9AE; border-radius: 10px 0 10px 0; }
.styleBox a.style-inner .img .arrow:before { content: ""; width: 48px; height: 12px; background: url("../img/common/btn-arrow01.svg") no-repeat center right, url("../img/common/btn-arrow01.svg") no-repeat center left; position: absolute; right: 10px; top: 10px; background-size: 12px; }

.styleBox:nth-child(3n) { margin-right: 0; }

section.brand-sec { background: #fff; }

.brand-list02.flex { margin-top: -15px; }


.rs-data01 .detail {
}
.rs-data01 .detail table {
	width:100%;
	font-size:16px;
	line-height:1.5em;
}
.rs-data01 .detail table td {
	padding:10px 0;
	border-bottom:1px dotted #333333;
}
.rs-data01 .detail table tr:first-child td {
	padding:0 0 10px;
}
.rs-data01 .price01 {
	font-weight:bold;
}
.rs-data01 .price01 span {
	font-weight:normal;
}
.rs-data01 .price02 {
	font-weight:bold;
}
.rs-data01 .price02 span {
	font-size:16px;
	color:#CC0000;
}
.rs-data01 .detail ul li:nth-child(1) {
	float:left;
}
.rs-data01 .detail ul li:nth-child(2) {
	float:right;
}
.detailBox02 {text-align: center;
	margin-bottom:20px;
}
.detailBox02 ul li {
	width:52px;
	margin:0 20px 20px 0;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:1.4em;
}
.detailBox02 ul li:nth-child(12n) {
	margin:0 0 20px 0;
}
.detailBox02 img {
	max-width:100%;
	height:auto;
}
.detailBox03 {
	margin-bottom:30px;
}
.detailBox03 img {
	max-width:100%;
	height:auto;
}
.detailBox03 table {
	width:100%;
}
.detailBox03 table th {
	padding:8px 0;
	border:1px solid #999999;
	text-align:center;
}
.detailBox03.type01 th {

}
.detailBox03.type02 th {
	
}
.detailBox03.type03 th {
	
}
.detailBox03 table .th01 {
	background:#FFFBD2;
}
.detailBox03 table td {
	padding:8px 0;
	border:1px solid #999999;
	text-align:center;
}
.detailBox03 .note {
	padding:10px 0 0;
	font-size:14px;
	line-height:1.4em;
}

h1.rs-tit {padding: 10px 15px 10px 50px;margin-bottom: 20px;line-height: 1.4;font-size: 20px;font-weight: bold;border-top: 1px solid #B9B9B9;border-bottom: 1px solid #B9B9B9;border-right: 1px solid #B9B9B9;border-left: 7px solid #087F82;background: url(../img/common/item_icon01.svg) no-repeat 10px center #fff;}

.rs-cont01.flex{justify-content: space-between;margin-top: 30px;}
.rs-cont01.flex > .img{width: 100%;margin-bottom: 20px;}
.rs-cont01.flex > .img .gallery-wrap{width: 100%;}
.rs-cont01.flex > .img .gallery-wrap .gallery-main button.slick-arrow{display: none!important;}
.rs-cont01.flex > .img .gallery-wrap .gallery-main button.slick-prev.slick-arrow{left: -50px;}
.rs-cont01.flex > .img .gallery-wrap .gallery-main button.slick-next.slick-arrow{right: -50px;}
.rs-cont01.flex > .img .gallery-thumbs .slick-track{width: 100%!important;transform: none!important;}

.rs-cont01.flex > .img .gallery-thumbs .g-thumb{width: 21vw;margin-right: 1.7vw;}
.rs-cont01.flex > .img .gallery-thumbs .g-thumb:last-child{margin-right: 0;}

.rs-cont01.flex > .cont{width: 100%;}
.rs-cont01.flex > .cont .c-btn.c-btn01{width: 100%;}
.rs-cont01.flex > .cont .c-btn.c-btn01 br{display: none;}

.rs-cont02{padding: 20px;margin-top: 50px;background: #fff;border-radius: 10px;margin-bottom: 50px;}
.rs-cont02 .mb10{margin-bottom: 10px;}
h2.rs-tit02 {background: #087F82;color: #fff;padding: 10px 20px;font-size: 20px;margin-bottom: 20px;}

h3.rs-tit03{border-bottom: solid 1px #087F82;font-size: 18px;padding-bottom: 10px;margin-bottom: 15px;}

.tel-es {border: solid 1px;background: #fff;box-sizing: border-box;display: flex;flex-wrap: wrap;
align-items: center;justify-content: center;padding: 20px 20px 20px;margin: 10px 0;}

.tel-es .tit{font-size: 18px;font-weight: 700;line-height: 1.3;margin-bottom: 10px;width: 100%;text-align: center;}


/* 07 カタログ
-----------------------------------------------*/

.the_current_category {margin: -20px 0 40px;}
.the_current_category ul.cate-list.flex > li{line-height: 28px;}
.the_current_category ul.cate-list.flex > li a{padding: 0 5px;font-size: 14px;}


div#cataBox .titles01{text-align: center;}
div#cataBox .titles01:before{right: 0;margin: 0 auto;}

div#two-content.cata-two { padding: 0; }
div#two-content.cata-two .sideBox {  }

div.catalog-list-all.flex {  }

article.catalog-art { width:100%; margin-bottom: 5.33vw; }
article.catalog-art a { text-decoration: none; background: #fff; border-radius: 1.33vw; box-sizing: border-box; height: 100%; padding: 5.33vw; display:flex;flex-wrap: wrap; position: relative;justify-content: space-between;}
article.catalog-art a .cont { width: 37.86vw;  }
article.catalog-art a .img { overflow: hidden;width: 36.8vw;  }
article.catalog-art a .img .in-img { padding-top: 130.4%; transition: 0.3s; }
article.catalog-art a .catalog-bottom.flex { margin-top: 10px; }
article.catalog-art a .catalog-bottom.flex .qr { display: none; }
article.catalog-art a .catalog-bottom.flex .tag-list01 { width: 100%; }
article.catalog-art a .arrow { width:8.53vw; height: 8.53vw; overflow: hidden; position: absolute; z-index: 2; bottom: 0; right:0;  background: url("../img/common/ico-blank.svg") no-repeat center #01A9AE; border-radius:1.33vw 0 1.33vw 0;background-size: 3.73vw; }
h3.catalog-name{font-size: 4.8vw;}
p.brand-name{font-size: 4vw;}

article.catalog-art:nth-child(3n) { margin-right: 0; }

div#cataBox02 { background: #E1F6F6; }
div#cataBox02 .copy02 {  margin-bottom: 30px; }
div#cataBox02 .copy02 .big { font-size: 24px; }
div#cataBox02 .tit-head.flex{margin-bottom: 20px;}
div#cataBox02 .titles01{text-align: center;}
div#cataBox02 .titles01:before{right: 0;margin: 0 auto;}
div#cataBox02 .c-btns.flex { margin-top: 0; }
div#cataBox02 .aside-tel-fax.flex { padding-top: 0; border-top: none; justify-content: space-between;margin-top: 25px;padding: 0; }
div#cataBox02 .aside-tel-fax.flex > div { margin-right: 0; width: 100%; box-sizing: border-box; text-align: center; border-radius: 10px; background: #F5F5F5; padding: 20px 20px;margin-bottom: 10px; }
div#cataBox02 .aside-tel-fax.flex > div:last-child{margin-bottom: 0;}
div#cataBox02 .aside-inner { padding-top: 30px;padding-bottom: 20px; }

div#cataBox03 { background: #fff; }
div#cataBox03 .titles02 { margin-bottom: 60px; }
div#cataBox03 .titles02 span.circle-sb {top: 18px;left: -50px;}

.catabox03-inner.flex { display: block;}
.catabox03-inner.flex .img {margin-bottom: 20px; }
.catabox03-inner.flex .cont {}
.catabox03-inner.flex .cont .copy02 { margin-bottom: 20px; font-size: 20px;}
.catabox03-inner.flex .cont .btn01 { margin: 30px auto 0;width: calc(100% - 40px); }



/* 08 制作事例
-----------------------------------------------*/


.cate-lisBox { margin-bottom: 40px; }

ul.cate-list.flex { width: calc(100% + 5px); margin: -5px 0 0 -5px; box-sizing: border-box; }

ul.cate-list.flex > li { line-height: 44px; margin-top: 5px; margin-left: 5px; }

ul.cate-list.flex > li a { display: block; border-radius: 5px; padding: 0 15px 0 15px; background: #fff; font-size: 18px; text-decoration: none; color: #01A9AE; border: solid 2px #01A9AE; }

ul.cate-list.flex > li a:hover { background: #01A9AE; color: #fff; }

ul.cate-list.flex > li.r_current a { background: #01A9AE; color: #fff; pointer-events: none; }

.case-all-list.flex {display: block;}
.case-all-list.flex article.case-art{width: 100%;margin-bottom: 40px;}
.case-all-list.flex article.case-art:last-child{margin-bottom: 0;}



/*詳細*/
.case-inner-s.flex {display: block;}
.case-inner-s.flex .img { margin-bottom: 30px;}
.case-inner-s.flex .img .gallery-wrap { width: 100%; }
.case-inner-s.flex .img .gallery-wrap .slick-arrow { display: none !important; }
.case-inner-s.flex .img .g-thumb { }
.case-inner-s.flex .case-cont {  }

.caseTBL.TBL01 th, .caseTBL.TBL01 td { border-color: #E8E8E8; padding-top: 12px; padding-bottom: 12px; }
.caseTBL.TBL01 th { width: 110px; background: #F5F5F5; }

div#single-caseBox01 .n-cate { font-weight: 700; background: #01A9AE; color: #fff; border-radius: 30px; margin-right: 4px; font-size: 14px; line-height: 21px; }
div#single-caseBox01 h1.w-tit { font-size: 18px; margin-bottom: 20px; }

section.works-sec.case-bottom { overflow: hidden; background: #fff; }





/* 09 お知らせ
-----------------------------------------------*/
div#mv.umv { color: #fff; background: #01A9AE; height: 42.66vw; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; box-sizing: border-box; }

.mv-tit { font-size: 7.46vw; font-weight: 700;text-align: center; }

div#two-content { display: flex; flex-wrap: wrap; justify-content: space-between; padding:35px 5.33vw 60px;}

div#two-main { width: 100%;order:2; }

div#two-side { margin-bottom: 40px;width: 100%; order:1;}

.side-inner select{width: 100%;height: 60px;box-sizing: border-box;font-size: 16px;padding: 5px 10px;color: #222;border: solid 1px #D4D4D4;}


.sideBox { margin-bottom: 30px; }

.sideBox:last-child { margin-bottom: 0; }

.side-tit { font-weight: 700; margin-bottom: 15px; font-size: 18px; position: relative; padding-left: 12px; }

.side-tit:before { content: ""; background: #01A9AE; width: 4px; height: calc(100% - 7px); top: 5px; position: absolute; left: 0; }

ul.side-links { padding-top: 15px; border-top: solid 1px #CADEDE; }

ul.side-links > li { margin-bottom: 15px; border-bottom: solid 1px #CADEDE; padding-bottom: 15px; }

ul.side-links > li:last-child { margin-bottom: 0; }

ul.side-links a { text-decoration: none; }


ul.child { margin-top: 15px; padding-left: 10px; }

ul.child > li { margin-bottom: 15px; }

ul.child > li a:before { content: "-"; }

ul.child > li:last-child { margin-bottom: 0; }

select#archives-dropdown-2 { width: 100%; height: 43px; box-sizing: border-box; border-radius: 5px; background: #F5F5F5; border: solid 1px #E4E4E4; -webkit-appearance: auto; appearance: auto; padding: 5px 15px; font-size: 16px; }

div.blog-list-all { width: 100%;  }
div.blog-list-all article.blog-art01 { margin-bottom: 40px; }
div.blog-list-all article.blog-art01:last-child { margin-bottom: 0;; }

article.blog-art01 { width:100%; }

article.blog-art01 a { text-decoration: none; }

article.blog-art01 a .img { border-radius: 10px; overflow: hidden; width: 100%; margin-bottom: 8px; }

article.blog-art01 a .img .in-img { padding-top: 69.23%; border-radius: 10px; transition: 0.3s; }

article.blog-art01 a .cont { width: 100%; }

article.blog-art01 a .cont > h3 { font-size: 16px; font-weight: 700; line-height: 1.5; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.infos.flex { margin-bottom: 8px; }
.infos.flex .n-date { margin-right: 8px; font-weight: 400; color: #808080; }

/*詳細*/
div#contents.bg02 { background: #E1F6F6;  }

div#contents.bg02 div#two-content { }
.single-post div#two-side{display: none;}

div.s-news-box { padding:20px; background: #fff; border-radius: 5px; }

h1.w-tit { font-size: 24px; line-height: 1.5; font-weight: 700; margin-bottom: 40px; }

.blog-singleBox iframe { max-width: 100%; }

.blog-text img[class*="wp-image-"] { margin: 15px 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text img[class*="wp-image-"] { margin: 25px 0; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 60px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 2px; text-decoration: none; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 15px; font-weight: 700; color: #087F82; background: #fff; border-radius: 5px; border: solid 1px #087F82; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #087F82; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p09/arrow02.svg") no-repeat center !important; margin-right: 25px; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p09/arrow03.svg") no-repeat center !important; margin-left: 25px; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background: #087F82; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p09/arrow01.svg") no-repeat center !important; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p09/arrow04.svg") no-repeat center !important; }

.wp-pagenavi span.pages { display: none; }


.post-navigation ul { justify-content: space-between; align-items: center; margin-top: 60px; }

.post-navigation ul > li {  width: 108px; height: 40px; display: table; }

.post-navigation ul > li a { text-decoration: none; display: table-cell; text-align: center; vertical-align: middle; border-radius: 5px; border: solid 1px #087F82; color: #087F82; }

.post-navigation ul > li.prev a span { display: inline-block; padding-left: 15px; background: url("../img/p09/arrow02.svg") no-repeat left top 6px; }


.post-navigation ul > li.next a span { display: inline-block; padding-right: 15px; background: url("../img/p09/arrow03.svg") no-repeat right top 6px; }


.post-navigation ul > li.blog-back a { background: #087F82; color: #fff; }

.post-navigation ul > li.kara { z-index: -2; pointer-events: none; opacity: 0; }

.post-navigation ul > li:last-child { margin-right: 0; }


/* 10 会社概要
----------------------------------*/
div#contents.bg03 { background: #F5F5F5; }

.u-cont01 > div, .u-cont01 > section { padding: 60px 5.33vw; }
.u-cont01 > div:first-child, .u-cont01 > section:first-child { padding-top: 45px; }

section#p10Box01 .wrap { box-sizing: border-box; }
section#p10Box01 .box01 { width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
section#p10Box01 .box01 > .left { width: 50.66vw; }
section#p10Box01 .box01 > .left .titles01{font-size: 10.66vw;margin-bottom: 8vw;padding-bottom: 4vw;}
section#p10Box01 .box01 > .left .titles01:before{width: 8vw;height: 0.8vw;}
section#p10Box01 .box01 > .left .titles01 .jp{font-size: 4vw;}
section#p10Box01 .box01 > .img { width: 34.66vw; }
section#p10Box01 .box01 > .left .copy02 { margin-bottom: 0;font-size: 4.8vw;line-height: 1.55; }

.names { margin-top: 20px; line-height: 24px; }
.names .line01 { font-weight: 700; font-size: 17px; margin-right: 12px; }

section#p10Box02 { background: #fff; }
section#p10Box02 .titles01{ text-align: center;}
section#p10Box02 .titles01:before{ margin: 0 auto;right: 0;}

.ap-list.flex { justify-content: space-between; }
.ap-list.flex article.ap-art { margin-bottom: 40px; }
.ap-list.flex article.ap-art:last-child { margin-bottom: 0; }

article.ap-art { width:100%; }
article.ap-art .img { margin-bottom: 3.2vw; }

.ap-head.flex { margin-bottom: 3.2vw; padding-bottom: 15px; border-bottom: solid 1px #E8E8E8; align-items: flex-end; justify-content: space-between; }

h3.ap-tit > span { display: block; }
h3.ap-tit > span.line01 { font-weight: 500; font-size: 4vw; line-height: 1; }
h3.ap-tit > span.line02 { font-size: 4.8vw; font-weight: 700; }

ul.links-outer { display: flex; flex-wrap: wrap; }
ul.links-outer > li { width: 10.66vw; margin-left:1.06vw; }
ul.links-outer > li a { text-decoration: none; display: block; border-radius: 100%; background: #087F82; }
ul.links-outer > li:first-child { margin-left: 0; }

section#p10Box03 { background: #E1F6F6; }
section#p10Box03 h2.titles01 { text-align: center; }
section#p10Box03 h2.titles01:before { right: 0; margin: 0 auto; }

div.TBLS { display: flex; flex-wrap: wrap; justify-content: space-between; }
div.TBLS > div { width: 530px; }
div.TBLS > div table { height: 100%; }

.TBL01 th, .TBL01 td { box-sizing: border-box; padding: 12px 5px 12px 10px; line-height: 20px; font-weight: 500; font-size: 15px; border-top: solid 1px #B4DBDB; border-bottom: solid 1px #B4DBDB; vertical-align: middle; }
.TBL01 tr.ad-tr th, .TBL01 tr.ad-tr td { vertical-align: top; }
.TBL01 th { background: #D4EFEF; width: 125px; }
.TBL01 td { background: #fff; }
.TBL01 td a { text-decoration: underline; }


section#p10Box04 { background: #FFF6E5; }
section#p10Box04 h2.titles01 { text-align: center; }
section#p10Box04 h2.titles01:before { right: 0; margin: 0 auto; }
section#p10Box04 .box01.flex {display: block;}
section#p10Box04 .box01.flex > .left { margin-bottom: 30px;}
section#p10Box04 .box01.flex > .right { }

.map02 { margin-bottom: 30px; height: 48vw; }
.map02 iframe { width: 100%; height: 100%; }

.access-list02 { border-top: solid 1px #E2D6BF; }
.access-list02 > div.box { padding: 10px 0; border-bottom: solid 1px #E2D6BF; }

h3.ac-tit { display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; margin-bottom: 6px; }
h3.ac-tit span.ico { margin-right: 8px; }

ul.dot-list { margin-top: 6px; }
ul.dot-list > li { padding-left: 16px; position: relative; }
ul.dot-list > li:before { content: "・"; position: absolute; left: 0; top: 0; }

section#p10Box05 { background: #fff; }
section#p10Box05 h2.titles01 { text-align: center; }
section#p10Box05 h2.titles01:before { right: 0; margin: 0 auto; }

.TBL02 th, .TBL02 td { box-sizing: border-box; padding: 12px 0; vertical-align: top; font-weight: 500; font-size: 15px; line-height: 20px; border-top: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; }
.TBL02 th { width: 125px; }

.gallery-wrap { width:100%; margin: 0 auto; }

.gallery-photo { padding-top: 72.72%; border-radius: 10px; }

.gallery-main { margin-bottom: 1.06vw; }

.gallery-main button.slick-arrow { border-color: #fff; }

.gallery-main button.slick-prev.slick-arrow { left: -100px;display: none; }

.gallery-main button.slick-next.slick-arrow { right: -100px;display: none; }

.gallery-thumbs { margin-bottom: 0; }

.g-img .photo { padding-top: 72.72%; border-radius: 1.33vw; }

.g-thumb .photo { padding-top: 73.33%; border-radius: 1.33vw; }

.g-thumb { width: 20vw; margin-right: 1.06vw; border-radius: 1.33vw; position: relative; }

.g-thumb:after { content: ""; width: 100%; height: 100%; z-index: 2; border-radius:1.33vw; background: #000; opacity: 0; position: absolute; left: 0; top: 0; transition: 0.3s; }

.g-thumb.slick-current:after { opacity: 0.6; }

/* 11 お問合せ
----------------------------------*/
div#contents.bg04 { background: #E1F6F6; }

div.contact-set02.flex { margin-bottom: 40px; justify-content: space-between; }
div.contact-set02.flex > div { box-sizing: border-box; width: 100%; border-radius: 10px; padding: 20px; background: #fff;margin-bottom: 20px; }
div.contact-set02.flex > div:last-child{margin-bottom: 0;}
div.contact-set02.flex > div.box01, div.contact-set02.flex > div.box02 { text-align: center; }
div.contact-set02.flex > div.box01 .tel-num a { font-size: 35px; }
div.contact-set02.flex > div.box01 .tel-num a > span { padding-left: 0; background: none; }
div.contact-set02.flex > div.box01 .tel-bh { font-size: 15px;  }
div.contact-set02.flex > div.box01 .contact-tit { margin-bottom: 12px; }
div.contact-set02.flex > div.box01 .contact-tit img { width: 12px; }
div.contact-set02.flex > div.box02 .contact-tit img { width: 22px; }
div.contact-set02.flex > div.box02 .fax-tel > span { padding-left: 0; }
div.contact-set02.flex > div.box02 .fax-tel > span:before { content: none; }
div.contact-set02.flex > div.box02 .bh { font-size: 15px; }
div.contact-set02.flex > div.box02 .contact-tit { margin-bottom: 12px; }
div.contact-set02.flex > div.box03 { width: 100%; margin-top: 20px; }
div.contact-set02.flex > div.box03 .contact-tit .ico { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px; background: #06C755; width: 24px; height: 24px; }
div.contact-set02.flex > div.box03 .contact-tit img { width: 18px; display: block; }
div.contact-set02.flex > div.box03 .c-btn.c-btn02 { width:100%; height: 50px; margin: 15px auto 0; }
div.contact-set02.flex > div.box03 .c-btn.c-btn02 a { border-radius: 50px; font-size: 18px; }

.contact-tit { display: flex; flex-wrap: wrap; line-height: 1; justify-content: center; font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.contact-tit > .ico { margin-right: 8px; }

.contact-wrap { padding: 25px 20px 40px; background: #fff; border-radius: 5px; }
.contact-wrap .contact-tit img { filter: brightness(0) saturate(100%) invert(4%) sepia(1%) saturate(2960%) hue-rotate(72deg) brightness(95%) contrast(79%); width: 25px; }

.line-flows.flex > div.box { width: 100%; margin-bottom: 32px; box-sizing: border-box; position: relative; background: #F5F5F5; padding: 20px 30px 25px 40px; border-radius: 5px; }
.line-flows.flex > div.box .num { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #01A9AE; border-radius: 5px 0 5px 0; position: absolute; left: 0; top: 0; z-index: 2; font-size: 12px; }
.line-flows.flex > div.box:after { content: ""; width: 0; height: 0; border-top: solid 12px #BBBBBB; border-left: solid 16px transparent; border-right: solid 16px transparent; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); }
.line-flows.flex > div.box:last-child { margin-bottom: 0; }
.line-flows.flex > div.box:last-child:after { content: none; }

.kigou-text p {position: relative;padding-left: 16px;margin-bottom: 10px;line-height: 1.5;font-size: 12px;}
.kigou-text p:last-child { margin-bottom: 0; }
.kigou-text p:before { content: "※"; position: absolute; left: 0; top: 0; }
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.file01 {margin: 10px 0 8px;width: 100%;}

/*フォーム*/
.form-wrap .wpcf7-not-valid-tip { color: #C00101; }

::placeholder { color: #C4C6CE; }

.contactTBL {  }

.contactTBL:nth-child(2) { margin-bottom: 20px; }

.contactTBL h3 { color: #fff; font-weight: 700; line-height: 1.4; text-align: center; background: #59CFCA; padding: 15px 10px; border-radius: 10px 10px 0 0; font-size: 24px; }

.ct-inner { background: #fff; padding: 10px 60px; border-radius: 0 0 10px 10px; }

.contactTBL th, .contactTBL td { box-sizing: border-box; vertical-align: top; padding: 20px 0; font-size: 18px; display: block; }

.contactTBL th { line-height: 40px; font-weight: 700; position: relative; padding-bottom: 10px; }

.contactTBL td { padding-top: 0; font-weight: 500; }

p.form-bikou { font-size: 14px; margin-top: 3px; }

.bikou01 { font-size: 14px; line-height: 1.7; margin-top: 10px; }

input.wpcf7-text { box-sizing: border-box; padding: 5px 18px; border: solid 1px #D4D4D4; background: #fff; height: 40px; width: 100%; font-size: 16px; font-weight: 400; }

ul.address-list { padding-top: 3px; }

ul.address-list > li { margin-bottom: 25px; }

ul.address-list > li .th { margin-bottom: 5px; }

ul.address-list > li .th span.hosoku { font-size: 14px; margin-left: 15px; display: inline-block; }

ul.address-list > li:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item, .method span.wpcf7-list-item { margin-right: 30px; }

input::-webkit-file-upload-button { background: #000; color: #fff; width: 128px; height: 40px; cursor: pointer; transition: 0.3s; }

select.wpcf7-form-control.wpcf7-select { box-sizing: border-box; padding: 5px 10px; border: solid 1px #D4D4D4; background: #fff; height: 40px; font-size: 16px; font-weight: 400; }

textarea.wpcf7-form-control.wpcf7-textarea { box-sizing: border-box; padding: 5px 10px; border: solid 1px #D4D4D4; background: #fff; height: 160px; width: 100%; font-size: 16px; font-weight: 400; }

input.wpcf7-form-control.wpcf7-number.number01 { border: solid 1px #D4D4D4; box-sizing: border-box; padding: 5px 10px; height: 40px; width: 50px; margin-right: 4px; font-size: 16px; }

.num-hun-check .box { margin-bottom: 10px; font-size: 14px; }

.num-hun-check .box:last-child { margin-bottom: 0; }

.num-hun-check .box .lin01 { display: flex; flex-wrap: wrap; align-items: center; margin-top: 3px; }

span.wpcf7-list-item { margin-left: 0 !important; margin-right: 10px; }

.form-time span.wpcf7-list-item { width: 100px; }

.sagyou span.wpcf7-list-item, .koumoku span.wpcf7-list-item { margin-right: 30px; }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item { display: block; margin-bottom: 10px; }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item:last-child { margin-bottom: 0; }

span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item { display: block; margin-bottom: 10px; }

span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item { display: block; margin-bottom: 5px; line-height: 1.6; }

.koumoku span.wpcf7-list-item:last-child { margin-bottom: 0; }

.other-text { padding-left: 21px; margin-top: 3px; }

.hissu { margin-right: 10px; color: #fff; font-weight: 700; display: inline-block; font-size: 13px; background: #EE3535; line-height: 22px; padding: 0 7px; border: solid 1px #EE3535; }

.nini { margin-right: 10px; color: #EE3535; font-weight: 700; display: inline-block; font-size: 13px; line-height: 22px; padding: 0 7px; border: solid 1px #EE3535; }

span.ipt { display: inline-block; vertical-align: middle; }

span.tani { display: inline-block; width: 24px; vertical-align: middle; margin-left: 6px; }

span.wpcf7-list-item input[type="checkbox"] { transform: scale(1.5); margin-right: 10px; transform-origin: left center; }

span.wpcf7-list-item input[type="radio"] { transform: scale(1.5); margin-right: 10px; transform-origin: left center; }

input.your-name { width: 200px; }

input.tel01 { width: 130px; }

span.zip-mark { display: block; margin-bottom: 5px; }

span.tani { font-weight: 400; }

input.maisu, input.yosan, input.date01 { width: 160px; }

input[type=date] { position: relative; background: url("../img/common/ico-cale.svg") no-repeat center right 15px #fff; }

input[type=date]::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; }

.zip_list > div { margin-bottom: 30px; }

.zip_list > div:last-child { margin-bottom: 0; }

.zip_list span.bikou { font-size: 14px; }

p.juusho-text { margin-bottom: 3px; }

.text05 { font-size: 13px; margin-bottom: 10px; }

.contact-submit.flex { margin-top: 20px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }


a.cd-upload-btn {  height: 40px; display: inline-block; line-height: 35px; background: #ccc; border: solid 1px #707070; }

.form-btn { position: relative; width:100%; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 2px #087F82; font-weight: 700; color: #fff; background: url("../img/common/btn-arrow01.svg") no-repeat center right 20px #087F82; width: 100%; height: 60px; font-size: 15px; border-radius: 10px; background-size: 16px; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.08); }

.form-btn.form-btn02 { margin-top: 15px; }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background: transparent; color: #087F82; }


.form-btn.form-btn02:before { content: none; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

.contactArea { position: relative; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 25px 0 10px; }

ul.contact-state > li { display: table; width: 32%; height: 40px; position: relative; margin-left: -10px; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: middle; background: #D4D4D4; font-weight: 600; color: #737373; font-size: 15px; }

ul.contact-state > li.state01 { margin-left: 0; clip-path: polygon(0 0, calc(100% - 5px) 0%, 100% 50%, calc(100% - 5px) 100%, 0 100%, 0% 50%); }

ul.contact-state > li.state01 > span { background: #01A9AE; color: #fff; }

ul.contact-state > li.state02 { clip-path: polygon(0 0, calc(100% - 5px) 0%, 100% 50%, calc(100% - 5px) 100%, 0 100%, 0% 50%); }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.contact-state.contact-state02 > li.state02 > span { background: #01A9AE; color: #fff; }

span.hosoku { display: block; }

input#zip01, input#zip01-2 { width: 110px; margin-right: 10px; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 185px; margin-top: -185px; }

tr.timeset select.wpcf7-form-control.wpcf7-select { width: 300px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }

ul.kibou-li > li { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; }

ul.kibou-li > li .cap01 { margin-right: 20px; }

ul.kibou-li > li:last-child { margin-bottom: 0; }

.shokushu-s span.wpcf7-list-item { display: block; }

input.wpcf7-form-control.wpcf7-date { color: #000; font-size: 16px; border: solid 1px #D4D4D4; box-sizing: border-box; padding: 0 5px; height: 40px; }



.contactArea.che { background: #eee;padding: 20px; }
.contactArea.che .contactTBL tr { border-bottom: solid 1px #000; }
.contactArea.che .contactTBL th, .contactArea.che .contactTBL td { padding-top: 5px; padding-bottom: 5px; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .bikou-text01, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox] { display: none; }
.contactArea.che input[type=checkbox]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }


.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }


/*　12 無料見積り・再注文依頼
----------------------------------*/
.place-smple { margin-bottom: 10px; background: url("../img/p12/print-sp.png") no-repeat; height: 71.6vw;background-size: contain;}

.plsh { margin-top: 5px; position: relative; }
.plsh textarea { background: none; position: relative; z-index: 2; }
.plsh textarea:placeholder-shown { background: none; }

.plsh-text { position: absolute; top: 16px; left: 16px; font-weight: 400; color: #9A9A9A; font-size: 14px; line-height: 20px; }

/*　thanksページ等
----------------------------------*/
div#p100Box01 .btn01 { margin: 50px auto 0; }

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02:first-child { margin-top: 0; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #01A9AE; margin-top: 50px; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #01A9AE; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }




/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 700px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
}

@media screen and (min-width: 0px) and (max-width: 420px) {
}

@media screen and (min-width: 0px) and (max-width: 400px) {
	
}
@media screen and (min-width: 0px) and (max-width: 375px){
}