@charset "utf-8";

/* COMMON */

body{
	margin:0;
	font-family: "Noto Serif JP", serif;
}
body * {
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold ;
}
h1{
	font-size:22px;
	color:#ffffff;
}
h2 {
	font-size : 1.9em ;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	text-align:center;
	color:#555;
}

h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #555;/*線の色*/
	border-radius: 0;/*線の丸み*/
}

h3{
	font-size:1.2em;
	line-height:2.2em;
	padding-left:0.2em;
	color:#555;
}

h4{
	font-size:1.2em;
	line-height:1em;
	text-align:left;
}
p {
	margin-bottom: 1.1em;
	margin-top: 0;
	font-size:1em;
	line-height:2.5em;
	color:#555;
}
a {
	border:none;
	text-decoration: none;
	color:#666;
}
a:link img, a:visited img {
	border: none;
}

strong{
	color:#CC3300;
}
ul,li{
	list-style:none;
	padding:0;
	color:#555;
}
div.clearFloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
.clearFloat {
	clear: both;
}


#wrapper{
	margin:0 auto;
}


header{
	background:url(../image/header.png);
	background-size:cover;
	padding:8em 0;
}


.header_title{
	margin:0 auto;
	text-align:center;
}

#box_wrap{
	text-align:center;
	margin:0 auto;
}

#introduction {
	width:auto;
	margin:2em;
}

.intro_box{
	border:2px #ccc solid;
	margin:2em auto;
	padding:2em;
}
.intro_box ul {
	text-align:left;
	list-style-type: none;
}
.intro_box li {
	position: relative;
	margin-left:3em;
	line-height:3em;
}
.intro_box li::after {
	content: '';
	display: block;
	position: absolute;
	top: 1em;
	left: -1.5em;
	width: 10px;
	height: 5px;
	border-left: 2px solid #25AF01;
	border-bottom: 2px solid #25AF01;
	transform: rotate(-45deg);
}

.intro_sub{						 				/* Introduction_sub */
	margin:0 auto;
}

.intro_sub h3{
	text-align:center;
}

.intro_sub h3:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 2px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #555;/*線の色*/
	border-radius: 0;/*線の丸み*/
}

.intro_sub_box h4{
	color:#777;
	border-bottom:#777;
	padding-bottom:1em;
}



.ind_menu{						 				/* Index_menu */
	font-size:0.8em;
}

.ind_box_contain{
	margin:1em;
}

.ind_box{
	margin:3em 1em;
}
.ind_box h4{
	margin-top:0;
}
.ind_box h4 span{
	color:#ddd;
	font-size:4em;
	line-height:1.5em;
}





.review_box{									/* Review */
	border:1px #ccc solid;
	border-radius:10px;
	margin:1em auto;
}

.review_box img{
	width:30%;
}
.review_box h3, .ind_menu h3{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	text-align:center;
}
.review_box h3:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: black;/*線の色*/
	border-radius: 0;/*線の丸み*/
}
.review_box p{
	text-align:left;
}
.person{
	text-align:right !important;
	font-size:0.8em;
}

#about{
	max-width:2000px;
	background:#eee;
	margin: 2em auto;
	padding:2em 0;
}

.about_table{
	margin:2em auto;
}

.about_table th,.about_table tr{
	padding:1em;
}

.about_table th{
	text-align:right;
}
.about_table td{
	text-align:left;
}

.right_con img{
	float:right;
	padding:5px;
}

.footer{													/* Footer */
	margin:0 auto 0;
	padding:2em 0;
	text-align:center;
	overflow: hidden;
}

.footer p{
	text-align:center;
	clear:both;
	font-size:0.5em;
}



@media screen and (min-width: 641px){				/* PCサイズ指定 */
.sp_view,.table_sp_view{
	display:none;
}
td.table_pc_view{
	width:30%
}



header,.head_top{
	width:100%;
}

#introduction{									/* INTRODUCTION 背景 */
	min-height:350px;
	margin:0 auto;
	text-align:center;

}

.intro_box{
	width:1000px;
	height:427px;
}
.intro_box_photo{
	float:right;
}

.intro_box_check{
	margin:5em 0 0;
}

#introduction p{
	line-height:2.5em;
}

.intro_sub{										/* Intro_sub */
	background:url(image/intro_sub_bg.jpg) no-repeat center;
	background-size:cover;

}
.intro_sub_box{
	max-width:1000px;
	margin:0 auto;
	clear:both;
	padding:2em 0;
}
.intro_sub_box img{
	width:200px;
	float:left;
	padding-right:2em;
}
.intro_sub_box h4{
	border-bottom:1px solid #ccc;
}


.ind_menu{									 	/* Index_menu */
	max-width:1000px;
	margin:1em auto;
}

.ind_box_contain{
	margin:0 auto;
	max-width:1000px;
	display:flex;
}
.ind_box{
	flex:1;
	margin:2em auto;
	max-width:250px;
	padding:20px;
}

.ind_box h4{
	text-align:center;
}

.ind_box_contain p{
	text-align:left;
	margin:0 auto;
	width:220px;
}

.border{
	border-bottom:2px dotted #ccc;
	padding:0;
	margin:0;
	height:1px;
}


.review{									/* Review */
	width:1000px;
	margin:0 auto;
}
.review_flex{
	display:flex;
	padding:10px;
}
.review_box{
	width:40%;
	padding:2em;
}



.text{
	text-align:left;
	margin:0 auto;
	max-width:800px;
}

.right_con img{
	width:200px;
}






}																				/* PCサイズ指定　終了 */






@media screen and (max-width: 640px){				/* SPサイズ指定 */
.pc_view,.table_pc_view{
	display:none;
}
td.table_sp_view{	
}
img{
	max-width:100%;
}

.header_title{
	width:60%;
	padding:0.2em 0;
}

.intro_box p{
	width:100%;
}
.intro_box h2{
	font-size:1.7em;
}
.intro_box p{
	background:rgba(255,255,255,0.8);
	margin:0.5em;
}

.intro_box_check{
	margin-top:2em;
}
.intro_sub{
	width:90%;
	margin:0 auto;
	text-align:center;
}

.intro_sub h3{
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	text-align:center;
}

.intro_sub h3:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: 60px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: black;/*線の色*/
	border-radius: 0;/*線の丸み*/
}


.intro_sub_box{
	margin: 3em auto;
}
.intro_sub_box img{
	width:50%;
	margin:0 auto;
}
.intro_sub h4{
	text-align:center;
	margin:1em 0 0.5em;
	border-bottom:1px solid #ccc;
	font-size:0.95em;
}
.intro_sub_box p{
	font-size:0.9em;
	text-align:left;
}

.ind_box_contain h4{
	text-align:center;
}
.ind_box{
	border-top:2px dotted #ccc;
}


.review_box{
	width:90%;
	margin:2em auto;
	padding:1em;
}
.review_box h3{
	width:90%;
	font-size:1.1em;
}

.review_box p{
	width:90%;
	margin:0 auto;
	font-size:0.9em;
}
.text{
	font-size:0.85em;
}

.right_con img{
	width:40%;
}

}																				/* SPサイズ指定　終了 */


p.copy{
	text-align:center;
	color:#4b4b4b;
	font-size:0.7em;
}

/* IE6用ハック */
* html, * html body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow-y: hidden;
}
 * html div#body-inner {
 height: 100%;
 overflow-y: scroll;
}
 * html div.page-back {
 position: absolute;
 right: 30px;
}

/* ハックでIE6,7のみに適用 */
html*.box {
	display: inline;
	zoom: 1;
}