/* new css */
.sashikomi{background:#F5f3ef}
.sashikomi .content{padding:10px;}
.f_center{justify-content: center;}
.w50p{width:50%;    margin: 30px;}
.ttl_btn_area{display:flex;gap:10px;margin:20px 0;justify-content: center;}

.ttl_btn_area a{width:30%;
display:inline-block;
font-size:18px;
padding:10px;
border-radius: 30px;
background:#109141;
color:#fff;
position: relative;
text-align:center;
margin:0 2%;
}
.ttl_btn_area a:hover{text-decoration:none;opacity:0.5;}
.ttl_btn_area a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
}

.strength-box{border:2px solid #109141;width:100%;width:94%;margin:40px auto;background-color:#fff;}
.strength-box h4{background:#109141;color:#fff;padding:10px;width:100%;margin-top:0;margin-bottom:0;}
.strength-box ul.strength {font-size:18px;padding:20px 40px;}

.strength-box ul.strength li{border-bottom:1px solid #109141;padding:10px;display:flex;}
.strength-box ul.strength li strong{font-size:24px;line-height:1.5em;}


.circle-check {
  width: 30px;
  height: 30px;
  background-color: #109141;
  border-radius: 50%;
  position: relative;
  display: block;
  margin-right:10px;
  margin-top:0.5em;
}

.circle-check::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 10px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}


.speechBubble {
  position: relative;
  display: block;
  padding: 16px;
  border: 2px solid #109141;
  border-radius: 10px;
  background-color: #ffffff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  margin:20px auto;
  width:600px;
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent #109141;
  translate: -50% -100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 7.8px 15.5px 7.8px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}

.weakness-box{border:2px solid #898989;width:100%;width:94%;margin:40px auto;background-color:#fff;}
.weakness-box h4{background:#898989;color:#fff;padding:10px;width:100%;margin-top:0;margin-bottom:0;}
.weakness-box ul {font-size:18px;padding:20px 40px;}
.weakness-box ul li{padding:10px 0;list-style:disc;margin-left:1.5rem;}

.nouki-box{border:2px solid #FCEE21;width:100%;width:94%;margin:40px auto;background:#fff;}
.nouki-box h4{background:#FCEE21;color:#000;padding:10px;width:100%;margin-top:0;margin-bottom:0;}
.nouki-box p{font-size:18px;margin:20px;}

h4.kakaku{margin-top:50px;color:#109141;font-size:20px;}

table.kakou{
width:100%;
margin:20px auto 10px auto !important;
}

table.kakou th{
background:#E3F2E4;
text-align:center;
font-size:16px;
padding:10px;
border:1px solid #000;
}
table.kakou td{
background:#fff;
text-align:center;
font-size:16px;
padding:10px;
border:1px solid #000;
}

.flex_area.wrap{flex-wrap:wrap;}
.flex_area.wrap div{ flex: 1;text-align:center;}

.tips_mitumori {
    background: #E3F2E4;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #109141;
    margin: 40px auto;
    width: 90%;
}
.tips_mitumori p {
    padding: 10px;
    font-size: 16px;
}
.tips_mitumori h3{margin-top:0;color:#109140;border:none}

.details {
	transition: .3s;
	overflow: hidden;
	margin-top: -10px;
	padding-bottom: 20px;
}
.details:last-of-type {
	margin-bottom: 0;
}
.details[open] {
	margin-top: 0;
	padding-bottom: 10px;
} 
.details-summary {
	display: block;
	padding: 15px;
    transition: .3s;
	transform: translateY(10px);
	background-color: #109141;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
    position: relative;
}
.details-summary:hover {
		cursor: pointer;
}
.details-summary::-webkit-details-marker {
	display: none;
}
.details[open] .details-summary {
	transform: translateY(0);
}

.details-summary::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
}

.details[open] .details-summary::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-2px) rotate(-45deg);
    box-sizing: border-box;
}

.details-content {
	padding: 20px;
	background-color: #E3F2E4;
	border-bottom: 2px solid #109141;
	border-left: 2px solid #109141;
	border-right: 2px solid #109141;
}
.details-content .colorBox{margin: 0;width:auto;background:none;}
.details-content .colordicBox{width:auto;}

#print_color_sample_ .colorlist{display:flex;flex-wrap:wrap;margin:0;}
#print_color_sample_ .colorlist .color_label{margin:0.5%;float:none;}
#print_color_sample_ .colorlist .color_label:nth-of-type(5n){
margin:0.5%;
}
.colordicBox{margin:0;background:none;}
.colorBox2 {
    width: 100%;
    margin: 0;
}
.colorchip{width:125px;}

.color_mainbox{margin:0;}

.tips_kata{
display:flex;
gap:20px;
background:#fff;
justify-content: space-around;
align-items: center;
margin:40px auto;
width:90%;
}
.tips_kata h3{border:none;width:200px;text-align:center;background:#fcee21;margin:0;padding:60px 0;}
.tips_kata p{padding:10px 20px 10px 0;font-size:18px;}

a.a_btn{display:block;margin:10px auto;width:250px;padding:10px 5px;font-size:16px;color:#fff;background:#109140;text-align:center;border-radius: 10px;position:relative;}
a.a_btn:hover{text-decoration:none;opacity:0.6;}

a.a_btn::after {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 20px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
}

.ink_box{
width: 94%;
margin: 40px auto;
padding: 20px;
}

.ink_box h3{border:none;color:#109141;}

.ink_box_in{background:#fff;padding:20px;margin-bottom:20px;}
.ink_box_in h4{padding-left:0;margin-top:0;}
.ink_box_in p{font-size:16px;margin:20px;}
.ink_box_in p span{background:#E3F2E4;padding:10px 40px;border-radius: 50px;margin-right:10px;}

.flex_area .zirei_box{background:#fff;width:49%;padding-bottom:20px;flex: auto !important;}
.zirei_box img{width:100%;}
.zirei_box h3{font-size:16px;margin:10px;border:0;padding:5px;display: flex;align-items: center;}
.zirei_box h3 strong{margin-right: auto;}
.zirei_box span{background:#E3F2E4;padding:5px;right:0;}

.zirei_box table.kakou{width:90%;margin:5% 5% 10px 5% !important;}
.zirei_box table th,.zirei_box table td{text-align:left;}

.kakou_box h4{font-size:14px;margin:0px;padding:5px;}
.kakou_box p{font-size:20px;padding:5px;}
.kakou_box {
    background: #E3F2E4;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #000;
    margin: 10px auto;
    width: 90%;
}
.zirei_box table.kakou th{width:140px;}

.g2{gap:10px;}

.sentaku_box{width:95%;background:#fff;display:flex;margin:20px auto;}
.sentaku_h3{background:#E3F2E4;align-items:center;display:flex;position: relative;
padding-right:40px;
clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
}

.sentaku_h3 h3{border:none;width:3em;color:#109140;}
.sentaku_in p{font-size:16px;margin:1.5em;}
.sentaku_in p img{margin-right:5px;}
.sentaku_in.settei_area p {text-indent:-2em;padding-left:3em;}

a img:hover{opacity:0.6;}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 30px solid #555555;
  border-bottom: 0;
  display:block;
  margin:20px auto;
}

.g_box{width:30%;background:#fff;border:2px solid #109140;padding:10px;border-radius: 20px;}
.g_box h4{padding:5px;}
.g_box p strong{font-size:24px;}

.most_embroidery{background:#fff;text-align:left;}
.most_embroidery h3{border:none;text-align:left;font-size:30px;}
.most_embroidery p{font-size:20px;text-align:left;padding:0 1.5em;line-height:1.2em;}
.most_embroidery p strong{font-size:26px;display:block;}
.most_embroidery p.txt{margin:5px;}

.shotai_box{background:#fff;border:2px solid #109140;padding:10px 20px;margin-bottom:20px;}
.shotai_box h4{border-bottom:1px solid #000;margin-bottom:0;margin-top:0;}
.shotai_box h4 img{margin-right:10px;}
.shotai_box h4 span{font-weight:normal;font-size:16px;margin-left:20px;}

.shotai_box .shotai_ttl{font-size:18px;padding-top:20px;}
.shotai_box .shotai_ttl span{background:#109140;padding:5px 30px;border-radius: 10px;color:#fff;margin-right:10px;}

.shotai_box .shotai_area img{margin:15px;}
.shotai_box .shotai_area p{margin:0 20px;}
.border-right{border-right:1px solid #000;margin-right:20px;}
.shotai_memo{background:#109140;padding:10px 30px;border-radius: 10px;color:#fff;text-align:center;margin:10px;font-size:14px;}

.shotai_box .colorBox{width:100%;}
.shotai_box .colorBox .colorchip{width:auto;}

.embroidery_positionbox{background:#E3F2E4;padding:20px;}
.embroidery_positionbox img{margin:20px auto;display:block;}

span.icon_shishu{background:#109140;color:#fff;padding:5px 25px;border-radius: 10px;font-size:24px;font-weight:normal;margin-right:20px;display:inline-block;}
.embroidery_positionbox div{width:80%;margin:20px auto;padding-top:20px;border-top:1px solid #aaa;}

.speechBubble dl{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.speechBubble dl dt{width:25%;font-size:16px;}
.speechBubble dl dd{width:71%;font-size:16px;}

table.kakou th.notd{background:none;border:none;}

.other_degital div{width:30%;margin:1.65%}
.other_degital div h4{margin-right:0;font-size:24px;padding-left:0;margin-bottom:10px;}
.other_degital div p{font-size:16px;}

.d_box{background:#fff;border:2px solid #109140;padding:10px;}
.d_box h4{padding:5px;margin-bottom:10px;}
.d_box p {margin-bottom:10px;}
.d_box p strong{font-size:24px;}

.harf{width:50%;}
.harf h4{text-align:center;}

.w_block{width:100px;height:100px;background:#fff;border:1px solid #a0a0a0;}
.r_block{width:100px;height:100px;background:#F58484;border:1px solid #F58484;}

.mitsumori_box{
background: #E3F2E4;
    padding: 10px;
    border-radius: 30px;
    margin: 10px auto;
    width: 90%;
}
.mitsumori_box h4{text-align:center;}
.mitsumori_box table{border-top:1px solid #000;width:100%;margin:20px auto;}
.mitsumori_box table td{font-size:20px;padding:10px 20px;}
.mitsumori_box table tr{border-bottom:1px solid #000}
.mitsumori_box table td.price{font-size:24px;color:#000;text-align:right;}

.degital_price_box{
background:#fff;
padding:20px;
width:90%;
margin:20px auto;
display:flex; 
gap:20px;
}
.degital_price_box div{width:50%;}
.degital_price_box p{text-align:center;font-size:16px;}
.degital_price_box p strong{font-size:32px;padding-top:20px;line-height:1.5;}
.degital_price_box p.text-left{text-align:left;}
.degital_price_box ul {padding: 0 0 0 2rem;}
.degital_price_box ul li{
list-style: disc outside;
font-size:16px;
}
.degital_price_box.noflex{display:block;}

p.ttl02{
display: inline-block;
width:180px;
font-size: 18px;
padding: 10px;
border-radius: 30px;
background: #109141;
color: #fff;
position: relative;
text-align: center;
margin: 2% 0;
}

h2{color:#1E5A34;border-bottom: #1E5A34 2px solid;padding-left:1em;padding-bottom:0.2em;margin-top:1em;font-weight:bold;}

h2 small{font-size:14px;display:block;}
h3{border-left:6px solid #109141;padding:0.2em 0.2em 0.2em 0.8em;font-weight:bold;margin-bottom:20px;}
h4{padding:0.2em 0.2em 0.2em 0.8em;font-weight:bold;font-size:24px;margin-bottom:20px;}
p.txt{font-size:18px;margin:20px;line-height:24px;}
.center{text-align:center;}

.bg_green{background:#E3F2E4;}

.halfbox_area{
display: flex;
gap: 10px;
margin-bottom:10px;
background:#fff;
}

.bgcolor_815A2B{background:#815A2B;}
.bgcolor_A38494{background:#A38494;}
.bgcolor_83A197{background:#83A197;}
.bgcolor_8CA3A8{background:#8CA3A8;}
.bgcolor_8D8EA0{background:#8D8EA0;}
.no_dic{padding:19px 0 !important;}

.f_area{display:flex;gap:20px;}

/*刺繍*/
span.indent{padding-left:1.2em;text-indent:-1.2em;display:block;}
.coloremchip {
    float: left;
    width: 148px;
    height:290px;
}
.colorchip{height:100px;}
.coloremchip img{border:2px solid #efefef;}
.coloremchip img:hover{border:2px solid #00A9A4;}

/*書体*/
.font-box{border:2px solid #a0a0a0;width:100%;padding-bottom:20px;margin-bottom:40px;background:#fff;}
.font-box h4{background:#a0a0a0;color:#fff;padding:10px;width:100%;margin-top:0;}
.font-box h4 span{font-size:14px;margin-left:10px;}
.font-box img{margin:0 5px;}

/*スタッフ*/
table.table_staff_price{
border:2px solid #109141;
border-collapse: collapse;
margin:20px auto !important;
}
table.table_staff_price th{text-align:center;font-size:18px;border: 1px solid #109141;padding:0 50px;}
table.table_staff_price td{text-align:center;border: 1px solid #109141;}

.flex_area{display:flex;}

.staff-box{width:100%;padding-top:20px;}
.staff-box h4{background:#109141;color:#fff;padding:10px;width:100%;margin-top:0;}
.staff-box h4 span{font-size:14px;margin-left:10px;}
.staff-box p.staff_price{font-size:18px;font-weight:bold;color:#c36;padding:5px 20px;}

div.t_box {
    width: 805px;
    height: 320px;
    background: url(https://img0.land-mark.biz/ut_img/public_images/guide/print_shurui/ut_guide_img_120.png) no-repeat;
}
div.t_box_in {
    padding: 50px 0 0 41px;
}

p.ti{font-size:20px;font-weight:bold;padding-left:10px;margin-bottom:5px;}
p.ti strong.no{color:#21b54e;margin-right:10px;}
p.ti strong.pop{color:#ff0000;margin-left:10px;}
p.font{margin-bottom:20px;}