@charset "UTF-8";


/*******************************

螳溽ｸｾCss

*******************************/
.page #hero{
    border-top-color: #d9b6dd;
}
.page #hero h1:after {
    content: url(../images/achievement_head_img01.png);
}

section {
    margin-bottom: 80px;
    overflow: hidden;
}

.sec01 p, .sec02 p{
    width: 480px;
    float: left;
}

.sec02 .txtWrap{
    width: 100%;
    overflow: hidden;
}

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

.sec01 p, .sec02 p{
    width: 100%;
    float: none;
        margin-bottom: 30px;
}

.sec01 img.float_r, .sec02 img.float_r{
    width: 100%;
    float: none;
}

}


/*******************************

下層サブナビゲーション

*******************************/
nav.aboutNav {
    /*background: url(../images/achievement_back.jpg) repeat;*/
	background-color: #d9b6dd;
}

nav.subNav ul {
    width: 988px;
}

nav.subNav li {
    width: 16%;
    letter-spacing: -0.02em;
	display: inline-block;
}

/*******************************

下層Bottomナビゲーション

*******************************/
ul.aboutBN {
    border: solid 2px #d9b6dd;
	background: #fef9e9;
}

ul.bottomNav li {
    float: left;
    width: 33%;
	max-width: 309px;
    margin: 10px 30px 10px 0;
    padding: 0;
}


li.aboutBN a {
	float: left;
    display: block;
    width: 100%;
    padding: 15px 10px;
	position: relative;
	background-color: #d9b6dd;
	border: solid 2px #d9b6dd;
	border-radius: 8px;
}

li.aboutBN a:after{
	content: ">";
	position: absolute;
	right: 10px;
}

ul.bottomNav {
	border-radius: 0;
	padding: 30px 0;
	width: 1018px;
	margin: 0 auto;
}

.b_nav{
	background-color: #F6EFF7;
}

.b_arrow{
	vertical-align: -1.5px;
    margin-left: 25px;
}


li.aboutBN.active a{
	color:  #d9b6dd;
	background-color: #FFFFFF;
	border: solid 2px #d9b6dd;
	border-radius: 8px;
}

@media screen and (max-width: 767px) {
	
	ul.bottomNav li {
		float: left;
		width: 100%;
		margin: 10px 0;
		padding: 0;
		max-width: none;
	}
	
	ul.bottomNav {
		width: 100%;
	}
}


/*-----------------------------
事例
-------------------------------*/
.box_case{
    clear: both;
    border: solid 3px #d9b6dd;
    border-radius: 10px;
    margin: 60px 0 40px 0;
    padding: 25px 40px;
}
.box_case h3:after{
    content: "";
    display: block;
    width: 148px;
    height: 1px;
    border-bottom: dotted 2px #ae997e;
    margin: 15px auto 30px;
}

.box_case ul{
    width: 860px;
    margin: 0px auto;
    overflow: hidden;
}

.box_case ul li{
    border-bottom: 1px dotted #cfcfcf;
    padding: 15px 0;
    background: url(../images/win_icon.png) left 50% no-repeat;
    padding-left: 50px;
}

@media screen and (max-width: 767px) {
    .box_case{
        float: none;
        margin: 25px 0;
        padding: 25px 30px;
    }

.box_case ul{
    width: 100%;
}



}