/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
h1, h2, h3, h4, h5, h6 {
  line-height: 140% !important;
  font-weight: normal;
  margin: initial;
  padding: initial;
}
@font-face { font-display: swap; }
*{box-sizing: border-box !important;margin: 0;padding: 0;gap: initial !important;}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
img{height: auto;}
body .wp-block-image img{width: revert-layer;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
#l-contents .wp-block-columns,#l-contents .wp-block-group{gap: initial !important;}
body{
	font-family:"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 170%;
	color:#552a02;
	-webkit-text-size-adjust:100%;
	background:url(images/background.jpg) repeat center top;
	font-weight: normal;
	width: 100%;
	position: relative;
}
body:before{
	content: "";
	display: block;
	width: 100%;
	height: 25px !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: url(images/header-line.png.webp) no-repeat center bottom;
	background-size: 100% auto;
	z-index: 10;
}
.display-none{display: none !important;}
/***************フォント****************/
 .web-font{
	font-family: "Zen Maru Gothic", serif;
	font-weight: 400;
	font-style: normal;
	font-display: swap;
 } 
h2{
	font-family: "Zen Maru Gothic", serif;
	font-size: 30px;
	margin: 15px auto 20px !important;
	font-weight: bold;
	font-display: swap;
}
.title-circle{
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(images/circle-h2-white.png.webp) no-repeat center center;
	background-size: auto 100%;
	width: auto;
	height: 170px;
	margin: 0 auto 40px !important;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 0 0 20px 0;
}
.title-circle-blue{
	background: url(images/title-circle-blue.png.webp) no-repeat center center;
	background-size: auto 100%;
}
.title-circle-beige{
	background: url(images/pagetitle-circle.png.webp) no-repeat center center;
	background-size: auto 100%;
}
.title-circle h2{
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	line-height: 130% !important;
}
.title-circle h2 .font20{
	line-height: 1em;
}
.title-circle p{margin: 0 !important;}
.title-circle figure{
	display: block !important;
	margin: 0 auto 5px !important;
	position: relative;
}
.sec-title-area h2{
	font-size: 30px !important;
	text-align: center;
}
h3{
	font-family: "Zen Maru Gothic", serif;
	font-size: 24px;
	margin:35px auto 15px !important;
	font-weight: bold;
	font-display: swap;
}
h3:after{content: none;}
.title-green{
	background: url(images/vertical-line-green.png.webp) no-repeat center bottom;
	background-size: auto 8px;
	padding: 0 0 15px;
}
.title-brown{
	background: url(images/h3line-brown-white.png.webp) no-repeat center bottom;
	background-size: auto 5px;
	padding: 0 0 15px;
}
.line-h3-lp{
	background: url(images/line-h3-lp.png.webp) no-repeat center bottom;
	background-size: auto 10px;
	padding: 0 0 20px;
}
.title-green-leaf{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.title-green-leaf:before{
	content: "";
	display: inline-block;
	background: url(images/icon-h3-leaf.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 38px;
	height: 32px;
	flex-shrink: 0;
	margin: 0;
}
.title-green-leaf-white:before{
	background: url(images/icon-h3-leaf-white.png.webp) no-repeat center top;
	background-size: 100% auto;
}
h4{
	font-family: "Zen Maru Gothic", serif;
	font-size: 20px;
	font-weight: bold;
	font-display: swap;
}
ul li{color: #552a02;}
ul.ul-check{padding-left: 0 !important;}
ul.ul-check li{
	font-family: "Zen Maru Gothic", serif;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	padding-bottom: 15px;
	font-display: swap;
}
ul.ul-check li:before{
	content: "" !important;
	background: url(images/icon-check.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 38px;
	height: 32px;
	position: relative !important;
	margin: 0 10px 0 0;
	top: 0;
	left: 0 !important;
	flex-shrink: 0;
}
ul.ul-brown{padding-left: 0 !important;}
ul.ul-brown li{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	padding-bottom: 15px;
}
ul.ul-brown li:before{
	content: "";
	background: url(images/list-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 10px;
	height: 10px;
	position: relative;
	margin: 0 10px 0 0;
	top: 7px;
	left: 0;
	flex-shrink: 0;
}
ul.is-style-vk-numbered-circle-mark,
ol.is-style-vk-numbered-circle-mark{
	padding-left: 0 !important;
}
ul.is-style-vk-numbered-circle-mark li,
ol.is-style-vk-numbered-circle-mark li{
	color:#552a02;
	margin-left: 0 !important;
}
ul.is-style-vk-numbered-circle-mark li:before,
ol.is-style-vk-numbered-circle-mark li:before{
	background: none !important;
	border: 1px solid #552a02 !important;
	color:#552a02 !important;
	position: relative !important;
	margin-left: 0;
	margin-right: 10px;
}
#main table{border: none important;}
table *{
	border-color:#ebe2d2 !important;
	border-radius: 4px;
}
table tbody th{
	padding: 1px !important;
	font-size: 18px;
	background: #fff !important;
	height: 100%;
	position: relative;
}
table tbody th:after{
	content: "";
	display: block;
	background: url(images/back-l-blue.jpg) no-repeat center top;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	
}
table tbody th .inner{
	position: relative;
	padding: 15px 0 15px 18px;
	z-index: 20;
}
table tbody td{
	padding: 18px 25px 16px !important;
	font-size: 15px;
	border-width: 0 0 1px 1px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td{
	vertical-align: top;
}
.font40{font-size: 40px;}
.font34{font-size: 34px;}
.font30{font-size: 30px;}
.font24{font-size: 24px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.bold{font-weight: bold;}
.pink{color: #ce346f;}
.icon-flex{
	flex-shrink: 0;
	margin-right: 8px !important;
}
.height200{height: 200px;}
.height150{height: 150px;}
.height100{height: 100px;}
.height75{height: 75px;}
.height50{height: 50px;}
.height30{height: 30px;}
.wp-block-spacer{margin: 0 !important;}
br.br1140,br.br789,br.br589,br.br489,br.br389{display: none;}
/***************フォーム***************/
a{
	color: #1c92c3 !important;
	text-decoration: none;
	transition: all  0.5s ease;
}
a:hover{
color: #ccc !important;
	text-decoration: underline;
	transition: all  0.5s ease;
}
.link-a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
select{
	background-color: #fff;
	border: 1px solid #ccc;
	border-color: var(--_form-control-border-color,#ccc);
	border-radius: 6px;
	border-radius: var(--_border-radius,6px);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 4%);
	max-width: 100%;
	outline: 0;
	padding: 0.45rem 0.9rem;
	padding: calc(var(--_space, 1.8rem)*.25) calc(var(--_space, 1.8rem)*.5);
	transition: border .2s ease-out;
	vertical-align: top;
}
.wp-block-button__link,
.button{
	color: #552a02 !important;
	font-family: "Zen Maru Gothic", serif;
	font-size: 16px !important;
	font-weight: bold;
	transition: all  0.5s ease;
	background: url(images/back-blue.jpg) no-repeat center top !important;
	text-align: center;
	text-decoration: none !important;
	border-radius: 4px !important;
	border: 1px solid #93bcc6;
	position: relative;
	z-index: 10;
	line-height: 130% !important;
	height: 60px;
	padding: 3px !important;
	display: block;
	min-width: 300px;
	font-display: swap;
}
.wp-block-button__link .inner,
.button .inner{
	border-radius: 4px;
	border: 1px dashed rgba(255, 255, 255, 0.9);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.wp-block-button__link .inner:after,
.button .inner:after{
	content: "";
	display: block;
	background: url(images/icon-arrow-circle.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
}
body .wp-block-button__link:hover,
.button:hover{
	background: url(images/back-pink-trans.jpg) no-repeat center top !important;
	transition: .4s !important;
	color: #ac8f72 !important;
	border: 1px solid #f7cbbe;
}
.wp-block-button__link:hover{
	filter: none !important;
	color:#ebf7fa !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link{
	background: #fcf8ed !important;
	border: 1px solid #bdafa2 !important;
	padding: 0 !important;
	font-size: 14px !important;
	height: 40px;
	transition: .4s !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link:hover{
	transition: .4s !important;
	background: url(images/back-pink-trans.jpg) no-repeat center top !important;	
	color: #7b6959 !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link .inner{
	border: none !important;
}
body .wp-block-button.is-style-outline .wp-block-button__link .inner:after{
	background: url(images/icon-arrow-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
}
.contact-button .contact-back{
	background: url(images/back-pink.jpg) no-repeat center top;
	padding: 5px;
	border-radius: 4px;
	position: relative;
	z-index: 10;
	height: 100%;
	transition: .4s;
}
.contact-button .contact-back:hover{
	background: url(images/back-pink-trans.jpg) no-repeat center top;	
	transition: .4s;
	color: #552a02 !important;
}
.contact-button .inner{
	border-radius: 4px;
	border: 2px dashed rgba(255, 255, 255, 0.6);
	height: 100%;
}
.contact-button a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: none !important;
	border: none !important;
	font-size: 18px !important;
	color: #fdfbf5 !important;
}
.contact-button .contact-back:hover a{color: #552a02 !important;}
.contact-button .contact-back > .inner{
	border: 1px dashed rgba(255, 255, 255, 0.8);
}
.contact-button a .inner{
	border: none !important;
	padding: 0 !important;
	background: none !important;
}
.arrow{position: relative;}
.arrow:before{
	content: '';
	display: inline-block;
	background-size: 100% 100% !important;
	width: 8px;
	height: 12px;
	margin-right: 8px;
}
.arrow-brown:before{background: url(images/arrow-brown.png.webp) no-repeat center top;}
.arrow-white:before{background: url(images/arrow-white.png.webp) no-repeat center top;}
/***************レイアウト****************/
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width: initial !important;
}
.site-body {padding-top: 0 !important;}
.wrapper{
	max-width: 1140px !important;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.sec-area{
	padding-top: 70px;
	padding-bottom: 50px;
}
.sec-inner{z-index: 100;}
.flex-area{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flex-area-left{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.flex-area-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.absolute-img{
	position: absolute !important;
	display: block;
}
.wp-block-image>figure, 
figure.wp-block-image,
.wp-block-image,figure{
	padding: 0 !important;
	margin: 0 ;
	margin-top:  0 !important;
}
.alignfull > .smb-section__inner > .c-container{max-width: 100% !important;}
.has-back .c-container {position: initial !important;}
/***************パーツ******************/
.has-box{
	padding: 10px;
}
.has-box .inner{
	border-radius: 4px;
}
.has-green-line .inner{
	border: 2px solid #ecebc9;
}
.has-blue-line .inner{
	border: 2px solid #c2dbcb;
}
.has-beige-line .inner{
	border: 2px solid #d3c2a5;
}
.has-beige-dashed .inner{
	border: 2px dashed #d3c2a5;
}
.has-pink-dashed .inner{
	border: 2px dashed #dd91a3;
}
.has-blue-dashed .inner{
	border: 2px dashed #dcebde;
}
.line-photo img{
	border: 3px solid #fdf6e6;
	border-radius: 6px;
}
.fit-photo img{object-fit: cover;}
.circle-photo img{
	border: 3px solid #fdf6e6;
	border-radius: 100%;
}
.stitch-photo{position: relative;}
.stitch-photo:after{
	content: "";
	display: block;
	left: 8px;
	right: 8px;
	top: 8px;
	bottom: 8px;
	border-radius: 4px;
	z-index: 10;
	position: absolute;
}
.stitch-photo-white:after{border: 2px dashed rgba(255, 255, 255, 0.6);}
.stitch-photo img{
	position: relative;
	z-index: 1;
	border-radius: 4px;
}
.stitch-outline{
	position: relative;
	padding: 10px;
	border-radius: 4px;
}
.stitch-outline-brown{
	border: 2px dashed #5b3008;
}
.stitch-outline-beige{
	border: 2px dashed #ab916f;
}
.stitch-outline-l-beige{
	border: 2px dashed #d3c2a5;
}
.stitch-outline-pink{
	border: 2px dashed #ce346f;
}
.ribon-title{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -50px;
	background-size: 100% 100% !important;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	z-index: 10;
}
.ribon-title h2,
.ribon-title h3{
	margin: 0 !important;
	padding: 0 !important;
}
.ribon-title-blue{
	background: url(images/ribon-blue.png.webp) no-repeat center top;
}
.ribon-title-green{
	background: url(images/ribon-green.png.webp) no-repeat center top;
}
.ribon-title-brown{
	background: url(images/ribon-brown.png.webp) no-repeat center top;
}
.ribon-tag-cute{
	background: url(images/ribon-tag-cute.png.webp) no-repeat center top;
	background-size: 100% 100% !important;
}
.ribon-title .ribon-flower{
	position: absolute;
	display: block;
	bottom: 30px;
}
.ribon-title .ribon-flower1{left: 0;}
.ribon-title .ribon-flower2{right: 0;}
.back-leaf{
	position: absolute !important;
	display: block;
	margin: 0 !important;
	z-index: 1;
	opacity: 0.15;
}
.back-leaf-white{opacity: 0.8;}
.back-leaf-green{opacity: 0.6;}
.back-leaf-white{opacity: 0.4;}
.back-left{left: 0;}
.back-right{right: 0;}
.z-index{
	position: relative;
	z-index: 100;
}
.round{border-radius: 4px;}
.back-l-beige{background: #fdf7e7;}
.back-white-dark{background:#fdfbf5; }
.bacl-white{background: #fff;}
.back-l-green{background: url(images/back-green-trans.jpg) repeat center top;}
.back-l-pink{background: url(images/back-pink-trans.jpg) repeat center top;}
.back-l-blue{background: url(images/back-blue-trans.jpg) repeat center top;}
.back-lp-blue{background: url(images/back-blue-trans-cute.png.webp) repeat center top;}
.back-lp-pink{background: url(images/back-pink-trans-cute.png.webp) repeat center top;}
.back-beige{background: url(images/background.jpg) repeat center top;}
.back-beige-trans{background: url(images/background-light.png.webp) repeat center top;}
.back-white-trans{background: url(images/back-white-trans.png.webp) repeat center top;}
.wave-top{
	osition: relative;
	padding-top: 20px;
}
.wave-bottom{
	position: relative;	
	padding-bottom: 30px;
}
.wave-top:before,
.wave-bottom:after{
	content: "";
	display: block;
	width: 100%;
	height: 90px;
	background-size: 100% 100% !important;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
}
.top-white_green:before{
	background: url(images/top-white_green.png.webp) no-repeat center top;
	top: -88px;
}
.top-green_green:before{
	background: url(images/top-green_green.png.webp) no-repeat center top;
	top: -88px;
}
.top-blue_beige:before{
	background: url(images/top-blue_beige.png.webp) no-repeat center top;
	top: -88px;
}
.top-pink_beige:before{
	background: url(images/top-pink_beige.png.webp) no-repeat center top;
	top: -88px;
}
.arch-pink_green:before{
	background: url(images/arch-pink_green.png.webp) no-repeat center top;
	top: -88px;
}
.bottom-white_beige:after{
	background: url(images/bottom-white_beige.png.webp) no-repeat center top;
	bottom: -88px;
}
.bottom-pink_beige:after{
	background: url(images/bottom-pink_beige.png.webp) no-repeat center top;
	bottom: -88px;
}
.bottom-green_green:after{
	background: url(images/bottom-green_green.png.webp) no-repeat center top;
	bottom: -88px;
}
.bottom-blue_beige:after{
	background: url(images/bottom-blue_beige.png.webp) no-repeat center top;
	bottom: -88px;
}
.wave-cont-bottom{
	position: relative;
	padding-bottom: 150px !important;
}
.wave-cont-bottom:after{
	content: '';
	display: block;
	background:url(images/cont-wave.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 96%;
	max-width: 1000px;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.wave-cont-bottom-green:after{
	background:url(images/cont-wave-green.png.webp) no-repeat center top;
	background-size: 100% 100%;
}
.relative{position: relative;}
.title-area-img img{margin: 0 auto;}
.column-box{
	display: flex;
	align-items: flex-start;
}
.column-box .photo-area{flex-shrink: 0;}
.column-box-left .photo-area{margin-right: 50px !important;}
.column-box-right .photo-area{
	order: 2;
	margin-left: 40px !important;
}
.column-box .text-area{flex: 2;}
.column-box-right .text-area{order: 1;}
/***************header******************/
#site-header{
	background:none !important;
	box-shadow:none !important;
	position: relative;
	max-width: 100% !important;
}
#site-header-container{
	max-width: 96%;
	width: 96%;
	padding: 30px 0 0;
}
#header .l-header__content{
	max-width: 1140px;
	margin: 0 auto;
	width:100%;
}
#site-header .site-header-logo{position: relative;}
#site-header .site-header-logo img{
	width: 220px;
	height: auto;
	max-height: initial;
	max-width: initial;
}
.site-header-logo .text{
	position: absolute;
	top:-1em;
	left: 0;
	font-size: 12px;
}
/***********************footer*************************/
.site-body{padding-bottom: 0 !important;}
.site-body-bottom,
footer{
	background: url(images/back-footer.jpg) repeat center top;
}
.site-body-bottom .widget{
	margin: 0 !important;
	padding: 0 !important;
}
.site-body-bottom #footer-area:before{
	background: url(images/top-brown_beige.png.webp) no-repeat center top;
	background-size: 100% 30px !important;
	top: -30px;
	height: 30px;
}
#footer-contact-area{
	background: url(images/footer-contact-back.jpg) no-repeat center center;
	background-size:cover;
}
#footer-contact-area:before{
	background: url(images/bottom-beige_beige.png.webp) no-repeat center top;
	top: -2px;
	width: 110%;
	left: -5%;
}
#fonnter-contact-inner{
	background: rgba(253, 246, 229, 0.7);
	border-radius: 6px;
}
#fonnter-contact-inner > .inner{padding: 50px 35px 45px;}
#contact-button-wrap{
	width: 400px;
	margin: 0 auto !important;
	position: relative;
}
#contact-button-wrap:after{
	content: "";
	display: block;
	background: url(images/contact-leaf.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 70px;
	height: 135px;
	position: absolute;
	top: -22px;
	left: -37px;
	z-index: 10;
}
#contact-button-wrap .contact-button{
	position: relative;
	z-index: 1;
}
#contact-button-wrap .contact-button a{
	height: 74px;
	width: 390px;
	font-size: 20px !important;
}
#footer-area{color: #fff9e5;}
#footer-logo{
	width: 160px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -120px;
}
#footer-discription{
	font-size: 14px;
	padding: 60px 0 5px;
}
#fotter-sns{
	background: none !important;
	padding: 0 !important;
}
#fotter-sns li,
#fotter-sns li .text{
	display: block;
	height: 40px;
}
#fotter-sns a svg{
	color: #fff9e5;
	width: auto;
	height: 40px;
}
#footer-info-table {
	width: 500px;
	margin: 0 auto;
	background: url(images/h3line-brown-white.png.webp) repeat-x center top;
	background-size: 1000px 2px;
}
#footer-info-table .footer-dl{
	padding: 25px 0 23px;
	background: url(images/h3line-brown-white.png.webp) repeat-x center bottom;
	background-size:1000px 2px;
}
#footer-info-table .footer-dl .left{
	width: 180px;
	flex-shrink: 0;
	font-size: 19px;
}
#footer-info-table .footer-dl .left img{margin: 0 4px 0 0;}
#footer-info-table .footer-dl .right{
	background: none !important;
	flex: 2;
	padding: 5px 0 0 !important;
	font-size: 0.9em;
}
#footer-info-table .footer-dl p{margin-bottom: 0 !important;}
.site-footer,
.footer-nav{
	color: #fff9e5 !important;
	border: none !important;
}
.footer-nav{
	max-width: 1140px;
	margin: 0 auto 50px !important;
}
#menu-footer-nav{
	justify-content: center;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
#menu-footer-nav li{border: none !important;}
#menu-footer-nav a{
	color: #fff9e5 !important;
	font-size:14px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 15px;
}
#menu-footer-nav a:hover{text-decoration: underline;}
#menu-footer-nav a:before{
	content: "";
	display: inline-block;
	background: url(images/icon-arrow-circle.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
}
.site-footer:after{
	background: url(images/bottom-darkbrown.png.webp) no-repeat center top;
	background-size: 100% 80px !important;
	height: 80px;
	width:110%;
	left: -5%;
	bottom: -5px;
	position: absolute;
	z-index: 0;
}
.site-footer-copyright{
	position: relative;
	z-index: 100;
	padding: 0;
}
.site-footer-copyright p:nth-child(2){display: none;}
#footer-area .back-left{
	top: 20px;
	left: -50px;
}
#footer-area .back-right{
	top: 100px;
	right: -50px;
}
#page_top{
	background: url(images/pagetop.png.webp) no-repeat center top;
	background-size: 100% auto;
	display: block;
	text-indent: -9999px;
	width: 90px;
	height: 130px;
	border: none;
	box-shadow:none !important;
	z-index: 10001;
}
#footer-sp{display: none;}
/*********************トップページ***********************/
/**************mainimage****************/
#mainimage-inner{
	max-width: 94%;
	width: 94%;
	margin: 0 auto;
	justify-content: flex-end;
}
#mainimage .left{
	width: calc(100% - 700px);
	position: absolute;
	z-index: 100;
	left: 0;
	/* left: 50px; */
}

#mainimage-title{
	padding-top: 65px;
	padding-bottom: 10px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 0 !important;
}
#mainimage-p{
	font-weight: bold;
	line-height: 140%;
}
#mainimage-text-area{
	/* padding: 10px 60px 0 0; */
	padding: 10px 0 0 0;
}
#mainimage-text-area .text-area{
	background: none !important;
	
}
#mainimage-text-area p{
	font-size: 14px;
	line-height: 170%;
}
#mainimage-ul{
	padding:50px 0 0 0;
}
#mainimage-text-area ul li{
	font-size: 15px;
	line-height: 110%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(images/circle-pink-lined.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 90px;
	height: 70px;
	font-weight: bold;
}
#mainimage .right{
	order: 2;
	position: relative;
	z-index: 1;
	width: 680px;
	height: 590px;
	flex-shrink: 0;
	margin: 0 !important;
}
#mainimage .right img{
	object-fit: cover;
	width: 100%;
	height: 100% !important;
}
#mainimage .back-left{
	top: -100px;
	left: -180px;
}
#mainimage .back-right{
	bottom: 90px;
	right: -30px;
}
/*************6つのポイント****************/
#top-sec1 .title-circle{
	display: block;
}
#top-sec1 .title-circle h2{
	display: block;
	line-height: 150% !important;
}
#top-sec1 .title-circle h2 .font20{
	display: block;
	line-height: 130% !important;
	padding: 0 0 5px;
}
#top-sec1 .title-circle .circle-title-icon{
	padding: 15px 0 0 0 !important;
	margin: 0 !important;
}
#top-sec1 .title-circle h2 br{display: none;}
#top-sec1 .title-circle h2 .font20 br{display: block;}
#top-point .ribon-title{
	width: 350px;
	height: 100px;
	padding-top: 10px;
	top: -44px;
}
#top-point .ribon-title .speech{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -28px;
}
.speech-text img{
	position: relative;
	bottom: -5px;
	margin: 0 5px ;
}
#top-point-wrap{
	align-items: stretch;
	padding: 50px 20px 30px;
}
#top-point-wrap .top-point-box{
	background: none !important;
	padding: 0 !important;
	width: 30%;
	font-size: 14px;
	line-height: 140%;
}
#top-point-wrap .top-point-box .balloon{
	color: #fff;
	background: url(images/balloon-dark-pink.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 66px;
	height: 80px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -30px;
	z-index: 20;
	text-align: center;
}
.top-point-upper:after{
	content: "";
	display: block;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 180px;
	height: 180px;
	position: absolute;
	z-index: 0;
	opacity: 0.8;
}
#top-point-box1 .top-point-upper:after,
#top-point-box3 .top-point-upper:after{
	bottom: 10px;
	right: -30px;
}
#top-point-box2 .top-point-upper:after{
	top: 0;
	right: -30px;
}
.top-point-upper figure{
	width: 240px;
	position: relative;
	z-index: 1;
	margin: 0 auto 10px;
}
#top-point-wrap .top-point-box h3{
	margin-top: 20px !important;
	font-size: 22px;
}
#for-corporate{
	background: none !important;
	padding: 60px 50px 50px;
	z-index: 100;
}
#sec1-2-top{
	align-items: stretch;
	margin-bottom: 30px;
}
#for-corporate .left{
	margin: 0 90px 0 0 !important; 
	flex-shrink: 0;
}
#for-corporate .right{flex: 2;}
#for-corporate ul.ul-check li strong{
	font-size: 1.3em;
	background: linear-gradient(transparent 50%, #faf4cb 50%);
	padding-bottom: 5px;
}
#for-corporate-area{padding: 35px 20px 30px;}
#top-sec1 .back-left1{
	top: 0;
	left: -50px;
}
#top-sec1 .back-right1{
	top: 0;
	right: -50px;
}
#top-sec1 .back-left2{
	bottom: 0;
	left: -100px;
}
#top-sec1 .back-right2{
	top: 56%;
	right: -50px;
}
/**************サービス****************/
#service-wrapper{
	flex-wrap: wrap;
	padding: 0 50px;
	align-items: stretch;
}
#service-wrapper .service-box{
	width: 50%;
	background: none !important;
	position: relative;
	margin-bottom: 70px;
	transition: .5s;
}
#service-wrapper .service-box:hover{
	opacity: 0.6;
	transition: .5s;
}
#service-wrapper #service-box1{
	align-items: flex-start;
	order: 4;
}
#service-wrapper #service-box2{
	width: 60%;
	margin: 0 auto 50px;
	order: 3;
	justify-content: center;
	align-items: center;
}
#service-wrapper #service-box3{
	align-items: flex-end;
	order: 5;
}
#service-wrapper #service-box4{
	align-items: flex-start;
	order: 1;
}
#service-wrapper #service-box5{
	align-items: flex-end;
	order: 2;
}
#service-wrapper .service-box .photo-area{
	width: 390px;
	position: relative;
	z-index: 10;
	flex-shrink: 0;
	margin: 0 !important;
}
#service-wrapper #service-box1 .photo-area,
#service-wrapper #service-box4 .photo-area{
	order: 1;
}
#service-wrapper #service-box2 .photo-area,
#service-wrapper #service-box3 .photo-area,
#service-wrapper #service-box5 .photo-area{
	order: 2;
}
#service-wrapper .service-box .photo-area:after{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	background-size: 100% auto !important;
	width: 200px;
	height: 200px;
}
#service-wrapper .service-box:nth-child(odd) .photo-area:after{
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
}
#service-wrapper .service-box:nth-child(even) .photo-area:after{
	background: url(images/circle-blue-trans.png.webp) no-repeat center top;
}
#service-wrapper #service-box1 .photo-area:after,
#service-wrapper #service-box4 .photo-area:after{
	top: 0;
	right: -150px;
}
#service-wrapper #service-box2 .photo-area:after{
	bottom: 0;
	top: 0;
	margin: auto;
	left: -150px;
}
#service-wrapper #service-box3 .photo-area:after,
#service-wrapper #service-box5 .photo-area:after{
	bottom: -25px;
	left: -150px;
}
#service-wrapper .service-box .text-area{
	position: relative;
	z-index: 20;
}
#service-wrapper #service-box1 .text-area,
#service-wrapper #service-box4 .text-area{
	order: 2;
	padding-left: 20px;
}
#service-wrapper #service-box2 .text-area,
#service-wrapper #service-box3 .text-area,
#service-wrapper #service-box5 .text-area{
	order: 1;
	padding-right: 10px;
}
#service-wrapper #service-box3 .text-area,
#service-wrapper #service-box5 .text-area{
	margin-bottom: 10px !important;
}
#service-wrapper .service-box .stitch-outline{
	position: relative;
	z-index: 10;
	padding: 5px;
}
#service-wrapper .service-box .circle-photo{
	bottom: -18px;
	z-index: 20;
	right: -35px;
}
/* #service-wrapper #service-box2 .circle-photo{
	bottom: auto;
	top: -23px;
	right: -50px;
} */
#service-wrapper #service-box2 .circle-photo{
	right: -70px;
}
#service-wrapper .service-box .text-area{margin: 0 !important;}
#service-wrapper .service-box .service-name{
	font-size: 22px;
	position: relative;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	white-space: nowrap;
}
#service-wrapper .service-box .service-name:before{
	content: "";
	display: inline-block;
	background: url(images/icon-flower4.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0;
	flex-shrink: 0;
}
#service-wrapper .service-box .wp-block-button__link{min-width: 180px;}
#top-go-service .wp-block-buttons{
	margin: 0 !important;
	position: relative;
	z-index: 10;
}
#top-go-service figure{
	position: relative;
	z-index: 1;
	margin: 0 -5px !important;
}
#top-sec2 .back-left1{
	top: 100px;
	left: -50px;
}
#top-sec2 .back-right1{
	top: 100px;
	right: -50px;
}
#top-sec2 .back-left2{
	top: 38%;
	left: -50px;
}
#top-sec2 .back-right2{
	top: 50%;
	right: -50px;
}
/**************実績****************/
#top-sec3 .title-circle h2{align-items: center;}
#top-sec3 .title-circle h2 img{	margin: 0 15px;}
.case-list{padding: 0 25px;}
.wp-block-query ul{
	display: flex !important;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.wp-block-query .wp-block-post{
	width: 23%;
	margin: 0 1% 60px !important;
	padding: 0 !important;
	position: relative;
	transition: .5s;
}
.wp-block-query .wp-block-post:hover{
	opacity: 0.6;
	transition: .5s;
}
.wp-block-post-featured-image a{cursor: pointer;}
.wp-block-query .wp-block-post-featured-image{aspect-ratio:5/4 !important;}
.wp-block-query .wp-block-post-featured-image img{
	position: relative;
	z-index: 10;
}
.wp-block-query .wp-block-post-featured-image a:after {
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}
.wp-block-query .wp-block-post-featured-image:before{
	content: "";
	display: block;
	background: url(images/back-blue-trans.jpg) no-repeat center top;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	position: absolute;
	z-index: 0;
	right: -12px;
	bottom: -12px;
}
.taxonomy-work-cat{
	background: url(images/back-brown.jpg) no-repeat center top;
	line-height: 1em;
	position: absolute;
	top: -20px;
	left: 0;
	z-index: 20;
	border-radius: 4px;
}
.taxonomy-work-cat:after{
	content: "";
	display: block;
	background: url(images/balloon-bottom-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height:14px;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -12px;
	position: absolute;
}
.taxonomy-work-cat a{
	position: relative;
	color: #fff !important;
	font-size: 13px;
	padding: 7px 20px 7px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.taxonomy-work-cat a:before{
	content: "";
	display: inline-block;
	background: url(images/icon-flower1.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height: 20px;
	margin: 0 4px 0 0;
}
#top-sec3 .wp-block-button img{
	position: absolute;
	left: -32px;
	top: 0;
}
#top-sec3 .back-left1{
	top: -20px;
	left: -50px;
}
#top-sec3 .back-right1{
	top: 50px;
	right: -50px;
}
#top-sec3 .back-left2{
	top: 60%;
	left: -50px;
}
#top-sec3 .back-right2{
	top:70%;
	right: -50px;
}
/**************お知らせ****************/
#icon-top-news{margin: -70px auto 10px !important;}
#top-news-title{margin: 0 auto 15px;}
#top-news-title h2{margin: 0 !important;}
#top-news-title:before,
#top-news-title:after{
	content: "";
	display: block;
	background: url(images/h3line-brown-white.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 20%;
	height: 5px;
	margin: 0 20px;
}
#top-news-area .wp-block-query .wp-block-post{
	width: 100%;
	max-width: 900px;
	margin: 0 auto !important;
	opacity: 1 !important;
}
#top-news-area .news-post-box{
	padding: 60px 50px 45px;
	position: relative;
	z-index: 20;
}
#top-news-area .news-post-box h3{
	margin: 0 auto 20px !important;
	justify-content: center;
	text-align: left;
}
#top-news-area .news-post-box time{
	padding: 0 0 20px;
	font-size: 14px;
}
#top-news-area .news-post-box p{
	font-size: 15px;
	line-height: 140%;
}
#top-sec4 .back-left{
	top: -20px;
	left: -200px;
}
#top-sec4 .back-right{
	top: -20px;
	right: -200px;
}
/**************紹介エリア****************/
#top-about-photo{
	width: 100%;
	margin: 0 auto 50px;
}
#top-about-photo img{
	aspect-ratio: 16 / 6 !important;
	object-position: center center;
}
#top-about-lead{margin: 0 !important;}
#top-sec5-top h3{
	max-width: 500px !important;
	margin: 0 auto 20px !important;
}
#top-sec5-top .text-area{
	max-width: 650px !important;
	margin: 0 auto;
}
#top-sec5 .back-left{
	top: 26%;
	left: -180px;
}
#top-sec5 .back-right{
	top: 90px;
	right: -60px;
}
/**************お客様の声　トップ****************/
#top-voice > .inner{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	padding: 35px 30px 35px 50px;
	position: relative;
}
#top-voice > .inner:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto !important;
	width: 145px;
	height: 145px;
	top: 10px;
	left: -50px;
}
#top-voice .left{
	width: 270px;
	flex-shrink: 0;
	margin: 0  !important;
	position: relative;
	z-index: 10;
}
#top-voice .right{
	background: none !important;
	display: flex;
	align-items: stretch;
	flex: 2;
	margin: 0 !important;
	padding: 0 !important;
}
.voice-box{
	background: #f3f5c9 !important;
	border-radius: 4px;
	font-size: 14px;
	line-height: 130%;
}
#top-voice .voice-box{
	width: 46%;
	padding: 40px 20px 10px !important;
}
.voice-box h3{
	font-size: 18px;
	margin: 0 auto 5px !important;
	padding: 0 !important;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.voice-box h3:before{
	content: "";
	display: inline-block;
	background:url(images/icon-flower6.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 36px;
	height: 28px;
	flex-shrink: 0;
	margin: 0 4px 0 0;
}
.voice-box p.name{
	padding: 0 0 6px !important;
	background: transparent url(images/h3line-brown-white.png.webp) no-repeat center bottom !important;
	background-size: auto 3px !important;
	text-align: right;
	font-size: 0.9em;
	margin: 0 auto 10px !important;
}
#top-go-voice{
	position: absolute;
	bottom: 40px;
	left:28px;
}
#top-go-voice .wp-block-button__link{min-width: 250px;}
#top-go-voice .wp-block-button__link .inner{
	border: 1px dashed rgba(255, 255, 255, 0.9);
	font-size: 14px;
}
/**************技術ブログ　トップ****************/
#blog-area .wp-block-query .wp-block-post{
	width: 31%;
	background: url(images/back-white-trans.png.webp) repeat center top;
	border-radius: 6px;
	padding: 6px !important;
	position: relative;
}
#blog-area .wp-block-query .wp-block-post:nth-child(4){
	display: none;
}
#blog-area .wp-block-query .wp-block-post .text{
	border: 2px dashed #d3c2a5;
	padding: 10px 10px 0;
	display: block;
	border-radius: 6px;
	height: 100%;
}
#blog-area .wp-block-post-date{
	font-size: 0.8em;
	padding: 5px 10px 0;
}
#blog-area .wp-block-post-title a{
	color: #552a02 !important;
	font-size: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0 10px 40px;
}
#blog-area .wp-block-post-title a:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 6px 0 0;
	position: relative;
	top: 3px;
	flex-shrink: 0;
	background: url(images/icon-arrow-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
}
#blog-area .blog-cat{
	position: absolute;
	font-family: "Zen Maru Gothic", serif;
	font-display: swap;
}
#blog-area .blog-cat a{
	color: #552a02 !important;
	text-decoration: none;
}
#blog-area .wp-block-query .wp-block-post-featured-image:before,
#blog-area .wp-block-query .wp-block-post-featured-image a:after{
	content: none;
}






/**************トップ バナー****************/
#top-banner-area{
	background: none !important;
	justify-content: space-between;
}
.top-banner{
	width: 48%;
	border: 1px solid #dbd1c7;
	border-radius: 4px;
	padding: 5px;
	position: relative;
	margin: 0 !important;
	transition: .5s;
}
.top-banner:hover{
	transition: .5s;
	opacity: 0.6;
}
.top-banner .inner{
	padding-left: 200px;
	height: 115px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.top-banner .inner:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	background: url(images/icon-flower5.png.webp) no-repeat center top;
	background-size: 100% auto !important;
	width: 70px;
	height: 74px;
	bottom: 0;
	left: -27px;
	
}
.top-banner .inner:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	background: url(images/icon-arrow-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
}
.top-banner .banner-photo{
	position: absolute;
	left: 30px;
	top: -10px;
	margin: auto;
	z-index: 10;
}
.top-banner p.pink,
.top-banner h3{
	margin: 0 !important;
	padding: 0 !important;
}
.top-banner p.pink{font-size: 0.9em;}
.top-banner h3{font-size: 22px;}

/***********************下層ページ共通*************************/
.sub-section {content-visibility: visible;}	
#page-bottom-service{padding: 150px 0 70px;}
#page-bottom-service-inner{
	border: 1px solid #e2d9a9;
	position: relative;
	padding: 50px 35px 40px;
	overflow: hidden;
}
#page-bottom-service .title-area{margin: 0 auto 30px!important;}
#page-bottom-service .title-area h2{margin: 0 !important;}
#page-bottom-service .title-area h2:before,
#page-bottom-service .title-area h2:after{
	content: "";
	display: block;
	background: url(images/h3line-brown-white.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 20%;
	height: 5px;
	margin: 0 20px;
}
#bottom-service-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#page-bottom-service .bottom-service-box{
	width: 18%;
	margin: 0 !important;
	background: none !important;
}
#page-bottom-service #bottom-service-box2,
#page-bottom-service #bottom-service-box4{margin-top: 40px !important;}
#page-bottom-service #bottom-service-box3{margin-top: 15px !important;}
#page-bottom-service .stitch-outline{
	border-radius: 100%;
	width: 200px;
	height: 200px;
	padding: 3px;
	z-index: 20;
}
#page-bottom-service .stitch-outline figure{
	width: 100%;
	height: 100%;
	display: block;
}
#page-bottom-service .stitch-outline img{
	border-radius: 100%;
	height: 100% !important;
	width: 100%;
	object-fit: cover;
}
#page-bottom-service .circle{
	position: absolute;
	z-index: 1;
}
#page-bottom-service .service-name{
	margin: 10px auto 0 !important;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	line-height: 130% !important;
	font-size: 20px;
	position: relative;
	z-index: 10;
}
#page-bottom-service .service-name:before{
	content: "";
	display: inline-block;
	background: url(images/icon-arrow-pink.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 18px;
	height: 18px;
	margin: 5px 6px 0 0;
	flex-shrink: 0;
}
#bottom-service-box1 .circle,
#bottom-service-box4 .circle{
	top: 70px;
	left: -18px;
}
#bottom-service-box2 .circle,
#bottom-service-box5 .circle{
	top: 52px;
	right: -18px;
}
#bottom-service-box3 .circle{
	top: -15px;
	right: -28px;
}
#page-bottom-service .back-leaf-white.back-left{
	left: -10%;
	top: 10px;
	opacity: 0.8;
	z-index: 0;
}
#page-bottom-service .back-leaf-white.back-right{
	right:-10%;
	bottom: 10px;
	opacity: 0.8;
	z-index: 0;
}
#page-bottom-service .back-left1{
	top: 40px;
	left: -50px;
}
#page-bottom-service .back-right1{
	bottom: -50px;
	right: -50px;
}
/******ページタイトル*******/
.page-header{
	height: 380px;
	position: relative;
	background:transparent url(images/back-blue-trans-cute.png.webp) repeat center top;
	/* background:transparent; */
}
.page-header:before,
.page-header:after {
	content: "";
	display: block;
	width: 110%;
	background-size: 100% 100% !important;
	position: absolute;
	z-index: 0;
	left: -5%;
	right: -5%;
}
.page-header:before{
	background: url(images/title-wave-top.png.webp) no-repeat center top;
	height: 50px;
	top: -16px;
}
.page-header:after{
	background: url(images/title-wave-bottom_white.png.webp) no-repeat center top;
	height: 100px;
	bottom: -45px;
}
.page-header-title{
	background: url(images/pagetitle-circle.png.webp) no-repeat center center;
	background-size:auto 220px;
	height: 220px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #552a02;
	font-size: 30px;
	font-family: "Zen Maru Gothic", serif;
	flex-wrap: wrap;
	flex-direction: column;
	font-display: swap;
}
.page-header-title:before{
	content: "";
	display: block;
	background: url(images/icon-flower-main.png) no-repeat center top;
	background-size: 100% auto;
	width: 30px;
	height: 31px;
	margin: -20px auto 10px;
}
.page-header-title .inner{
	width: 100%;
}
/******ページタイトル　ここまで*******/
.breadcrumb {
	position: relative;
	z-index: 100;
	border: none !important;
	background: #fdf7e7;
}
.breadcrumb-list {
	margin: 0 !important;
	padding: 0;
}
.breadcrumb  a{color: #552a02 !important;}
#page-nav{margin: 0 auto 50px !important;}
#page-nav .wp-block-button,
.page-nav .wp-block-button{
	width: 23%;
	margin: 0 1%;

}
#page-nav .wp-block-button a,
.page-nav .wp-block-button a{
	height: 50px;
	min-width: initial !important;
}
#page-nav .wp-block-button a .inner:after,
.page-nav .wp-block-button a .inner:after{
	background: url(images/icon-arrow-down-brown.png.webp) no-repeat center top !important;
	background-size: 100% auto !important;
	width: 16px;
	height: 16px;
}
/******葉っぱ　大*****/
.page-leaf-left2{
	width: 50%;
	max-width: 450px !important;
	left: -10%;
	top: 0;
}
.page-leaf-left3{
	width: 55%;
	max-width: 520px !important;
	left: -10%;
	top: 5%;
}
.page-leaf-left5{
	width: 50%;
	max-width: 480px !important;
	left: -10%;
	top: 5%;
}
.page-leaf-left6{
	width: 50%;
	max-width: 440px !important;
	left: -10%;
	top: 5%;
}

.page-leaf-right2{
	width: 50%;
	max-width: 450px !important;
	right: -10%;
	top: 0;
}
.page-leaf-right5{
	width: 50%;
	max-width: 450px !important;
	right: -5%;
	top: 10%;
}

.page-leaf-right6{
	width: 40%;
	max-width: 340px !important;
	right: -5%;
	top: 10%;
}
/******葉っぱ　小*****/
.page-sec1-leaf-leftmin3,
.page-sec1-leaf-leftmin4{
	width: 40%;
	max-width: 340px !important;
	left: -10%;
}
.page-sec1-leaf-rightmin2{
	width: 40%;
	max-width: 350px !important;
	right: -10%;
}
.page-sec1-leaf-rightmin3,
.page-sec1-leaf-rightmin5{
	width: 40%;
	max-width: 310px !important;
	right: -10%;
}
.page-sec1-leaf-rightmin4{
	width: 45%;
	max-width: 410px !important;
	right: -10%;
}
.page-sec1-leaf-rightmin6{
	width: 30%;
	max-width:230px !important;
	right: -10%;
}
/***********************サービス***********************/
.page-logo #service-lead-area,
.page-wappen #service-lead-area,
.page-cap #service-lead-area{
	padding-top: 20px !important;
}
#first-photo{
	max-width: 1140px !important;
	width: 96%;
	margin: 0 auto 50px !important;
}
#first-photo img{
	object-fit: cover;
	width: 100%;
	aspect-ratio:3/1;
}
#service-sec1-title1{
	background: #fffffe;
	width: 500px;
	padding: 18px 25px 22px;
	margin: 0 auto 40px !important;
	position: relative;
	z-index: 20;
	border-radius: 4px;
}
#service-sec1-title1 h2,
#service-sec1-title2 h2,
#service-sec1-title2 p{
	margin: 0 !important;
}
#service-sec1-title1 .balloon-bottom{
	left: 0;
	right: 0;
	bottom: -23px;
	margin: auto;
	width: 80px;
}
#service-sec1-title2{
	margin: 0 auto 50px !important;
	align-items: flex-end;
}
#service-sec1-title2 .inner-box{margin: 0 !important;}
#service-sec1-title2:before,
#service-sec1-title2:after{
	content: "";
	display: inline-block;
	background: url(images/h3line-brown-white.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 15%;
	height: 5px;
	margin: 0 15px 1em;
}
#go-font-banner{
	max-width: 900px !important;
	padding: 4px;
	transition:0.5s;
	position: relative;
	z-index: 30;
}
#go-font-banner:hover{
	opacity: 0.6;
	transition:0.5s;
}
#go-font-banner .inner{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
}
#go-font-banner .left{margin: 0 30px 0 0!important;}
#go-font-banner .go-font-photo{
	border-radius: 4px;
	overflow: hidden;
	margin: 0 10px 0 0 !important;
}
#go-font-banner .text-area .pink{
	font-size: 14px;
	margin: 0 !important;
	padding: 0 0 5px 0;
}
#go-font-banner h3{margin: 0 0 10px!important;}
#go-font-banner .wp-block-button__link .inner{
	border-color: #fff;
	border-width: 1px;
	justify-content: center;
	font-size: 15px;
}
#service-sec1 .back-leaf-green.back-left2{
	max-width: 400px !important;
	width:40%;
	top: 50%;
	left: -10%;
}
#service-sec1 .back-leaf-green.back-right2{
	max-width: 350px !important;
	width: 35%;
	bottom: 0;
	right: -10%;
}
#service2-top{align-items: flex-start;}
#service2-top .left{
	position: relative;
	margin: 0 50px 0 0!important;
}
#service2-top .left{
	position: relative;
	z-index: 100;
	padding-left: 50px;
	flex-shrink: 0;
}
#service2-top:after{
	content: "";
	display: block;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -50px;
}
#service2-bottom h3.title-green{max-width: 400px !important;}
#carry-on-wrap{
	flex-wrap: wrap;
	align-items: stretch;
	width: 98%;
	margin: 0 auto;
}
#carry-on-wrap .carry-on-box{
	width: 31%;
	margin: 0 1% 30px !important;
	background: none !important;
	font-size: 14px;
	line-height: 140%;
}
#carry-on-wrap .carry-on-box .stitch-photo:after {
	left: 5px;
	right: 5px;
	top: 5px;
	bottom:  5px;
}
#carry-on-wrap .carry-on-box .carry-on-cat{
	background:transparent url(images/back-board.jpg) no-repeat center top !important;
	border-radius: 4px;
	padding: 0 !important;
	height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 230px;
	margin: -20px auto 25px !important;
	position: relative;
	z-index: 30;
	font-weight: bold;
}
#carry-on-wrap .carry-on-box .carry-on-cat:before,
#carry-on-wrap .carry-on-box .carry-on-cat:after{
	content: "";
	display: block;
	background-size: 100% auto !important;
	position: absolute;
	bottom: 0;
	z-index: 30;
	width: 30px;
	height: 26px;
}
#carry-on-wrap .carry-on-box .carry-on-cat:before{
	background: url(images/leaf-left3.png.webp) no-repeat center top;
	left: -14px;
}
#carry-on-wrap .carry-on-box .carry-on-cat:after{
	background: url(images/leaf-right3.png.webp) no-repeat center top;
	right: -14px;
}
#carry-on-wrap .carry-on-box .sub-title{
	font-family: "Zen Maru Gothic", serif;
	font-size: 17px;
	margin: 0 0 15px !important;
	line-height: 130%;
	font-weight: bold;
	font-display: swap;
}
#carry-on-wrap .carry-on-box .sub-title strong{background: linear-gradient(transparent 60%, rgba(250, 244, 203, 0.7) 0);}
#carry-on-coution{background: none !important;}
#carry-on-coution .title-brown{
	max-width: 340px !important;
	margin: 0 auto 20px !important;
}
#carry-on-coution .text-area{
	max-width: 900px !important;
	margin: 0 auto 40px;
	font-size: 14px;
	line-height: 140%;
}
#service2-for-contact{
	max-width: 900px !important;
	width: 94%;
	margin: 0 auto;
	padding: 40px 30px 25px;
}
#service-sec2 .back-left2{
	max-width: 440px !important;
	width: 40%;
	bottom: 25%;
}
#service-sec2 .back-right2{
	max-width: 450px !important;
	width: 38%;
	bottom: 3%;
}
/****************サービス共通***************/
#sp-more{display: none;}
.service-sec-area .accordion-title{
	background: url(images/back-blue-trans.jpg) repeat center top !important;
	border: 1px solid #dbd1c7;
	
	
	display: none;
}
.service-sec-area .accordion-title.close{background: url(images/back-pink-trans.jpg) repeat center top !important;}
.service-sec-area .accordion-title .inner {border: 2px dashed #d3c2a5 !important;}
.service-sec-area .accordion-title.close .inner {border: 2px dashed #fff !important;}
.service-sec-area .accordion-title:after {
	font-family: "Zen Maru Gothic", serif;
	letter-spacing: -0.1em;
	font-size: 13px;
	content: "ひらく";
	background: #fbf5e4;
	border: 1px solid #93bcc6;
	color: #643a1e;
	border-radius: 100%;
	text-align: center;
	line-height: 43px;
	display: block;
	width: 44px;
	height: 44px;
	margin: auto;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	font-weight: bold;
	font-display: swap;
}
.service-sec-area .accordion-title.close::after {
	content: "閉じる";
	transition: transform .3s ease-in-out, top .3s ease-in-out;
	background: #a18875;
	border: 1px solid #a18875;
	color: #fdf7e6;
}
#service-lead-area .title-area h3{margin: 0 !important;}

.lead-inner-box{
	max-width: 1000px !important;
	margin: 0 auto;
}
.lead-inner-box.column-box-left .photo-area {margin-right: 45px !important;}
#scene-area{padding: 60px 0 20px;}
#service-point-list{font-weight: bold;}
#service-point-list strong{
	font-size: 1.3em;
	background: linear-gradient(transparent 50%, #faf4cb 50%);
	padding-bottom: 5px;
}
#scene-area .title-board{
	background: transparent url(images/back-board.jpg) no-repeat center top !important;
	border-radius: 4px;
	padding: 0 !important;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	margin: auto !important;
	position:absolute;
	left: 0;
	right: 0;
	top: -30px;
	z-index: 30;
	font-weight: bold;
}
#scene-area .title-board:after{
	content: "";
	display: block;
	background: url(images/board-line.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 130px;
	height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: -29px;
	margin: auto !important;
	bottom: auto;
	border: none;
}
#scene-area .title-board .leaf-left{
	bottom: 0;
	left: -20px;
}
#scene-area .title-board .leaf-right{
	bottom: 0;
	right: -20px;
}
#scene-area .scene-list{
	width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
}
#scene-area .scene-list li{
	width: 22%;
	margin: 0 1.5% 20px;
	height: 160px;
	background: url(images/circle-blue.png.webp) no-repeat center center;
	background-size: auto 100%;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 17px;
	line-height: 130%;
	position: relative;
	padding-top: 18px;
}
#scene-area .scene-list li:before{
	content: "";
	display: block;
	background: url(images/icon-flower8.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 36px;
	height: 26px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 30px;
}
#service-support5{background-color: transparent !important;}
#service-support5 .title-circle{
	position: absolute;
	margin: auto !important;
	left: 0;
	right: 0;
	top: -150px;
	background: url(images/circle-h2-white-trans.png.webp) no-repeat center top;
	background-size: auto 100%;
}
.page-service-child .title-circle .font18{
	display: block;
	line-height: 1em;
}
#support5-area{
	padding: 50px 25px 0;
	justify-content: space-between;
	position: relative;
	z-index: 20;
}
#support5-area .support5-box {
	width: 19%;
	background: rgb(255 255 255 / 30%);
	flex-basis: initial !important;
	flex-grow: initial !important;
	border-radius: 6px;
	position: relative;
	padding: 10px;
}
#support5-area .balloon{
	color: #fff;
	background: url(images/balloon-dark-pink.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 50px;
	height: 43px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: -20px;
	z-index: 20;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 4px 0 0;
	line-height: 1em;
}
.support5-photo:after {
	left: 4px;
	top: 4px;
	bottom: 4px;
	right: 4px;
}
#support5-area h3{
	margin:  15px 0 !important;
	font-size: 15px;
}
#support5-area h3 .vk_highlighter{font-size: 1.3em;}
#service-support5 .back-left{
	left: auto;
	right: 55%;
	top: -30px;
	opacity: 0.3;
}
#service-support5 .back-right{
	right: auto;
	left: 55%;
	top: -30px;
	opacity: 0.3;
}
#feature-area .title-area{margin: 30px auto 20px;}
#feature-area .title-area h3{margin: 0 !important;}
#feature-area .title-area h3 img{margin: 0 10px;}
#feature-area .title-area:before, 
#feature-area .title-area:after {
	content: "";
	display: block;
	background: url(images/vertical-line-green.png.webp) no-repeat center bottom;
	background-size: auto 100%;
	width: 20%;
	height: 5px;
	margin: 0 20px;
}
#feature-wrap{
	width: 94%;
	margin:0 auto 20px;
	align-items: stretch;
	justify-content: space-between;
}
#feature-wrap .feature-box{
	width: 24%;
	flex-basis: initial !important;
	flex-grow: initial !important;
	font-size: 14px;
	padding: 40px 20px 25px;
	position: relative;
	overflow: hidden;
}
#feature-wrap .feature-box:after{
	content: "";
	display: block;
	position: absolute;
	opacity: 0.15;
}
#feature-wrap .feature-box:nth-child(odd):after{
	background: url(images/leaf-min-right1.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 150px;
	height: 158px;
	top: -20px;
	right: -20px;
}
#feature-wrap .feature-box:nth-child(even):after{
	background: url(images/leaf-min-left1.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 150px;
	height: 158px;
	bottom: -70px;
	left: -20px;
}
#feature-wrap .feature-box h4{
	background: none !important;
	padding: 0 !important;
	position: relative;
	z-index: 100;
}
#feature-wrap .feature-box h4:after{
	content: "";
	display: block;
	position: absolute;
	background: url(images/circle-white.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 80px;
	height: 80px;
	left: 0;
	top: -20px;
	z-index: -1;
}
#feature-wrap .feature-box p{
	position: relative;
	z-index: 100;
}
#service-pay .page-leaf-left5{top: 0;}

#design-box{
	background: none !important;
	align-items: flex-start;
	padding: 50px 35px;
}
#design-box h3{margin: 0 50px 0 0 !important;}
#design-box .right{margin: 0 !important;}


#design-file-area{
	background: none !important;
	padding: 30px 35px 50px;
}
#design-file-area h3{
	background: url(images/h3line-brown-white.png.webp) no-repeat center bottom;
	background-size: auto 5px;
	padding: 0 0 10px;
	margin: 0 auto 15px;
	max-width: 400px !important;
}
#designfile-images .box{
	max-width: 400px !important;
	margin: 0 20px ;
}
#designfile-images{
	justify-content: center !important;
	margin: 0 auto;
}
#design-file-area .design-file-img{
	max-width: 380px !important;
	width: 90%;
	margin: 0 auto 15px;
}
#design-file-area-bottom {
	align-items: flex-start;
	width: 80%;
	margin: 0 auto;
}
#design-file-area-bottom .left{
	background: url(images/circle-white.png) no-repeat center center;
	background-size: auto 80px;
	margin: 0 50px 0 0 !important;
	padding: 0 !important;
	height: 80px;
	flex-shrink: 0;
	white-space: nowrap;
}



#payment-wrap{align-items: stretch;}
.payment-box{
	width: 100%;
	position: relative;
	font-size: 14px;
}
.payment-box .inner{
	padding: 40px 30px 30px;
	height: 100%;	
}
.payment-box #payment-box-sub{
	line-height: 140% !important;
	margin: 0 auto 5px !important;
}
#pay-account{
	max-width: 400px !important;
	width: 80%;
	margin: 0 auto !important;
	padding: 25px 25px 30px;
}
#pay-account h3{margin-top: 0 !important;}
#payment-coution{
	padding: 30px 0 0;
	font-size: 14px;
}
.page-logo #service-pay .back-left2{top: 40%;}
.page-logo #service-pay .back-right2{
	bottom: 33%;
	right: -1%;
}
.page-logo #service-pay .back-left3{bottom: 25%;}
#service-case-list .title-circle h2 img{margin: 0 10px;}
#service-case-list .back-left1{
	left: -8%;
	top: 5%;
}
#service-case-list .back-right1{
	right: -8%;
	top: 7%;
}
#service-case-list .back-left2{bottom: 40%;}
#service-case-list .back-right2{bottom:40%;}
.service-sec-area .accordionn-area-bottom .page-nav .wp-block-button__link {height: 50px;}
/***************ロゴ・ネーム***************/
.page-logo #service-lead-area .logo-lead-circle1{
	top: -60px;
	left: -90px;
}
.page-logo #service-lead-area .logo-lead-circle2{
	bottom: -40px;
	right: -100px;
}
#logo-lead-bottom{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 35px 25px 25px;
}
.page-logo #service-lead-area .back-left2{bottom: 20%;}
.page-logo #service-lead-area .back-right2{bottom: 5%;}
#logo-sec2-top-wrap{
	padding: 35px;
	align-items: stretch;
}
#logo-sec2-top .logo-sec2-top-box{
	background: none !important;
	width: 30%;
	font-size: 14px;
}
#logo-sec2-top .logo-sec2-top-box:first-child .top-point-upper:after{
	top: 70px;
	left: -50px;
}
#logo-sec2-top .logo-sec2-top-box:nth-child(2) .top-point-upper:after{
	top: 0;
	left: -50px;
}
#logo-sec2-top .logo-sec2-top-box:nth-child(3) .top-point-upper:after{
	top: 70px;
	right: -50px;
}
#logo-sec2-top h3{margin-top: 10px !important;}
.page-logo #service-sec-area2 .column-box{font-size: 14px;}
.page-logo #service-sec-area2 h3 .pink{
	display: block;
	line-height: 1em;
}
.page-logo #service-sec-area2 .back-right2{
	top: 46%;
	right: -1%;
}
.page-logo #service-sec-area2 .back-left2{top: 62%;}
.page-logo #service-sec-area2 .back-right3{
	opacity: 0.6;
	bottom: 2%;
}
.page-logo #service-sec-area2 .back-left3{
	opacity: 0.6;
	bottom: 5%;
}
#service-sec-area3 .page-leaf-left5{top: 0;}
.service-case-area .title-board{
	width: 380px;
	height: 60px;
	background: transparent url(images/back-board.jpg) no-repeat center top !important;
	border-radius: 4px;
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	z-index: 30;
	font-weight: bold;
}
.service-case-area .title-board strong{font-size: 1.3em;}
.service-case-area .title-board .leaf-left {
	bottom: 0;
	left: -20px;
}
.service-case-area .title-board .leaf-right {
	bottom: 0;
	right: -20px;
}
.service-case-area .service-case-wrap{
	align-items: stretch;
	flex-wrap: wrap;
	width: 98%;
	margin: 50px auto 0;
}
.service-case-area .service-case-box{
	width: 31%;
	margin: 0 1% 30px !important;
	background: none !important;
	font-size: 14px;
	line-height: 140%;
}
.service-case-area .service-case-box .stitch-photo{margin: 0 auto 20px;}
.service-case-area .service-case-box .stitch-photo:after {
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}
.service-case-area .service-case-box .sub-title {
	font-family: "Zen Maru Gothic", serif;
	font-size: 17px;
	margin: 0 0 15px !important;
	line-height: 130%;
	font-weight: bold;
	font-display: swap;
}
.service-case-area .service-case-box .sub-title strong {background: linear-gradient(transparent 60%, rgba(250, 244, 203, 0.7) 0);}
.service-case-point{
	width: 90%;
	padding: 35px 30px 30px;
	margin: 0 auto;
	font-size: 14px;
	justify-content: center;
}
.service-case-point .case-point-title{
	background: url(images/circle-pink-trans.png.webp) no-repeat center center;
	background-size: auto 100%;
	width: 90px;
	height: 80px;
	margin: 0 40px 0 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.service-case-point .text-area{
	max-width: 60% !important ;
	margin: 0 !important;
}
.go-case-top{text-align: right;}
.go-case-top a{
	color: #8e633b !important;
	font-size: 14px;
	padding: 10px 5px;
}
.page-logo #service-sec-area3 .back-left2{top: 30%;}
.page-logo #service-sec-area3 .back-right2{top: 54%;}
.page-logo #service-sec-area3 .back-left3{bottom: 5%;}
#sewing-area .ribon-title{
	width: 345px;
	height: 96px;
	padding: 6px 0 0;
}
#sewing-area{border: 1px solid #e3d5c2;}
#sewing-area .ribon-title .icon-sewing{top: -20px;}
#sewing-column-wrap{
	flex-wrap: wrap;
	align-items: stretch;
	width: 96%;
	margin: 50px auto 20px;
}
#sewing-column-wrap .sewing-column{
	width: 48%;
	margin: 0 0 20px;
	background: none !important;
	font-size: 12px;
}
.sewing-column .photo-area {
	margin-right: 0 !important;
	position: relative;
	z-index: 10;
}
.sewing-column .sewing-leaf{
	left: 162px;
	top: 4px;
	z-index: 8;
}
.sewing-point{
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	background: url(images/circle-pink.png.webp) no-repeat center center;
	background-size: auto 100%;
	width: 100px;
	height: 80px;
	position: absolute;
	top: 0;
	left: -40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
}
.sewing-column .sewing-ribon{
	background: url(images/ribontag-brown.png.webp) no-repeat center center;
	background-size: 100% 100%;
	width: fit-content;
	margin: 38px 0 16px -55px !important;
	padding: 0 40px 0 55px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 60px;
	position: relative;
	z-index: 5;
}
.sewing-column .text-area{padding-left: 25px;}
/***************ワッペン***************/
#wappen-lead-h2:before,
#wappen-lead-h2:after {
	content: "";
	display: block;
	background: url(images/vertical-line-green.png.webp) no-repeat center bottom;
	background-size: auto 100%;
	width: 20%;
	height: 5px;
	margin: 0 20px;
}
#wappen-before-after .wappen-photo{
	border-radius: 4px;
	overflow: hidden;
}
.wappen-lead-circle1{
	bottom: -30px;
	left: -100px;
}
#wappen-before-after #wappen-arrow{margin: 0 10px !important;}
.page-wappen #service-lead-area .back-right2{
	bottom: 7%;
	z-index: 100;
}
.page-wappen #service-case-list .back-leaf1{top: 15%;}
.wappen-disc-area > .inner{
	padding: 50px 0 20px;
}
.wappen-disc-area .title-board{
	width: 380px;
	height: 60px;
	background: transparent url(images/back-board.jpg) no-repeat center top !important;
	border-radius: 4px;
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	top: -24px;
	z-index: 30;
	font-weight: bold;
}
.wappen-disc-area .title-board .num{
	background: #fcf8ed;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	margin: 0 8px 0 0;
}
.wappen-disc-area .title-board .leaf-left {
	bottom: 0;
	left: -20px;
}
.wappen-disc-area .title-board .leaf-right {
	bottom: 0;
	right: -20px;
}
.wappen-disc-box{
	background: none !important;
	font-size: 14px;
}
#wappen-disc1 .wappen-disc-wrap{
	max-width: 1000px !important;
	width: 90%;
	margin: 0 auto;
}
#wappen-disc1 .wappen-disc-box{width: 48%;}
#wappen-disc2 .wp-block-gallery{
	max-width: 900px !important;
	margin: 0 auto;
	width: 90%;
	justify-content: flex-start;
}
#wappen-disc2 .wp-block-gallery figure{
	flex-basis: initial !important;
	flex-grow: initial !important;
	width: 9% !important;
	margin: 0 1% 15px !important;
	border: 1px solid #ddd0ab;
}
.wappen-rim-wrap,
.wappen-back-wrap{
	width: 94%;
	margin: 0 auto;
	flex-wrap: wrap;
	align-items: stretch;
}
.wappen-rim-box{
	background: none !important;
	width: 30%;	
	font-size: 14px;
}
.wappen-rim-box h3,
.wappen-back-box h3{
	margin-top: 10px !important;
}
.wappen-back-box{
	background: none !important;
	width: 23%;
}
#wappen-disc5{align-items: stretch;}
.wappen-disc5-box{width: 48%;}
.wappen-disc5-box > .inner{
	height: 100%;
	padding: 5px 28px 10px;
	font-size: 14px;
}
#wappen-disc5 table th,
#wappen-disc5 table td{
	padding: 10px !important;
	line-height: 130%;
	font-size: 15px;
}
.page-wappen #service-sec-area3 .back-right1{top: 2%;}
.page-wappen #service-sec-area3 .back-left2{top: 17%;}
.page-wappen #service-sec-area3 .back-right2{top: 35%;}
.page-wappen #service-sec-area3 .back-left3{top: 56%;}
.page-wappen #service-sec-area3 .back-right3{
	top: 70%;
	z-index: 200;
}
.page-wappen #service-sec-area3 .back-left4{bottom: 5%;}
.page-wappen #service-pay .back-left2{
	left: -5%;
	bottom: 15%;
}
/***************キャップ***************/
#cap-lead{max-width: 100% !important;}
#cap-lead-photo2{
	right: -70px;
	bottom: -12px;
	z-index: 20;
}
#cap-lead .photo-area{margin-right: 100px !important;}
.page-service-child .white-balloon{
	background: #fff;
	border-radius: 6px;
	position: relative;
	margin-bottom: 30px;
}
.page-service-child .white-balloon-bottom{padding: 35px 20px 25px;}
.page-service-child .white-balloon-bottom:after{
	content: "";
	display: block;
	background: url(images/balloon-bottom-white.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 90px;
	height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -23px;
}
.page-service-child .white-balloon-right{padding: 35px 35px 25px;}
.page-service-child .white-balloon-right:after{
	content: "";
	display: block;
	background: url(images/balloon-right-white.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 25px;
	height: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -23px;
}
.page-service-child .white-balloon p,
.page-service-child .white-balloon h3{
	margin: 0 !important;
}
.page-service-child .white-balloon h3 .leaf{
	width: 40px;
	position: relative;
	margin: -20px 0 -12px 0;
}
#cap-lead-gallery{
	max-width: 1000px !important;
	width: 90%;
	justify-content: space-between;
	margin: 0 auto;
}
#cap-lead-gallery figure{
	width: 32% !important;
	flex-basis: initial !important;
	flex-grow: initial !important;
}
#cap-lead-bottom .photo-area{
	order: 2;
	margin: 0 0 0 40px !important;
}
#cap-lead-bottom .text-area{
	order: 1;
	margin: 0 !important;
}
#cap-lead-bottom .circle{
	right: 0;
	top: -40px;
	z-index: 0;
}
.page-cap #service-lead-area .back-left2{
	z-index: 200;
	top: 50%;
}
.page-cap #service-lead-area .back-right2{top: 65%;}
.page-cap #service-lead-area .back-left3{bottom: 9%;}
.page-cap #sewing-area .ribon-title{padding: 12px 0 0;}
.page-cap #sewing-area .ribon-title .leaf{
	position: absolute;
	top: 25px;
}
.page-cap #sewing-area .ribon-title .leaf-left{left: -15px;}
.page-cap #sewing-area .ribon-title .leaf-right{right: -15px;}
.page-cap #sewing-area .sewing-ribon{display: inline-block;}
.page-cap #sewing-area .sewing-ribon h4,
.page-cap #sewing-area .sewing-ribon p{
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	line-height: 110% !important;
}
.page-cap #sewing-area .sewing-ribon h4{padding-top: 12px !important;}
.page-cap #sewing-area .sewing-ribon p{font-size: 12px !important;}
.page-cap #sewing-area .cap-price-p{
	text-align: right;
	margin-bottom: 10px;
}
.page-cap #sewing-area .cap-price-p strong{
	font-weight: bold;
	font-size: 1.5em;
}
#cap-for-contact{
	background: url(images/back-blue-trans.jpg) no-repeat center top;
	background-blend-mode:lighten;
	background-color: rgb(250 240 213 / 40%);
	max-width: 900px !important;
	width: 90%;
	margin: 0 auto;
	padding: 50px 30px 50px;
}
#cap-for-contact .left{margin: 0 50px 0 0 !important;}
#cap-for-contact p{
	font-size: 14px;
	margin: 0!important;
}
#cap-for-contact h3,
#cap-for-contact .right{
	margin: 0 !important;
}
.page-cap #service-sec-area2 .back-right2{
	bottom: 6%;
	z-index: 200;
	right: -1%;
}
#cap-pay-top{align-items: flex-start;}
#cap-pay-top .left {
	position: relative;
	z-index: 100;
	padding-left: 50px;
	flex-shrink: 0;
	margin: 0 50px 0 0 !important;
}
#cap-pay-top:after {
	content: "";
	display: block;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -50px;
}
#cap-position-wrap{align-items: center;}
#cap-position-wrap figure{margin: 0 20px !important;}
#cap-position-wrap figure img{
	position: relative;
	z-index: 20;
}
#cap-position-wrap figure:after{
	content: "";
	display: block;
	background: url(images/circle-white.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 190px;
	height: 190px;
	position: absolute;
	z-index: 0;
	opacity: 0.6;
}
#cap-position-wrap figure:first-child:after{
	left: -80px;
	bottom: 20px;
}
#cap-position-wrap figure:nth-child(2):after{
	top: -20px;
	left: 0;
}
#cap-position-wrap figure:nth-child(3):after{
	top: 5%;
	right: -60px;
}
.page-cap #service-pay .back-left2{top: 30%;}
.page-cap #service-pay .back-right2{
	top: 40%;
	right: -4%;
}
.page-cap #service-pay .back-left3{top: 58%;}
.page-cap #service-pay .back-right3{bottom: 0;}
.page-cap #service-faq .back-right2{
	bottom: 8%;
	right: -4%;
	z-index: 200;
}
/***************今治ハンドタオル刺繍***************/
.lp-page .page-header,
.lp-page #breadcrumb {
	display: none !important;
}
.lp-page #site-header,
.lp-page #lp-mainimage{
	background: url(images/back-pink-trans.jpg) repeat center top !important;
}
body.lp-page:before{z-index: 1001;}
#lp-mainimage{padding-bottom: 0;}
#lp-mainimage {
  min-height: 490px;
}
.lp-page #main-photo{
	max-width: 1140px !important;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
	border: 4px solid #fdf9f0;
	border-radius: 6px;
}
.lp-page #main-photo img{
	width: 100%;
	height: auto;
	aspect-ratio: initial;
}
.lp-page #lp-main-ribon{
	padding: 12px 0 0;
	width: 440px;
	height: 120px;
	z-index: 20;
	display: block;
}
.lp-page #lp-main-ribon p{
	font-size: 14px;
	line-height: 1em;
	margin: 0 !important;
}
.lp-page #lp-main-ribon h2{line-height: 120% !important;}
.lp-page #lp-main-ribon .icon-flower{
	left: 0;
	right: 0;
	margin: auto;
	top: -24px;
}
#lp-gallery-area{
	background: url(images/back-pink-trans.jpg) repeat center top !important;

}
#lp-gallery{
	max-width:1500px !important;
	width: 96% !important;
	margin: 0 auto;
	justify-content: space-between;
	position: relative;
	z-index: 100;
	contain: layout;
}
#lp-gallery-area:after{
	z-index: 1;
}
#lp-gallery figure{
	flex-basis: initial !important;
	flex-grow: initial !important;
	width: 19% !important;
	margin: 0 0 10px !important;
	border-radius: 4px;
	overflow: hidden;
	border: none !important;
}
#lp-gallery figure img{
	loading: lazy;
}
#lp-gallery figure:after {
	content: "";
	display: block;
	left: 4px;
	right: 4px;
	top: 4px;
	bottom: 4px;
	border-radius: 4px;
	z-index: 10;
	position: absolute;
	border: 2px dashed rgba(255, 255, 255, 0.6);
}
#towel-main-circle{
	z-index: 30;
	right: 0;
	left: 0;
	bottom: -42px;
	background: url(images/circle-h2-white-trans.png.webp) no-repeat center center;
	background-size: auto 125px;
	min-height: 125px;
	animation-delay: .5s;
	
}
#towel-main-circle p{line-height: 130%;}
#towel-main-circle .pink{
	font-size: 1.2em;
	margin: 0 auto ;
}
#towel-main-circle .speech-text img {bottom: -2px;}
#towel-main-circle .icon-flower{
	margin: 0 auto;
	width: 26px;
}
#lp-mainimage .back-leaf{
	opacity: 0;
	transition: opacity .2s linear;
}
html.is-loaded #lp-mainimage .back-leaf{
	opacity: 0.15;
}

.lp-page .lp-main-leaf1{
	left: -30px;
	top: 0;
	animation-delay: 0.5s;
}
.lp-page .lp-main-leaf2{
	right: -30px;
	top: 36%;
	animation-delay: 0.5s;
}
.lp-page .lp-main-leaf3{
	left: -40px;
	bottom: -30px;
}
#lp-lead-top:after {
	content: "";
	display: block;
	background: url(images/board-line.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 200px;
	height: 46px;
	position: absolute;
	left: 0;
	right: 0;
	top: -45px;
	margin: auto !important;
	bottom: auto;
	border: none;
}
#lp-lead-top .lead-inner-box{align-items: center;}
#lp-lead-top .photo-area{
	position: relative;
	z-index: 10;
}
#lp-lead-top .text-area{
	position: relative;
	z-index: 5;
}
#lp-lead-top .ribon-tag-cute{
	background: url(images/ribon-tag-cute.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: fit-content;
	padding: 15px 50px 25px 60px;
	margin: 0 0 30px -60px !important;
	z-index: 1;
}
#lp-lead-top .inner:after{
	content: "";
	display: block;
	background: url(images/back-leaf-w-left2.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 320px;
	height: 340px;
	position: absolute;
	z-index: 1;
	right: -30px ;
	bottom: -30px ;
	opacity: 0.4;
	margin: 0 !important;
}
.lp-point-box{
	font-size: 14px;
	line-height: 140%;
}
.lp-point-box .column-box{
	max-width: 1040px !important;
	width: 94%;
	margin: 0 auto;
}
.lp-point-box .back-board{
	background: transparent url(images/back-board.jpg) no-repeat center top !important;
	border-radius: 4px;
	padding: 0 !important;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	margin: auto !important;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	font-weight: bold;
}
.lp-point-box .back-board .leaf-left{
	bottom: 0;
	left: -20px;
}
.lp-point-box .back-board .leaf-right{
	bottom: 0;
	right: -20px;
}
.lp-point-box .column-box-left h3.line-h3-lp{background-position: bottom left;}
.lp-point-box .column-box-right h3.line-h3-lp{
	background-position: bottom right;
	text-align: right;
}
#for-souvenir{background: none !important;}
#for-souvenir-top{align-items: flex-start;}
#for-souvenir-top:after {
	content: "";
	display: block;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 180px;
	height: 180px;
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -50px;
}
#for-souvenir-top h2{
	position: relative;
	z-index: 20;
}
#for-souvenir-top p{margin-bottom: 10px !important;}
#for-souvenir-bottom {
	background: url(images/line-dotted-cute.png.webp) no-repeat center bottom;
	background-size: auto 12px;
	padding-bottom: 20px;

	align-items: flex-end;
}
#for-souvenir-bottom  p{margin: 0 !important;}
#for-souvenir-bottom figure{margin: 0 10px !important;}
#lp-lead-highclass {
	justify-content: center;
	margin: 0 auto;
}
#lp-lead-highclass .photo-area{
	order: 2;
	margin: 0 !important;
}
#lp-lead-highclass .left{
	order: 1;
	margin: 0 30px 0 0!important;
}
#lp-lead-highclass .circle-photo{
	position: relative;
	z-index: 10;
}
#lp-lead-highclass .circle{
	z-index: 0;
	bottom: -10px;
	right: -100px;
}
#lp-scene-area{background:transparent url(images/back-green-trans.jpg) repeat center top;}
#lp-scene-area .ribon-title{
	width: 340px;
	height: 100px;
	padding: 15px 0 0;
}
#lp-scene-area .ribon-title .leaf-left{
	top: 38px;
	left: 0;
}
#lp-scene-area .ribon-title .leaf-right{
	top: 38px;
	right: 0;
}
#lp-scene-wrap{
	align-items: stretch;
	flex-wrap: wrap;
	width: 96%;
	margin: 85px auto 20px;
}
#lp-scene-area .column-box{
	background: none !important;
	width: 48%;
	margin: 0 0 20px;
	font-size: 12px;
}
#service-lead-area .back-left1{top: 2%;}
#service-lead-area .back-right1{top: 3%;}
#service-lead-area .back-left2{
	z-index: 100;
	top: 20%;
}
#service-lead-area .back-right2{
	top: 41%;
	z-index: 100;
}
#service-lead-area .back-left3{
	z-index: 100;
	top: 52%;
}
#service-lead-area .back-right3{
	top: 65%;
	right: -35px;
}
#service-lead-area .back-left4{bottom: 4%;}
#service-lead-area .back-right4{bottom:4%;}
.feature-box{
	max-width: 900px !important;
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
}
#towel-feature-area .feature-box .photo-area{margin: 0 30px 0 0;}
#towel-feature-area .feature-title{
	background: url(images/line-dotted-cute.png.webp) no-repeat left bottom;
	background-size: auto 10px;
	padding-bottom: 15px;
	margin: 0 auto 18px;
}
#towel-feature-area .feature-box .circle{
	background: url(images/circle-pink-lined.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 20px 0 0;
	font-size: 12px;
	padding: 3px 0 0;
}
#towel-feature-area .feature-box h3{
	margin: 0 !important;
	line-height: 130% !important;
}
#towel-feature-area .back-right2{
	bottom: 6%;
	right: -30px;
}
.lp-page #service-case-list .back-left2{bottom: 10%;}
.lp-page #service-case-list .back-right2{bottom: 10%;}
.towel-item-box,
.towel-item-box .p-area{
	background-color: transparent !important;
}
.towel-item-box .column-box{
	max-width: 1040px !important;
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
}
.towel-item-box .column-box h3{
	background-position: left bottom;
	margin-bottom: 0 !important;
}
.towel-item-box .column-box h3:before,
.towel-item-wrapping-inner h3:before{
	content: "";
	display: inline-block;
	background: url(images/leaf-left2.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 40px;
	height: 34px;
	margin: 0 10px 0 0;
	flex-shrink: 0;
}
.towel-item-box .item-price{
	background: none !important;
	padding: 0 0 20px !important;
	text-align: right;
	font-size: 12px;
	margin: 0 !important;
}
.towel-item-box .item-price strong{
	font-weight: bold;
	font-size: 1.8em;
}
.towel-item-box .p-area{margin: 0 0 20px;}
.towel-item-box .item-gallery figure{
	width: 130px !important;
	margin:0 20px 0 0 !important;
	flex-basis: initial !important;
	flex-grow: initial !important;
}
.towel-item-box .towel-item-table{
	max-width: 1040px !important;
	width: 90%;
	margin: 0 auto;
	border: none !important;
	background: none !important;
}
.towel-item-box .towel-item-table table{
	border-collapse: separate;
	border-spacing: 5px;
	table-layout: auto !important;
}
.towel-item-box .towel-item-table th{
	border: none !important;
	background:transparent url(images/th-item-table.png) no-repeat center top !important;
	font-size: 15px;
	font-family: "Zen Maru Gothic", serif;
	width: 25%;
	font-display: swap;
}
.towel-item-box .towel-item-table th:after{content: none !important; }
.towel-item-box .towel-item-table th .inner,
.towel-item-box .towel-item-table td{
	height: auto !important;
	min-height: initial !important;
	padding: 12px 12px !important;
	line-height: 130%;
}
.towel-item-box .towel-item-table th .inner{
	border: none !important;
	background: none !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.towel-item-box .towel-item-table th .inner:before{
	content: "";
	display: inline-block;
	background: url(images/list-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 8px;
	height: 8px;
	vertical-align: middle;
	margin: 0 6px 0 0;
}
.towel-item-box .towel-item-table th.none .inner:before{content: none;}
.towel-item-box .towel-item-table td{
	border: none !important;
	background: none !important;
	font-size: 14px;
	width: 24%;
}
.towel-item-box .towel-item-table tr{position: relative;}
.towel-item-box .towel-item-table tr:after,
.towel-item-box .towel-item-table table:before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #e0d4cd;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
}
.towel-item-box .towel-item-table table:before{
	bottom: auto;
	top: 7px;
}
.colors-title-box{
	margin: 0 auto 15px ;
}
.colors-title-box:before,
.colors-title-box:after{
	content: "";
	display: inline-block;
	width: 200px;
	height: 1px;
	border-top: 4px dotted #d6d82e;
}
.colors-title{margin: 0 20px 0!important;}
.colors-title img{
	margin:6px 6px 0;
}
.towel-item-colors {
	max-width: 1040px !important;
	width: 90%;
	margin: 0 auto;
	animation-delay: 0.3s;
}
.towel-item-colors figure{
	flex-basis: initial !important;
	flex-grow: initial !important;
	width: 11.5% !important;
	margin: 0 0.5% 15px !important;
}
.towel-item-colors figure:before{content: none !important;}
.towel-item-colors figure img{
	object-fit: cover;
	aspect-ratio:1/1;
	border-radius: 4px;
}
.towel-item-colors figcaption{
	font-family: "Zen Maru Gothic", serif;
	font-size: 14px;
	color: #552a02 !important;
	text-shadow: none !important;
	position: relative !important;
	background: none !important;
	padding: 5px 0 0 !important;
	line-height: 110%;
	overflow: hidden !important;
	font-display: swap;
}
#item-other-wrap{
	align-items: stretch;
	max-width: 1040px !important;
	width: 94%;
	margin: 0 auto;
	flex-wrap: wrap;
}
#item-other-wrap .item-other-box{
	width: 30% !important;
	background-color: transparent !important;
}
#item-other-wrap .item-other-box{
	margin: 0 1.5% 30px !important;
}
#item-other-wrap .item-other-box .stitch-photo:after {
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
}
#item-other-wrap .item-other-box h3{
	margin: 10px auto 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 130% !important;
}
#item-other-wrap .item-other-box h3:before{
	content: "";
	display: inline-block;
	background: url(images/leaf-left2.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 26px;
	height: 23px;
	margin: 0 8px 0 0;
	flex-shrink: 0;
}
#item-other-wrap .item-other-box .item-price{text-align: center;}
#item-other-wrap .item-other-box .item-price strong{font-size: 1.5em;}
#item-box-others .info-open-button .wp-block-button__link{
	background: none !important;
	height: 50px !important;
	width: 240px !important;
	min-width: initial !important;
	transition: .4s !important;
}
#item-box-others .info-open-button .wp-block-button__link:hover{
	transition: .4s !important;
	background: url(images/back-pink-trans.jpg) no-repeat center top !important;
	color: #7b6959 !important;
}
#item-box-others .info-open-button .inner:after{
	content: "ひらく";
	font-family: "Zen Maru Gothic", serif;
	font-size: 11px;
	background: url(//373shisyu.com/wp-content/themes/lightning-child/images/circle-blue-trans.png) no-repeat center center;
	background-size: 30px auto;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: -0.1em;
	right: 4px;
	font-display: swap;
}


body .sgpb-popup-overlay{
	background: #fff url(images/th-item-table.png) repeat center top !important;
	opacity: 1 !important;
	z-index: 9999;
}
body #sgpb-popup-dialog-main-div{
	box-shadow: none !important;
	padding: 3px !important;
	
}

.towel-item-wrapping-inner{
	align-items: flex-start;
	max-width: 1040px !important;
	width: 94%;
	margin: 0 auto;
}
.towel-item-wrapping-inner h3{
	flex-shrink: 0;
	width: 300px;
}
.towel-item-wrapping-inner h3.left{
	margin:30px 50px 0 0 !important;
}
#towel-item-wrapping-fee .right{
	margin:30px 0 0 30px !important;
	order: 2;
	width: 320px;
}
#towel-item-wrapping-fee h3{
	margin:0 0 15px !important;
}
#towel-item-wrapping-fee .right p{
	font-size: 14px;
}
#towel-item-wrapping-fee .left{
	order: 1;
}
.item-wrapping-wrap{
	margin: 0 auto!important;
	flex: 2;
	align-items: stretch;
	flex-wrap: wrap;
}
.item-wrapping-wrap .item-wrapping-box{
	width: 48%;
	margin: 0 1% 40px!important;
	max-width: 300px !important;
} 
.item-wrapping-wrap figure{
	width: 100%;
	margin: 0 auto 10px;
}
.item-wrapping-wrap h4{background: none !important;}
.item-wrapping-wrap h4 .vk_inline-font-size{
	display: block;
	line-height: 110%;
}
#wapping-papers{
	align-items: center;
	background: #fce6e0;
	border-radius: 6px;
	padding: 0 15px !important;
	position: relative;
}
#wapping-papers .paper-box{
	width: 44%;
}
#wapping-papers:before{
	content: "";
	display: block;
	background: #fce6e0;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	width: 35px;
	height: 65px;
	position: absolute;
	left: -33px;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 20;
}


.lp-page #service-sec-area2 .back-left1{top: 0;}
.lp-page #service-sec-area2 .back-right1{top: 2%;}
.lp-page #service-sec-area2 .back-left2{top: 20%;}
.lp-page #service-sec-area2 .back-right2{
	top: 38%;
	right: -15px;
}
.lp-page #service-sec-area2 .back-left3{top: 56%;}
.lp-page #service-sec-area2 .back-right3{bottom: 6%;}
.lp-page #service-pay .back-left2{
	left: -20px;
	top: 34%;
}
.lp-page #service-pay .back-right2{
	bottom: 23%;
	right: -20px;
}
.lp-page #service-pay .back-left3{bottom:1%;}
#position-info{overflow: hidden;}
.position-images{
	max-width: 600px !important;
	margin: 0 auto 40px !important;
	width: 90%;
	justify-content: center;
}
.page-ecobag .position-images{max-width: 700px !important;}
#position-info .ribon-beige-min{
	background: url(images/ribon-beige-min.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 220px;
	height: 50px;
	font-weight: 700;
	margin: 0 auto 10px !important;
	padding: 0 0 10px;
	position: relative;
	z-index: 20;
}
.position-images .wp-block-column{
	flex-basis: initial !important;
	flex-grow: initial !important;
	width: 31%;
	margin: 0 1%;
	position: relative;
	z-index: 20;
}
.page-ecobag .position-images .wp-block-column{
	width: 22%;
	margin: 0 1.5%;
}
.position-images .wp-block-column img{
	border-radius: 6px;
}
.position-images .position-name{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px auto 0;
}
.position-images strong{
	background: url(images/circle-white.png) no-repeat center top;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 6px 0 0;
}
#position-info .back-right{
	top: 20px;
	right: -70px;
}

#position-info .back-left{
	bottom: 20px;
	left: -40px;
}
.page-towel #service-pay .back-right1 {
	top: 45%;
}
.page-towel #service-pay .back-left2 {
	top: 24%;
}
.page-towel #service-pay .back-left3 {
	bottom: 35%;
}
.page-towel #service-pay .back-right2 {
	bottom: 0;
}

/***************エコバック刺繍***************/
.page-ecobag #lp-mainimage{z-index: 100;}
#ecobag-lead-gallery {
	justify-content: space-between;
}
#ecobag-lead-gallery figure{
	width: 23% !important;
	flex-basis: initial !important;
	flex-grow: initial !important;
}
#ecobag-lead-gallery figcaption{
	background: url(images/ribon-beige-min.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 100%;
	height: 34px;
	font-size: 13px;
	font-weight: bold;
	color: #552a02 !important;
	font-family: "Zen Maru Gothic", serif;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	padding: 0 0 5px!important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: none !important;
	font-display: swap;
}
.page-ecobag #lp-scene-area{
	background-color: rgb(250 240 213 / 0%);
	background-blend-mode: lighten;
	background:transparent url(images/back-green.jpg) repeat center top;
}
.page-ecobag #lp-scene-area .scene-circle{
	width: 19%;
	margin: 0 0.5%;
	background:transparent url(images/circle-white.png.webp) no-repeat center center !important;
	background-size: auto 100% !important; 
	height: 160px;
	line-height: 130%;
	padding: 30px 0 0;
}
.page-ecobag #lp-scene-area .scene-circle p:after{
	content: "";
	display: block;
	background: url(images/line-h3-lp.png.webp) no-repeat center bottom;
	background-size: auto 8px;
	padding: 0 0 12px;
	margin: 0 auto !important;
	width: 130px;
}
.page-ecobag #lp-scene-area .icon-leaf{
	margin: 0 auto;
	width: 20px;
}
/***********************会社案内*************************/
#obsession-ribon{
	width: 380px;
	height: 102px;
	padding: 5px 0 0 0;
	top: -20px;
}
#obsession-wrap{
	flex-wrap: wrap;
	align-items: stretch;
	padding: 80px 25px 30px;
}
#obsession-wrap .obsession-box{
	width: 31%;
	position: relative;
	font-size: 14px;
	line-height: 140%;
	background: none !important;
	margin-bottom: 40px !important;
	z-index: 200;
}
.obsession-box .photo-area{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 auto 20px;
}
.obsession-box-left .photo-area{justify-content: flex-start;}
.obsession-box-right .photo-area{justify-content: flex-end;}
.obsession-box .circle-photo{margin: 0 !important;}
.obsession-box .circle{
	background: url(images/circle-blue.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 150px;
	height: 150px;
	position: absolute;
	z-index: 20;
	bottom: 0;
	padding: 10px 0 0 0;
}
.obsession-box-left .circle{right: 0;}
.obsession-box-right .circle{left: 0;}
#obsession-box2 .circle,
#obsession-box5 .circle{
	top: 0;
}
.obsession-box .circle .flower{
	display: block;
	margin: 0 auto 3px;
}
.obsession-box .circle p,
.obsession-box .circle h3{
	margin: 0 !important;
	padding: 0 !important;
}
#company-sec1 .page-sec1-leaf-leftmin3{
	z-index: 100;
	top: 50%;
}
#company-sec1 .page-sec1-leaf-rightmin3{ 
	z-index:100;
	bottom: 0;
}
#about-table{
	background: #fff;
	border: 1px solid #ebe2d2;
	border-radius: 6px;
}
#about-table table{border: none !important;}
#about-table table th{
	width: 360px;
	position: relative;
}
#about-table table th .inner:before{
	content: "";
	display: inline-block;
	background: url(images/icon-th.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height: 21px;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
#map-wrap{
	border: 2px solid #ccbd97;
	border-radius: 6px;
	padding: 3px;
	margin: 20px auto 30px !important;
	width: 700px;
}
/* #map-wrap iframe{
	border-radius: 4px;
	overflow: hidden;
	height: 100% !important;
	width: 100% !important;
} */
/***********************お客様の声*************************/
#voice-sec1 .title-circle{margin: 0 auto 15px !important;}
#voice-sec1 .title-circle .font18{
	display: block;
	line-height: 130%;
}
#voice-sec1 .title-area h2{
	margin: 0 auto !important;
	width: 80%;
	max-width: 400px;
}



#voice-sec1 .page-leaf-left3,
#voice-sec1 .page-leaf-right6{
	top: 0;
}
#voice-sec1 #page-nav .wp-block-button {
	width: auto;
	margin: 0 1%;
	padding: 0;
}
#voice-sec1 #page-nav .wp-block-button a {padding: 0 30px !important;}
#voice-sec1 #page-nav .wp-block-button a .inner:after {
	width: 12px;
	height: 12px;
	right: 5px;
}
.voice-cat-box{margin: 0 auto 70px !important;}
.voice-cat-box .ribon-title {
	width: 360px;
	height: 100px;
	padding: 15px 0 0;
	top: -80px;
}
#voice-sec1 .voice-wrap{
	position: relative;
	z-index: 30;
	width: 94%;
	margin: 0 auto !important;
	padding: 0 !ipmortant;
	background: none !important;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#voice-sec1 .voice-wrap .voice-box{
	width: 48%;
	margin:0 0 30px !important;
	border: 1px solid #e3d5c2;
	background: #fdf9f0 !important;
}
#voice-sec1 .voice-wrap .voice-box-long{width: 100%;}
.voice-box p.name{background-repeat: repeat-x !important;}
.voice-bottom-area .photo-area{position: relative;}
.voice-bottom-area .photo-area figure{
	position: relative;
	z-index: 20;
}
.voice-bottom-area .photo-area:after{
	content: "";
	display: block;
	
	background-size: 100% auto !important;
	width: 84px;
	height: 84px;
	position: absolute;
	z-index: 1;
	left: -40px;
}
.voice-cat-box:nth-child(odd) .voice-bottom-area .photo-area:after{
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	top: -5px;
}
.voice-cat-box:nth-child(even) .voice-bottom-area .photo-area:after{
	background: url(images/circle-blue-trans.png.webp) no-repeat center top;
	bottom: -5px;
}
.voice-bottom-area > *{margin: 0 !important;}
.voice-bottom-area p{padding: 0 50px 0 20px;}
.voice-bottom-area .inner{
	border-color: #fff;
	border-width: 1px;
}
#voice-cat1 .back-leaf,
#voice-cat5 .back-leaf{
	right: 0;
	bottom: -30px;
}
#voice-cat2 .back-leaf,
#voice-cat4 .back-leaf{
	left: 0;
	top: -50px;
}
#voice-cat3 .back-leaf{
	right: -20px;
	bottom: -30px;
}
/***********************流れとよくある質問*************************/
#flow-wrap{
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	padding: 0 30px;
}
#flow-wrap .flow-box{
	background: #fcf8ed !important;
	border: 1px solid #ece0d9;
	width: 31%;
	margin: 0 0 30px !important;
	font-size: 14px;
	line-height: 130% !important;
	position: relative;
	padding: 20px 15px 30px;
}
#flow-wrap .arrow-flow{
	width:28px;
	height: 70px;
	position: absolute;
	margin: auto !important; 
	top: 0;
	bottom: 0;
	right: -30px;
	display: block;
}
.flow-title-area{
	background: url(images/h3line-brown-white.png.webp) no-repeat center bottom;
	background-size: auto 5px;
	padding: 0 0 10px;
	margin: 0 auto 15px;
}
.flow-title-area .num{
	background: url(images/circle-blue.png.webp) no-repeat center top;
	background-size: auto 100%;
	width: 54px;
	height: 54px;
	padding: 0 !important;
	margin: 0 10px 0 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.flow-title-area h3{
	margin: 0 !important;
	padding: 0 !important;
}
.flow-box .flow-photo{margin: 0 auto 20px;}
.flow-box .text-area{
	background: none !important;
	width: 90%;
	margin: 0 auto !important;
}
.flow-box a{
	color: #552a02 !important;
	font-weight: bold;
	text-decoration: underline;
}
#flow-area .back-right2{
	z-index: 100;
	bottom: 0;
}
#faq-cat-list li a{
	color: #552a02 !important;
	padding: 15px;
}
#faq-cat-list li img{margin: 0 0 0 6px;}
#faq-area h3.title-green{max-width: 310px !important;}
#faq-area .vk_faq{
	border: none !important;
	margin: 0 auto 2px !important;
	max-width: 900px !important;
	width: 94%;
	padding: 0 !important;
}
#faq-area .vk_faq-body{
	background: #fff;
	border: 1px solid #ebe2d2;
	padding: 1px;
	margin: 0 !important;
}
#faq-area .vk_faq_title{
	background: url(images/back-blue-trans.jpg) no-repeat center top;
	border-radius: 4px;
	font-family: "Zen Maru Gothic", serif;
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 35px 15px 25px;
	font-display: swap;
}
#faq-area .vk_faq_title:before{
	content: "";
	position: initial;
	background: url(images/icon-q.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 48px;
	height: 32px;
	margin: 0 10px 0 0;
	flex-shrink: 0;
}
#faq-area .vk_faq_title::after{
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	background: url(images/icon-arrow-down-brown.png.webp) no-repeat center top;
	background-size: 100% 100%;
	transition: all 0.5s ease;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 10px;
}
#faq-area .vk_faq_title.close::after{
	background: url(images/icon-arrow-up-brown.png.webp) no-repeat center top;
	background-size: 100% 100%;
}
#faq-area .vk_faq_content{
	display: none;
	font-size: 14px;
	line-height: 140%;
	padding: 25px 30px 30px 70px;
}
#faq-area .vk_faq_content:before{
	content: "";
	background: url(images/icon-a.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 33px;
	height: 32px;
	margin: 0;
	top: 25px;
	left: 28px;
}
#faq-area .vk_faq_content .faq-inner{align-items: flex-start;}
#faq-area .answer{
	background: none !important;
	font-family: "Zen Maru Gothic", serif;
	font-size: 18px;
	padding: 0 0 15px 0 !important;
	margin: 0 40px 0 0!important;
	width: 30%;
	flex-shrink: 0;
	line-height: 140%;
	font-display: swap;
}
#faq-area .text-area{
	flex: 2;
	background: none !important;
}
#faq-area .vk_faq_content table thead{
	border-bottom: none;
}
#faq-area .vk_faq_content table thead th,
#faq-area .vk_faq_content table th{
	font-size: 14px;
}
#faq-area .vk_faq_content table th .inner{
	border: none !important;
	background: none !important;
}
#faq-area .vk_faq_content table th:after{content: none;}
#faq-area .vk_faq_content table td{
	font-size: 14px;
	padding: 12px 10px 11px !important;
}
.table-scroll-p{display: none;}
/***********************糸・書体について*************************/
#color-wrap{
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 300;
}
#color-wrap .color-box{width: 50%;}
#color-wrap figure{
	width: 31%;
	margin: 0 1% 20px;
}
#color-area-bottom{
	position: relative;
	z-index: 300;
}
#color-area-bottom .link-image{
	order: 2;
	border: 1px solid #deccc0;
	border-radius: 4px;
	padding: 2px;
	margin: 0 !important;
}
#color-area-bottom .link-image .wp-element-caption{
	margin: 0 !important;
	padding: 3px 0;
	line-height: 1em;
}
#color-area-bottom .left{
	order: 1;
	margin: 0 30px 0 0 !important;
	font-size: 14pxl
}
#font-sec1 .back-left2,
#font-sec1 .back-right2{
	bottom: 9%;
	z-index: 101;
}
#font2-top{align-items: flex-start;}
#font-sec2 .photo-area{
	padding: 3px;
	margin: 0 !important;
}
#font2-top .photo-area{
	width: 440px;
	flex-shrink: 0;
	margin: 0 40px 0 0!important;
	background: url(images/back-brown.jpg) no-repeat center top;
	border-radius: 4px;
	padding: 5px;
}
#font2-top #font-coution-box{
	background:transparent url(images/back-pink-trans.jpg) no-repeat center top !important;
	border-radius: 4px;
	display: inline-block;
	padding: 30px 50px 5px;
	margin: 0 0 20px;
}
#font2-top #font-coution-box .flower{
	bottom: -5px;
	right: -20px;
}
#font2-top .font-min{
	font-size: 0.8em;
	line-height: 140% !important;
}
#font-sec2 .title-green{max-width: 300px !important;}
#kanji-inner{align-items: flex-start;}
#font2-kanji .text-area{margin: 15px 0 0 50px !important;}
#font-sec2 ul{margin-left: 20px !important;}
#font-sec2 ul.is-style-vk-numbered-circle-mark{margin-bottom: 15px;}
ul.is-style-vk-numbered-circle-mark.number-list li:before{
	font-family: "メイリオ", Meiryo, "Meiryo UI", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	flex-shrink: 0;
}
#font-sec2 ul li{
	position: relative;
	margin-bottom: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#font-sec2 ul li:after{
	content: "";
	display: block;
	background:url(images/icon-list-blue.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -20px;
	top: 3px;
}
#font-sec2 ul.is-style-vk-numbered-circle-mark li:after{top: 5px;}
#en-text-area .right ul.is-style-vk-numbered-circle-mark{counter-reset: item 10 !important;}
#en-text-area .right ul.is-style-vk-numbered-circle-mark li:before{
	content: counter(item);
	counter-increment: item;
}
#font-en-titlearea,
#en-photoarea{
	width: 94%;
	margin:0 auto 20px;
}
#font-en-titlearea p{
	margin: 0 !important;
	padding: 0 !important;
}
#en-photoarea{align-items: flex-start;}
#en-photoarea > .wp-block-group{
	width: 48%;
	max-width: 490px !important;
}
#en-photoarea figure,
#font2-num .photo-box figure{
	border: 1px solid #ece0d9;
	border-radius: 4px;
	margin: 0 0 10px;
	overflow: hidden;
}
#en-text-area .left,
#en-text-area .right{
	margin: 0 30px 20px !important;
}
#font-sec2 li .text{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#font-sec2 li .balloon{
	font-size: 13px;
	background: #fee4de;
	width: 220px !important;
	border-radius: 4px;
	position: relative;
	display: flex;
	padding: 0 10px 0 15px;
	margin: 0 0 0 30px;
	line-height: 1em !important;
	align-items: center;
}
#font-sec2 li .balloon:before{
	content: "";
	display: block;
	background: url(images/balloon-pink-left.png.webp) no-repeat center top;
	background-size: 100% 100%;
	width: 14px;
	height: 14px;
	position: absolute;
	z-index: 1;
	left: -13px;
	margin: auto;
	top: 0;
	bottom: 0;
}
#font2-num #num-inner{align-items: flex-start;}
#font2-num .photo-area{order: 2;}
#font2-num .text-area{
	order: 1;
	margin: 15px 40px 0 0!important;
}
/***********************お見積り・お問い合わせ*************************/
#contact-area-inner{
	max-width: 900px !important;
	width: 96%;
	margin: 0 auto;
} 
#contact-area h3.title-green{max-width: 480px !important;}
#contact-area .text-area{
	max-width: 600px !important;
	width: 80%;
	margin: 0 auto 20px;
	font-size: 14px;
}
#contact-top-coution{margin-bottom: 10px !important;}
#contact-lead2{
	background: none !important;
	padding: 40px;
	align-items: flex-start;
}
#contact-lead2 .left{
	white-space: nowrap;
	flex-shrink: 0;
	margin: 0 30px 0 0 !important;
}
#table-coution{
	text-align: right;
	padding: 0 !important;
	margin: 0 !important;
}
#form-wrap .mailform{
	background: #fff;
	border: 1px solid #ebe2d2;
	border-radius: 4px;
	padding: 2px;
	margin: 0 auto 50px !important;
}
#form-wrap dl{
	align-items: stretch;
	margin: 0 !important;
}
#form-wrap dt{
	width: 30%;
	flex-shrink: 0;
	font-family: "Zen Maru Gothic", serif;
	font-weight: bold;
	font-size: 17px;
	position: relative;
	border: 1px solid #ebe2d2;
	border-width: 0 1px 1px 0;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	font-display: swap;
}
#form-wrap dt:after {
	content: "";
	display: block;
	background: url(images/back-l-blue.jpg) no-repeat center top;
	border-radius: 4px;
	position: absolute;
	z-index: 1;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
}
#form-wrap dt p{
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: flex-start;
	align-items:flex-start;
	padding: 25px 15px 25px 19px;
	line-height: 130% !important;
}
#form-wrap dt p:before{
	content: "";
	display: inline-block;
	background: url(images/icon-th.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 32px;
	height: 30px;
	margin: 0 6px 0 0;
}
#form-wrap dt 
#form-wrap dd{
	flex: 2;
}
#form-wrap dd{
	padding: 25px 25px 25px ;
	width: 100%;
	border: 1px solid #ebe2d2;
	border-width: 0 0 1px 0;
}
#form-wrap dd .flex-area-left p{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#requirement .wpcf7-list-item{
	font-size: 16px;
	font-weight: bold;
	display: block;
}
#requirement .wpcf7-list-item .min{
	display: block;
	font-size: 0.85em;
	line-height: 1em;
	padding: 9px 0 25px 16px;
}
#box-object .wpcf7-checkbox{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
#box-object .wpcf7-list-item{
	width: 48%;
	background: #f6fadc;
	border-radius: 4px;
	border: 1px solid #ebe2d2;
	font-size: 16px;
	margin: 0 0 15px;
}
#box-object .wpcf7-checkbox label{
	display: block;
	width: 100%;
	height: 100%;
	padding: 18px 20px;
}
#form-wrap dd .text{padding: 0 5px;}
#form-wrap dd p{
	font-size: 14px;
	margin: 0;
}
#box-zip{margin: 0 0 20px !important;}
#box-zip input,
#box-numbe input{width: 10em !important;}
#autozip{display: none !important;}
#form-wrap .required{
	font-size: 0.8em;
	padding: 0 0 0 20px;
}
input[type=date], 
input[type=email],
input[type=number], 
input[type=tel], 
input[type=text], 
select, 
textarea{
	margin-bottom: 0 !important;
}
#form-wrap dd p.font18{
	font-size: 18px !important;
	padding-bottom: 15px !important; 
}
#form-wrap .pink{
	font-size: 16px !important;
	padding-bottom: 20px !important; 
}
#accept-check-area .accept-p{
	padding: 30px 0 10px !important;
}
#form-wrap .accept-area{
	text-align: center;
	margin: 0 auto 30px !important;
}
#form-wrap .accept-area input {
	transform: scale(2);
	margin: 0 20px 0 0;
}
#mail-submit{
	position: relative;
	width: 400px;
	height: 84px;
	margin: 0 auto 100px !important;
	background: url(images/back-pink.jpg) no-repeat center top;
	border-radius: 4px;
}
#mail-submit input{
	width: 100%;
	height: 84px;
	font-family: "Zen Maru Gothic", serif;
	font-size: 24px;
	font-weight: bold;
	background: none;
	padding: 5px;
	border-radius: 4px;
	position: relative;
	z-index: 30;
	
	transition: .4s;
	border: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-display: swap;
}
#mail-submit input:disabled{
	background: #dfddd8;
	color: #beb2a7;
}
#mail-submit:after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	border: 1px dashed rgba(255, 255, 255, 0.8);
	z-index: 10;
}
#form-wrap .wpcf7-form[data-status="sent"] .mailform,
#form-wrap .wpcf7-form[data-status="sent"] .accept-area,
#form-wrap .wpcf7-form[data-status="sent"] #mail-submit{
	display: none;
}
#form-wrap .wpcf7 form.sent .wpcf7-response-output {
	border-color: #ce346f;
	padding: 50px 1em;
	border-radius: 6px;
	background: rgb(255 255 255 / 40%);
	margin:50px auto 50px !important;
	text-align: center;
	font-family: "Zen Maru Gothic", serif;
	font-size: 18px;
	font-weight: bold;
	font-display: swap;
}
/**********************制作実績***********************/
.work-page-inner{position: relative;}
.post-type-archive-work .post-list{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
}
.post-type-archive-work .post-list .vk_post{
	width: 31%;
	margin: 0 1% 60px !important;
	padding: 0 !important;
	position: relative;
	transition: .5s;
	overflow: visible;
	transition: .5s;
	cursor: pointer;
}
.post-type-archive-work .post-list .vk_post:hover{
	transition: .5s;
	opacity: 0.6;
}
.post-type-archive-work .post-list .vk_post .vk_post_imgOuter:before,
.post-type-archive-work .post-list .vk_post_imgOuter>a::after{
	content: none;
}
.post-type-archive-work .post-list .vk_post:before {
	content: "";
	display: block;
	background: url(images/back-blue-trans.jpg) no-repeat center top;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	position: absolute;
	z-index: 0;
	right: -12px;
	bottom: -12px;
}
.post-type-archive-work .post-list .vk_post_imgOuter a{	display: block;}
.post-type-archive-work .post-list .vk_post_imgOuter img{
	border-color: #e5e5e5;
	border-width: 1px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 100;
	aspect-ratio: 4 / 3;
}
.post-type-archive-work .post-list .vk_post_body{display: none !important;}
.post-type-archive-work .post-list .card-img-overlay{
	background: url(images/back-brown.jpg) no-repeat center top;
	line-height: 1em;
	position: absolute;
	top: -20px;
	bottom: auto;
	left: 0;
	right: auto;
	z-index: 20;
	border-radius: 4px;
	color: #fff !important;
	font-size: 13px;
	padding: 7px 20px 7px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Zen Maru Gothic", serif;
	font-display: swap;
}
.post-type-archive-work .post-list .card-img-overlay:before {
	content: "";
	display: inline-block;
	background: url(images/icon-flower1.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height: 20px;
	margin: 0 4px 0 0;
}
.post-type-archive-work .post-list .vk_post_imgOuter_singleTermLabel{
	background: none !important;
	padding: 0 !important;
	margin:  0 !important;
	font-size: 13px;
	position: initial;
}
.post-type-archive-work .post-list .card-img-overlay:after,
.post-type-archive-work .post-list .vk_post_imgOuter a:hover .card-img-overlay::after {
	content: "";
	display: block;
	background: url(images/balloon-bottom-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height: 14px;
	margin: auto;
	left: 0;
	right: 0;
	top: auto;
	bottom: -13px;
	position: absolute;
}
.post-type-archive-work .post-list .vk_post_imgOuter a:after{
	content: "";
	display: block;
	width: auto;
	height: auto;
	border-radius: 4px;
	z-index: 10;
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
	border: 2px dashed rgba(255, 255, 255, 0.6);
}
ul.page-numbers li{margin: 0 10px;}
ul.page-numbers li a, 
ul.page-numbers li span.page-numbers{
	width: 50px;
	height: 50px;
	color: #552a02 !important;
	font-size: 20px;
	border: none;
	background: url(images/circle-blue-lined.png.webp) no-repeat center top;
	background-size: 100% auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 !important;
	border-radius: 100%;
	font-weight: normal;
	transition: .5s;
}
ul.page-numbers li a:hover,
ul.page-numbers li span.page-numbers.current{
	background: #c4b5a2 !important;
	transition: .5s;
}
#work-cat-nav{
	position: relative;
	z-index: 100;
	margin: 50px auto 0 !important;
}
#work-cat-nav h3.title-green{
	max-width: 300px !important;
	margin: 0 auto 25px !important;
	justify-content: center;
	display: flex;
	align-items: center;
}
#work-cat-nav ul{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	max-width: 900px !important;
	width: 90%;
}
#work-cat-nav li{
	margin: 0 5px 10px !important;	
	background: #fcf8ed;
	border: 1px solid #bdafa2;
	border-radius: 4px;
}
#work-cat-nav li a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #552a02 !important;
	font-family: "Zen Maru Gothic", serif;
	text-decoration: none;
	padding: 0 25px;
	height: 36px;
	font-display: swap;
}
#main .case-leaf-left2 {	bottom: 20%;}
#main .case-leaf-right2 {
	bottom: 0;
	right: -4%;
}
.single-work .entry-meta,
.single-work .entry-meta-data-list dt,
.single-work .next-prev{
	display: none !important;
}
.single-work .work-page-inner .inner{
	padding: 50px 50px 35px;
}
.single-work .entry-header{
	margin: 0 auto 20px !important;
}
.single-work .entry-header .entry-title{
	width: auto;
	font-size: 24px;
	font-family: "Zen Maru Gothic", serif;
	font-weight: bold;
	font-display: swap;
}
.single-work .entry-body{
	max-width: 900px !important;
	margin: 0 auto 50px !important;
}
.single-work .entry-body figure.wp-block-image{
	max-width: 700px !important;
	width: 90%;
	margin:0 auto 40px;
	border-radius: 4px;
	border: 2px solid #fff;
}
.single-work .entry-footer .entry-meta-data-list--work-cat{
	position: absolute;
	top: -80px;
	right: -60px;
}
.single-work .entry-meta-data-list--work-cat a{
	color: #fff !important;
	font-size: 14px;
	padding: 5px 30px 4px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(images/back-brown.jpg) no-repeat center top;
	line-height: 1em;
	position: relative;
	border-radius: 4px;
	height: 44px;
}
.single-work .entry-meta-data-list--work-cat a:before{
	content: "";
	display: inline-block;
	background: url(images/icon-flower1.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 24px;
	height: 20px;
	margin: 0 4px 0 0;
}
.single-work .entry-meta-data-list--work-tag a{
	font-family: "Zen Maru Gothic", serif;
	color: #552a02 !important;
	font-size: 14px;
	background: #fcf8ed;
	border: 1px solid #bdafa2;
	border-radius: 4px;
	padding: 0 10px;
	font-display: swap;
}
#related-area{margin: 80px auto 20px !important;}
#related-area h2{
	max-width: 400px !important;
}
.single-work #related-area li{
	width: 23%;
	margin: 0 1% 60px !important;
	padding: 0 !important;
	position: relative;
	transition: .5s;
}
.single-work #related-area li .text,
.single-work #related-area li a{
	display: block;
	position: relative;
}
.single-work #related-area li a:before{
	content: "";
	display: block;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
	border-radius: 4px;
	z-index: 10;
	position: absolute;
	border: 2px dashed rgba(255, 255, 255, 0.6);
	height: auto;
}
.single-work #related-area li a img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3 !important;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	display: block;
}
.single-work #related-area li:before {
	content: "";
	display: block;
	background: url(images/back-blue-trans.jpg) no-repeat center top;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	position: absolute;
	z-index: 0;
	right: -8px;
	bottom: -8px;
}
#related-area .flower{display: none;}
.post-type-archive-work .archive-header-title{
	margin: 0 auto 50px !important;
	font-weight: bold;
	position: relative;
}
.post-type-archive-work .archive-header-title:before{
	content: "";
	display: block;
	background: url(images/icon-case2.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 60px;
	height: 38px;
	margin: 0;
}
/*********************法人のお客様へ***********************/
#corporate-sec1 .title-circle .font18{
	display: block;
	line-height: 1em;
}
#corporate1-box ul{
	margin: 40px auto 20px;
	width: 80%;
	max-width: 540px !important;
}
#corporate1-box ul li strong{
	font-size: 1.3em;
	background: linear-gradient(transparent 50%, #faf4cb 50%);
	padding-bottom: 5px;
}
#corporate-lead-bottom img{margin: 0 15px;}
#corporate-ribon{
	width: 360px;
	height: 90px;
	padding: 5px 0 0;
	top: -33px;
}
#corporate-point-wrap{
	align-items: stretch;
	margin: 30px auto 0;
	width: 94%;
}
#corporate-point-wrap .corporate-point-box{
	background: none !important;
	width: 30%;
}
#corporate-point-wrap .top-point-upper:after {
	background: url(images/circle-blue-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
}
#corporate-point-wrap .corporate-point-box:first-child .top-point-upper:after {
	top: 0;
	left: -70px;
}
#corporate-point-wrap .corporate-point-box:nth-child(2) .top-point-upper:after {
	top: 70px;
	right: -50px;
}
#corporate-point-wrap .corporate-point-box:nth-child(3) .top-point-upper:after {
	top: 0;
	right: -80px;
}
#corporate-point-wrap h3{margin-top: 20px !important;}
#corporate3-inner{
	align-items: flex-start;
}
#corporate3-inner h2.left{
	position: relative;
	z-index: 100;
	padding-left: 50px;
	flex-shrink: 0;
	margin: 0 100px 0 0 !important;
}
#corporate3-inner:after {
	content: "";
	display: block;
	background: url(images/circle-pink-trans.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 1;
	left: -30px;
	top: -50px;
}
#corporate3-inner .right{
	flex: 0;
	margin: 0 !important;
}
#corporate3-inner .right h3{margin-top: 0 !important;}
/*********************技術ブログ***********************/
body.post-type-archive-shisyu-blog #main .vk_posts{
	margin-bottom: 150px;
}
body.post-type-archive-shisyu-blog #main .vk_post{
	width: 31%;
	margin: 0 1% 25px !important;
	background: url(images/back-white-trans.png.webp) repeat center top;
	border-radius: 6px;
	padding: 6px !important;
	position: relative;
}
body.post-type-archive-shisyu-blog #main .vk_post .inner-box{
	border: 2px dashed #d3c2a5;
	padding: 10px 10px 0;
	display: block;
	border-radius: 6px;
	height: 100%;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_imgOuter{
	border: none;
	border-radius: 6px;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_imgOuter > a{
	display: block;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_imgOuter_img{
	position: initial;
	object-fit: cover;
	width: 100%;
	height:100%;
	aspect-ratio:4/3;
	border-radius: 6px;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_body{
	padding: 0;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
body.post-type-archive-shisyu-blog #main .vk_post .wp-block-post-date{
	font-size: 0.8em;
	padding: 5px 10px 0;
	order: 1;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title{
	order: 2;
	width: 100%;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title a{
	color: #552a02 !important;
	font-size: 17px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding:0 10px 40px;
	font-family: "Zen Maru Gothic", serif;
	font-display: swap;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title a:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 6px 0 0;
	position: relative;
	top: 3px;
	flex-shrink: 0;
	background: url(images/icon-arrow-brown.png.webp) no-repeat center top;
	background-size: 100% auto;
}
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_imgOuter:before,
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_imgOuter>a::after{
	content: none;
}
body.post-type-archive-shisyu-blog #main .vk_post .card-img-overlay,
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_excerpt,
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_btnOuter,
body.post-type-archive-shisyu-blog #work-cat-nav,
body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title_new{
	display: none !important;
}
.archive.post-type-archive-shisyu-blog #main > .bottom-white_beige:after {
	z-index: 10;
}

.single-shisyu-blog #main .entry-header {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(images/circle-h2-white.png.webp) no-repeat center center;
	background-size: auto 100%;
	width: auto;
	height: 170px;
	margin: 55px auto 40px !important;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 10px 0 0 0;
}
.single-shisyu-blog #main .entry-title{
	font-family: "Zen Maru Gothic", serif;
	font-size: 28px;
	text-align: center;
	font-display: swap;
}
.single-shisyu-blog #main .entry-title:before{
	content: "";
	display: block;
	background: url(images/icon-flower8.png.webp) no-repeat center top;
	background-size: 100% auto;
	width: 48px;
	height: 34px;
	margin: -18px auto 0;
}
.single-shisyu-blog #main .entry-body{
	width: 94%;
	max-width: 700px;
	margin: 0 auto;
}
.single-shisyu-blog #main .entry-body p{
	padding: 0 0 30px;
}
.single-shisyu-blog #main .next-prev {
	width: 94%;
	max-width: 700px;
	margin: 80px auto 100px !important;
	
}
.single-shisyu-blog #main .next-prev .vk_post.card:hover{
	opacity: 0.6;
}
.next-prev .vk_post_imgOuter_singleTermLabel {
	background:#ccc url(images/back-brown.jpg) no-repeat center top;

}
.single-shisyu-blog #main .next-prev .vk_post_imgOuter_img{
	position: initial;
	object-fit: cover;
	width: 100%;
	height:100%;
	aspect-ratio:5/3;
	border-radius: 6px;
	display: block;
}
.single-shisyu-blog #main .next-prev .card-body{
	padding: 0;
}
.single-shisyu-blog #main .next-prev .vk_post_title a{
	font-family: "Zen Maru Gothic", serif;
	color: #552a02 !important;
	font-size: 15px;
	padding: 12px 0 0 0;
	font-display: swap;
}
.single-shisyu-blog #main .next-prev .card-img-overlay {
	position: absolute;
	top: 0;
	bottom: auto;
	
	border-radius: 4px;
	font-family: "Zen Maru Gothic", serif;
	font-display: swap;
}
.single-shisyu-blog #main .next-prev .vk_post_imgOuter_singleTermLabel {
	line-height: 1em;
	padding: 10px 20px;
	background: #ccc url(images/back-brown.jpg) no-repeat center top;
	width: 120px;
	border-radius: 4px;
	font-size: 13px;
	text-align: center;
}
.single-shisyu-blog #main .sec-area{
	padding-bottom: 150px;
}
.single-shisyu-blog #main .next-prev .vk_post_imgOuter{
	background: none !important;
	border: none;
}
.single-shisyu-blog #main .next-prev .card a{
	display: block;
}
.single-shisyu-blog #main .author,
.single-shisyu-blog #main .entry-footer{
	display: none;
}
.single-shisyu-blog #main .vk_post_imgOuter>a::after,
.single-shisyu-blog #main .next-prev .vk_post_imgOuter:before{
	content: none;
}
.single-shisyu-blog #main .bottom-white_beige:after{
	z-index: 10;
}
#blog-back{
	margin-top: 100px;
}

/*********************プライバシーポリシー***********************/
#privacy-inner{
	max-width: 900px !important;
	width: 90%;
	margin: 0 auto;
}

/* モバイルナビ切り替えサイズを1140pxに変更 */
@media (max-width: 1140px) {
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		display: none !important;
	}
}

@media (min-width: 1141px) {
	.navbar-toggle {
		display: none;
	}
	.navbar-collapse {
		display: flex !important;
	}
}
@media only screen and (min-width:1600px){
	#footer-contact-spacer1{height: 150px !important;}
	#footer-contact-spacer2{height: 150px !important;}
	
}

@media only screen and (min-width:1451px){
	#mainimage .right {
		width: 900px;
		height: 650px;
	}
	#footer-contact-spacer1{height: 250px !important;}
	#footer-contact-spacer2{height: 250px !important;}
	
}
@media only screen and (min-width:1366px){
	#site-header-container,
	#mainimage-inner{max-width: 1600px;}
	#service-wrapper{
		max-width: 1400px;
		margin: 0 auto !important;
	}
	#service-wrapper .service-box .photo-area{
		width: 410px;
	}
	#service-wrapper .service-box .service-name{
		font-size: 24px;
	}
	
	body#top .case-list,
	.case-list{
		max-width: 1400px;
		margin: 0 auto !important;
		padding: 0;
	}	
	
}

@media only screen and (max-width:1240px){
	.site-header-logo .text {
		top: -1.5em;
		font-size: 11px;
	}
	#site-header .site-header-logo img {width: 200px;}
	#global-nav li a:before {height: 42px !important;}
	#global-nav li a .global-nav-name {font-size: 14px;}
	#global-nav li a:after {
		width: 42px;
		height: 42px;
	}
	#global-nav li.current-menu-item a:after, 
	#global-nav li:hover a:after{width: 42px;}
	#global-nav li.contact-button a .global-nav-name {font-size: 16px !important;}
	#global-nav li.header-contact a:before {
		width: 43px;
		height: 30px !important;
	}
	
	#mainimage .left {
		width: calc(100% - 540px);
		left: 0;
	}

}
@media (min-width: 1141px){
	#global-nav li{padding: 0 !important;}
	#global-nav li:before{
		content: none !important;
	}
	#global-nav li a{
		padding: 0 12px;
		position: relative;
		display: block;
	}
	#global-nav li a:before{
		content: "";
		display: block;
		width: auto;
		height: 50px !important;
		margin: 0 auto 5px;
		background-size: auto 100% !important;
		z-index: 10;
		position: relative;
		transition: .4s;
	}
	#global-nav li.top a:before{background: url(images/icon-home.png.webp) no-repeat center top;}
	#global-nav li.service a:before{background: url(images/icon-service.png.webp) no-repeat center top;}
	#global-nav li.work a:before{background: url(images/icon-case.png.webp) no-repeat center top;}
	#global-nav li.company a:before{background: url(images/icon-company.png.webp) no-repeat center top;}
	#global-nav li.voice a:before{background: url(images/icon-voice.png.webp) no-repeat center top;}
	#global-nav li.flow a:before{background: url(images/icon-flow.png.webp) no-repeat center top;}
	#global-nav li.faq a:before{background: url(images/icon-faq.png.webp) no-repeat center top;}
	
	#global-nav li.top:hover a:before,
	#global-nav li.top.current-menu-item a:before{background: url(images/icon-home-hover.png.webp) no-repeat center top;}
	#global-nav li.service:hover a:before,
	#global-nav li.service.current-menu-item a:before{background: url(images/icon-service-hover.png.webp) no-repeat center top;}
	#global-nav li.work:hover a:before,
	#global-nav li.work.current-menu-item a:before{background: url(images/icon-case-hover.png.webp) no-repeat center top;}
	#global-nav li.company:hover a:before,
	#global-nav li.company.current-menu-item a:before{background: url(images/icon-company-hover.png.webp) no-repeat center top;}
	#global-nav li.voice:hover a:before,
	#global-nav li.voice.current-menu-item a:before{background: url(images/icon-voice-hover.png.webp) no-repeat center top;}
	#global-nav li.flow:hover a:before,
	#global-nav li.flow.current-menu-item a:before{background: url(images/icon-flow-hover.png.webp) no-repeat center top;}
	#global-nav li.faq:hover a:before,
	#global-nav li.faq.current-menu-item a:before{background: url(images/icon-faq-hover.png.webp) no-repeat center top;}


	#global-nav li a:after{
		content: "";
		display: block;
		width:50px;
		height: 50px ;
		border-radius: 100%;
		background: #ffffff;
		opacity: 0.6;
		margin: 0 auto 5px;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		transition: .4s;
	}
	
	#global-nav li.current-menu-item a:after,
	#global-nav li:hover a:after{
		background: url(images/nav-hober-back.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 50px;
		height: 67px;
		border-radius: 0;
		opacity: 1;
		transition: .4s;
	}
	
	#global-nav li a .global-nav-name{
		display: block;
		margin: 0 auto;
		padding: 0;
		font-size: 15px;
		color: #552a02;
		font-family: "Zen Maru Gothic", serif;
		font-weight: bold;
		font-display: swap;
	}
	#global-nav .vk-menu-acc .acc-btn{
		display: none;
	}
	.global-nav-list>li.menu-item-has-children:after{
		content: none;
	}
	#global-nav li.menu-item-has-children ul.sub-menu{
		position: absolute;
		display: block;
		top: 100%;
		left: 0;
	}
	#global-nav li.menu-item-has-children:hover ul.sub-menu{
		opacity: 1;
		max-height: initial !important;
		overflow: visible;
		background:#fff url(images/back-board.jpg.webp) repeat center top;
		border-radius: 6px;
		padding: 10px;
	}
	#global-nav ul.sub-menu li a:before,
	#global-nav ul.sub-menu li a:after{
		content: none !important;
	}
	#global-nav ul.sub-menu li a{
		width: 200px;
		font-size: 15px;
		color: #552a02 !important;
		font-family: "Zen Maru Gothic", serif;
		padding: 12px 10px;
		border-bottom: 3px dotted #efebdf;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-display: swap;
	}
	#global-nav ul.sub-menu li a:before {
		content: "" !important;
		display: inline-block;
		background: url(images/icon-arrow-pink.png.webp) no-repeat center top !important;
		background-size: 100% auto !important;
		width: 10px;
		height: 10px !important;
		margin: 0 6px 0 0;
		flex-shrink: 0;
	}
	#global-nav ul.sub-menu li a:hover{
		opacity: 0.5;
		background-color: rgba(255, 255, 255, 0.536);
	}

	#global-nav li.contact-button a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	#global-nav li.contact-button a .global-nav-name{
		font-size: 18px !important;
		color: #fdfbf5 !important;
	}
	#global-nav li.contact-button .contact-back:hover a .global-nav-name{color: #ac8f72 !important;}
	#global-nav li.header-contact a:before{
		position: initial !important;
		background: url(images/icon-mail-header.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 56px;
		height: 40px !important;
		margin: 0 4px 0 0;
		flex-shrink: 0;
	}
	#global-nav li.header-contact a:after{content: none;}
	.header-contact .header-contact-leaf1{
		z-index: 15;
		top: -37px;
		right: 15px;
	}
	.header-contact .header-contact-leaf2{
		z-index: 1;
		top: -16px;
		right: -18px;
	}
	#footer-contact-spacer1{height: 120px !important;}
	#footer-contact-spacer2{height: 120px !important;}

}
@media (max-width: 1140px){
	br.br1140{display: block;}
	.height200{height: 150px !important;}
	table tbody th {font-size: 16px;}
	table tbody td {font-size: 14px;}
	body:before {background-size:100% 25px;	}
	#site-header-container {padding: 35px 0 0;}
	#site-header .site-header-logo{
		padding: 0;
		position: initial;
	}
	.site-header-logo .text {
		top: 0;
		left: 15px;
		font-size: 11px;
	}
	.wave-top:before, 
	.wave-bottom:after{
		height: 50px;	
	}
	.top-white_green:before,
	.top-green_green:before,
	.arch-pink_green:before,
	.top-blue_beige:before,
	.top-pink_beige:before{
		top: -50px;
	}
	.bottom-white_beige:after,
	.bottom-pink_beige:after,
	.bottom-green_green:after,
	.bottom-blue_beige:after{
		bottom: -50px;
	}
	/*****スマホナビ*****/
	#vk-mobile-nav .vk-mobile-nav-widget{margin: 0 !important;}
	#vk-mobile-nav-menu-btn{
		display: flex !important;
		top: 35px;
		right: 20px;
		position: fixed;
		z-index: 10002;
		min-width: 100px;
		background: url(images/back-blue.jpg) no-repeat center top !important;
		border: 1px solid #93bcc6;
	}
	#vk-mobile-nav-menu-btn.menu-open{
		background: #e3dfdc !important;
		border: 1px solid #ab9d94 !important;
	}
	#vk-mobile-nav-menu-btn .inner:after {
		content: "メニュー";
		background: none !important;
		position: initial;
		font-family: "Zen Maru Gothic", serif;
		font-size: 14px;
		text-indent: 0 !important;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-display: swap;
	}
	
	#vk-mobile-nav-menu-btn.menu-open .inner:after {content: "閉じる";}
	body .global-nav {
		display: none !important;
	}
	#vk-mobile-nav.vk-mobile-nav-open{
		z-index: 10001;
		background:transparent url(images/back-pink-trans.jpg) no-repeat center top;
	}
	.spnav-inner{
		background: #fdfaf2;
		border-radius: 6px;
		border: 3px solid #f9ebdc;
		padding: 50px ;
	}
	#spnav-contact-area{
		position: relative;
		padding: 35px 25px 25px;
		margin: 0 auto 30px;
	}
	#spnav-contact-area h3{
		margin: 0 auto 5px !important;
		padding: 0 !important;
	}
	#spnav-contact-area p{
		font-size: 0.8em;
		line-height: 1em;
		padding: 0 0 10px;
	}
	#contact-leaf-sp{
		position: absolute;
		left: -20px;
		top: -20px;
	}
	#spnav-service-wrap{
		flex-wrap: wrap;
		align-items: stretch;
		background: url(images/h3line-brown-white.png.webp) repeat-x center bottom;
		background-size: 1000px 2px;
		padding-bottom: 40px;
	}
	.spnav-service-box{
		width: 30%;
		margin: 0 1.5% 30px;
		background: none !important;
	}
	.spnav-service-box-long{
		width: 47%;
		margin: 0 0 1.5%;
	}
	.spnav-service-box .stitch-outline {padding: 2px;}
	.spnav-service-box .service-thum img {
		height: 140px !important;
		object-fit: cover;
		object-position: center;
	}
	.spnav-service-box h3{
		font-size: 18px;
		margin: 10px auto 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.spnav-service-box h3:before{
		content: "";
		display: inline-block;
		background: url(images/icon-arrow-pink.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 14px;
		height: 14px;
		margin: 0 6px 0 0;
		flex-shrink: 0;
	}
	.spnav-service-box .flower{
		left: -10px;
		top: -10px;
		width: 34px !important;
	}
	#spnav-ul{
		padding: 0;
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#spnav-ul li{
		width: 48%;
		border-bottom: 1px dashed #ae9b8f;
		margin: 0 !important;
	}
	#spnav-ul li a{
		color: #5f422f !important;
		text-decoration: none !important;
		border: none !important;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 20px 0 18px;
		font-weight: bold;
		height: 100%;
	}
	#spnav-ul li a img{
		flex-shrink: 0;
		margin: 0 6px 0 0;
		
	}
	#spnav-ul li br,
	nav.vk-mobile-nav-menu-outer{display: none !important;}
	/*****スマホナビ　ここまで*****/
	#footer-contact-spacer1{height: 100px !important;}
	#footer-contact-spacer2{height: 100px !important;}

	/*****トップページ*****/
	#mainimage-inner{display: block;}
	#mainimage .right {
		width: 600px;
		height: 480px;
		margin: 0 auto !important;
	}
	#mainimage .left {
		width: 100%;
		position: initial;
		max-width: 600px !important;
	}
	#mainimage-title {
		padding-top: 0;
		justify-content: center;
	}
	#mainimage-text-area {
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
	#mainimage-ul {
		padding: 0 0 20px 0;
		order: 1;
	}
	#mainimage-text-area .text-area{
		order: 2;
	}
	#mainimage .back-right {
		width: 400px;
		bottom: 36%;
		right: -80px;
	}
	#top-point-wrap{
		display: block;
		padding: 60px 20px 1px;
	}
	#top-point-wrap .top-point-box {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 80%;
		max-width: 600px !important;
		margin: 0 auto 70px !important;
	}
	.top-point-upper{
		width: 160px;
		margin: 0 40px 12px 0!important;
		flex-shrink: 0;
	}
	#top-point-box1 .top-point-upper:after,
	#top-point-box3 .top-point-upper:after {
		bottom: -8px;
		right: -30px;
	}
	.top-point-upper figure {width: 100%;}
	.top-point-upper:after {
		width: 130px;
		height: 130px;
	}
	#top-point-wrap .top-point-box h3 {
		font-size: 22px;
		flex: 2;
		margin: 0 !important;
		justify-content: flex-start;
	}
	#top-point-wrap .top-point-box p{
		width: 100%;
		display: block;
	}
	#for-corporate {padding: 35px 50px 50px;}
	#sec1-2-top {display: block;}
	#for-corporate .left {margin: 0 auto 20px !important;}
	#for-corporate .left h2{
		justify-content: center;
		margin: 0 auto !important;
	}
	#for-corporate .left p.pink{text-align: center;}
	#for-corporate .right {
		max-width: 520px !important;
		margin: 0 auto;
	}
	#top-sec1 .back-left1,
	#top-sec1 .back-right1 {
		width: 50%;
		top: 60px;
	}
	#service-wrapper{display: block;}
	#service-wrapper .service-box {
		width: 80% !important;
		max-width: 600px !important;
		margin-bottom: 70px !important;
	}
	
	#service-wrapper #service-box5{align-items: flex-start;}
	#service-wrapper #service-box3,
	#service-wrapper #service-box4{align-items: flex-end;}
	#service-wrapper #service-box5 .photo-area{
		order: 1;
	}
	#service-wrapper #service-box5 .text-area{
		order: 2;
		padding-left: 20px;
	}
	#service-wrapper #service-box3 .photo-area,
	#service-wrapper #service-box4 .photo-area{
		order: 2;
	}
	#service-wrapper #service-box3 .text-area,
	#service-wrapper #service-box4 .text-area{
		order: 1;
		padding-right: 20px;
	}
	#service-wrapper .service-box .photo-area{width: 60%;}
	 
	#service-wrapper #service-box5 .photo-area:after{
		top: 0;
		right: -150px;
		bottom: auto;
		left: auto;
	}
	#service-wrapper #service-box3 .photo-area:after,
	#service-wrapper #service-box4 .photo-area:after{
		top: auto;
		right: auto;
		bottom:20px;
		left: -150px;
	}
	#service-wrapper .service-box .circle-photo {width: 120px;}
	/* #service-wrapper #service-box2 .circle-photo{
		right: -35px;
	} */
	#top-sec2 .back-left1{
		width: 50%;
		top: 100px;
	}
	#top-sec2 .back-left1{
		width: 60%;
		top: 100px;
	}
	.wp-block-query .wp-block-post {width: 31%;}
	#top-sec3 .back-left1{
		width: 55%;
		top: 10px;
	}
	#top-sec3 .back-right1 {
		width: 50%;
		top: 10px;
	}
	#icon-top-news {margin: -30px auto 10px !important;}
	#top-news-area .news-post-box {
		width: 90%;
		margin: 0 auto;
	}
	#top-sec5-top h3,
	#top-sec5-top .text-area{max-width: 500px !important;}
	#top-sec5 .back-left{
		width: 60%;
		left: -10%
		top: 31%;
	}
	#top-sec5 .back-right {
		width: 40%;
		top: 32px;
	}
	.top-banner .inner {
		padding-left: 140px;
		height: 95px;
	}
	.top-banner .banner-photo {
		width: 120px;
		left: 15px;
	}
	.top-banner .inner:after {
		width: 16px;
		height: 16px;
		right: 13px;
	}
	#menu-footer-nav{display: none;}
	/*****下層ページ共通*****/
	.page-header {height: 300px;}
	.page-header-title{
		background-size: auto 100%;
		height: 180px;
	}
	.page-header:before {
		height: 30px;
		top: -15px;
	}
	.page-header:after {
		height: 60px;
		bottom: -36px;
	}
	#breadcrumb > .container{max-width: 100% !important;}
	#page-bottom-service .title-area {margin: 0 auto 10px !important;}
	#page-bottom-service .title-area h2 {font-size: 24px;}
	#page-bottom-service .title-area .circle-title-icon{width: 50px;}
	#page-bottom-service .bottom-service-box {width: 19%;}
	#page-bottom-service .stitch-outline {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		padding: 2px;
	}
	#page-bottom-service .service-name {
		margin: 6px auto 0 !important;
		line-height: 120% !important;
		font-size: 16px;
	}
	#page-bottom-service .service-name:before {
		width: 14px;
		height: 14px;
		margin: 3px 3px 0 0;
	}
	#page-bottom-service .circle {width: 120px;}
	#page-bottom-service .back-leaf{width: 45%;}
	/*****サービス*****/
	#service-sec1-title1 {margin: 0 auto 20px !important;}
	#service-sec1-title1 .icon-flower{
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: -15px;
		width: 64px;
	}
	#service-sec1-title2:before, #service-sec1-title2:after {
		width: 10%;
		height: 4px;
		margin: 0 10px 1em;
	}
	#go-font-banner {width: 90%;}
	#go-font-banner .left {margin: 0 15px 0 0 !important;}
	#go-font-banner .text-area .pink {font-size: 13px;}
	#go-font-banner h3 {font-size: 21px;}
	#go-font-banner .wp-block-button__link{height: 50px;}
	#go-font-banner .wp-block-button__link .inner {font-size: 14px;}
	#service2-spacer1{height: 50px !important;}
	#service2-top {display: block;}
	#service2-top .left {
		justify-content: center;
		padding-left: 0;
		margin: 0 auto 20px !important;
	}
	#service2-top .right {
		position: relative;
		z-index: 100;
		max-width: 600px !important;
		width: 94%;
	}
	#service2-top .wp-block-buttons{justify-content: center;}
	#service2-top .pink{text-align: center;}
	#service2-top:after {
		left: 12%;
		top: -80px;
	}
	/*****サービス共通*******/
	#scene-area .title-board {
		height: 62px;
		width: 320px;
		top: -25px;
	}
	#scene-area .scene-list {width: 94%;}
	#scene-area .scene-list li {
		margin: 0 1.5% 20px;
		height: 130px;
		font-size: 15px;
		padding-top: 18px;
	}
	#scene-area .scene-list li:before {
		width: 32px;
		height: 23px;
		top: 20px;
	}
	#support5-area{
		padding: 50px 15px 0;
		justify-content: center;
		flex-wrap: wrap !important;
	}
	#service-support5 .title-circle {top: -130px;}
	#support5-area .support5-box {
		width: 30%;
		margin: 0 1.5% 35px;
	}
	#support5-area h3 {
		margin: 10px 0 !important;
		font-size: 13px;
	}
	#feature-wrap .feature-box {
		font-size: 13px;
		padding: 30px 12px 18px;
	}
	#feature-wrap .feature-box h4 {font-size: 17px;}
	#feature-wrap .feature-box h4:after {
		width: 60px;
		height: 60px;
		top: -14px;
	}
	
	
	
	/*******ロゴ・ネーム*****/
	.lead-inner-box,
	.page-logo #service-sec-area2 .column-box{
		display: block;
		width: 90%;
	}
	.lead-inner-box .photo-area,
	.page-logo #service-sec-area2 .column-box .photo-area{
		width: 380px !important;
		margin: 0 auto 20px !important;
	}
	.lead-inner-box .title-area{justify-content: center;}
	.page-logo #service-lead-area .logo-lead-circle1 {
		top: -35px;
		left: auto;
		right: 65%;
	}
	.page-logo #service-lead-area .logo-lead-circle2 {
		bottom: auto;
		right: auto;
		left: 62%;
		top: 95px;
	}
	#logo-sec2-top-wrap {padding: 17px;}
	.service-case-point {
		padding: 30px 20px 24px;
		font-size: 13px;
	}
	.service-case-point .case-point-title {
		width: 70px;
		height: 65px;
		font-size: 16px;
		margin: 0 20px 0 0 !important;
	}
	#sewing-area .ribon-title {
		width: 300px;
		height: 86px;
		padding: 4px 0 0;
		top: -38px;
	}
	.sewing-column .photo-area {width: 145px;}
	.sewing-point {
		font-size: 12px;
		width: 85px;
		height: 62px;
		top: -16px;
		left: -40px;
	}
	.sewing-column .text-area {	padding-left: 4px;}
	.sewing-column .sewing-leaf {
		width: 43px;
		left: 120px;
	}
	.sewing-column .sewing-ribon {
		margin: 26px 0 16px -55px !important;
		padding: 0 30px 0 55px;
		font-size: 18px;
		height: 56px;
	}
	#sewing-area .ribon-title .icon-sewing {top: -28px;}
	#design-box {padding: 35px 20px;}
	#design-box h3 {margin: 0 22px 0 0 !important;}
	.payment-box .title-green-leaf:before{
		width: 30px;
		height: 27px;
	}
	/*******ワッペン*****/
	.lead-inner-box.column-box-left .photo-area {margin: 0 auto 20px !important;}
	#wappen-before-after{justify-content: center;}
	.wappen-lead-circle1{
		bottom: auto;
		top: 150px;
		left: 0;
		z-index: 0;
	}
	.lead-inner-box .text-area{
		position: relative;
		z-index: 100;
	}
	#service-case-list .back-left1 {top: 8%;}
	#service-case-list .back-right1 {top: 26%;}
	#wappen-disc2 .wp-block-gallery figure {
		width: 10.3% !important;
		margin: 0 1% 15px !important;
	}
	/*******キャップ*****/
	#cap-lead .photo-area {	margin: 0 auto 35px !important;}
	#cap-lead-photo2 {width: 160px;}
	#cap-lead-bottom{
		text-align: center;
		display: block;
	}
	#cap-lead-bottom .photo-area {
		margin: 0 auto 30px !important;
		width: 240px !important;
	}
	#cap-lead-bottom .white-balloon-right{display: inline-block;}
	#cap-lead-bottom .white-balloon-right:after{
		background: url(images/balloon-top-white.png.webp ) no-repeat center top;
		background-size: 100% 100%;
		width: 70px;
		height: 25px;
		left:0;
		right: 0;
		bottom: auto;
		top: -23px;
	}
	#cap-lead-bottom .circle {
		width: 150px;
		right: auto;
		left: 60%;
	}
	.page-cap #sewing-area .ribon-title {width: 350px;}
	.page-cap #sewing-area .ribon-title .leaf {width: 40px !important;}
	.page-cap #sewing-area .ribon-title .leaf-left {left: 0;}
	.page-cap #sewing-area .ribon-title .leaf-right {right: 0;}
	.page-cap .sewing-column .sewing-leaf {width: 37px;}
	.page-cap #sewing-area .sewing-ribon {
		height: auto;
		padding: 0 18px 9px 60px;
	}
	#cap-for-contact .left {margin: 0 20px 0 0 !important;}
	#cap-pay-top{display: block;}
	#cap-pay-top .left {
		padding: 0;
		margin: 0 auto 30px !important;
		justify-content: center;
	}
	#cap-pay-top .left br{display: none;}
	#cap-pay-top .right {
		position: relative;
		z-index: 100;
		max-width: 600px !important;
		width: 94%;
	}
	#cap-pay-top:after {
		left: 12%;
		top: -80px;
	}
	#cap-position-wrap {width: 80%;}
	#cap-spacer11{display: none;}
	/*******今治ハンドタオル刺繍*****/
	body.lp-page:before{content: none;}
	body.lp-page header:before {
		content: "";
		display: block;
		width: 100%;
		height: 25px !important;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		background: url(images/header-line.png.webp) no-repeat center bottom;
		background-size: 100% auto;
		z-index: 0;
	}
	.lp-page #main > .type-page{
		z-index: 2000;
		position: relative;
	}
	#lp-main-top{height: 40px !important;}
	#towel-main-circle {
		font-size: 14px;
		background-size: auto 100px;
		min-height: 100px;
		bottom: -48px;
	}
	#towel-main-circle .icon-flower {
		margin: -8px auto 0 !important;
		width: 20px;
	}
	#towel-main-circle .pink {margin: 0 auto 2px;}
	#towel-main-circle .speech-text img {
		bottom: 0;
		margin: 0 5px;
		height: 12px;
	}
	#lp-lead-top .ribon-tag-cute {
		padding: 15px 50px 25px 30px;
		margin: 0 auto 10px !important;
	}
	#lp-lead-p{
		text-align: center;
		font-size: 1em;
	}
	.lp-point-box .photo-area{width: 280px;}
	.lp-point-box .circle-photo{width: 280px;}
	.lp-point-box .back-board{width: 100%;}
	.lp-point-box .back-board .leaf{
		width: 36px !important;
		height: auto;
	}
	#for-souvenir-top{
		width: 90%;
		margin: 0 auto;
		display: block;
	}
	#for-souvenir-top h2 {justify-content: center;}
	#for-souvenir-top:after {
		width: 180px;
		height: 180px;
		left: 10%;
		top: -120px;
	}
	#lp-lead-highclass .left p.font18{
		font-size: 15px;
		line-height: 140%;
	}
	#lp-scene-area .column-box {
		display: block;
		width: 45%;
	}
	#lp-scene-area .photo-area {
		margin: 0 auto 10px !important;
	}
	#lp-scene-area .line-h3-lp{
		justify-content: center;
	}
	.towel-item-box .column-box{
		display: block;
	}
	.towel-item-box .column-box .photo-area{
		display: block;
		margin: 0 auto !important;
		width: 340px;
	}
	.towel-item-box .column-box h3 {
		background-position: center bottom;
		justify-content: center;
	}
	.towel-item-box .column-box .text-area{
		max-width: 460px !important;
		width: 90%;
		margin: 0 auto;
	}
	.towel-item-box .item-gallery{
		justify-content: center;
	}
	.towel-item-box .item-gallery figure {margin: 0 10px !important;}
	.towel-item-box .towel-item-table th{width: 22%;}
	.towel-item-box .towel-item-table td{width: 27%;}
	#item-other-wrap {
		justify-content: center;
		flex-wrap: wrap;
	}

	#item-other-wrap .item-other-box {
		width: 48% !important;
		margin: 0 1% 40px !important;
		max-width: 300px !important;
	}
	#item-box-others .info-open-button .wp-block-button,
	#item-box-others .info-open-button .wp-block-button__link{
		width: 100% !important;
	}
	.towel-item-wrapping-inner {display: block;}
	#service-sec-area2 .towel-item-wrapping-inner h3 {
		margin: 0 auto 20px !important;
		justify-content: center;
		width: 300px;
	}
	#towel-item-wrapping-fee .right {
		margin: 0 auto 20px !important;
		width: 80%;
		max-width: 500px !important;
	}
	#service-sec-area2 #towel-item-wrapping-fee .towel-item-wrapping-inner h3{margin-bottom: 10px !important;}

	#towel-item-wrapping-fee .right p {text-align: center;}
	.item-wrapping-wrap {justify-content: center;}
	#towel-spacer49{height: 100px !important;}
	
	/*******エコバック刺繍*****/
	.page-ecobag #lp-scene-area .scene-circle p{
		font-size: 16px;
		line-height: 130%;
	}
	.page-ecobag #lp-scene-area .scene-circle {
		height: 130px;
		padding: 21px 0 0;
	}
	.page-ecobag #lp-scene-area .scene-circle p:after {
		background-size: auto 6px;
		width: 100px;
	}
	
	
	
	/*****会社案内*****/
	#obsession-wrap{justify-content: center;}
	#obsession-wrap .obsession-box {
		width: 45%;
		max-width: 340px !important;
		margin: 0 2.5% 40px !important;
	}
	#map-wrap {width: 90%;}
	/*****お客様の声*****/
	.voice-cat-box .ribon-title {
		font-size: 22px;
		width: 330px;
		height: 90px;
	}
	#voice-sec1 .voice-wrap {padding: 0 !important;}
	#voice-sec1 .ribon-title .ribon-flower {
		bottom: 24px;
		width: 36px !important;
	}
	#voice-sec1 .voice-box h3:before {
		width: 30px;
		height: 25px;
	}
	#voice-sec1 .voice-box h3 {font-size: 17px;}
	.voice-bottom-area p {
		padding: 0 30px 0 5px;
		font-size: 14px;
	}
	
	
	/*****流れとよくある質問*****/
	#flow-wrap .flow-box{width: 48%;}
	.flow-title-area .num {
		width: 46px;
		height: 46px;
		font-size: 12px;
		font-weight: bold;
	}
	.flow-title-area .num .font24{
		font-size: 18px;
		padding: 0 2px 3px;
	}
	#flow-wrap .arrow-flow {
		width: 22px;
		height: 60px;
		right: -24px;
	}
	/*****お見積りとお問合せ*****/
	#contact-area h3.title-green {margin-top: 0 !important;}
	#contact-lead2 {
		display: block;
		padding: 25px 30px;
		font-size: 14px;
	}
	#contact-lead2 .left {
		justify-content: center;
		margin: 0 auto 15px !important;
	}
	#contact-lead2 .left  br{display: none;}
	#table-coution {font-size: 14px;}
	/*****糸・書体について*****/
	#font2-top .photo-area {width: 340px;}
	#font2-top #font-coution-box {padding: 20px 20px 1px;}
	#font2-kanji .photo-area,
	#font2-num .photo-area{width: 300px;}
	#font2-kanji .text-area {margin: 10px 0 0 20px !important;}
	#font-sec2 ul.is-style-vk-numbered-circle-mark {margin-bottom: 10px;}
	#font-sec2 ul li {
		padding: 0;
		margin: 0 0 10px;
		font-size: 15px;
		line-height: 130%;
	}
	#font-sec2 ul li:after{
		width: 12px;
		height: 12px;
		top: 5px;
	}
	#font-sec2 ul.is-style-vk-numbered-circle-mark li:after {top: 4px;}
	ul.is-style-vk-numbered-circle-mark li:before,
	ol.is-style-vk-numbered-circle-mark li:before {
		font-size: 11px;
		line-height: 20px;
		width: 20px;
		height: 20px;
	}
	#font2-num .text-area {margin: 15px 25px 0 0 !important;}
	#font-sec2 li .balloon {
		font-size: 12px;
		width: 200px !important;
		margin: 0 0 0 20px;
	}
	/*****法人のお客様へ*****/
	#corporate-point-wrap{
		margin: 40px auto 0;
		display: block;
	}
	#corporate-point-wrap .corporate-point-box {
		background: none !important;
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 80%;
		max-width: 560px !important;
		margin: 0 auto 50px !important;
	}
	#corporate-point-wrap h3{
		margin: 0 0 !important;
		flex: 2;
	}
	#corporate-point-wrap .top-point-upper:after{
		left: auto !important;
		right: -60px;
	}
	#corporate-point-wrap .corporate-point-box:nth-child(2) .top-point-upper:after {top: 30px;}
	#corporate-point-wrap p{
		width: 100%;
	}
	#corporate2-spacer2{display: none;}
	#corporate3-inner {	display: block;}
	#corporate3-inner h2.left {
		position: relative;
		z-index: 100;
		padding: 0;
		margin: 0 auto 50px !important;
		justify-content: center;
	}
	#corporate3-inner h2.left br{display: none;}
	#corporate3-inner .right {
		max-width: 500px !important;
		margin: 0 auto !important;
		text-align: center;
	}
	#corporate3-inner .wp-block-buttons{justify-content: center;}
	#corporate3-inner:after {
		z-index: -1;
		left: 5%;
		top: -50px;
	}

}
@media only screen and (max-width:991.98px){
	#site-header .site-header-logo img {margin: 0;}
	/*****トップページ*****/
	#top-voice > .inner {
		display: block;
		padding: 30px 25px 30px;
	}
	#top-voice .left {width: 100%;}
	#top-voice .left h2{justify-content: center;}
	#top-go-voice {
		position: initial;
		margin: 30px auto 0;
	}
	#top-voice > .inner:before {
		top: -40px;
		left: auto;
		right: 56%;
	}
	/*****下層ページ共通*****/
	
	/*****サービス*****/
	#carry-on-wrap .carry-on-box .carry-on-cat {
		font-size: 16px;
		height: 32px;
		width: 190px;
		margin: -15px auto 12px !important;
	}
	#carry-on-wrap .carry-on-box .carry-on-cat:before,
	#carry-on-wrap .carry-on-box .carry-on-cat:after {
		width: 24px;
		height: 20px;
	}
	#carry-on-wrap .carry-on-box .sub-title {font-size: 15px;}
	#carry-on-wrap .carry-on-box p{
		font-size: 13px;
		line-height: 140% !important;
	}
	#design-file-area-bottom{
		display: block;
	}
	#design-file-area-bottom .left {margin: 0 auto 20px !important;}
	/*****お客様の声*****/
	
	
	
	
	
	
	/*****流れとよくある質問*****/
	
	
	/*****お見積りとお問合せ*****/
	
	/*****糸・書体について*****/
	#font2-top{
		display: block;
	}
	#font2-top .photo-area {
		width: 280px;
		margin: 0 auto 20px !important;
	}
	#font2-top .text-area{
		max-width: 600px !important;
		width: 90%;
		margin: 0 auto !important;
	}
	#font2-top #font-coution-box {
		width: 400px;
		display: block;
		margin: 0 auto 20px !important;
		text-align: center;
		font-size: 16px;
	}
	
	#font2-top #font-coution-box .flower {width: 60px;}
	#font2-kanji .photo-area,
	#font2-num .photo-area {
		width: 350px;
	}
	#font-sec2 li .text{display: block;}
	#font-sec2 li .balloon {
		font-size: 12px;
		width: auto !important;
		margin: 10px 0 0 0;
		padding: 5px 12px;
	}
	#font-sec2 li .balloon:before {
		background: url(images/balloon-pink-top.png.webp) no-repeat center top;
		background-size: 100% 100%;
		width: 12px;
		height: 10px;
		left: 6px;
		margin: auto;
		top: -10px;
		bottom: auto;
	}
	#en-text-area{align-items: flex-start;}
	

}
@media only screen and (max-width:789px){
	.br789{display: block !important;}
	.font40{font-size: 34px;}
	.font34{font-size: 30px;}
	.font30,
	h2{font-size: 26px;}
	.font24,
	h3{font-size: 20px;}
	.font20{font-size: 18px;}
	.font18{font-size: 17px;}
	.height200{height: 130px !important;}
	.height150{height: 100px !important;}
	.height100{height: 70px !important;}
	.height50{height: 30px !important;}
	.height30{height: 15px !important;}
	h3.line-h3-lp{background-size: auto 8px;}
	ul.ul-check li:before {
		width: 32px;
		height: 30px;
	}
	.wp-block-button__link, 
	.button{
		min-width: 250px;
		font-size: 15px !important;
	}
	body .wp-block-button.is-style-outline .wp-block-button__link {
		font-size: 12px !important;
		height: 40px;
	}
	.line-photo img,
	.circle-photo img {border: 2px solid #fdf6e6;}
	.title-circle {
		height: 150px;
		background-size: auto 140px;
	}
	.title-green-leaf:before {
		width: 32px;
		height: 31px;
	}
	.spnav-inner {padding: 30px 25px;}
	.spnav-service-box .service-thum img {height: 110px !important;}
	.spnav-service-box h3 {font-size: 16px;}
	
	/*****トップページ*****/
	#mainimage .right {
		width: 500px;
		height: 400px;
	}
	#mainimage .left {max-width: 500px !important;}
	#mainimage-title {padding-top: 20px;}
	#mainimage-text-area{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}
	#mainimage-text-area p{
		display: block;
		width: 100%;
		order: 2;
	}
	#mainimage-text-area ul {
		order: 1;
		margin: 0 auto 15px !important;
		padding: 0 !important;
	}
	#top-sec1 .title-circle figure img{width: 60px;}
	#top-sec1 .title-circle .font20{
		font-size: 16px;
		line-height: 140% !important;
	}
	#top-sec1-ribon .ribon-flower{width: 40px !important;}
	#top-point-wrap .top-point-box {margin: 0 auto 40px !important;	}
	#top-point .ribon-title {width: 280px;}
	#top-point-wrap .top-point-box .balloon {
		width: 55px;
		font-size: 20px;
		height: 50px;
		line-height: 42px;
		top: -15px;
	}
	#top-point-wrap .top-point-box h3 {
		font-size: 20px;
		align-items: flex-start;
	}
	#for-corporate .left h2 img{
		width: 50px !important;
		height: auto;
	}
	#top-sec1 .back-left1{top: 0;}
	#top-sec1 .back-right1{top:120px;}
	#top-sec2 .title-circle figure {width: 56px;}
	#service-wrapper {padding: 0 40px;}
	#service-wrapper .service-box {width: 100% !important;}
	#service-wrapper .service-box .wp-block-button__link {min-width: 150px;}
	#service-wrapper .service-box .service-name:before {
		width: 28px;
		height: 30px;
	}
	#service-wrapper .service-box .circle-photo {width: 100px;}
	#top-sec2 .back-left1{
		width: 45%;
		top: 70px;
	}
	#top-sec2 .back-right1{
		width: 55%;
		top: 150px;
	}
	#top-sec3 .title-circle figure {width: 56px;}
	#top-sec3 .title-circle h2 img {
		width: 40px !important;
		height: auto;
	}
	.wp-block-query .wp-block-post {
		width: 45%;
		margin: 0 2.5% 50px !important;
	}
	#top-sec3 .wp-block-button img {
		width: 60px !important;
		left: -18px;
		top: auto;
		bottom: 0;
	}
	#sec3-spacer2{height: 80px !important;}
	#top-sec3 .back-left1{top: 0;}
	#top-sec3 .back-right1{top: 100px;}
	#icon-top-news {
		margin: -35px auto 10px !important;
		width: 42px;
	}
	#top-news-area .news-post-box p {font-size: 14px;}
	#top-sec4 .back-leaf{
		top: auto;
		bottom: 0;
		width: 250px;
	}
	#top-sec4 .back-left {left: -50px;}
	#top-sec4 .back-right {right: -50px;}
	
	#top-about-photo {margin: 0 auto 25px;}
	#top-about-photo img {aspect-ratio: 2 / 1 !important;}
	#top-voice .right {display: block;}
	#top-voice .voice-box {
		width: 100%;
		padding: 30px 20px 10px !important;
		margin: 0 auto 20px;
	}
	#top-voice > .inner:before {
		top: -24px;
		right: 56%;
		width: 120px;
		height: 120px;
	}
	#top-banner-area {display: block;}
	.top-banner {
		width: 100%;
		max-width: 400px !important;
		margin: 0 auto 20px !important;
	}
	.top-banner .inner {
		padding-left: 120px;
		height: 85px;
	}
	.top-banner .banner-photo {
		width: 100px;
		left: 11px;
		top: -3px;
	}
	.top-banner p.pink {font-size: 0.8em;}
	.top-banner h3 {font-size: 19px;}
	.top-banner .inner:before {
		width: 42px;
		height: 46px;
		left: -20px;
	}
	#blog-area .wp-block-query .wp-block-post{
		width: 47%;
		margin:0 1.5% 25px !important;
	}
	#blog-area .wp-block-query .wp-block-post:nth-child(4){
		display:block;
	}
	
	
	#footer-logo {width: 130px;}
	#footer-discription {
		font-size: 12px;
		padding: 20px 0 5px;
	}
	#footer-info-table .footer-dl .left {
		width: 165px;
		font-size: 17px;
	}
	#footer-info-table .footer-dl .left img{
		width: 26px !important;
		height: auto;
	}
	#footer-spacer2{display: none;}
	.site-footer{padding-bottom: 120px;}
	.site-footer:after {
		background-size: 100% 40px !important;
		height: 40px;
		bottom: 0;
	}
	.site-footer-copyright p {
		text-align: center;
		margin: 0;
		font-size: 10px;
	}
	#page_top {
		width: 75px;
		height: 109px;
		right: 1%;
		bottom: 88px;
	}
	#footer-area .back-leaf{width: 70%;}
	#footer-area .back-left {
		top: 20px;
		left: -15%;
	}
	#footer-area .back-right {
		top: auto;
		right: -15%;
		bottom: -10%;
	}
	#footer-sp{display: block;}
	#footer-sp-inner {
		position: fixed;
		margin: auto;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		bottom: 0;
		opacity: 0.9;
		z-index: 10000;
		display: flex;
		align-items: center;
		justify-content:center;
		background: url(images/back-footer.jpg) repeat center top;
		color: #fff9e5 !important;
		border: none !important;
		padding: 10px 0;
		font-size: 14px;
	}
	#footer-sp-inner:before {
		content: "";
		display: block;
		width: 100%;
		background: url(images/top-brown_beige.png.webp) no-repeat center top;
		background-size: 100% 100% !important;
		top: -23px;
		height: 24px;
		position: absolute;
		z-index: 0;
		left: 0;
		right: 0;
	}
	#footer-sp .left{margin: 0 20px 0 0;}
	#footer-sp h4{
		font-size: 18px;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left;
	}
	#footer-sp p{
		font-size: 12px;
		text-align: left;
		margin: 0 !important;
		padding: 0 !important;
	}
	#footer-sp .contact-button .contact-back{padding: 3px;}
	#footer-sp .contact-button a{
		height: 50px;
		font-size: 16px !important;
	}	
	#footer-sp .leaf{
		left: -10px;
		top: -36px;
	}
	#fonnter-contact-inner>.inner {
		padding: 25px 35px 30px;
	}
	#footer-contact-spacer1 {
		height: 80px !important;
	}
	/*****下層ページ共通*****/
	.page-header {height: 260px;}
	.page-header-title{
		font-size: 26px !important;
		height: 160px;
	}
	#page-bottom-service .title-area h2{
		position: relative;
		z-index: 100;
		margin: 0 auto 30px !important;
	}
	#page-bottom-service .title-area h2:before,
	#page-bottom-service .title-area h2:after{content: none;}
	#bottom-service-wrapper{
		display: block;
	}
	#page-bottom-service .bottom-service-box{
		width: 100%;
		background: #fffcf5 !important;
		border-radius: 4px;
		border: 1px solid #dbd1c7;
		height: 90px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding-left: 150px !important;
		margin: 0 auto 15px !important;
	}
	#page-bottom-service #bottom-service-box2,
	#page-bottom-service #bottom-service-box3, 
	#page-bottom-service #bottom-service-box4 {
		margin-top: 0 !important;
	}
	#page-bottom-service .bottom-service-box:after{
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		left: 5px;
		top: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 4px;
		border: 2px dashed #d8ccbb;
	}
	#page-bottom-service .stitch-outline{
		border: none !important;
		padding: 0 !important;
		position: absolute;
		left: 20px;
		top: -10px;
		z-index: 20;
		height: 100px !important;
		width:  100px !important;
	}
	#page-bottom-service .service-name{
		justify-content: flex-start;
		margin: 0 !important;
		font-size: 18px;
		position: initial;
	}
	#page-bottom-service .service-name:before{
		position: absolute;
		margin: auto;
		right: 13px;
		top: 0;
		bottom: 0;
		width: 18px;
		height: 18px;
	}
	#page-bottom-service .circle {
		width: 86px;
		right: auto !important;
		left: 76px !important;
		top: auto !important;
		bottom: -12px !important;
	}
	#page-nav .wp-block-button {width: 31%;}
	#page-nav .wp-block-button a {height: 44px;}
	/*****サービス*****/
	#service-sec1-title1 {width: 400px;}
	#service-sec1-title2:before, #service-sec1-title2:after{content: none;}
	#go-font-photo2 {display: none;	}
	#go-font-banner {width: 80%;}
	#go-font-banner .left {
		width: 40%;
		flex-shrink: 0;
	}
	#go-font-banner h3 {font-size: 20px;}
	#go-font-banner h3:before{
		content: "";
		display: inline-block;
		background: url(images/icon-arrow-pink.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 16px;
		height: 16px;
		margin: 0 6px 0 0;
		flex-shrink: 0;
	}
	#go-font-banner h3 img,
	#go-font-banner .wp-block-buttons{display: none;}
	#carry-on-wrap .carry-on-box {
		width: 45%;
		margin: 0 2.5% 30px !important;
		font-size: 13px;
	}
	#carry-on-wrap .carry-on-box .carry-on-cat {
		font-size: 16px;
		height: 32px;
		width: 190px;
		margin: -15px auto 12px !important;
	}
	#carry-on-wrap .carry-on-box .carry-on-cat:before,
	#carry-on-wrap .carry-on-box .carry-on-cat:after {
		width: 24px;
		height: 20px;
	}
	#carry-on-coution .text-area {width: 90%;}
	/******サービス共通*****/
	#lp-mainimage {
	  min-height: 280px;
	}

	#sp-more{
		display: flex;
		margin: 0 auto 25px;
		animation-delay: 0.3s;
	}
	#sp-more p{
		font-size: 18px;
		font-weight: bold;
	}
	.service-sec-area .accordion-title{
		display: block;
		height: 90px;
		width: 98% !important;
		margin: 0 auto !important;
		max-width: 100% !important;
	}
	.service-sec-area .accordion-title .inner{justify-content: flex-start;}
	.service-sec-area .accordion-title figure{
		position: absolute;
		left: 10%;
		top: 0;
		bottom: 0;
	}
	.service-sec-area .accordion-title figure:after{
		content: "";
		display: block;
		background: url(images/leaf-left4.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 50px;
		height: 54px;
		position: absolute;
		bottom: 0;
		left: -40px;
		z-index: 1;
	}
	.service-sec-area .accordion-title figure img{
		position: relative;
		z-index: 10;
	}
	.service-sec-area .accordion-title h3{margin: 0 0 0 27% !important;}
	#page-nav,
	.service-sec-area .accordionn-area-bottom,
	.service-sec-area .accordion-title h3 br{
		display: none;
	}
	.service-sec-area .accordionn-area-bottom{
		margin-bottom: 80px !important;
		padding-top: 0;
		padding-bottom: 0;
	}
	#service-lead-area{
		margin-bottom: 80px;
		padding-top: 10px !important;
	}
	#service-lead-area .page-leaf-left3 {top: 0;}
	#service-lead-area .page-leaf-right6 {top: 5%;}
	#scene-area .scene-list li {
		margin: 0 1.5% 20px;
		height: 125px;
		font-size: 14px;
		width: 30%;
	}
	.service-sec-area{margin-bottom: 15px;}
	#service-support5 .title-circle {position: initial;}
	#support5-area h3 {font-size: 12px;}
	#service-support5 .back-left {
		right: 65%;
		top: 45px;
	}
	#service-support5 .back-right {
		left: 65%;
		top: 45px;
	}
	.column-box .text-area h3.flex-area-left{
		justify-content: center;
	}
	#feature-wrap {flex-wrap: wrap;}
	#feature-wrap .feature-box {
		font-size: 12px;
		padding: 26px 11px 18px;
		width: 48%;
		margin: 0 0 20px;
	}
	#feature-wrap .feature-box h4:after {
		top: -11px;
		left: 6%;
	}
	#feature-area .title-area:before, 
	#feature-area .title-area:after {width: 10%;}
	#design-box {
		display: block;
		padding: 25px 30px;
	}
	#design-box h3 {
		margin: 0 auto 25px !important;
		justify-content: center;
	}
	#design-box h3 img{
		width: 46px !important;
		height: auto;
	}
	#design-box p{font-size: 14px;}
	
	
	#designfile-images .box {
		max-width: 360px !important;
		margin: 0 auto 30px;
		background: rgba(255, 255, 255, 0.53);
		border-radius: 6px;
		padding: 25px 25px 15px;
	}
	#design-file-spacer2{height: 15px !important;}
	
	
	
	
	#service-case-list .wp-block-post-template{margin-bottom:  0 !important;}
	#service-case-list .wp-block-vk-blocks-spacer{display: none !important;}
	#payment-coution {
		padding: 30px 20px 0;
		font-size: 13px;
		text-align: left;
	}
	#service-case-list .title-circle h2 img{
		width: 40px !important;
	}
	.page-service-child .page-nav .wp-block-button__link .inner:after {
		width: 12px !important;
		height: 12px !important;
		right: 3px !important;
	}
	/*******ロゴ・ネーム*****/
	.lead-inner-box .photo-area, 
	.page-logo #service-sec-area2 .column-box .photo-area {
		width: 350px !important;
	}
	.lead-inner-box .photo-area:after, 
	.page-logo #service-sec-area2 .column-box .photo-area:after{
		left: 5px;
		right: 5px;
		top: 5px;
		bottom: 5px;
	}
	.lead-inner-box .title-area img{width: 50px !important;}
	#logo-sec2-top-wrap {
		padding: 30px 15px 5px;
		display: block;
	}
	#logo-sec2-top .logo-sec2-top-box {
		background: none !important;
		width: 90%;
		display: flex;
		font-size: 14px;
		justify-content: flex-start;
		align-items: center;
		margin: 0 auto 20px;
		flex-wrap: wrap;
	}	
	#logo-sec2-top .top-point-upper {margin: 0 20px 0 0 !important;}
	#logo-sec2-top .logo-sec2-top-box .top-point-upper:after{
		top: auto !important;
		bottom: 0 !important;
		left: auto !important;
		right: -50px !important;
	}
	#logo-sec2-top h3 {
		flex: 2;
		text-align: left;
	}
	#logo-sec2-top p{
		width: 100%;
		display: block;
		margin: 10px auto ;
	}

	#page-nav-logocase.page-nav .wp-block-button {
		width: 32%;
		margin: 0 0.5%;
	}
	#page-nav-logocase.page-nav .wp-block-button__link {
		font-size: 12px !important;
		height: 50px;
	}
	.service-case-area .title-board {
		font-size: 16px;
		width: 330px;
		height: 60px;
	}
	.service-case-area .service-case-wrap {width: 96%;}
	.service-case-area .service-case-box {
		width: 47%;
		margin: 0 1.5% 30px !important;
		font-size: 13px;
	}
	.service-case-point .text-area {max-width: 70% !important;}
	#sewing-area .ribon-title {
		width: 260px;
		height: 80px;
		padding: 5px 0 0;
		top: -38px;
	}
	#sewing-area .ribon-title .icon-sewing {
		top: -25px;
		width: 54px;
	}
	#sewing-column-wrap {display: block;}
	#sewing-column-wrap .sewing-column {
		width: 90%;
		max-width: 600px !important;
		margin: 0 0 20px;
	}
	.sewing-column .sewing-ribon {
		margin: 26px 0 16px -55px !important;
		padding: 0 60px 0 64px;
		font-size: 17px;
		height: 50px;
	}
	#logo-spacer6,
	#logo-spacer17{
		height: 30px !important;
	}
	#logo-spacer11{display: none;}
	#logo-spacer18{height: 90px !important;}
	.page-logo #service-sec-area2 .back-left1{top: 0;}
	.page-logo #service-sec-area2 .back-right1,
	.page-logo #service-sec-area3 .back-right1{top: 3%;}
	/*******ワッペン*****/
	#wappen-lead-h2:before, #wappen-lead-h2:after {
		width: 13%;
		height: 5px;
		margin: 0 10px;
	}
	#wappen-lead-p1{
		font-size: 14px;
		line-height: 140%;
	}
	.page-wappen #service-sec-area3 .title-circle figure{
		width: 42px;
	}
	.wappen-disc-area .title-board {width: 260px;}
	.wappen-disc-area .title-board .num{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#wappen-disc1 .wappen-disc-wrap {display: block;}
	#wappen-disc1 .wappen-disc-box {
		width: 100%;
		max-width: 340px !important;
		margin-bottom: 20px;
	}
	#wappen-disc1 .wappen-disc-box .sub-title{margin-bottom: 5px !important;}
	#wappen-disc2 .wp-block-gallery figure {
		width: 14.6% !important;
		margin: 0 1% 15px !important;
	}
	.wappen-back-box{
		width: 48%;
		margin-bottom: 20px;
	}
	.wappen-disc-wrap .stitch-photo:after {
		left: 4px;
		right: 4px;
		top: 4px;
		bottom: 4px;
	}
	#wappen-disc5 {display: block;}
	.wappen-disc5-box {
		width: 100%;
		margin: 0 auto 20px;
	}
	.wappen-disc5-box h3{margin-top: 15px !important;}
	#wappen-spacer4{height: 10px !important;}
	#wappen-spacer7{display: none;}
	#wappen-spacer20{height: 30px !important;}
	/*******キャップ*****/
	.page-service-child .white-balloon p{
		font-size: 14px;
		line-height: 140%;
		padding-bottom: 10px !important;
	}
	.page-cap #sewing-area .ribon-title {
		width: 300px;
		height: 85px;
	}
	.page-cap #sewing-area .sewing-ribon {
		height: auto;
		padding: 0 33px 9px 60px;
	}
	.page-cap #sewing-area .sewing-ribon h4 {
		padding-top: 12px !important;
		font-size: 17px;
	}
	#cap-for-contact {
		display: block;
		padding: 30px 30px 30px;
		text-align: center;
	}
	#cap-for-contact .left {margin: 0 auto 15px !important;}
	.page-cap #service-sec-area2 .back-right2 {bottom: -6%;}
	#cap-pay-top{font-size: 14px;}
	#cap-pay-top:after {
		left:0;
		top: -30px;
		width: 150px;
	}
	#cap-position-wrap figure:after {
		width: 100px;
		height: 100px;
	}
	#cap-spacer9,
	#cap-spacer13{
		display: none;
	}
	#cap-spacer17,
	#cap-spacer24{
		height: 50px !important;
	}
	/*******今治ハンドタオル刺繍*****/
	.lp-page .accordion-title h3 .font-min{
		font-size: 0.7em;
		display: block;
		line-height: 1em;
	}
	.lp-page #lp-main-ribon {
		padding: 8px 0 0;
		width: 340px;
		height: 100px;
		z-index: 20;
		display: block;
	}
	.lp-page #lp-main-ribon p {font-size: 12px;}
	#main-photo img{
		object-fit: cover;
		aspect-ratio:2/1;
	}
	#lp-gallery figure{width: 24% !important;}
	#lp-gallery figure:nth-child(9),
	#lp-gallery figure:nth-child(10){display: none;}
	.lp-page .lp-main-leaf1 {
		width: 40%;
		left: -30px;
		top: -30px;
	}
	.lp-page .lp-main-leaf2 {
		width: 50%;
		right: -30px;
		top: 40%;
	}
	.lp-page .lp-main-leaf3 {
		width: 52%;
		left: -16%;
		bottom: -1%;
	}
	.lp-page #service-lead-area .back-left1 {top: 1%;}
	.lp-page #service-lead-area .back-right1 {top: 3%;}
	
	
	#towel-spacer1{height: 60px !important;}
	#lp-lead-top:after {
		width: 170px;
		height: 38px;
		top: -37px;
	}
	#lp-lead-top .inner:after {
		width: 280px;
		height: 300px;
		opacity: 0.3;
	}
	.lp-point-box{margin-top: 50px !important;}
	.lp-point-box .column-box {display: block;}
	.lp-point-box .photo-area {margin: -80px auto 0 !important;}
	.lp-point-box .circle-photo {width: 260px;}
	.lp-point-box .back-board {height: 60px;}
	.lp-point-box .text-area{width: 94%;}
	.lp-point-box .column-box h3.line-h3-lp{
		text-align: center;
	}
	#for-souvenir-top:after {
		width: 140px;
		height: 140px;
		left: 10%;
		top: -50px;
		z-index: -1;
	}
	#for-souvenir-bottom {width: 90%;}
	#lp-lead-highclass{display: block;}
	#lp-lead-highclass .photo-area {
		width: 150px;
		margin: 0 auto 15px !important;
	}
	#lp-lead-highclass .circle {width: 140px;}
	#lp-lead-highclass .left {
		width: 90%;
		max-width: 480px !important;
		margin: 0 auto 20px!important;
	}
	#lp-scene-area .ribon-title {
		width: 300px;
		height: 85px;
		padding: 12px 0 0;
	}
	#lp-scene-area .ribon-title .leaf-left,
	#lp-scene-area .ribon-title .leaf-right{width: 34px !important;}
	.lp-page #service-lead-area{margin-bottom: 0 !important;}
	#towel-feature-area .feature-box .photo-area {
		margin: 0 auto 20px;
		width: 300px;
	}
	#towel-feature-area .feature-title {justify-content: center;}
	#towel-feature-area .feature-box .circle {
		width: 44px;
		height: 44px;
		display: flex;
		flex-shrink: 0;
		font-size: 11px;
	}
	#towel-spacer27{height: 50px !important;}
	.towel-item-box .item-gallery {max-width: 360px !important;	}
	.towel-item-box .item-gallery figure {
		margin: 0 1.5% !important;
		width: 30% !important;
	}
	.towel-item-box .towel-item-table .none{display: none !important;}

	.towel-item-box .towel-item-table th{font-size: 14px;}
	.towel-item-box .towel-item-table th .inner:before {
		width: 6px;
		height: 6px;
	}
	.towel-item-box .towel-item-table td {font-size: 13px;}
	.colors-title {margin: 0 10px 0 !important;}
	.colors-title-box:before, .colors-title-box:after {width: 100px;}
	.towel-item-colors figure {
		width: 12.2% !important;
		margin: 0 1% 15px !important;
	}
	.towel-item-colors figcaption{font-size: 12px !important;}
	
	
	
	
	
	#item-other-wrap .item-other-box h3:before {
		width: 20px;
		height: 19px;
	}
	.towel-item-box h3.line-h3-lp{max-width: 340px !important;}
	.lp-page #service-sec-area2 .back-lp-pink:after{
		background: url(images/bottom-pink_beige.png.webp) no-repeat center top;
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		background-size: 100% 100% !important;
		position: absolute;
		z-index: 0;
		left: 0;
		right: 0;
		bottom: -50px;
	}
	#towel-spacer50{height: 70px !important;}
	#position-info .position-images{
		flex-wrap: nowrap !important;
	}
	#position-info .position-images .wp-block-column{
		flex-basis: initial !important;
		flex-grow: initial !important;
		width: 31% !important;
	}
	
	
	
	/*******エコバック刺繍*****/
	#ecobag-spacer1{height: 70px !important;}
	#ecobag-spacer3{height: 30px !important;}
	#ecobag-lead-gallery {
		max-width: 400px !important;
		margin: 0 auto 30px;
		flex-wrap: wrap;
	}
	#ecobag-lead-gallery figcaption{font-size: 12px;}
	#ecobag-spacer20{height: 30px !important;}
	.page-ecobag #service-lead-area{margin-bottom: 80px !important;}
	#lp-scene-wrap{
		margin: 50px auto 20px;
		justify-content: center;
	}
	.page-ecobag #lp-scene-area .scene-circle {
		width: 30%;
		margin: 0 1.5% !important;
		height: 115px;
	}
	.page-ecobag #lp-scene-area .scene-circle p {font-size: 14px;}
	#ecobag-spacer24{height: 70px !important;}
	/*****会社案内*****/
	#obsession-ribon {
		width: 320px;
		height: 92px;
	}
	#obsession-ribon .ribon-flower {width: 40px !important;}
	#obsession-wrap {padding: 74px 8px 5px;}
	.obsession-box .circle-photo{width: 180px;}
	.obsession-box .circle {
		width: 120px;
		height: 120px;
	}
	.obsession-box .circle .flower {width: 21px !important;}
	#about-table table tr{display: block;}
	#about-table table th,
	#about-table table td{
		display: block;
		width: 100% !important;
		height: auto;
	}
	#about-table table td{border-width: 0 0 0 0 !important;}
	.page-ecobag #towel-spacer58{height: 50px !important;}
	/*****お客様の声*****/
	#voice-lead-p{font-size: 14px;}
	#voice-sec1 #page-nav .wp-block-button {margin: 0 1% 15px;}
	.voice-cat-box .ribon-title {
		font-size: 18px;
		width: 260px;
		height: 80px;
	}
	.voice-cat-box .ribon-title .font18{display: none;}
	#voice-sec1 .voice-wrap{display: block !important;}
	#voice-sec1 .voice-wrap .voice-box {
		width: 100%;
		margin: 0 0 20px !important;
	}
	.voice-bottom-area{flex-wrap: wrap;}
	.voice-bottom-area .wp-block-buttons{
		width: 100%;
		justify-content: center;
		margin: 15px auto 0 !important;
	}
	#voice-sec1 .page-leaf-right6 {	top: 3%;}
	/*****流れとよくある質問*****/
	#flow-wrap {padding: 0 15px;}
	#flow-wrap .arrow-flow {
		width: 18px;
		height: 50px;
		right: -20px;
	}
	#flow-wrap .flow-box {
		font-size: 13px;
		padding: 28px 10px 20px;
	}
	.flow-title-area .num {
		font-size: 11px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto !important;
		top: -46px;
	}
	#faq-cat-list{flex-wrap: wrap;}
	#faq-cat-list li{
		margin: 0 0 10px;
		font-size: 14px;
	}
	#faq-area .vk_faq_title {font-size: 17px;}
	#faq-area .vk_faq_title:before {
		width: 42px;
		height: 27px;
	}
	#faq-area .vk_faq_title::after {
		width: 18px;
		height: 18px;
	}
	#faq-area .vk_faq_content:before {
		width: 30px;
		height: 30px;
	}
	#faq-area .vk_faq_content .faq-inner {display: block;}
	#faq-area .vk_faq_content {padding: 25px 26px 30px;}
	#faq-area .answer {
		font-size: 17px;
		padding: 0 0 15px 40px !important;
		width: 100%;
		margin: 0  !important;
	}
	/*****お見積りとお問合せ*****/
	#contact-area-inner {width: 94%;}
	#contact-lead2 {
		width: 90%;
		font-size: 13px;
	}
	#form-wrap dl {display: block;}
	#form-wrap dt {
		width: 100%;
		font-size: 16px;
	}
	#form-wrap dt p {padding: 20px 15px 18px 18px;}
	/*****糸・書体について*****/
	#color-wrap .color-box {
		width: 100%;
		max-width: 400px !important;
	}
	#color-area-bottom {display: block;}
	#color-area-bottom .link-image {
		margin: 0 auto 10px !important;
		width: 200px;
	}
	#color-area-bottom .link-image .wp-element-caption {font-size: 10px;}
	#color-area-bottom .left {
		width: 90%;
		font-size: 14px !important;
		margin: 0 auto !important;
		max-width: 360px !important;
	}
	#color-area-bottom .wp-block-buttons{justify-content: center;}
	#font2-top .photo-area {width: 240px;}
	#font-sec2 .title-green {margin-top: 20px !important;}
	#font-sec2 p{font-size: 14px;}
	#font-sec2 .title-green img{
		width: 40px !important;
		height: auto;
	}
	#kanji-inner,
	#font2-num #num-inner,
	#en-photoarea{
		display: block;
	}
	#font2-kanji .photo-area, 
	#font2-num .photo-area,
	#en-photoarea{
		width: 280px;
		margin: 0 auto 20px !important;
	}
	#font2-kanji .text-area,
	#font2-num .text-area{
		margin: 0 auto !important;
		width: 90%;
		max-width: 320px !important;
	}
	#font-sec2 li .balloon {
		font-size: 11px;
		width: fit-content !important;
		margin: 10px 0 0 0;
		padding: 5px 12px;
	}
	#font-en-titlearea {display: block;}
	#en-photoarea > .wp-block-group{width: 100%;}
	#font2-en h3.title-green {
		margin: 0 auto 15px !important;
		justify-content: center;
	}
	#font2-spacer10{height: 30px !important;}
	
	/*****実績****/
	.post-type-archive-work .post-list .vk_post {
		width: 45%;
		margin: 0 2.5% 45px !important;
	}
	#work-cat-nav li a {
		padding: 0 20px;
		height: 32px;
		font-size: 14px;
	}
	.single-work .work-page-inner .inner {padding: 20px 20px 35px;}
	.single-work .entry-footer .entry-meta-data-list--work-cat {
		top: -50px;
		right: -33px;
	}
	.single-work .entry-meta-data-list--work-cat a {
		font-size: 12px;
		padding: 3px 20px 2px 13px;
		height: 38px;
	}
	.single-work .entry-header .flower{
		width: 64px !important;
		height: auto;
	}
	.single-work #related-area li:before {
		right: -6px;
		bottom: -6px;
	}
	.single-work .entry-meta-data-list--work-tag a {font-size: 12px;}
	/*****法人のお客様へ*****/
	#corporate-ribon {
		height: 80px;
		width: 300px;
	}
	#corporate-ribon .ribon-flower{
		width: 40px !important;
	}
	#corporate-point-wrap .corporate-point-box {max-width: 600px !important;}
	#corporate-point-wrap .top-point-upper {margin: 0 15px 12px 0 !important;}
	/******技術者ブログ*****/
	body.post-type-archive-shisyu-blog #main .vk_posts {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	body.post-type-archive-shisyu-blog #main .vk_post{
		width: 47%;
		margin:0 1.5% 25px !important;
	}
	.single-shisyu-blog #main .next-prev {
		justify-content: space-between;
		width: 90%;
		max-width: 700px;
		margin: 0 auto 100px;
	}
	.single-shisyu-blog #main .next-prev .card.card-noborder{
		width: 48% !important;
		margin: 0 !important;
	}
	
}
@media only screen and (max-width:589px){
	.br589{display: block !important;}
	.font40{font-size: 30px;}
	.font34{font-size: 28px;}
	.font30,
	h2{font-size: 24px;}
	.font24,
	h3{font-size: 19px;}
	.font20{font-size: 17px;}
	.font18{font-size: 16px;}
	.height200{height: 100px !important;}
	.height150{height: 80px !important;}
	.height100{height: 60px !important;}
	.height50{height: 20px !important;}
	.height30{height: 5px !important;}
	.has-box {padding: 5px;}
	ul.ul-check li:before {
		width: 26px;
		height: 24px;
	}
	.sec-area {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.wave-top:before, 
	.wave-bottom:after {
		height: 35px;
	}
	.top-white_green:before, 
	.top-green_green:before, 
	.arch-pink_green:before,
	.top-blue_beige:before,
	.top-pink_beige:before{
		top: -35px;
	}
	.bottom-white_beige:after, 
	.bottom-pink_beige:after,
	.bottom-green_green:after,
	.bottom-blue_beige:after {
		bottom: -35px;
	}
	.wp-block-button__link,
	.button{
		padding: 2px !important;
		font-size: 14px !important;
	}
	.stitch-photo:after {
		left: 5px;
		right: 5px;
		top: 5px;
		bottom: 5px;
	}
	.site-header-logo .text {font-size: 10px;}
	#site-header .site-header-logo img {width: 150px;}
	#vk-mobile-nav-menu-btn {
		top: 25px;
		right: 10px;
		font-size: 14px;
		min-width: 80px;
		height: 50px;
	}
	#contact-leaf-sp {width: 60px !important;}
	#spnav-contact-area {
		padding: 20px 20px 15px;
		margin: 0 auto 30px;
	}
	#contact-button-sp .contact-button a{
		height: 50px;
		font-size: 17px !important;
	}
	.spnav-service-box {
		width: 32%;
		margin: 0 0 30px;
	}
	.spnav-service-box-long{
		width: 48%;
		margin: 0;
	}
	.spnav-service-box .service-thum img {height: 90px !important;}
	.spnav-service-box-long .service-thum img {height: 100px !important;}
	.spnav-service-box h3 {
		line-height: 140% !important;
		font-size: 14px;
		align-items: flex-start;
	}
	.spnav-service-box h3:before {
		width: 12px;
		height: 12px;
		margin: 4px 4px 0 0;
	}
	#spnav-ul li a {font-size: 14px;}
	#spnav-ul li a img{
		width: auto !important;
		height: 24px !important;
	}
	#spnav-ul li.li-for a img{height: 20px !important;}
	#spnav-ul li.li-faq a img{height: 28px !important;}
	/*****トップページ*****/
	#mainimage .right {
		width: 80%;
		height: auto;
		aspect-ratio: 5 / 4;
	}
	#mainimage .left {width: 90%;}
	#mainimage-title img{
		width: 30px !important;
		height: auto;
	}
	/* #mainimage-p{font-size: 13px;} */
	#mainimage-text-area ul li {
		font-size: 14px;
		background-size: auto 50px;
		width: 75px;
		height: 50px;
	}
	#mainimage-text-area p {font-size: 13px;}
	#mainimage .back-left, 
	#mainimage .back-right{
		width: 70%;
	}
	#mainimage .back-left {
		top: -70px;
		left: -10%;
	}
	#mainimage .back-right {right: -15%;}	
	#main-bottom{height: 50px !important;}
	#top-sec1 .title-circle .circle-title-icon {padding: 5px 0 0 !important;}
	#top-sec1 .title-circle figure img{
		width: auto !important;
		height: 35px !important;
	}
	#top-sec1 .title-circle{padding: 10px 0 0 0 !important;}
	#top-point .ribon-title {
		width: 240px;
		height: 86px;
		top: -21px;
	}
	#top-point .ribon-title .speech {
		font-size: 13px;
		top: -23px;
	}
	.speech-text img {
		width: 9px !important;
		bottom: -3px;
		margin: 0 5px;
	}
	#sec1-spacer1{height: 40px !important;}
	#top-point-wrap .top-point-box {
		font-size: 13px;
		width: 90%;
	}
	#top-point-wrap .top-point-box .balloon {
		width: 50px;
		font-size: 18px;
		height: 44px;
		line-height: 38px;
		top: -5px;
		right: auto;
	}
	.top-point-upper {width: 130px;}
	.top-point-upper:after {
		width: 100px;
		height: 100px;
	}
	#top-point-wrap .top-point-box h3 {font-size: 19px;}
	#top-sec1 .back-left2,
	#top-sec1 .back-right2{
		width: 60%;
	}
	.title-green-leaf:before {
		width: 30px;
		height: 29px;
		margin: 0 4px 0 0;
	}
	#for-corporate {padding: 35px 24px 20px;}
	#service-wrapper {padding: 0 30px;}
	#service-wrapper .service-box{flex-wrap: wrap;}
	#service-wrapper .service-box:nth-child(odd){justify-content: flex-start !important;}
	#service-wrapper .service-box:nth-child(even){justify-content: flex-end !important;}
	#service-wrapper .service-box:nth-child(odd) .photo-area{margin-left: 5% !important;}
	#service-wrapper .service-box:nth-child(even) .photo-area{margin-right: 5% !important;}
	#service-wrapper .service-box .photo-area {
		order: 1 !important;
		width: 65%;
	}
	#service-wrapper .service-box .photo-area:after{
		opacity: 0.8;
		width: 150px;
		height: 150px;
	}
	#service-wrapper .service-box:nth-child(odd) .photo-area:after{
		top: -15px !important;
		right: -120px !important;
		bottom: auto !important;
		left: auto !important;
	}
	#service-wrapper .service-box:nth-child(even) .photo-area:after{
		top: -15px !important;
		left: -120px !important;
		bottom: auto !important;
		right: auto !important;
	}
	#service-wrapper .service-box:nth-child(odd) .circle-photo{
		bottom: -10px;
		z-index: 20;
		right: auto;
		left: 90%;
		width: 110px !important;
	}
	#service-wrapper .service-box:nth-child(even) .circle-photo{
		bottom: -10px;
		z-index: 20;
		left: auto;
		right: 90%;
		width: 110px !important;
	}
	#service-wrapper .service-box .stitch-outline {padding: 3px;}
	#service-wrapper .service-box .text-area {
		order: 2 !important;
		margin: 0 auto !important;
		width: 100%;
		padding: 0 !important;
	}
	#service-wrapper .service-box .service-name{
		align-items: center;
		justify-content: center;
		margin: 0 auto !important;
		padding-top: 20px;
		font-size: 20px;
	}
	#service-wrapper .service-box .service-name:before{
		background: url(images/icon-arrow-pink.png.webp) no-repeat center top;
		background-size: 100% auto;
		width: 18px;
		height: 18px;
	}
	#service-wrapper .service-box .service-name br,
	#service-wrapper .service-box .wp-block-buttons{
		display: none;
	}
	#service-wrapper .service-box .photo-area:before {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		background-size: 100% auto !important;
		width: 40px;
		height: 40px;
		z-index: 30;
	}
	#service-wrapper .service-box:nth-child(odd) .photo-area:before{
		background: url(images/icon-flower4.png.webp) no-repeat center top;
		top: -15px;
		left: -20px;
	}
	#service-wrapper .service-box:nth-child(even) .photo-area:before{
		background: url(images/icon-flower9.png.webp) no-repeat center top;
		bottom:0;
		right: -20px;
	}
	.case-list {padding: 0 10px;}
	.wp-block-query .wp-block-post-featured-image:before {
		right: -8px;
		bottom: -8px;
	}
	.taxonomy-work-cat a {
		font-size: 12px;
		padding: 6px 17px 6px 10px;
	}
	.taxonomy-work-cat a:before {
		width: 20px;
		height: 18px;
	}
	#top-news-area .news-post-box {padding: 40px 30px 35px;}
	#top-about-photo {
		margin: 0 auto 20px;
		width: 90%;
	}
	#top-about-lead {
		margin: 0 !important;
		line-height: 140%;
		padding: 0 0 5px;
		font-size: 16px;
	}
	#top-sec5-top h3, #top-sec5-top .text-area {max-width: 94% !important;}
	#top-sec5-top .text-area {font-size: 14px;}
	#top-voice .left h2 {margin: 0 auto 10px !important;}
	#top-voice > .inner:before {
		top: -16px;
		right: 59%;
		width: 100px;
		height: 100px;
	}
	#top-voice .voice-box{font-size: 13px;}
	.voice-box h3 {font-size: 16px;}
	.voice-box h3:before {
		width: 32px;
		height: 25px;
	}
	.top-banner .inner{border-width: 1px;}
	#blog-area .wp-block-query .wp-block-post {
		margin: 0 1.5% 15px !important;
		padding: 4px !important;
	}
	#blog-area .wp-block-query .wp-block-post .text {
		border: 2px dashed #d3c2a5;
		padding: 6px 6px 0;
	}
	#blog-area .wp-block-post-date {
		font-size: 0.7em;
		padding: 4px 5px 0;
	}
	#blog-area .wp-block-post-title a {
		font-size: 15px;
		padding: 0 3px 40px;
	}
	#blog-area .wp-block-post-title a:before {
		width: 12px;
		height: 12px;
		margin: 0 4px 0 0;
		top: 4px;
	}
	
	#fonnter-contact-inner > .inner {padding: 20px 25px 30px;}
	#fonnter-contact-inner h2{
		display: block;
		text-align: center;
		margin: 0 auto 20px !important;
	}
	#fonnter-contact-inner h2 img{
		width: 50px !important;
		height: auto;
		margin: 0 auto 5px !important;
		display: block;
	}
	#fonnter-contact-inner p{
		text-align: left;
		font-size: 14px;
		line-height: 140%;
	}
	#fonnter-contact-inner p br{display: none;}
	#contact-button-wrap {width: 320px;}
	#contact-button-wrap .contact-button a {
		height: 70px;
		width: 300px;
		font-size: 18px !important;
	}
	#footer-logo {
		width: 110px;
		top: -97px;
	}
	#footer-discription {
		font-size: 12px;
		padding: 30px 0 0;
	}
	#footer-info-table {width: 90%;}
	#footer-info-table .footer-dl {padding: 20px 0 19px;}
	#footer-info-table .footer-dl .left {
		width: 140px;
		font-size: 16px;
	}
	#footer-info-table .footer-dl .right {font-size: 14px;}
	#page_top {
		width: 65px;
		height: 95px;
	}
	#footer-sp-inner{padding: 3px 0 10px !important;}
	#footer-sp h4 {font-size: 16px;}
	#footer-sp p {font-size: 11px;}
	#footer-sp .contact-button a {
		height: 44px;
		font-size: 15px !important;
	}
	#footer-sp .wp-block-button__link .inner:after {
		width: 15px;
		height: 15px;
	}
	#footer-sp-inner:before {
		top: -17px;
		height: 18px;
	}
	/*****下層ページ共通*****/
	.page-header {height: 220px;}
	.page-header-title{
		font-size: 24px !important;
		height: 150px;
	}
	.page-header:before {
		height: 30px;
		top: -20px;
	}
	.page-header:after {
		height: 60px;
		bottom: -40px;
	}
	#page-nav .wp-block-button a .inner:after {
		width: 12px;
		height: 12px;
		right: 4px;
	}
	/******葉っぱ　位置*****/
	.page-leaf-left3,
	.page-leaf-left5,
	.page-leaf-left6{
		top: 2%;
	}
	.page-leaf-right5,
	.page-leaf-right6{
		top: 5%;
	}
	/*****サービス*****/
	#service-sec1-title1 {
		width: 360px;
		padding: 18px 25px 13px;
	}
	#service-sec1-title1 h2 .font18{
		display: block;
		line-height: 120%;
	}
	#service-sec1-title1 h2 br{display: none;}
	#go-font-banner .text-area .pink {
		font-size: 12px;
		line-height: 140%;
	}
	#go-font-banner h3 {font-size: 18px;}
	#service2-top h2 img{
		width: 50px !important;
		height: auto;
	}
	#service2-top:after {
		left: 3%;
		top: -62px;
		width: 150px;
		height: 150px;
	}
	#service2-top .right {font-size: 14px;}
	#carry-on-wrap .carry-on-box .carry-on-cat {
		font-size: 14px;
		height: 30px;
		width: 160px;
	}
	#carry-on-wrap .carry-on-box .carry-on-cat:before, 
	#carry-on-wrap .carry-on-box .carry-on-cat:after {
		width: 20px;
		height: 17px;
	}
	#carry-on-wrap .carry-on-box .sub-title {font-size: 14px;}
	#carry-on-wrap .carry-on-box p {font-size: 12px;}
	#carry-on-wrap .carry-on-box .stitch-photo:after {
		left: 3px;
		right: 3px;
		top: 3px;
		bottom: 3px;
	}
	/*****サービス共通*******/
	#scene-area .title-board {width: 250px;}
	#scene-area .title-board:after {
		width: 100px;
		height: 24px;
		top: -23px;
	}
	.service-sec-area .accordion-title .inner {border-width: 1px !important;	}
	.service-sec-area .accordion-title h3 {
		margin: 0 0 0 135px !important;
		font-size: 18px;	
	}
	.service-sec-area .accordion-title .font-min{
		display: block;
		font-size: 14px;
		line-height: 1em;
	}
	.service-sec-area .accordion-title h3 br{display: block;}
	.service-sec-area .accordion-title figure {left: 25px;}
	.service-sec-area .accordion-title figure:after {left: -26px;}
	.service-sec-area .accordionn-area-bottom {margin-bottom: 50px !important;}
	#support5-area {
		padding: 20px 15px 0;
		display: block;
	}
	#support5-area .support5-box {
		width: 100%;
		margin: 0 auto 15px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#support5-area .support5-photo{
		width: 170px;
		margin: 0 20px 0 0;
	}
	#support5-area h3 {
		font-size: 13px;
		text-align: left;
		padding-top: 15px;
	}
	#support5-area .balloon {
		width: 42px;
		height: 36px;
		left: 200px;
		right: auto;
		top: 11px;
	}
	#feature-area .title-area h3 img {
		margin: 0 5px;
		width: 25px !important;
		height: auto;
	}
	#feature-area .title-area:before, 
	#feature-area .title-area:after{
		content: none;
	}
	#feature-wrap .feature-box:after{opacity: 0.1;}
	
	
	#design-file-area .design-file-img {max-width: 300px !important;}
	#design-file-area-bottom {width: 100%;}
	
	
	
	
	/*******ロゴ・ネーム*****/
	#logo-sec2-top .logo-sec2-top-box {
		width: 94%;
		font-size: 12px;
	}
	#logo-sec2-top .top-point-upper {margin: 0 18px 0 0 !important;}
	.page-logo #service-sec-area2 h3.flex-area-left img{
		width: 35px !important;
		height: auto;
	}
	#page-nav-logocase .sp-none{display: none;}
	/*******ワッペン*****/
	#wappen-disc-wrap3{display: block;}
	.wappen-rim-box {
		width: 100%;
		font-size: 13px;
		max-width: 400px !important;
		margin: 0 auto 30px;
	}
	.wappen-rim-box .circle-photo{width: 200px;}
	/*******キャップ*****/
	#cap-lead-photo2 {
		width: 130px;
		right: -50px;
	}
	.page-service-child .white-balloon-bottom {	padding: 25px 20px 25px;}
	#cap-lead-top h3.pink{margin: 20px auto 5px !important;}
	#cap-lead-top  .stitch-photo:after {
		left: 3px;
		right: 3px;
		top:3px;
		bottom: 3px;
		border-width: 1px;
	}
	#cap-position-wrap {display: block;	}
	#cap-position-wrap figure {
		margin: 0 auto 40px !important;
		width: 160px !important;
	}
	#cap-position-wrap #cap-position2{width: 210px !important;}
	#cap-position-wrap figure:after {
		width: 150px;
		height: 150px;
	}
	#cap-position-wrap figure:nth-child(2):after {
		top: 10px;
		left: auto;
		right: -50px;
	}
	#cap-position-wrap figure:nth-child(3):after {
		top: 5%;
		right: auto;
		left: -50px;
	}
	#cap-spacer3,
	#cap-spacer20{height: 30px !important;}
	/*******今治ハンドタオル刺繍*****/
	#towel-main-circle {
		font-size: 12px;
		background-size: auto 100%;
		min-height: 94px;
		padding: 21px 0 0;
		bottom: -25px;
	}
	#towel-main-circle .speech-text img{display: none !important;}
	#towel-main-circle .icon-flower {
		position: absolute;
		margin: auto !important;
		width: 22px;
		left: 0;
		right: 0;
		top: -15px;
	}
	#towel-main-circle p {line-height: 120%;}
	#lp-main-bottom{height: 40px !important;}
	#towel-spacer3{height: 30px !important;}
	.lp-point-box .back-board {
		height: 56px;
		width: 260px;
	}
	#for-souvenir {font-size: 14px;}
	.feature-box {margin: 0 auto 20px;}
	#towel-feature-area .feature-box .photo-area {width: 260px;}
	.lp-page #service-case-list .back-left2,
	.lp-page #service-case-list .back-right2{
		width: 40%;
	}
	#towel-spacer31{height: 40px !important;}
	.towel-item-box .column-box .photo-area {width: 300px;}
	.towel-item-box h3.line-h3-lp {margin: 15px auto 0 !important;}
	.towel-item-box .column-box h3:before,
	.towel-item-wrapping-inner h3:before {
		width: 30px;
		height: 27px;
	}
	.towel-item-box .item-gallery {max-width: 300px !important;}
	.towel-item-middle{height: 25px !important;}
	.towel-item-box .towel-item-table table {border-spacing: 0;}
	.towel-item-box .towel-item-table table:before {
		top: -3px;
	}

	.towel-item-box .towel-item-table th .inner, 
	.towel-item-box .towel-item-table td {
		padding: 10px !important;
	}
	.towel-item-box .towel-item-table td{
		position: relative;
		margin-bottom: 5px;
	}
	.towel-item-box .towel-item-table tr:after{content: none !important;}
	.towel-item-box .towel-item-table td:after{
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #e0d4cd;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -3px;
	}
	#sgpb-popup-dialog-main-div-wrapper > div{
		width: 90%;
		left: 5% !important;
		right: 5% !important;
	}
	body #sgpb-popup-dialog-main-div{
		width: 100% !important;
		max-width: 100% !important;
	}
	
	
	#wapping-papers{
		width: 60%;
		padding: 15px !important;
	}
	#wapping-papers:before {
		width: 40px;
		height: 20px;
		left: 0;
		right: 0;
		top: -20px;
		bottom: auto;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
	}
	#wapping-papers .paper-box p{font-size: 14px;}
	
	.towel-item-colors figcaption {font-size: 11px !important;}
	.towel-item-colors figure {width: 14.6% !important;}
	#item-other-wrap {
		justify-content: flex-start;
	}
	#item-box-others h3.line-h3-lp {
		margin: 15px auto 20px !important;
		width: 96% !important;
		max-width: 300px !important;
	}
	#item-other-wrap .item-other-box {
		width: 45% !important;
		margin: 0 2.5% 35px !important;
		padding: 0 !important;
	}
	.lp-page #service-sec-area2 .back-lp-pink:after {
		height: 35px;
		bottom: -32px;
	}
	#wapping-papers .paper-box p{
		font-size: 14px;
	}
	
	
	
	#position-info .ribon-beige-min {
		width: 195px;
		height: 50px;
		padding: 0 12px 10px 0;
	}
	#position-info .ribon-beige-min img{
		width: 20px !important;
	}
	.position-images .position-name {font-size: 15px;}
	
	#towel-spacer58{height: 40px !important;}
	#towel-spacer47,
	#towel-spacer59{display: none;}
	
	/*******エコバック刺繍*****/
	#ecobag-lead-gallery {	max-width: 320px !important;}
	#ecobag-lead-gallery figure {
		width: 44% !important;
		margin-bottom: 25px !important;
	}
	
	.page-ecobag #position-info .position-images {
		width: 60%;
		flex-wrap: wrap !important;
		margin-bottom: 0 !important;
	}
	.page-ecobag #position-info .position-images .wp-block-column {
		width: 42% !important;
		margin: 0 3% 28px;
	}
	.page-ecobag #position-info .position-images .wp-block-column img{
		max-width: 130px !important;
		margin: 0 auto;
		width: 100%;
	}
	/*****会社案内*****/
	#obsession-ribon {
		width: 295px;
		height: 86px;
	}
	#obsession-ribon .ribon-flower {width: 34px !important;}
	#obsession-wrap{display: block;}
	#obsession-wrap .obsession-box {
		width: 100%;
		max-width: 340px !important;
		margin: 0 auto 40px !important;
	}
	.obsession-box .photo-area{
		max-width:280px !important;
		margin: 0 auto 20px;
	}
	.obsession-box:nth-child(odd) .photo-area{justify-content: flex-start !important;}
	.obsession-box:nth-child(even) .photo-area{justify-content: flex-end !important;}
	.obsession-box:nth-child(odd) .circle{
		left: auto;
		right: 0;
	}
	.obsession-box:nth-child(even) .circle{
		right: auto;
		left: 0;
	}
	.obsession-box .circle .flower {margin: 0 auto -5px;}
	/*****お客様の声*****/
	#voice-sec1 #page-nav .wp-block-button a {
		padding: 0 20px !important;
		height: 35px;
	}
	.voice-cat-top{height: 50px !important;}
	.voice-cat-box .ribon-title {
		top: -60px;
	}
	/*****流れとよくある質問*****/
	#flow-wrap .arrow-flow {
		width: 15px;
		right: -16px;
	}
	.flow-box .flow-photo {margin: 0 auto 12px;}
	#flow-coution{
		text-align: left;
		width: 90%;
		margin: 0 auto;
		font-size: 0.8em !important;
	}
	#faq-cat-list {margin: 0 auto;}
	#faq-area .vk_faq_title {
		font-size: 16px;
		padding: 15px 35px 15px 14px;
	}
	#faq-area .answer {font-size: 16px;}
	.table-box{overflow: scroll;}
	#faq-area .vk_faq_content table{
		min-width: 500px;
	}
	#faq-area .vk_faq_content table thead th,
	#faq-area .vk_faq_content table th,
	#faq-area .vk_faq_content table td{
		font-size: 13px;
	}
	#faq-area .vk_faq_content table th .inner {padding: 11px 0 10px 12px;}
	.table-scroll-p{
		display: block;
		text-align: right;
		font-size: 0.8em;
	}
	/*****お見積りとお問合せ*****/
	#contact-area h3.title-green {
		max-width: 300px !important;
		margin-top: 15px !important;
	}
	#form-wrap dd {padding: 20px 15px 20px;}
	#box-object .wpcf7-list-item {
		font-size: 14px;
		margin: 0 0 15px;
	}
	#box-object .wpcf7-checkbox label {padding: 14px 15px;}
	#form-wrap dd p {font-size: 13px;}
	#form-wrap .accept-area {font-size: 14px;}
	#mail-submit,
	#mail-submit input {
		position: relative;
		width: 340px;
		height: 70px;
		font-size: 20px;
	}
	#mail-submit {margin: 0 auto 50px !important;}
	.wpcf7 form .wpcf7-response-output {font-size: 0.8em;}
	/*****糸・書体について*****/
	/*****実績****/
	.post-type-archive-work .post-list {
		width: 100%;
		margin: 0 auto;
	}
	.post-type-archive-work .post-list .card-img-overlay{
		font-size: 12px;
		padding: 6px 17px 6px 10px;
	}
	.post-type-archive-work .post-list .card-img-overlay:before{
		width: 20px;
		height: 18px;
	}
	.post-type-archive-work .post-list .vk_post:before{
		bottom: -8px;
		right: -8px;
	}
	#work-cat-nav h3.title-green img{
		width: 50px !important;
		height: auto;
	}
	#work-cat-nav li a {
		padding: 0 20px;
		height: 30px;
		font-size: 13px;
	}
	#related-list{flex-wrap: wrap;}
	.single-work #related-area li {
		width: 45%;
		margin: 0 2.5% 20px !important;
	}
	/*****法人のお客様へ*****/
	#corporate-point-wrap .corporate-point-box {margin: 0 auto 30px !important;}
	#corporate-point-wrap .top-point-upper:after {
		right: -40px !important;
	}
	#corporate3-inner:after {
		left: 2%;
		width: 150px;
		height: 150px;
	}
	/******技術者ブログ*****/
	body.post-type-archive-shisyu-blog #main .vk_post{
		margin: 0 1.5% 15px !important;
		padding: 4px !important;
	}
	body.post-type-archive-shisyu-blog #main .vk_post .inner-box {
		border: 2px dashed #d3c2a5;
		padding: 6px 6px 0;
	}
	#blog-area .wp-block-post-date {
		font-size: 0.7em;
		padding: 4px 5px 0;
	}
	body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title a{
		font-size: 15px;
		padding: 0 3px 40px;
	}
	body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title a:before {
		width: 12px;
		height: 12px;
		margin: 0 4px 0 0;
		top: 4px;
	}
	

}
@media only screen and (max-width:489px){
	.br489{display: block !important;}
	.font40{font-size: 30px;}
	.font34{font-size: 28px;}
	.font30,
	h2{font-size: 24px;}
	.font24,
	h3{font-size: 19px;}
	.font20{font-size: 17px;}
	.font18{font-size: 16px;}
	.height200{height: 100px !important;}
	.height150{height: 80px !important;}
	.height100{height: 60px !important;}
	.height50{height: 20px !important;}
	.height30{height: 5px !important;}
	.title-green{background-size: auto 5px;}
	ul.ul-check li {
		font-size: 14px;
		line-height: 140%;
	}
	
	.site-header-logo .text {
		font-size: 10px;
		line-height: 1em;
		top: 6px;
	}
	#site-header-container {padding: 26px 0 0;}
	
	.spnav-inner {padding: 30px 10px;}
	#spnav-service-wrap {padding-bottom: 24px;}
	.spnav-service-box {margin: 0 1.5% 20px;}
	.spnav-service-box .stitch-outline {
		padding: 1px;
		border-width: 1px;
	}
	.spnav-service-box .service-thum img {
		height: 70px !important;
	}
	.spnav-service-box-long .service-thum img {
		height: 80px !important;
	}
	.spnav-service-box h3 {margin: 5px auto 0 !important;}
	.spnav-service-box .flower {width: 22px !important;}
	#spnav-ul li a {
		font-size: 14px;
		line-height: 130%;
		padding: 15px 0 14px;
	}
	.page-header-title:before{
		width: 25px;
		height: 27px;
		margin: -20px auto 6px;
	}

	/*****トップページ*****/
	#mainimage .right {width: 76%;}
	#mainimage-title {
		padding-top: 5px;
		line-height: 140% !important;
	}
	#mainimage-title img{display: none;}
	#mainimage-text-area ul li {
		font-size: 13px;
		width: 70px;
		height: 50px;
	}
	#top-sec1 .title-circle figure img {
		width: auto !important;
		height: 34px !important;
	}
	#top-sec1-ribon .ribon-flower {width: 32px !important;}
	.top-point-upper {
		width: 110px;
		margin: 0 20px 10px 0 !important;
	}
	#top-point-wrap .top-point-box {
		font-size: 12px;
		width: 100%;
	}
	#top-point-wrap .top-point-box .balloon {
		width: 44px;
		font-size: 17px;
		height: 38px;
		line-height: 35px;
	}
	.top-point-upper:after {
		width: 80px;
		height: 80px;
		right: -20px !important;
	}
	#top-point-wrap .top-point-box h3 {font-size: 18px;}
	.title-green-leaf:before {
		width: 25px;
		height: 26px;
		margin: 0 4px 0 0;
	}
	#top-sec2 .title-circle figure img {
		width: auto !important;
		height: 27px !important;
	}
	#service-wrapper .service-box .photo-area:before {
		width: 34px;
		height: 34px;
	}
	#top-voice .left h2 img{
		width: 50px !important;
		height: auto;
	}
	#fotter-sns a svg {height: 37px;}
	#footer-info-table .footer-dl .left {
		width: 120px;
		font-size: 14px;
	}
	#footer-info-table .footer-dl .right {
		font-size: 12px;
		padding: 2px 0 0 0 !important;
	}
	#contact-button-sp-footer{width: 50%;}
	#footer-sp .contact-button a{min-width: initial !important;}
	#footer-sp .wp-block-button__link .inner:after{content: none;}
	#footer-contact-area {
		background: url(images/footer-contact-back-sp.jpg) no-repeat center right;
		background-size: cover;
	}
	/*****下層ページ共通*****/
	.breadcrumb-list li {
		font-size: 10px;
		line-height: 1em;
	}
	#page-bottom-service-inner {padding: 35px 15px 12px;}
	#page-bottom-service .title-area h2 {
		margin: 0 auto 20px !important;
		font-size: 22px;
	}
	#page-bottom-service .bottom-service-box {
		height: 85px;
		padding-left: 118px !important;
		margin: 0 auto 15px !important;
	}
	#page-bottom-service .stitch-outline {
		left: 3px;
		top: -5px;
		height: 95px !important;
		width: 95px !important;
	}
	#page-bottom-service .circle {
		width: 80px;
		left: 55px !important;
		bottom: -9px !important;
	}
	#page-bottom-service .service-name:before {
		width: 15px;
		height: 15px;
	}
	/*****サービス*****/
	#first-photo {
		margin: 0 auto 35px !important;
		width: 80%;
	}
	#first-photo img{aspect-ratio:4/3;}
	#service-sec1-title1 {
		width: 300px;
		padding: 18px 25px 13px;
	}
	#service-sec1-title1 h2 .font18 {font-size: 14px;}
	#service-sec1-title2 h2{font-size: 22px;}
	#carry-on-wrap .carry-on-box .carry-on-cat {
		font-size: 12px;
		height: 28px;
		width: 140px;
		margin: -8px auto 10px !important;
	}
	#go-font-banner {width: 90%;}
	#go-font-banner .left {margin: 0 6px 0 0 !important;}
	#go-font-banner .text-area .pink {font-size: 11px;}
	#go-font-banner h3 {
		font-size: 16px;
		margin: 0 !important;
	}
	#carry-on-coution .title-brown {max-width: 280px !important;}
	#carry-on-wrap .carry-on-box .stitch-photo-white:after {border: 1px dashed rgba(255, 255, 255, 0.6);}
	/*****サービス共通*******/
	#first-photo {margin: 0 auto 35px !important;}
	#sp-more{margin: 0 auto 5px;}
	/* #sp-more p {font-size: 16px;} */
	#service-lead-area {margin-bottom: 40px;}
	#service-lead-area .title-circle{margin-bottom: 20px !important;}
	#service-lead-area .title-circle figure{width: 26px !important;}
	.lead-inner-box{font-size: 14px;}
	.lead-inner-box .title-area {
		display: block;
		text-align: center;
	}
	.lead-inner-box .title-area img {width: 42px !important;}
	#logo-lead-bottom {padding: 20px 16px 5px;}
	#scene-area {padding: 45px 0 5px;}
	#scene-area .title-board {
		width: 250px;
		height: 52px;
	}
	#scene-area .title-board img{
		width: 34px !important;
		height: auto;
	}
	#scene-area .title-board:after {
		width: 84px;
		height: 17px;
		top: -16px;
	}
	#scene-area .scene-list li {
		margin: 0 1% 20px;
		height: 125px;
		font-size: 14px;
		width: 48%;
	}
	#scene-area .scene-list li:before {
		width: 27px;
		height: 20px;
		top: 21px;
	}
	.service-sec-area .accordion-title:after {
		font-size: 12px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		right: 12px;
	}
	.service-sec-area .accordion-title figure {left: 16px;}
	.service-sec-area .accordion-title figure:after {left: -22px;}
	.service-sec-area .accordion-title h3 {	margin: 0 0 0 120px !important;}
	.page-service-child #page-bottom-service {	padding-top: 80px;}
	#support5-area .support5-box {
		margin: 0 auto 10px;
		padding: 5px;
	}
	#support5-area .support5-photo {
		width: 140px;
		margin: 0 16px 0 0;
	}
	#support5-area .stitch-photo:after {
		left: 3px;
		right: 3px;
		top: 3px;
		bottom: 3px;
		border-width: 1px;
	}
	#support5-area .balloon {
		width: 34px;
		height: 30px;
		left: 166px;
		right: auto;
		top: 11px;
		font-size: 20px;
		padding: 2px 0 0;
	}
	.service-sec-area .accordionn-area-bottom .title-circle{margin-bottom: 20px !important;}
	.column-box .text-area h3.flex-area-left {
		display: block;
		text-align: center;
	}
	.page-logo #service-sec-area2 h3.flex-area-left img {
		width: 33px !important;
		height: auto;
		display: block;
		margin: 0 auto !important;
	}
	#feature-wrap {margin: 0 auto;}
	#feature-wrap .feature-box {margin: 0 0 15px;}
	#feature-wrap .feature-box h4 {font-size: 16px;}
	#feature-wrap .feature-box h4:after {
		top: -11px;
		left: -1%;
		opacity: 0.7;
	}
	#feature-wrap .feature-box:after {
		opacity: 0.1;
		width: 120px !important;
	}
	#design-box {padding: 25px 20px;}
	#design-box ul.ul-brown li {
		padding-bottom: 6px;
		font-size: 15px;
	}
	
	#design-file-area {padding: 10px 35px 50px;	}
	#design-file-lead{text-align: left;}
	
	
	
	

	#service-case-list .title-circle h2 img{
		margin: 0 5px;
		width: 32px !important;
	}
	#pay-account{width: 90%;}
	/*******ロゴ・ネーム*****/
	#logo-lead-p{
		font-size: 14px;
		margin: 0 auto 10px;
	}
	.lead-inner-box .photo-area, 
	.page-logo #service-sec-area2 .column-box .photo-area {
		width: 90% !important;
	}
	.service-case-area .title-board img{
		width: 32px !important;
		height: auto;
	}
	.service-case-area .title-board {
		font-size: 14px;
		width: 290px;
		height: 52px;
		top: -15px;
	}
	#logo-spacer13{height: 35px !important;}
	.service-case-area .service-case-box {font-size: 12px;}
	.service-case-area .service-case-box .stitch-photo {margin: 0 auto 12px;}
	.service-case-area .service-case-box .stitch-photo:after {
		left: 3px;
		right: 3px;
		top: 3px;
		bottom: 3px;
		border-width: 1px;
	}
	.service-case-area .service-case-box .sub-title {
		margin: 0 0 10px !important;
		font-size: 15px;
	}
	.service-case-point {display: block;}
	.service-case-point .case-point-title {
		width: 70px;
		height: 48px;
		font-size: 16px;
		margin: 0 auto 15px !important;
	}
	.service-case-point .text-area {max-width: 100% !important;}
	.go-case-top a {font-size: 12px;}
	#sewing-column-wrap .sewing-column {width: 96%;}
	.sewing-column .photo-area {width: 120px;}
	.sewing-column .sewing-leaf {
		width: 38px;
		left: 100px;
	}
	.sewing-column .sewing-ribon {
		margin: 26px 0 11px -55px !important;
		padding: 0 40px 0 64px;
		font-size: 16px;
	}
	.sewing-point {
		font-size: 11px;
		width: 80px;
		height: 56px;
		top: -18px;
		left: -32px;
	}
	#logo-spacer21{height: 40px !important;}
	/*******ワッペン*****/
	#wappen-lead-h2:before, #wappen-lead-h2:after{content: none;}
	#wappen-before-after .wappen-photo{width: 120px;}
	#wappen-lead-p2{
		font-size: 14px;
		line-height: 140%;
	}
	#wappen-disc2 .wp-block-gallery figure {width: 18% !important;}
	.page-wappen #service-sec-area3 .title-circle figure{width: 36px;}
	.page-wappen #service-sec-area3 .page-nav{flex-wrap: wrap;}
	.page-wappen #service-sec-area3 .page-nav .wp-block-button {
		width: 48%;
		margin: 0 1% 15px;
	}
	.wappen-disc-area .title-board img{
		width: 32px !important;
		height: auto;
	}
	#wappen-spacer9{height: 35px !important;}
	/*******キャップ*****/
	#cap-lead-photo2 {
		width: 120px;
		right: -44px;
	}
	.page-service-child .white-balloon h3 .leaf {width: 30px !important;}
	.page-service-child .white-balloon-right {padding: 25px 18px 14px;}
	#cap-pay-top .left img{width: 48px !important;}
	#cap-position-area #top-news-title:before,
	#cap-position-area #top-news-title:after {
		width: 10%;
		height: 5px;
		margin: 0 15px;
	}
	/*******今治ハンドタオル刺繍*****/
	#lp-main-top {height: 70px !important;}
	.lp-page #lp-main-ribon {
		padding: 8px 0 0;
		width: 310px;
		height: 90px;
		top: -40px;
	}
	.lp-page #lp-main-ribon .icon-flower {
		width: 50px;
		top: -20px;
	}
	#main-photo img {
		aspect-ratio: 5 / 3;
		object-position: right center;
	}
	.lp-page .lp-main-leaf2 {
		width: 65%;
		right: -30px;
		top: 43%;
	}
	#lp-gallery figure:after{
		top: 3px;
		bottom: 3px;
		right: 3px;
		left: 3px;
		border-width: 1px;
	}
	#lp-lead-top:after {
		width: 135px;
		height: 30px;
		top: -26px;
		z-index: -1;
	}
	#lp-lead-top .photo-area {width: 260px !important;}
	#lp-lead-top .ribon-tag-cute .icon-flex{
		width: 24px !important;
		position: absolute;
		margin: auto !important;
		left: 0;
		right: 0;
		top: -14px;
	}
	#lp-lead-p{
		padding-bottom: 30px;
		text-align: left;
	}
	#lp-lead-p br{display: none;}
	.lp-point-box {
		margin-top: 70px !important;
		font-size: 12px;
	}
	.lp-point-box .photo-area {padding-bottom: 20px;}
	.lp-point-box .circle-photo {width: 240px;}
	.lp-point-box .column-box h3.line-h3-lp {
		margin-top: 20px !important;
		font-size: 17px;
	}
	#towel-main-circle {
		right: -2px;
		bottom: -30px;
	}
	#for-souvenir-top .for-souvenir-list{padding: 20px 15px;}
	#for-souvenir-bottom {
		width: 100%;
		background-size: auto 9px;
	}
	#for-souvenir-bottom figure {
		margin: 0 5px !important;
		width: 26px;
	}
	#lp-scene-wrap {
		display: block;
		margin: 50px auto 20px;
	}
	#lp-scene-area .column-box {
		width: 90%;
		margin: 0 auto 26px !important;
	}
	#towel-spacer16,
	#towel-spacer22{height: 30px !important;}
	#lp-lead-highclass .circle {
		width: 120px;
		right: -60px;
	}
	#lp-scene-area .ribon-title {width: 270px;}
	#towel-feature-area .feature-box .circle{margin: 0 8px 0 0;}
	.towel-item-box .column-box .photo-area {width: 260px;}
	.towel-item-box h3.line-h3-lp{display: flex !important;}
	.towel-item-middle {
		height: 25px !important;
	}
	.colors-title-box:before,
	 .colors-title-box:after {
		width: 60px;
		border-width: 3px;
	}
	.towel-item-colors figure {width: 18% !important;}
	#item-other-wrap .item-other-box h3{
		text-align: center;
		display: block;
	}
	#item-other-wrap .item-other-box h3:before{
		display: block;
		margin: 0 auto;
	}
	#item-box-others .info-open-button .wp-block-button__link{
		height: 46px !important;
	}
	#item-box-others .info-open-button .inner:after {
		font-size: 9px;
		background-size: 22px auto;
		width: 30px;
		height: 30px;
		right: 2px;
	}

	#towel-item-wrapping-fee .right{
		margin: 0 auto 12px !important;
		width: 100%;
	}
	#towel-item-wrapping-fee .right p {
		font-size: 13px;
	}
	.item-wrapping-wrap h4 {font-size: 14px;}
	.page-towel #service-pay #top-news-title:before,
	.page-towel #service-pay #top-news-title:after{
		width: 10%;
		height: 5px;
		margin: 0 15px;
	}
	/*******エコバック刺繍*****/
	.page-ecobag #lp-lead-p {padding-bottom: 0;}
	.page-ecobag #service-lead-area {margin-bottom: 50px !important;}
	.page-ecobag #lp-scene-wrap{display: flex;}
	.page-ecobag #lp-scene-area .scene-circle {
		width: 30%;
		margin: 0 1.5% !important;
		height: 105px;
		padding: 15px 0 2px;
	}
	.page-ecobag #lp-scene-area .scene-circle {
		width: 43%;
		margin: 0 0 18px !important;
		height: 105px;
		padding: 10px 0 2px;
	}
	.page-ecobag #lp-scene-wrap {margin: 62px auto 5px;}
	.page-ecobag #position-info .position-images {width: 75%;}
	
	
	/*****会社案内*****/
	#about-lead{
		margin: 0 auto;
		width: 90%;
	}
	#about-lead p{
		font-size: 14px;
		text-align: left;
	}
	#about-lead-bottom br{display: none;}
	/* #map-wrap {aspect-ratio: 6 / 7;} */
	#map-wrap figure img{
		aspect-ratio: 7 / 5;
		object-fit: cover;
		width: 100%;
		height: 100% !important;
	}
	/*****お客様の声*****/
	.voice-cat-top{height: 50px !important;}
	.voice-bottom-area .photo-area figure {width: 75px;}
	.voice-bottom-area .photo-area:after {
		width: 70px;
		height: 70px;
		left: -30px;
	}
	#voice-sec1 .voice-wrap .voice-box p{font-size: 13px;}
	/*****流れとよくある質問*****/
	#faq-area .vk_faq_title p{line-height: 140%;}
	#faq-area .vk_faq_title {
		font-size: 16px;
		padding: 18px 24px 18px 14px;
		align-items: flex-start;
	}
	#faq-area .vk_faq_title:before {
		width: 36px;
		height: 24px;
	}
	#faq-area .vk_faq_content:before {
		width: 25px;
		height: 25px;
	}
	#faq-area .vk_faq_content {
		padding: 22px 20px 30px;
		font-size: 13px;
	}
	#faq-area .vk_faq_content table{min-width: 400px;}
	/*****お見積りとお問合せ*****/
	#contact-area .text-area {
		width: 94%;
		margin: 0 auto 20px;
		font-size: 13px;
	}
	#contact-lead2 {padding: 20px 16px 10px;}
	#contact-lead2 .left img{width: 36px !important;}
	#form-wrap dt p:before {
		width: 26px;
		height: 26px;
	}
	#requirement .wpcf7-list-item {margin-left: 0;}
	#form-wrap .accept-area .wpcf7-list-item label{
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}
	#mail-submit{width: 94%;}
	#mail-submit input{width: 100%;}
	/*****糸・書体について*****/
	#font2-top #font-coution-box {
		width: 100%;
		padding: 15px 10px 5px;
		display: block;
	}
	#font2-top #font-coution-box p{
		margin: 0 !important;
		font-size: 14px;
	}
	#en-text-area {
		display: block;
		margin: 0 auto !important;
		width: 90%;
	}
	#font2-kanji .text-area, 
	#font2-num .text-area,
	#en-text-area{
		max-width: 280px !important;
	}
	#en-text-area .left, #en-text-area .right{margin: 0 !important;}
	/********実績******/
	ul.page-numbers li a, ul.page-numbers li span.page-numbers {
		width: 46px;
		height: 46px;
		font-size: 17px;
	}
	#main .case-leaf-left2 {
		width: 55%;
		bottom: 27%;
	}
	#main .case-leaf-right2 {width: 36%;}
	/*****法人のお客様へ*****/
	#corporate-lead-bottom{align-items: flex-end;}
	#corporate-point-wrap .corporate-point-box {width: 96%;}
	#corporate3-inner h2.left br{display: block;}
	#corporate3-inner h2.left img{
		width: 48px !important;
	}
	/******技術者ブログ*****/
	body.post-type-archive-shisyu-blog #main .vk_post{
		width: 100%;
		margin: 0 auto 15px !important;
		padding: 4px !important;
		max-width: 320px;
	}
	body.post-type-archive-shisyu-blog #main .vk_post .vk_post_title a{
		padding: 0 8px 40px;
	}
	.single-shisyu-blog #main .entry-header {
		height: auto;
		min-height: 150px;
		background-size: auto 150px;
		background-position: top center;
		margin: 35px auto 40px !important;

		padding: 10px 12px 0;
	}
	.single-shisyu-blog #main .entry-title {
		font-size: 24px;
		line-height: 120% !important;
	}
	
	.single-shisyu-blog #main .entry-title:before {
		width: 36px;
		height: 26px;
	}
	.single-shisyu-blog #main .entry-meta {
		font-size: 12px;
	}
	
	.single-shisyu-blog #main .entry-body {
		width: 90%;
	}
	.single-shisyu-blog #main .next-prev {
		display: block;
	}
	.single-shisyu-blog #main .next-prev .card.card-noborder {
		width: 100% !important;
		margin: 0 auto 20px !important;
		max-width: 260px;
	}
	
	
	
	
}
@media only screen and (max-width:389px){
	.br389{display: block !important;}
	.font40{font-size: 28px;}
	.font34{font-size: 26px;}
	.font30,
	h2{font-size: 24px;}
	.font24,
	h3{font-size: 18px;}
	.font20{font-size: 16px;}
	.font18{font-size: 15px;}
	.height200{height: 100px !important;}
	.height150{height: 80px !important;}
	.height100{height: 60px !important;}
	.height50{height: 20px !important;}
	.height30{height: 5px !important;}
	.wp-block-button__link, 
	.button {
		min-width: 230px;
		height: 50px;
	}
	.wave-top:before, 
	.wave-bottom:after {
		height: 30px;
	}
	.top-white_green:before, 
	.top-green_green:before, 
	.arch-pink_green:before,
	.top-blue_beige:before ,
	.top-pink_beige:before{
		top: -30px;
	}
	.bottom-white_beige:after, 
	.bottom-pink_beige:after,
	.bottom-green_green:after,
	.bottom-blue_beige:after {
		bottom: -30px;
	}
	.spnav-service-box .service-thum img {height: 60px !important;}
	.spnav-service-box-long .service-thum img {height: 75px !important;}
	/*****トップページ*****/
	#mainimage .right {width: 80%;}
	#mainimage-text-area ul li {
		font-size: 12px;
		width: 60px;
		height: 50px;
		background-size: auto 40px;
		background-position: center;
	}
	.top-point-upper {
		width: 100px;
		margin: 0 12px 10px 0 !important;
	}
	.top-point-upper:after {
		width: 70px;
		height: 70px;
		right: -10px !important;
	}
	#top-point-box1 .top-point-upper:after, #top-point-box3 .top-point-upper:after {bottom: 0;}
	#for-corporate-area p{
		font-size: 14px !important;
		margin: 0 auto 10px !important;
		padding: 0 !important;
	}
	#service-wrapper {padding: 0 15px;}
	#service-wrapper .service-box {margin-bottom: 50px !important;}
	#top-sec3 .title-circle h2 img {
		width: 32px !important;
		height: auto;
		margin: 0 5px;
	}
	.wp-block-query .wp-block-post {
		width: 47%;
		margin: 0 1.5% 40px !important;
	}
	#icon-top-news {
		margin: -45px auto 10px !important;
		width: 38px;
	}
	.top-banner .inner {
		padding-left: 108px;
		height: 75px;
	}
	.top-banner .banner-photo {width: 90px;}
	.top-banner h3 {font-size: 18px;}
	.top-banner p.pink {font-size: 0.7em;}
	.top-banner .inner:before {
		width: 36px;
		height: 38px;
		left: -9px;
	}
	
	
	#blog-area .wp-block-query .wp-block-post {
		width: 100%;
		margin: 0 auto 15px !important;
		padding: 4px !important;
		max-width: 320px;
	}
	#blog-area .wp-block-post-title a {
		padding: 0 8px 40px;
	}
	#contact-button-wrap {width: 96%;}
	#footer-sp .left {margin: 0 10px 0 0;}
	#footer-sp h4 {font-size: 15px;}
	#footer-sp p {font-size: 10px;}
	#footer-sp .contact-button a {font-size: 13px !important;}
	#footer-sp .contact-button a img{width: 34px !important;}
	/*****下層ページ共通*****/
	.page-header {height: 200px;}
	.page-header-title{
		font-size: 23px !important;
		height: 140px;
	}
	.page-header:before {
		height: 30px;
		top: -20px;
	}
	.page-header:after {
		height: 44px;
		bottom: -32px;
	}
	.breadcrumb-list {font-size: 11px;}
	#page-bottom-service .bottom-service-box {
		height: 80px;
		padding-left: 87px !important;
		padding-right: 30px !important;
	}
	#page-bottom-service .stitch-outline {
		left: -12px;
		top: -5px;
		height: 90px !important;
		width: 90px !important;
	}
	#page-bottom-service .bottom-service-box:after {
		left: 3px;
		top:  3px;
		right:  3px;
		bottom:  3px;
		border: 2px dashed #d8ccbb;
	}
	#page-bottom-service .service-name {font-size: 16px;}
	#page-bottom-service .circle {left: 37px !important;}
	/*****サービス*****/
	#service-sec1-title1 {
		width: 280px;
		padding: 18px 15px 12px;
	}
	#service-sec1-title1 .balloon-bottom {
		bottom: -14px;
		width: 44px;
	}
	#service-sec1-title2 p {
		font-size: 14px !important;
		line-height: 150%;
		padding: 0 0 8px !important;
	}
	#service-sec1-title2 h2 {font-size: 20px;}
	#go-font-banner .left {margin: 0 10px 0 0 !important;}
	#go-font-banner .text-area .pink {
		font-size: 10px;
		line-height: 140%;
	}
	#go-font-banner h3:before {
		width: 12px;
		height: 12px;
	}
	#go-font-banner .go-font-photo {margin: 0 !important;}
	#carry-on-wrap .carry-on-box .carry-on-cat {
		font-size: 11px;
		height: 28px;
		width: 120px;
	}
	#service2-for-contact {padding: 30px 10px 20px;}
	#service-sec2 .contact-button .contact-back{width:94%;}
	#service-sec2 #contact-button-wrap .contact-button a {
		width: 100%;
		font-size: 16px !important;
	}
	/*****サービス共通*******/
	.service-sec-area .accordion-title {height: 80px;}
	.service-sec-area .accordion-title figure {
		left: 10px;
		width: 84px;
		top: -2px;
	}
	.service-sec-area .accordion-title h3 {margin: 0 0 0 100px !important;}
	.service-sec-area .accordion-title .font-min {font-size: 12px;}
	.service-sec-area .accordionn-area-bottom .sec-area {padding-top: 25px;}
	#support5-area .support5-photo {
		flex-shrink: 0;
		width: 120px;
	}
	#support5-area .balloon {
		width: 29px;
		height: 25px;
		left: 138px;
		top: 3px;
		font-size: 18px;
		padding: 1px 0 0;
	}
	#support5-area h3 {	font-size: 12px;}
	#feature-wrap .feature-box h4 {	font-size: 15px;}
	
	
	
	#design-box ul.ul-brown li {
		padding-bottom: 5px;
		font-size: 14px;
		line-height: 130%;
	}
	
	
	#design-file-area{
		font-size: 14px;
		padding: 10px 25px 50px;
	}
	#design-file-spacer1{display: none;}
	#designfile-images .box {padding: 20px 18px 15px;}
	#design-file-area .design-file-img {width: 100%;}
	#design-file-area-bottom .left {
		background-size: auto 60px;
		height: 60px;
	}
	
	
	
	
	
	
	.payment-box .inner {padding: 40px 16px 20px;}
	/*******ロゴ・ネーム*****/
	.lead-inner-box .title-area img {width: 36px !important;}
	#logo-lead-p2{
		line-height: 130%;
		margin: 0 auto 10px;
	}
	#logo-sec2-top .top-point-upper {margin: 0 10px 0 0 !important;	}
	#sewing-area .ribon-title {
		width: 230px;
		height: 74px;
		padding: 9px 0 0;
		top: -34px;
	}
	#sewing-area .ribon-title h2{font-size: 20px;}
	.sewing-column .sewing-ribon {padding: 0 25px 0 64px;}
	/*******ワッペン*****/
	
	
	/*******キャップ*****/
	.page-service-child .white-balloon p {font-size: 13px;}
	.page-service-child .white-balloon-bottom {	padding: 20px 12px 18px;}
	#cap-for-contact {padding: 22px 10px 24px;}
	#cap-for-contact p {font-size: 12px;}
	#cap-spacer24{display: none;}
	/*******今治ハンドタオル刺繍*****/
	#lp-lead-top .ribon-tag-cute {padding: 15px 25px 23px 15px;}
	#for-souvenir-bottom figure {
		margin: 0 5px !important;
		width: 22px;
	}
	#towel-feature-area .feature-box .circle {font-size: 10px;}
	.towel-item-box .item-price {
		padding: 0 0 10px !important;
		font-size: 10px;
	}
	.towel-item-box .item-price strong {font-size: 1.5em;}
	.towel-item-box .column-box .text-area {
		width: 100%;
		font-size: 13px;
	}
	.towel-item-middle {
		height: 25px !important;
	}
	body .sgpb-popup-close-button-6{
		width: 48px !important;
		height: 48px !important;
	}
	#service-sec-area2 .towel-item-wrapping-inner h3 {
		width: 96%;
	}
	.item-wrapping-wrap h4 {font-size: 13px;}
	#wapping-papers{
		padding: 15px 5px 10px !important;
	}
	#wapping-papers fogure{margin-bottom: 5px !important;}
	#wapping-papers .paper-box p {
		font-size: 12px;
	}
	#towel-spacer49 {height: 30px !important;}
	
	.position-images .position-name {
		font-size: 14px;
	}
	.position-images strong {
		width: 16px;
		height: 16px;
	}
	/*******エコバック刺繍*****/
	.page-ecobag #position-info .position-images {width: 78%;}
	.page-ecobag #towel-spacer58 {
		height: 32px !important;
	}
	
	
	
	/*****会社案内*****/
	#about-table table th .inner:before {
		width: 22px;
		height: 19px;
	}
	
	/*****お客様の声*****/
	.voice-cat-top{height: 40px !important;}
	#voice-sec1 .voice-wrap .voice-box {padding: 20px 15px 2px !important;}
	#voice-sec1 .voice-box h3 {
		font-size: 16px;
		line-height: 130% !important;
	}
	.voice-bottom-area p {
		padding: 0 0 0 5px;
		font-size: 13px;
	}
	/*****流れとよくある質問*****/
	#flow-wrap {padding: 0 8px;}
	#flow-wrap .flow-box {
		font-size: 12px;
		padding: 28px 5px 20px;
	}
	.flow-title-area {
		background-size: auto 3px;
		padding: 0 0 10px;
		margin: 0 auto 6px;
	}
	#flow-wrap .arrow-flow {
		width: 12px;
		right: -13px;
	}
	.flow-title-area .num {
		font-size: 10px;
		width: 42px;
		height: 42px;
	}
	#faq-cat-list li img {width: 12px !important;}
	#faq-area h3.title-green {max-width: 80% !important;}
	#faq-area .vk_faq_title:before {margin: 0 5px 0 0;}
	/*****お見積りとお問合せ*****/
	
	/*****糸・書体について*****/
	#font2-top #font-coution-box .flower {
		width: 50px;
		right: -5px;
	}
	#font2-kanji .photo-area, 
	#font2-num .photo-area, 
	#en-photoarea {
		width: 250px;
	}
	/*****実績****/
	.post-type-archive-work .post-list .vk_post_imgOuter a:after {
		left: 3px;
		right: 3px;
		top: 3px;
		bottom: 3px;
		border: 1px dashed rgba(255, 255, 255, 0.6);
	}
	.post-type-archive-work .post-list .vk_post {
		width: 47%;
		margin: 0 1.5% 40px !important;
	}
	.post-type-archive-work .post-list .vk_post:before {
		bottom: -6px;
		right: -6px;
	}
	#work-cat-nav ul {width: 100%;}
	#work-cat-nav li a {padding: 0 15px;}
	#main .case-leaf-left2 {bottom:35%;}
	/*****法人のお客様へ*****/
	#corporate-ribon {width: 270px;}
	
	
	
	
	
}
/**animate***/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
@keyframes fadeIn {
  0% {
	opacity: 0
  }
  to {
	opacity: 1
  }
}
@-webkit-keyframes fadeIn {
  0% {
	opacity: 0
  }
  to {
	opacity: 1
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {

  0%,
  20%,
  53%,
  to {
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
  }

  40%,
  43% {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
	transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
	transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translateZ(0) scaleY(.95);
	transform: translateZ(0) scaleY(.95)
  }

  90% {
	-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
	transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

@keyframes bounce {

  0%,
  20%,
  53%,
  to {
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
  }

  40%,
  43% {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
	transform: translate3d(0, -30px, 0) scaleY(1.1)
  }

  70% {
	-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	animation-timing-function: cubic-bezier(.755, .05, .855, .06);
	-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
	transform: translate3d(0, -15px, 0) scaleY(1.05)
  }

  80% {
	-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-transform: translateZ(0) scaleY(.95);
	transform: translateZ(0) scaleY(.95)
  }

  90% {
	-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
	transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}