@charset "UTF-8";

#section02 {
	background: transparent url('/common/img/bg/bg_pattern01.png') repeat 0 0;
}

	#section02 .comment_box {
		background: rgba(255,255,255,0.8);
		width: 100%;
		max-width: 470px;
		padding: 30px;
	}

		#section02 .comment_box .signature {
			margin: 30px 0 0;
		}

			#section02 .comment_box .signature strong {
				font-size: 22px;
				font-size: 2.2rem;
			}

	#section02 .contents_wrap {
		margin: 30px 0 0;
		padding: 30px 20px;
		background: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    1px 1px 2px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	}

		#section02 .contents_wrap.taishin_box {
			background: #fff url('/about/guidance/img/bg_guidance_001_pc.jpg') no-repeat right center;
			background-size: auto 100%;
			padding: 30px 35% 30px 30px;
		}

			#section02 .contents_wrap.taishin_box p {
				font-size: 14px;
				font-size: 1.4rem;
				margin: 0 0 0 0;
				text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 6px rgba(255, 255, 255, 1), 0px 0px 8px rgba(255, 255, 255, 1);
			}



/*モーダル2*/
.modal-overlay {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
    background-color:rgba(0,0,0,.5);
}

.modal-overlay (:target) {
	height:100%\9
} /* IE9,10 */

a.modal-open:hover {
	cursor:pointer;
}

.modal-content {
	max-width:800px;
    position:fixed;
    display:none;
    z-index:3;
    margin:10px;
    padding:15px;
	border-radius:20px;
    background:#fff;
}

.modal-content figure {
	width:auto;
	/*max-height:70vh;*/
	margin-top:30px;
}

.modal-content h1 {
	font-size: 24px;
	font-size:2.4rem;
}

.modal-content p {
	width: 100%;
	text-align:left;
	margin: 0 auto;
}

a.modal-close {
	position:absolute;
	top:7px;
	right:10px;
	color:#ccc095;
	font-size:33px;
	line-height:25px;
	text-decoration:none;
	}

a.modal-close:hover {
	cursor:pointer;
	opacity:.6
}

area{
  border:none;
  outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}


/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:768px) {
	#section02 {
		min-height: 500px;
	}

	#section02 .comment_box {
		max-width: inherit;
		margin: 20px 0 0;
		padding: 0 0 0 0;
	}

		#section02 .comment_box .signature {
			text-align: right;
		}

	h3{
		font-size: 120%;
	}

	.modal-content h1{
		font-size: 14spx;
		font-size: 1.4em;
	}

	.sp_img img{
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		tap-highlight-color: rgba(0, 0, 0, 0);
	}

}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	#section02 .contents_wrap.taishin_box {
		background: #fff url('/about/guidance/img/bg_guidance_001_sp.jpg') no-repeat center top;
		background-size: 100% auto;
		padding: 35% 20px 20px;
	}

		#section02 .contents_wrap.taishin_box p {
			font-size: 16px;
			font-size: 1.6rem;
		}
}