/*notes*/
#contents .notes{
	font-size: 12px !important;
	    padding: 6px 0 0 !important;
	font-family: YakuHanJP, "Lato", 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Meiryo, "MS PGothic", Osaka, sans-serif !important;
	    line-height: 1.6 !important;
}
/* mobile用 */
@media screen and (max-width:768px) {
	#contents .notes{
		    font-size: 2.8vw !important;
	}
}
/*----------------
#contents .intro上書き
/*--------------*/

#contents .intro h2 .sub{
	display: inline-block;
	font-size: 26px;
	font-family:YakuHanJP_Noto, 'Roboto', "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #1a1a1a;
	position: relative;
}
#contents .intro h2 .sub:before,
#contents .intro h2 .sub:after{
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #1a1a1a;
	top: 50%;
}
#contents .intro h2 .sub:before{
	left: -55px;
}
#contents .intro h2 .sub:after{
	right: -55px;
}
#contents .intro .nav{
	border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
/* mobile用 */
@media screen and (max-width:768px) {
	#contents .intro h2 .sub{
		    font-size: 4.3vw;
	}
	#contents .intro h2 .sub:before,
	#contents .intro h2 .sub:after{
		width: 5vw;
	}
	#contents .intro h2 .sub:before{
		    left: -8vw;
	}
	#contents .intro h2 .sub:after{
		right: -8vw;
	}
}


#contents .point p{
	margin: 0 !important;
        padding: 0;
}


/*----------------
dcrpt
/*--------------*/
.dcrpt{
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
		    padding: 55px 0;
	    margin: 100px 0 0;
}
.dcrpt .prof{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;

}
.dcrpt .prof div.photo{
	width: 270px;
	text-align: right;
	position: relative;
}
.dcrpt .prof figure {
	width: 145px;
	position: relative;
	display: inline-block;
}
.dcrpt .prof figure:before{
	position: absolute;
	content: "";
	width: 138px;
	height: 138px;
	background-image: url("../img/serif.png");
	background-size: cover;
	top: -40px;
    left: -125px;
}
.dcrpt .prof div{
	width: 385px;
}
.dcrpt .prof div .name{
	    font-family: YakuHanJP, "Lato", 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Meiryo, "MS PGothic", Osaka, sans-serif !important;
	font-size: 16px !important;
	    line-height: 1.55 !important;
    padding: 0 !important;
    margin: 15px 0 0;
}
.dcrpt .prof div .name span{
	font-size: 14px !important;
	display: block !important;
}
.dcrpt .prof div .license{
	font-family: YakuHanJP, "Lato", 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Meiryo, "MS PGothic", Osaka, sans-serif !important;
	font-size: 14px !important;
	    padding: 0 !important;
    line-height: 1.8 !important;
    margin: 10px 0 0;
}
.dcrpt > p{
    padding: 0 !important;
    line-height: 1.8 !important;
    margin: 30px 0 15px;
}
.dcrpt > p.notes{
	margin: 0;
}

/* mobile用 */
@media screen and (max-width:768px) {
	.dcrpt{
		    margin: 12vw 0 0;
	}
	.dcrpt .prof{
		display: block;
	}
	.dcrpt .prof div.photo{
		    width: auto;
		    text-align: center;
	}
	.dcrpt .prof figure:before{
		width: 30vw;
    height: 30vw;
		    top: -10vw;
    left: -24vw;
	}
	.dcrpt .prof div{
		width: auto;
	}
}


/*----------------
memo
/*--------------*/
.memo{
	background-color: #f9f7ec;
	padding: 40px 60px 30px;
	margin: 40px 0 0;
}
#contents .memo > p{
	line-height: 1;
    margin: 0 0 4px !important;
    font-size: 16px;
}
.memo .link-pdf{
	width: 320px;
	margin: 30px auto 20px;
}
.memo .link-pdf a{
	font-size: 16px;
}
.memo .link-pdf a span{
	    right: 20px;
}
.memo ul li,
.memo ol li{
	font-size: 18px;
    line-height: 1.4;
	    letter-spacing: .08em;
	    padding: 16px 0;
	display: -webkit-box;
display: flex;
	-webkit-box-pack: start;
justify-content: flex-start;
}

.memo ul li small,
.memo ol li small,
.memo ul li span small,
.memo ol li span small{
	font-size: 16px;
}
.memo ul li span,
.memo ol li span{
	display: inline-block;
	margin: 0 0 0 .3em;
}
.memo ul li span.p-text,
.memo ol li span.p-text{
	color: #a77f98;
	margin: 0;
}
.memo ul li:before,
.memo ol li:before,
.memo ul li:after,
.memo ol li:after{
	display: none;
}
.memo ul li + li,
.memo ol li + li{
	border-top: 1px solid #a77f98;
}
/*チェックリスト*/
.memo ul li.check,
.memo ol li.check{
	display: block;
	position: relative;
	 padding: 16px 0 16px 37px;
}
.memo ul li.check:before,
.memo ol li.check:before{
	content: "" !important;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-image: url("../img/check.svg");
	background-size: cover;
}

/* mobile用 */
@media screen and (max-width:768px) {
	.memo{
		padding: 2vw 6vw 2.5vw;
		margin: 6vw 0 0;
	}
	#contents .memo > p{
		    margin: 4vw 0 0 !important;
    font-size: 3.7vw;
	}
	.memo .link-pdf{
		    width: 70vw;
		    margin: 4vw auto;
	}
	.memo .link-pdf a{
		padding: 2vw 6vw 2vw 2vw;
	}
	.memo .link-pdf a span {
		right: 2vw;
	}
	.memo ul li,
	.memo ol li{
		    font-size: 3.7vw;
		display: block;
	}
	.memo ul li span,
	.memo ol li span{
		display: block;
		margin: 0;
	}
	.memo ul li small,
	.memo ol li small,
	.memo ul li span small,
	.memo ol li span small{
		    font-size: 3.3vw;
		display: block;
	}
	.memo ul li.check,
	.memo ol li.check{
		    padding: 3vw 0 3vw 8vw;
	}
	.memo ul li.check:before,
	.memo ol li.check:before{
		    width: 5.1vw;
    height: 5.1vw;
	}
}


/*----------------
step-cont
/*--------------*/
.step-cont{
	    margin: 40px 0 0;
}
.step-cont section + section{
	    margin: 50px 0 0;
}
.step-cont section h4{
	font-size: 26px;
	    letter-spacing: .08em;
	position: relative;
	    padding: 0 0 0 4.5em;
	    line-height: 3.5;
	font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
	    margin: 0 0 20px;
}
.step-cont section figure{
	    margin: 25px 0 30px;
}
.step-cont section figure figcaption{
	    letter-spacing: 0.1em;
    margin: 5px 0 0;
}
.step-cont section h4:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 90px;
	height: 90px;
	    background-size: cover;
}
.step-cont section.step01 h4:before{
	background-image: url("../img/step-num01.svg");
}
.step-cont section.step02 h4:before{
	background-image: url("../img/step-num02.svg");
}
.step-cont section.step03 h4:before{
	background-image: url("../img/step-num03.svg");
}
.step-cont section.step04 h4:before{
	background-image: url("../img/step-num04.svg");
}
.step-cont section.step05 h4:before{
	background-image: url("../img/step-num05.svg");
}
.step-cont section.step06 h4:before{
	background-image: url("../img/step-num06.svg");
}
.step-cont section.step07 h4:before{
	background-image: url("../img/step-num07.svg");
}
.step-cont section.step08 h4:before{
	background-image: url("../img/step-num08.svg");
}
/* mobile用 */
@media screen and (max-width:768px) {
	.step-cont {
		margin: 10vw 0 0;
	}
	.step-cont section + section {
		margin: 10vw 0 0;
	}
	.step-cont section h4{
		margin: 0 0 6vw !important;
		padding: 0 0 0 19vw !important;
	}
	#contents .step-cont h4 + p{
		padding-top: 0;
	}
	.step-cont section h4:before{
		width: 16vw;
    height: 16vw;
	}
	.step-cont section figure {
		margin: 6vw 0 6vw;
	}
}
/*****/
.step-cont section.step02 figure{
	    margin: 45px 0;
}
.step-cont section.step04 .memo ul li span{
	margin: 0;
}
.step-cont section.step04 .memo ul li span.p-text{
	color: #d3bfcb;
}
.step-cont section.step05 .memo ol li span.p-text{
	    width: 8em;
}
.step-cont section.step06 .memo ol li span.p-text{
	    width: 7em;
}
.step-cont section.step08 figure + figure{
	    margin: 25px 0 70px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.step-cont section.step02 figure {
		margin: 8vw 0;
	}
	.step-cont section figure figcaption{
		    font-size: 3vw;
	}
	.step-cont section.step04 .memo ul li{
		    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
	}
	.step-cont section.step04 .memo ul li span{
		display: inline-block;
	}
	.step-cont section.step08 figure + figure{
		    margin: 6vw 0 10vw;
	}
}
/*****/


/*----------------
outro
/*--------------*/










/*----------------
.service
/*--------------*/
.service{
	background-color: #f6f2f5;
	    padding: 80px 0;
}
.service .c-normalw{
	    width: 696px;
	margin: 0 auto;
}
.service h3{
	color: #a77f98;
	font-size: 28px !important;
	font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
	    margin: 0 0 25px;
	text-align: center;
}
.service p{
	font-size: 18px;
	font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    margin: 0 0 40px;
	    text-align: center;
    line-height: 2;
}
.service p span{
	font-size: 14px;
	display: block;
}
.service .service_br{
	    margin: 50px 0 0 !important;
}

/* mobile用 */
@media screen and (max-width:768px) {
	.service{
		    padding: 10vw 0 6vw;
	}
	.service .c-normalw{
		width: auto;
		        padding: 0 6%;
	}
	.service p{
		    text-align: left !important;
		        font-size: 4vw;
	}
	.service p span{
		font-size: 3.2vw;
    margin: 2vw 0 0;
	}
	.service h3{
		    font-size: 5.4vw !important;
    line-height: 1.6;
		    margin: 0 0 4vw;
	}
	.tk-room p{
		font-size: 3.8vw;
	}
	.service .service_br{
		          margin: 6vw 0 0 !important;
	}
}