/*
Theme Name: 株式会社山喜
Author: 株式会社山喜
Author URI:
Description: 株式会社山喜
Version: 1.0
*/

/*====================================

全体指定

====================================*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size:14px;
	color:#333;
	line-height:1.6;
	background:url(images/common/header_bg.png) no-repeat center top;
	}

.wrapper{
	width:960px;
	margin:0 auto;
}

.left,.left_wrapper{
	width:660px;
	float:left;
}

.right,.right_wrapper{
	width:270px;
	float:right;
}

#simple-menu,#sidr{
	display:none;
}

.tellink{
	pointer-events:none;
	cursor: default;
	text-decoration:none;
	color:#3a2c2b;
}

.left{ width:670px; float:left;
}
.right{ width:265px; float:right;
}

.text_right{ text-align:right;}

/*----------------header----------------*/

header{
	width:960px;
	padding-top:25px;
	margin:0 auto;
}

header h1{
	margin-top: 25px;
	float:left;
}

header #h_tel{
	float:right;
	text-align:right;
}

#slide{
	width: 100%;
	margin: 0 auto;
	height:400px;
	background:url(images/home/mainimg_bg.jpg) repeat-x;
	text-align:center;
	}

.slide_02,.slide_03,.slide_04{ display:none;}

#second #slide{
	height:200px;
	background:url(images/home/mainimg_bg.jpg) repeat-x;
	text-align:center;
	}

/*----------------nav----------------*/

nav{
	height:59px;
	background:url(images/common/gnavi_bg.jpg) repeat-x;
	margin-bottom:40px;
	}

#second nav{
	margin-bottom:0;
}

nav>ul{
	width:960px;
	margin:0 auto;
}
nav>ul>li{
	width:140px;
	float:left;
	position:relative;
	}
nav>ul>li#gnavi_01{
	width:120px;
}
nav>ul>li>a{
	display:block;
	height:59px;
	text-indent:-9999px;
	background:url(images/common/gnavi.png) no-repeat;
}
nav>ul>li#gnavi_01>a{ background-position:0 0;}
nav>ul>li#gnavi_02>a{ background-position:-120px 0;}
nav>ul>li#gnavi_03>a{ background-position:-260px 0;}
nav>ul>li#gnavi_04>a{ background-position:-400px 0;}
nav>ul>li#gnavi_05>a{ background-position:-540px 0;}
nav>ul>li#gnavi_06>a{ background-position:-680px 0;}
nav>ul>li#gnavi_07>a{ background-position:-820px 0;}
nav>ul>li#gnavi_01>a:hover{ background-position:0 -59px;}
nav>ul>li#gnavi_02>a:hover{ background-position:-120px -59px;}
nav>ul>li#gnavi_03>a:hover{ background-position:-260px -59px;}
nav>ul>li#gnavi_04>a:hover{ background-position:-400px -59px;}
nav>ul>li#gnavi_05>a:hover{ background-position:-540px -59px;}
nav>ul>li#gnavi_06>a:hover{ background-position:-680px -59px;}
nav>ul>li#gnavi_07>a:hover{ background-position:-820px -59px;}

nav>ul>li ul{ position:absolute; background:#fdd9e9; width:140px; display:none;}
nav>ul>li ul li{ padding:8px 0 8px 5px;}
nav>ul>li ul li a{ color:#333; text-decoration:none; display:block; font-size:12px;}
nav>ul>li ul li a:hover{ color:#F69}

/*----------------footer----------------*/

footer{
	background:url(images/common/footer_bg.jpg) no-repeat center top;
	padding:20px 0 0 0;
	text-align:center;
	}
address{ text-align:center; padding:10px 0; background:#df8fb5; color:#fff; font-style:normal; font-size:12px;}

/*====================================

home

====================================*/

/*----------------#index_intro----------------*/

#index_intro{
	/*background:url(images/home/intro_bg.jpg) no-repeat right top;*/
	width: 510px;
	height:289px;
	margin-bottom:60px;
	padding-right: 450px;
	}
#index_intro h3{
	margin-bottom:20px;
	padding-left:30px;
}
#index_intro p{
	padding:0 0 15px 30px;
	}

/*----------------#index_about----------------*/

#index_about{
	background:url(images/home/about_bg.png) no-repeat center top;
	position:relative;
	padding-top:100px;
	padding-bottom:30px;
	margin-bottom:30px;
	}
#index_about h3{
	position:absolute;
	left:50%;
	top:-80px;
	margin-left:-82px;
	}
#index_about ul{
}
#index_about li{
	width:320px;
	float:left;
	text-align:center;
	margin-bottom:15px;
}

/*----------------#index_news----------------*/

#index_news{}
#index_news h3{}
#index_news ul{ padding:25px;}
#index_news ul li{ margin-bottom:15px;}
#index_news ul li time{ font-size:12px; color:#d897b4; margin-right:10px;}
#index_news a{ color:#333;}
#index_news a:hover{ color:#F69}

/*----------------#contact----------------*/

#contact{
	width:265px;
	height:298px;
	background:url(images/common/contact_bg.png) no-repeat;
	text-align:center;
	color:#fff;
	}
#contact h4{
	padding:30px 0 10px 0;
}

#contact p{ padding:10px 15px; text-align:left;}
#contact p.align_center{ text-align:center;}

/*----------------#index_contents----------------*/

#index_contents{ background:url(images/common/contents_bg.jpg) repeat; padding:20px 0; margin:30px 0;}
#index_contents div.contents_set{
	width:300px;
	background:#fff;
	border-radius:5px;
	margin:0 10px;
	float:left;
	font-size:12px;}
#index_contents div.contents_set a{ color:#333; text-decoration:none;}
#index_contents div.contents_set h4{ padding:10px 0 0 10px;}
#index_contents div.contents_set p{ padding:10px;}
#index_contents div.contents_set a:hover{ color:#f95ca3;}

/*----------------#index_access----------------*/

#index_access{ text-align:center; margin-bottom:30px;}
#index_access h3{ margin-bottom:20px;}

/*====================================

下層

====================================*/

#second_main{
	background:#fcfafa url(images/second/bg.png) repeat-x center top;
	padding-top:20px;
	padding-bottom:20px;
}

#bread{
	padding-bottom:20px;
	font-size:12px;
	color:#e65e9c;
	}
#bread a{
	color:#e65e9c;
}

#sidebar ul{
	margin-bottom:20px;
}
#sidebar ul li{
	height:100px;
	margin-bottom:3px;
}

.second_set_00{
	padding:10px;
	margin-bottom:30px;
}

.second_set_00 p,.second_set_02 p{
	overflow:hidden;
}

.second_set_01{
	background: url(images/second/price_bg.jpg) repeat;
	padding:10px;
	border:1px solid #e5e597;
	border-radius:5px;
	margin-bottom:30px;
}
.second_set_01 h3{
	background:url(images/second/h3.png) no-repeat;
	padding:8px 0 6px 20px;
	border:1px solid #fcd1e3;
	border-radius:3px;
	color:#ca4984;
	font-size:16px;
	margin-bottom:20px;
}

#second h3{
	background:url(images/second/h3.png) no-repeat;
	padding:8px 0 6px 20px;
	border:1px solid #fcd1e3;
	border-radius:3px;
	color:#ca4984;
	font-size:16px;
	margin-bottom:20px;
}

.second_set_02{
	background:#fff;
	padding:10px;
	border:1px solid #e5e597;
	border-radius:5px;
	margin-bottom:30px;
}
.second_set_02 h4{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:16px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}

.second_set_04>h4{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:16px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}

.subset_c2{
	width:300px;
	float:left;
	margin:10px;
	padding:6px;
	background:#fcedf4;
	border-radius:3px;
	border:1px solid #f2d9e5;
}

.second_set_05{
	margin-bottom:20px;
	padding:15px;
	border-radius:5px;
	background:url(images/second/faq_bg.png) repeat;
}

.second_set_05>h4{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:16px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}


/*----------------greeting----------------*/

.greeting_set_01{
	margin-bottom:30px;
}

.greeting_set_01 h3{
	margin-bottom:20px;
	background:none !important;
	border:none !important;
}

.greeting_set_01 p{
	padding:15px;
}

.greeting_set_02{
	padding:15px 30px;
	background:url(images/second/greeting_bg.jpg) no-repeat right bottom;
	border-radius:5px;
	margin-bottom:30px;
	text-align:center;
}

.greeting_set_02 h4{
	padding:20px 0;
}


/*----------------introduction----------------*/

.subset_c2_b>h4{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:16px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}

.subset_c2_b{
	width:300px;
	display:inline-block;
	vertical-align: top;
	margin:10px 8px 10px 10px;
	padding:6px;
	background: url(images/second/bg_pink.jpg) repeat;
	border-radius:3px;
	border:1px solid #f2d9e5;
}

/*----------------comapny----------------*/

.subset_access{
	width:280px;
	float:left;
	margin:10px;
	padding:6px;
	background:#fcedf4;
	border-radius:3px;
	border:1px solid #f2d9e5;
	font-size:12px;
}
.subset_access_last{
	width:280px;
	float:left;
	margin:10px;
	padding:6px;
	background:#fcedf4;
	border-radius:3px;
	border:1px solid #f2d9e5;
	font-size:12px;
}
.arrow{
	width:40px;
	text-align:center;
	float:left;
	padding-top:105px;
}
.subset_access img,.subset_access_last img{
	width:100%;
	height:auto;
}

.map{
	width:100%;
	height:auto;
}

/*----------------faq----------------*/

.faq_set{
	margin-bottom:20px;
	padding:15px;
	border:1px solid #dddacd;
	border-radius:5px;
	background:url(images/second/faq_bg.png) repeat;
}
.faq_q{
	padding:15px 0 20px 60px;
	background:url(images/second/icon_q.png) no-repeat;
	margin-bottom:10px;
}
.faq_a{
	padding:15px 0 20px 60px;
	background:url(images/second/icon_a.png) no-repeat;
}

/*----------------flow----------------*/

.flow_set{
	background:#fff;
	padding:10px;
	border:1px solid #e5e597;
	border-radius:5px;
	margin-bottom:30px;
}
.flow_set h4{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:20px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}

.arrow_down{ text-align:center; padding:0 0 15px 0;}


/*----------------追加css----------------*/
.hole_text01{
	max-width: 670px;
	width: auto;
	height: auto;
	margin: 0 auto 60px;
}
.staff_box{
	margin-top: 30px;
}
.subset_staff{
	width:194px;
	float:left;
	margin:10px;
	padding:6px;
	background:#fcedf4;
	border-radius:3px;
	border:1px solid #f2d9e5;
	font-size:12px;
}
.subset_staff:nth-child(2n){
	width:194px;
	float:left;
	margin:10px 0 10px 10px;
	padding:6px;
	background:#fcedf4;
	border-radius:3px;
	border:1px solid #f2d9e5;
	font-size:12px;
}
h4.staff_box_title{
	background:url(images/second/h4.png) no-repeat 0 50%;
	color:#333;
	font-size:16px;
	margin-bottom:15px;
	padding:5px 0 5px 25px;
	border-top:1px solid #ea99bb;
	border-bottom:1px solid #ea99bb;
}
h4.staff_title{
	font-size: 14px;
	text-align: center;
}

.flex_c{
    display: flex;
    justify-content: center;
}