@charset "utf-8";

@import url(html5reset-1.6.1plus.css);	
@import url(common.css);	

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

.body_container {
	position:relative;
	width:100%;
	padding:75px 0 100px 0;
	background:url(../img/idx/c1_bg.jpg) no-repeat;
	background-position:center top;
	}
	@media screen and (max-width:768px){
	.body_container {
		padding:5% 0 10% 0;
		background:none
		}
	}


/*
----------------------------------------
 key
----------------------------------------
*/
.key_container {
	width:100%;
	height:513px;
	background:url(../img/idx/key.jpg) no-repeat;
	background-position:center top;
	}
	@media screen and (max-width:768px){
	.key_container {
		display:none;
		}
	.sp_key {
		margin:62px 0 0 0;
		width:100%;
		height:auto;
		border-bottom:1px solid #ccc;
		}
	.sp_key img {
		width:100%;
		height:auto;
		}
	}



/*
----------------------------------------
 C1
----------------------------------------
*/
.c1 {
	width:860px;
	padding:0 0 70px 0;
	}
.c1 .c1_list {
	width:18%;
	margin:0 0 3% 0;
	text-align:center;
	letter-spacing:0em;
	font-weight:bold;
	}
.c1 .c1_red {
	background:#f4c9bd;
	}
.c1 .c1_camel {
	background:#f1e4cb;
	}
.c1 .c1_brown {
	background:#d3c9c2;
	}
.c1 .c1_green {
	background:#d9ede2;
	}
.c1 h2 {
	padding:2% 0 0 0;
	text-align:center;
	}
	@media screen and (max-width:768px){
	.c1 {
		width:100%;
		padding:0 0 8% 0;
		}
	.c1 .c1_list {
		width:30%;
		margin:0 0 3% 0;
		text-align:center;
		letter-spacing:0em;
		font-size:85%;
		}
	.c1 h2 img {
		max-width:100%;
		height:auto;
		}
	}



/*
----------------------------------------
 C2
----------------------------------------
*/
.c2_wrap {
	padding:45px 0 55px 0;
	background:url(../img/idx/c2_bg.png) repeat-x;
	background-position:top;
	}
.c2 {
	width:860px;
	}
.c2 h2 {
	padding:0 0 2% 0;
	text-align:center;
	}
.c2 .titie_note {
	margin:0 0 5% 0;
	text-align:center;
	font-size:75%;
	color:#666;
	}
.c2 .idx_feedback {
	position:relative;
	width:180px;
	}
.c2 .idx_feedback h3 {
	position:absolute; top:150px;
	height:2.5em;
	padding:5% 0 4% 0;
	overflow:hidden;
	background: rgba(255,255,255,0.6);
    font-family: 'Noto Sans Japanese M';
	font-size:110%;
	line-height:1.5em;
	letter-spacing:0;
	color:#73543b;/*brown*/
	}
.c2 .idx_feedback p.exp {
	height:16.5em;
	overflow:hidden;
	padding:21% 0 0 0;
	font-size:80%;
	line-height:1.5em;
	}
.c2 .idx_feedback .img {
	position:relative;
	width:100%;
	height:180px;
	border-radius: 50%;  
	-webkit-border-radius: 50%;  
	-moz-border-radius: 50%;
	overflow:hidden;
	}
.c2 .idx_feedback .img img {
	position:absolute; top:0; left:0; right:0; bottom:0;
	margin:auto;
	width:auto;
	height:100%;
	}
.c2 .c2_btn {
	width:30%;
	margin:5% auto 0 auto;
	text-align:center;
	background:#73543b;/*brown*/
	border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}
.c2 .c2_btn a {
	display:block;
	padding:1% 0 1% 0;
	background:url(../img/aro00.png) no-repeat;
	background-position:left 15px top 50%;
	color:#fff;
	font-size:90%;
	font-family: 'sawarabi';
	} 
	@media screen and (max-width:768px){
	.c2_wrap {
		padding:8% 0 8% 0;
		background:url(../img/idx/c2_bg.png) repeat-x;
		background-position:top;
		}
	.c2 {
		width:100%;
		}
	.c2 h2 img {
		width:100%;
		height:auto;
		}
	.c2 .idx_feedback {
		position:relative;
		width:45%;
		margin:0 0 10% 0;
		}
	.c2 .idx_feedback .img {
		position:relative;
		width:100%;
		height:auto;
		border-radius:5px;  
		-webkit-border-radius:5px;  
		-moz-border-radius:5px;
		overflow:hidden;
		}
	.c2 .idx_feedback .img img {
		position:static;
		width:100%;
		height:auto;
		}
	.c2 .idx_feedback h3 {
		position:static;
		height:auto;
		padding:5% 0 5% 0;
		overflow:visible;
		background:none;
		font-family: 'Noto Sans Japanese M';
		font-size:110%;
		line-height:1.5em;
		letter-spacing:0;
		color:#73543b;/*brown*/
		}
	.c2 .idx_feedback p.exp {
		height:auto;
		overflow:auto;
		padding:0;
		font-size:80%;
		line-height:1.5em;
		}
	.c2 .c2_btn {
		width:100%;
		margin:0 auto 0 auto;
		text-align:center;
		background:#73543b;/*brown*/
		border-radius: 5px;  
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px;
		}
	.c2 .c2_btn a {
		display:block;
		padding:1% 0 1% 0;
		background:url(../img/aro00.png) no-repeat;
		background-position:left 15px top 50%;
		color:#fff;
		font-size:90%;
		font-family: 'sawarabi';
		} 
	}





/*
----------------------------------------
 C3
----------------------------------------
*/
.c3_wrap {
	padding:60px 0 70px 0;
	background:#fff;
	}
.c3 {
	width:860px;
	}
.c3 .c3_img1 {
	width:860px;
	height:500px;
	background:url(../img/idx/c3_image.png) no-repeat;
	}
.c3 h2 {
	padding:0 0 5% 0;
	text-align:center;
	}
.c3 .idx_genin {
	width:28%;
	}
.c3 .idx_genin .img {
	position:relative;
	width:100%;
	height:160px;
	margin:0 0 4% 0;
	overflow:hidden;
	border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}
.c3 .idx_genin .img img {
	position:absolute; top:0; left:0; right:0; bottom:0;
	margin:auto;
	width:auto;
	min-width:100%;
	height:100%;
	min-height:100%;
	}
.c3 .idx_genin .tit {
	margin:0 0 4% 0;
    font-family: 'Noto Sans Japanese B';
	font-size:130%;
	line-height:1.5em;
	letter-spacing:0;
	color:#73543b;/*brown*/
	}
.c3 .idx_genin .exp {
	font-size:80%;
	line-height:1.7em;
	}
	@media screen and (max-width:768px){
	.c3_wrap {
		padding:8% 0 8% 0;
		}
	.c3 {
		width:100%;
		}
	.c3 h2 img {
		max-width:100%;
		height:auto;
		}
	.c3 .c3_img1 {
		display:none;
		}
	.c3 .c3_img1_sp img {
		width:100%;
		height:auto;
		}
	.c3 .idx_genin {
		width:100%;
		margin:0 0 5% 0;
		padding:0 0 5% 0;
		border-bottom:1px dotted #ccc;
		}
	.c3 .idx_genin .img {
		position:relative;
		width:70%;
		height:auto;
		margin:0 auto 2% auto;
		}
	.c3 .idx_genin .img img {
		position:static;
		margin:auto;
		width:100%;
		min-width:100%;
		height:auto;
		min-height:auto;
		}
	.c3 .idx_genin .tit {
		margin:0 0 0% 0;
		font-family: 'Noto Sans Japanese B';
		font-size:120%;
		line-height:1.5em;
		}
	.c3 .idx_genin .exp {
		font-size:80%;
		line-height:1.7em;
		}
	}




/*
----------------------------------------
 C4
----------------------------------------
*/
.c4 {
	width:860px;
	padding:45px 0 70px 0;
	}
.c4 h2 {
	padding:0 0 2% 0;
	text-align:center;
	}
.c4 .idx_riyu {
	width:30%;
	}
.c4 .idx_riyu .img {
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 4% 0;
	}
.c4 .idx_riyu .img img {
	width:100%;
	min-width:100%;
	height:auto;
	}
.c4 .idx_riyu .tit {
	margin:0 0 4% 0;
    font-family: 'Noto Sans Japanese B';
	font-size:130%;
	line-height:1.5em;
	letter-spacing:0;
	color:#73543b;/*brown*/
	}
.c4 .idx_riyu .exp {
	font-size:80%;
	line-height:1.7em;
	}
	@media screen and (max-width:768px){
	.c4 {
		width:100%;
		padding:8% 0 8% 0;
		}
	.c4 h2 img {
		width:100%;
		height:auto;
		}
	.c4 .idx_riyu {
		width:100%;
		}
	.c4 .idx_riyu .img {
		position:relative;
		width:70%;
		height:auto;
		margin:0 auto 2% auto;
		}
	.c4 .idx_riyu .img img {
		width:100%;
		min-width:100%;
		height:auto;
		}
	.c4 .idx_riyu .tit {
		margin:0 0 2% 0;
		font-size:110%;
		}
	}




/*
----------------------------------------
 C5
----------------------------------------
*/
.c5_wrap {
	width:100%;
	height:554px;
	background:url(../img/idx/c5_bg.jpg) repeat-x;
	background-position:center top;
	}
.c5 {
	width:860px;
	height:554px;
	background:url(../img/idx/c5_image.png) no-repeat;
	}
	@media screen and (max-width:768px){
	.c5_wrap {
		width:100%;
		height:auto;
		background:none
		}
	.c5 {
		width:100%;
		height:auto;
		background:none;
		}
	}




/*
----------------------------------------
 C6
----------------------------------------
*/
.c6 {
	width:860px;
	padding:60px 0 40px 0;
	}
.c6 h2 {
	padding:0 0 4% 0;
	text-align:center;
	}
.c6 span {
	display:none;
	}
.c6 .c6_center {
	width:100%;
	min-height:375px;
	background:url(../img/idx/c6_center_title.png) no-repeat;
	background-position:center top;
	}
.c6 .c6_left {
	width:39%;
	float:left;
	padding:4% 0 0 0;
	}
.c6 .c6_left h3 {
	width:13%;
	float:left;
	}
.c6 .c6_left .body {
	width:80%; 
	float:right;
	}
.c6 .c6_left .body .img {
	width:100%;
	height:auto;
	margin:0 0 5% 0;
	}
.c6 .c6_left .body .img img {
	width:100%;
	height:auto;
	}
.c6 .c6_left .body .exp {
	padding:0 0 5% 0;
	font-size:80%;
	line-height:1.7em;
	}

.c6 .c6_right {
	width:39%;
	float:right;
	padding:4% 0 0 0;
	}
.c6 .c6_right h3 {
	width:13%;
	float:right;
	}
.c6 .c6_right .body {
	width:80%; 
	float:left;
	}
.c6 .c6_right .body .img {
	width:100%;
	height:auto;
	margin:0 0 5% 0;
	}
.c6 .c6_right .body .img img {
	width:100%;
	height:auto;
	}
.c6 .c6_right .body .exp {
	padding:0 0 5% 0;
	font-size:80%;
	line-height:1.7em;
	}
	
.c6 .more {
	width:100%;
	margin:5% auto 0 auto;
	text-align:center;
	background:#73543b;/*brown*/
	border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}
.c6 .more a {
	display:block;
	padding:1% 0 1% 0;
	background:url(../img/aro00.png) no-repeat;
	background-position:left 15px top 50%;
	color:#fff;
	font-size:90%;
	font-family: 'sawarabi';
	} 
	@media screen and (max-width:768px){
	.c6 {
		width:100%;
		padding:8% 0 8% 0;
		}
	.c6 h2 img {
		max-width:100%;
		height:auto;
		}
	.c6 span {
		display:none;
		}
	.c6 .c6_center {
		width:100%;
		min-height:auto;
		background:none;
		}
	.c6 .c6_left {
		width:100%;
		float:none;
		padding:2% 0 0 0;
		margin:0 0 5% 0;
		}
	.c6 .c6_right {
		width:100%;
		float:none;
		padding:2% 0 0 0;
		}
	}


/*
----------------------------------------
 C7
----------------------------------------
*/
.c7_wrap {
	width:100%;
	height:504px;
	padding:0 0 70px 0;
	background:url(../img/idx/c7_bg.png) repeat-x;
	background-position:center top;
	}
.c7 {
	width:860px;
	min-height:500px;
	background:url(../img/idx/c7_title.png) no-repeat;
	}
.c7 .exp {
	padding:17% 0 3% 30%;
	font-size:90%;
	line-height:2em;
	color:#666;
	}
.c7 .inline {
	width:700px;
	margin:0 auto;
	}
.c7 .idx_point {
	width:190px;
	text-align:center;
	}
	@media screen and (max-width:768px){
	.c7_wrap {
		border-top: 1px dotted #ccc;
		width:100%;
		height:auto;
		padding:8% 0 8% 0;
		background:none;
		}
	.c7 {
		width:100%;
		min-height:auto;
		background:none
		}
	.c7 .exp {
		padding:5% 0 5% 0;
		font-size:90%;
		line-height:2em;
		color:#666;
		}
	.c7 .inline {
		width:100%;
		margin:0 auto;
		}
	.c7 .idx_point {
		width:31%;
		text-align:center;
		}
	.c7 .idx_point img {
		width:100%;
		height:auto;
		}
	}



/*
----------------------------------------
 C8
----------------------------------------
*/
.c8 {
	width:860px;
	padding:60px 0 40px 0;
	background:url(../img/vline_dot.png) no-repeat;
	background-position:center 150px;
	}
.c8 h2 {
	padding:0 0 4% 0;
	text-align:center;
	}
.c8 .c8_left {
	}
.c8 .c8_left {
	width:42%;
	float:left;
	border-top:6px solid #d6ae59;
	}
.c8 .c8_right {
	width:42%;
	float:right;
	border-top:6px solid #d6ae59;
	}

.c8 .c8_right .img,
.c8 .c8_left .img {
	position:relative;
	width:100%;
	height:230px;
	margin:0 0 4% 0;
	overflow:hidden;
	border-bottom-right-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;  
	-webkit-border-left-right-radius: 5px;  
	-moz-border-bottom-left-radius: 5px;
	}
.c8 .c8_right .img img,
.c8 .c8_left .img img {
	position:absolute; top:0; left:0; right:0; bottom:0;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	min-width:100%;
	max-height:100%;
	}
.c8 .c8_right h3,
.c8 .c8_left h3 {
	margin:0 0 4% 0;
    font-family: 'Noto Sans Japanese B';
	font-size:120%;
	line-height:1.5em;
	font-weight:100;
	color:#73543b;/*brown*/
	}
.c8 .c8_right .exp,
.c8 .c8_left .exp {
	padding:0 0 5% 0;
	font-size:80%;
	line-height:1.7em;
	}
	@media screen and (max-width:768px){
	.c8 {
		width:100%;
		padding:8% 0 8% 0;
		background:none;
		}
	.c8 h2 img {
		max-width:100%;
		height:auto;
		}
	.c8 .c8_left {
		width:100%;
		float:none;
		border-top:none;
		margin:0 0 5% 0;
		border-bottom:1px dotted #ccc;
		}
	.c8 .c8_right {
		width:100%;
		float:none;
		border-top:none;
		}
	
	.c8 .c8_right .img,
	.c8 .c8_left .img {
		position:relative;
		width:70%;
		height:auto;
		margin:0 auto 4% auto;
		overflow:hidden;
		border-radius: 5px;  
		-webkit-border-radius: 5px;  
		-moz-border-radius: 5px;
		}
	.c8 .c8_right .img img,
	.c8 .c8_left .img img {
		position:static;
		margin:auto;
		width:100%;
		height:auto;
		max-width:100%;
		}
	}




/*
----------------------------------------
 News
----------------------------------------
*/
.news_container {
	position:relative;
	width:860px;
	height:300px;/*319*/
	padding:25px 0 0 0;
	background:url(../img/idx/news_bg.png) no-repeat;
	}
.news_container h2 {
	position:absolute; top:40px; left:50px;
	}
.news_container .news {
	width:550px;
	overflow:hidden;
	margin:0 0 0 250px;
	padding:1.7% 0 1.7% 0;
	background:url(../img/idx/news_dotline.png) repeat-x;
	background-position:bottom;
	}
.news_container .news .date {
	padding:0 0 0 4%;
	background:url(../img/idx/news_ic.png) no-repeat;
	background-position:left 50%;
	background-size:3%;
	color:#d6ae59; /*camel*/
	font-size:90%;
    font-family: 'Noto Sans Japanese B';
	}
.news_container .news .headnote {
	padding:0 0 0 4%;
	font-size:90%;
	}
	@media screen and (max-width:768px){
	.news_container {
		position:relative;
		width:99%;
		height:auto;
		padding:8% 0 8% 0;
		margin:0 0 10% 0;
		background:#fff;
		border:1px solid #ccc;
		}
	.news_container h2 {
		position:static;
		text-align:center;
		margin:0 0 5% 0;
		}
	.news_container h2 img {
		max-width:100%;
		height:auto;
		}

	.news_container .news {
		width:90%;
		overflow:auto;
		margin:0 auto 3% auto;
		padding:0 0 3% 0;
		background:url(../img/idx/news_dotline.png) repeat-x;
		background-position:bottom;
		}
	.news_container .news .date {
		padding:0 0 0 4%;
		background:url(../img/idx/news_ic.png) no-repeat;
		background-position:left 50%;
		background-size:3%;
		color:#d6ae59; /*camel*/
		font-size:90%;
		font-family: 'Noto Sans Japanese B';
		}
	.news_container .news .headnote {
		padding:0 0 0 4%;
		font-size:90%;
		}
	}



/*
----------------------------------------
 Index Side
----------------------------------------
*/
.idx_side_position {
	position:absolute; top:50px;
	width:100%;
	height:auto;
	}
.idx_side_container {
	position:absolute; top:0; right:0;
	width:220px;
	min-height:4800px;
	padding:25px 0 2% 0;
	background:#73543b;
	border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
	}
.sp_idx_side_container {
	display:none;
	}
	@media screen and (max-width:768px){
	.idx_side_position {
		display:none;
		}
	}