@charset "UTF-8";
/* -------------------------------------------------------------- */
/*  テンプレートページ（共通）  */
/* -------------------------------------------------------------- */
main {
	margin-bottom: 10rem;
}

p a {
	display: inline-block;
}

.ttl-h2 {
	/* background: url(../img/img-template-01.svg) no-repeat; */
	background-position: center top;
	padding: 0 0 1rem 0;
	background-size: 100px 90px;
	color: #5c3f21 !important;
}

.ttl-h3 {
	color: #666666;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
}

.ttl-h4 {
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 1.2em;
}

.box-text-contents {
	line-height: 1.8;
}

.box-text-contents ol {
	list-style-type: decimal !important;
}

.box-text-contents a, .box-template-05-txt a {
	display: inline-block;
	text-decoration: underline;
}

strong {
	font-weight: bold !important;
}

/* -------------------------------------------------------------- */
/*  smp  */
/* -------------------------------------------------------------- */
@media print, screen and (max-width:768px) {
	span.br::before {
		content: "\A" ;
		white-space: pre ;
	}
	
	#contents-wrapper {
		margin-bottom: 3rem;
	}
	
	#area-sub-header {
		height: auto !important;
		min-height: 80px;
	}
	
	.box-sub-ttl p {
		line-height: 1.5;
	}
	
	.area-pankuzu {
		margin: 1.2em 0;
		padding-left: 10px;
	}
	
	.area-template-02 {
		height: auto !important;
	}
	
	.area-width {
		padding: 0 10px;
	}
	
	.area-template-02 .box-txt-area {
		margin-top: -5%;
    	position: relative;
    	padding: 0 10px;
	}
	
	.area-width, .area-no-width {
		margin-bottom: 3rem;
	}
	
	.box-ttl-bg-left, .box-ttl-bg-right {
		height: 100% !important;
    	min-height: 80px;
	}
	
	.ttl-h2 {
		font-size: 2rem;
		line-height: 1.6;
	}
	
	.is-h2-mb {
		margin-bottom: 2rem;
	}
	
	.box-img-template-02 {
		width: 100%;
		overflow-x: hidden;
	}
	
	.box-img-template-02 img {
		width: 100%;
		max-width: none !important;
	    position: relative;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}
	
	.frame {
		display: inline-block;
		position: relative;
	}
	
	.frame:after {
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1));
	}
	
	.box-img-template-03 {
		text-align: center;
		margin-bottom: 2rem;
	}
	
	.ttl-h3 {
		font-size: 1.7rem;
		margin-top: 3rem;
	}
	
	ul.list-img-05 {
		margin: 3rem 10% 0 10%;
	}
	
	ul.list-img-05 li {
		margin-bottom: 1rem;
		text-align: center;
	}
	
	.box-06-contents {
		margin-bottom: 3.6rem;
	}
	
	.box-06-contents:last-child {
		margin-bottom: 0;
	}
	
	.box-img-template-06 {
		margin: 0 15% 3rem 15%;
		text-align: center;
	}
	
	.box-text-contents ol {
		padding-left: 10px;
	}

}

/* -------------------------------------------------------------- */
/*  タブレット補正  */
/* -------------------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:768px) {
	.area-template-02 .box-txt-area {
		margin-top: -5%;
	}
}

/* -------------------------------------------------------------- */
/* PC */
/* -------------------------------------------------------------- */
@media print, screen and (min-width:769px) {	
	#contents-wrapper {
		margin-bottom: 5rem;
		width: auto !important;
	}
	
	.box-text-contents ol {
		padding-left: 1em;
	}
	
	.area-width {
		width: 1000px;
		margin: 80px auto;
	}
	
	.area-pankuzu {
		width: 1000px;
		margin: 0 auto;
	}
	
	.area-no-width {
		margin: 45px 0;
	}
	
	.ttl-h2 {
		font-size: 2.4rem;
		line-height: 1.75;
	}
	
	.is-h2-mb {
		margin-bottom: 2rem;
	}
	
	.area-template-02 {
		position: relative;
		min-height: 420px;
		overflow: hidden;
	}
	
	.box-img-template-02 {
		width: 50%;
		min-height: 420px;
		position: absolute;
		right: 0;
	}
	
	.frame:after {
		position: absolute;
		display: block;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0.1) 60%);
	}
	
	.area-template-02 .box-img-template-02 img {
		height: auto;
		width: 100%;
		position: absolute;
    	top: 50%;
    	right: 0;
    	-webkit-transform: translate(0%,-50%);
    	-ms-transform: translate(0%,-50%);
    	transform: translate(0%,-50%);
	}
	
	 .area-template-02 .box-txt-area {
		position: absolute;
		width: 1000px;
		padding: 4rem 0;
		top: 50%;
    	left: 50%;
    	-webkit-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
    	transform: translate(-50%,-50%);
	}
	
	.area-template-02 .box-txt-in {
		width: 500px;
	}
	
	.box-img-template-03 {
		width: 500px;
		max-height: 460px;
		overflow: hidden;
	}
	
	.box-img-template-03 img {
		width: 100%;
	}
	
	.area-template-03 .box-txt-area, .area-template-04 .box-txt-area {
		width: 440px;
	}
	
	.ttl-h3 {
		font-size: 2rem;
		padding-bottom: 1rem;
		line-height: 1.75;
	}
	
	.area-template-04 .ttl-h3 {
		padding: 4rem 0 1rem 0 !important;
	}
	
	.box-template-05-txt {
		width: 800px;
		margin: 0 auto;
		text-align: center;
	}
	
	ul.list-img-05 {
		width: 920px;
		margin: 3rem auto 0 auto;
		text-align: center;
		font-size: 0;
	}
	
	ul.list-img-05 li {
		width: 32%;
		margin-right: 2%;
		display: inline-block;
	}
	
	ul.list-img-05 li:last-child {
		margin-right: 0;
	}
	
	.box-06-contents {
		width: 460px;
	}
	
	.box-img-template-06 {
		width: 200px;
		height: 200px;
		overflow: hidden;
	}
	
	.area-template-06 .box-txt-area {
		width: 240px;
	}
	
	.box-text-contents {
		text-align: center;
	}
}