@charset "UTF-8";

.tbg {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	float: left;
	background-image: url(../img/top_bg02.jpg);
	width: 100%;
}

.tbg_06 {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	float: left;
	background-image: url(../img/top_bg06.jpg);
	width: 100%;
}

.tbg_07 {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	float: left;
	background-image: url(../img/top_bg07.jpg);
	width: 100%;
}

.tbg_08 {
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	float: left;
	background-image: url(../img/top_bg08.jpg);
	width: 100%;
}

.page_tbox01 {
	text-align: center;
	padding: 8% 0 10%;
}

.page_tbox02 {
	text-align: center;
	padding: 6% 0 12%;
}

.hoshou_t01 {
	width: 362px;
}

.top_hito {
	position: absolute;
	height: 95%;
	bottom: 0;
	right: 0;
	z-index: 1;
}

@media screen and (max-width: 768px) { /*tablet*/

.top_hito { display: none; }

}


@media screen and (max-width: 478px) { 

.page_tbox01 {
	text-align: center;
	padding: 7% 0 10%;
}

}

@media screen and (max-width: 400px) { 

.hoshou_t01 {
	width: 90%;
	padding: 1.0em 0;
}

}

/* top  ------------------------------------------------------------ */


.co001 {
	border: 3px solid #e7e7e7;
	display: flex;
	flex-wrap:wrap;
	margin: 3% 0 0;
}

.co001_l {
	width: 40%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.co001_l_i01 { background-image: url(../img/tokuchou_img01.jpg);}
.co001_l_i02 { background-image: url(../img/tokuchou_img02.jpg);}
.co001_l_i03 { background-image: url(../img/tokuchou_img03.jpg);}
.co001_l_i04 { background-image: url(../img/tokuchou_img04.jpg);}
.co001_l_i05 { background-image: url(../img/tokuchou_img05.jpg);}
.co001_l_i06 { background-image: url(../img/tokuchou_img06.jpg);}
.co001_l_i07 { background-image: url(../img/tokuchou_img07.jpg);}
.co001_l_i08 { background-image: url(../img/tokuchou_img08.jpg);}

.co001_r {
	width: 60%;
}

.co001_r_in {
	padding: 3% 14% 5%;
}

.co001_tn {
	font-size: 26px;
}

.co001_tt {
	font-size: 16px;
	line-height: 1.4;
	padding: 0 0 0.5em;
}

.co001_tt_s {
	font-size: 14px;
}


a.co001a {
	color: #4d4d4d;
}

a.co001a .co001 {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 12px 12px;
	background-image: url(../img/ya_cv03.png);
}

a:hover.co001a {
	text-decoration: none;
}

a:hover.co001a .co001 {
	background-color: #f7f7f7;
}

@media screen and (max-width: 768px) { /*tablet*/

.co001_l {
	width: 35%;
}

.co001_r {
	width: 65%;
}

.co001_r_in {
	padding: 3% 10% 5%;
}


}

@media screen and (max-width: 478px) { 

.co001_l {
	width: 100%;
}

.co001_r {
	width: 100%;
}

.co001_lp {
	padding: 20% 0;
}

.co001_r_in {
	padding: 3% 5% 5%;
}

}



/* page  ------------------------------------------------------------ */



.graf01 {
	width: 54%;
	margin: 0 23% 0;
}


.graf02 {
	width: 54%;
	margin: 0 23% 0;
}

.bg_list01 {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../img/bg_list01.jpg);
	width: 100%;
}

.bg_list01_ul {
	font-size: 16px;
	padding: 4em 0;
	margin: 1em 0 3em;
}


.bg_list01_ul li {
	background-repeat: no-repeat;
	background-position: left top 2px;
	background-image: url(../img/chuck01.png);
	background-size: 20px auto;
	padding: 0 0 1em 23px;
	font-family: "heisei-kaku-gothic-std",sans-serif;
	font-style: normal;
	font-weight: 500;
}

.bg_list01_ul li:last-of-type {
	padding: 0 0 0 23px;
}


.table_box1 {
	width:100%;
	padding: 0 0 0;
	font-size: 16px; }

.table_box1_in {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;}

.table_box1_in td {
	border: 1px solid #555555;
	padding: 0.8em 1.0em;
	text-align: center;}

.w_td_t02 {
	width: 26%;
}

.w_td_t01 {
	width: 37%;
}

.bg_td01 {
	background-color: #dae9f5; }

.bg_td02 {
	background-color: #efefef; }

.bg_td02_1 {
	background-color: #f7f7f7; }

.bg_td03 {
	background-color: #ceedda; }

@media screen and (max-width: 478px) {

.graf01,
.graf02 {
	width: 100%;
	margin: 0;
}

.bg_list01_ul {
	font-size: 16px;
	padding: 2em 1em;
	margin: 1em 0 2em;
}

.table_box1 {
	width:100%;
	padding: 0 0 0;
	font-size: 12px; }

}