@charset "UTF-8";

.roll-button {font-size: 20px;background-color: #e94527;border: 1px solid #e94527;}
.roll-button:hover {color: #e94527;}

.text-slider .subtitle {padding: 20px 50px 50px;}


dt {margin: 3em 0 1em;}
.span.wpcf7-list-item{margin: 0.5em 0 0.5em 2em;}
.post-template-post_nosidebar .content-area{width: 100%;max-width: unset;}

.slide-item-1 .roll-button {display: none;}
.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper {
	padding: 60px;
}


/* サービス案内 */
.br-pc {display:block;}
.br-sp {display:none;}

img.kaiketsu {position: absolute; right: 0;width: 120px;}
.inBox {margin: 15px;padding: 15px;border: solid 3px #e94527;}
.inBox p span.price {color: red;font-size: 1.5em;}
.inBox p {width: auto;text-align: center;}
.inBox p img {width: auto;}

.entry-button{border-radius: 50px 3px;}



@media only screen and (max-width: 1200px) {
img.kaiketsu {position: absolute; right: 0;width: 90px;}
.inBox h3 {font-size: 1.5em;}
}

@media only screen and (max-width: 991px) {
.br-pc {display:none;}
.br-sp {display:block;}
.ls-sp {letter-spacing: -0.1em;}

img.kaiketsu {position: absolute; right: 0;width: 140px;}
.inBox h3 {font-size: 2em;}
.inBox p img {width: 50%;}
}

@media only screen and (max-width: 767px) {
img.kaiketsu {position: absolute; right: 0;width: 90px;}
}

@media only screen and (max-width: 580px) {
img.kaiketsu {position: absolute; right: 0;width: 90px;}
.inBox h3 {font-size: 1.3em;}
}

@media only screen and (max-width: 380px) {
.br-pc {display:block;}
}


/* 発注の流れ */
.flowBox 	{width: 90%;margin: 0 auto;padding: 20px;border: solid 3px #e94527;color: #333;}
.flowBox h3 	{font-size: 30px;}
.flowBox span.orange {padding: 0 20px;font-size: 30px;color: #e94529;}
.flowBox p 	{font-size: 18px;padding: 20px;}
.arrow 		{text-align: center;width: 75%;margin: 0 auto;padding: 0;}
.arrow:after 	{font-family:"FontAwesome";content:"\f0d7";font-weight: 900;font-size: 70px;color: #f8c166;}


/* アコーディオン */
.cp_actab 	{position: relative;overflow: hidden;width: 100%;margin: 0 auto;color: #fff;}
.cp_actab input {position: absolute;z-index: -1;opacity: 0;}
.cp_actab label {font-size: 1em;font-weight: bold;line-height: 1.5;position: relative;display: block;padding: 1em 2em;cursor: pointer;margin: 0 0 1px 0;background: #d65050;}
.cp_actab .cp_actab-content {overflow: hidden;max-height: 0;-webkit-transition: max-height 0.5s;transition: max-height 0.5s;color: #333333;background: #eaeaea;}
.cp_actab .cp_actab-content p {margin: 1em 2em 2em;font-size: 16px; font-weight: normal;line-height: 1.5em;}
.cp_actab p 	{margin-bottom:0px;}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {max-height: 20em;}

/*チェックのアイコン（↓）*/
.cp_actab label::after{color: #fff;font-family:"FontAwesome";content:" \f078";position: absolute;top: 25%;right: 0;width: 2em;height: 3em;}
.cp_actab input:checked ~ label::after {color: #fff;font-family:"FontAwesome";content:" \f077";}

/* 特定商取引ページ */
TABLE.tokuteisyou {BORDER: #e3e3e3 1px solid;WIDTH: auto;MARGIN: 0 auto;BORDER-COLLAPSE: collapse;border-spacing: 0;}
TABLE.tokuteisyou TH {PADDING: 15px;BORDER-TOP: #e3e3e3 0px solid;BORDER-RIGHT: #e3e3e3 0px solid;BORDER-BOTTOM: #e3e3e3 1px solid;BORDER-LEFT: #e3e3e3 1px solid;FONT-WEIGHT: bold;BACKGROUND: #f5f5f5;WIDTH: 25%;LINE-HEIGHT: 120%;TEXT-ALIGN: right;}
TABLE.tokuteisyou TD {BORDER-TOP: #e3e3e3 0px solid;BORDER-RIGHT: #e3e3e3 0px solid;BORDER-BOTTOM: #e3e3e3 1px solid;BORDER-LEFT: #e3e3e3 1px solid;PADDING: 15px;FONT-SIZE: medium;WIDTH: 75%;TEXT-ALIGN: left;}
TABLE.logo {BORDER: 0px;WIDTH: 386px;border-spacing: 0}
TABLE.logo TH {PADDING: 5px;BORDER: medium none;BACKGROUND: none transparent scroll repeat 0% 0%;TEXT-ALIGN: left;}
TABLE.logo TD {PADDING: 5px;BORDER: medium none;FONT-SIZE: x-small;TEXT-ALIGN: left;}
TABLE.logo TD img {max-width: unset;}
.caption {font-weight:bold;text-align:left;}
.style1 {color: #FF0000}

@media only screen and (max-width: 767px) {
.text-slider .subtitle {padding: 15px 50px;}
.in-button {padding: 10px 30px; width: 100%;}
.greenBox,.blueBox,.arrow {width: 100%;}
TABLE.tokuteisyou TH {WIDTH: 100%;TEXT-ALIGN: left;border-bottom: none;border-left: none;display: block;}
TABLE.tokuteisyou TD {WIDTH: 100%;TEXT-ALIGN: left;border-left: none;display: block;}
TABLE.logo {WIDTH: 100%;}
TABLE.logo TH {width: 80px !important;float: left;}
TABLE.logo TD {width: 85px !important;float: left;}

}

TABLE.logo TH.cap {width: 100% !important;}


/* 営業日カレンダー */
.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
	display: none;
}
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
	line-height: 2.5em;
	height: 2.5em;
}
.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 1em;
}
.xo-event-calendar table.xo-month thead tr {
	padding: .75em 1em;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.xo-event-calendar {
	max-width: 24rem;
	margin: 0 auto;
}

.xo-event-calendar .month-event,
.xo-event-calendar .month-event-space {
	display: none;
}

.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 1em;
}
.xo-event-calendar table.xo-month .month-dayname td div,
.xo-event-calendar table.xo-month .month-week {
	line-height: 2.5em;
	height: 2.5em;
}

.xo-event-calendar table.xo-month thead tr {
	padding: .75em 1em;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

/* contents */
.entry-content .price {text-align:center;font-size: 2em;margin: 50px 0;}
.entry-content .price span {color: red;font-weight: bold;font-size: 1.1em;}

.balloon1{
  display: inline-block;
  position: relative;
  margin: 20px;
  padding: 20px;
  background: #217fc4;
  border-radius: 30px;
  color: #fff;
  font-size: 1.3em;
}
.balloon1::after{
  content: "";
  position: absolute;
  margin: 0;
  bottom: -30px;
  left: 30px;
  width: 0;
  height: 0;
  border-top: 45px solid #217fc4;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  transform: rotate(45deg);
}

/* form */
form h3{margin-top: 2em;}
dt {margin: 3em 0 1em;}
span.wpcf7-list-item {display: inline-block;margin: 0.5em 0 0.5em 2em;height: 20px;}
.wpcf7 .acceptance-text {margin-top: 5px;}
.wpcf7 .acceptance {padding: 5px 0 8px;width: 40%;border: 1px solid #e9e9e9;}
.wpcf7-form-control-wrap {vertical-align: text-top;}
.wpcf7 > form input[type="submit"][disabled], .wpcf7 > form input[type="submit"][disabled]:hover, .wpcf7 > form input[type="submit"][disabled]:focus {background-color: #999;border-color: #999;color: #fff;}

.wpcf7c-conf {border: none !important;background-color: #fff !important;}

@media screen and (max-width: 1200px) {
.wpcf7 .acceptance {width: 100%;padding: 5px 0 10px;}
textarea, input[type="text"]:not(.wpcf7-free-text), input[type="tel"], input[type="email"], input[type="url"] {width: 100%;}
}

.go-top.show {bottom: 85px !important;}