@charset "UTF-8";
/* CSS Document */

h2{
	margin: 40px 0;
}

h3 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 30px;
    text-align: center;
}

.faq-content {
	padding: 0 30px;
	margin-bottom: 80px;
}

.faq-text p{
	text-align: left;
	margin-bottom: 40px
}

.anchor { 
	text-align: center;
    margin-bottom: 80px;
	}

.a-price {
	font-weight: bold;
	margin-bottom: 40px;
}

.a-design {
	font-weight: bold;
    margin-bottom: 40px;
}


.a-other {
	font-weight: bold;
}

.a-price:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -4px 10px 0 0;
    background: url("../img/faq/price_ico.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.a-design:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -4px 10px 0 0;
    background: url("../img/faq/pencil_ico.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.a-other:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -4px 10px 0 0;
    background: url("../img/faq/faq_ico.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}

#price .a-price {
	margin-bottom: 40px;
    text-align: center;
}

#price {
	margin-bottom: 100px;
}

#design .a-design {
	margin-bottom: 40px;
    text-align: center;
}

#design {
	margin-bottom: 100px;
}

#other .a-other {
	margin-bottom: 40px;
    text-align: center;
}
/*アコーディオンここから*/
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	border-bottom: solid 1px #727171;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
font-weight: bold;
    line-height: 2;
    position: relative;
    display: block;
    cursor: pointer;
    background: #fff;
    color: #505050;
    text-align: left;
    padding: 2.5em 3em;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #505050;
	text-align: left;
}
.cp_actab .cp_actab-content p {
    padding: 0em 2.5em 2.5em 3em;
    line-height: 2.4;
}

.p-b-1 {
	padding-bottom: 1em !important;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 100em;
}
/* Icon */
.cp_actab label::before {
	font-family: 'EB Garamond', serif;
    line-height: 3;
    position: absolute;
    top: 36%;
    left: 0;
    display: block;
    content: 'Q.';
}

.cp_actab p::before {
font-family: 'EB Garamond', serif;
    font-weight: bold;
    line-height: 4;
    position: absolute;
    top: 90px;
    left: 0;
    display: block;
    content: 'A.';
}

.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 36%;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}

.s-t-120 p::before {
    top: 120px;
}

.s-t-150 p::before {
    top: 150px;
}

.s-t-180 p::before {
    top: 180px;
}

.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}
/*アコーディオンここまで*/
.f-w-b {
	font-weight: bold;
}

.f-s-13 {
	font-size: 13px;
}

.reference-items {
	padding-bottom: 3em;
    text-align: center;
}

.reference-img img {
	max-width: 200px;
}
.number {
	    text-align: center;
    font-size: 22px;
}

#design .cp_actab .cp_actab-content a {
	text-decoration: underline;
}

@media screen and (max-width:360px) {
    /*　画面サイズが360pxまではここを読み込む　iPad表示*/
	.sm-t-150 p::before {
    top: 150px;
}
	
	.sm-t-180 p::before {
    top: 180px;
}
	.sm-t-210 p::before {
    top: 210px;
}
}

@media screen and (min-width:760px) {
    /*　画面サイズが760pxからはここを読み込む　PC画面表示*/
	
	.faq-content {
		width: 85%;
    	margin: 0 auto 100px;
		padding: 0;
		text-align: center;
	}
	
	.faq-text p{
	margin-bottom: 60px
}
	.a-price {
	margin-bottom: 0px;
}

.a-design {
    margin-bottom: 0px;
}
	
	
	.m-r-60 {
		margin-right: 60px;
	}
	
	.anchor {   
		display: flex;
    justify-content: center;
	}
	
/* アコーディオン */
	.cp_actab label {
    padding: 2.5em 4em 2.5em 3em;
		
	}	

.cp_actab input:checked ~ .cp_actab-content {
	max-height: 60em;
}
	.cp_actab .cp_actab-content p {
    padding: 0em 2.5em 2.5em 3em;
	padding: 0 4em 2.5em 3em;
}
	.cp_actab label::after {
	top: 28%;
}
	.cp_actab label::before {
    top: 28%;
}
	
	.t-90 p::before {
    top: 90px;
}
	.t-120 p::before {
    top: 120px;
}
			/* アコーディオン */
	
	.m-r-22 {
	margin-right: 22px;
}
	
	.reference-items {
	display: flex;
	    justify-content: center;
	}
}



@media screen and (min-width:961px) {
    /*　画面サイズが961pxからはここを読み込む　大きいPC画面表示*/
	
.cp_actab p::before {
    top: 90px !important;
}
	.p-t-120 p::before {
    top: 120px !important;
}
}
	@media screen and (min-width:1400px) {
    /*　画面サイズが1400pxからはここを読み込む　大きなPC画面表示*/
		
	.faq-content {
		max-width: 1000px;
		}

}