@charset "utf-8";
/*パンクズリスト*/
.panlist{
    margin-top: 25px;
}
.panlist li,.panlist li a{
    display: inline;
    margin: 0 5px 0 0;
}

/*mainview*/
.about_mainview{
    background-image: url("../images/about/about_mainview.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    width: 100%;
}
.about_mainview h1{
    text-align: center;
    font-size: 3.125rem;
    font-weight: 100;
    color: #fff;
}
.about_mainview p{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 100;
    margin: 5px 0 0;
    color: #fff;
}
.about_mainview .box{
    margin: 20px auto 0;
	width: 100%;
    padding: 0;
}
.about_mainview dd{
    display: inline-block;
    padding: 0;
    border: none;
}
.about_mainview .active a{
    background-color: hsla(55,100%,80%,0.80)
}
.about_mainview dd a{
    background-color: hsla(0,0%,100%,0.80);
    background-image: url("../images/about/yajirusi.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 10px 0 10px 34px;
    color: #176d37;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 600;
}

.about_mainview {
    margin: 20px 0 0;
    padding: 50px 0 0;
    height: 330px;
}

 /*section*/
section{
    position: relative;
    background-color: #e0ead9;
	margin: 0 0 80px;
}

section article{
    background-color: hsla(0,0%,100%,0.80);
    padding: 0 0 30px;
}

/*group*/
.group{
    position: relative;
    margin: 100px 0 0;
}
.group h2{
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 400;
    font-size: 2.25rem;
    color: #fff;
    background-color: #2cb9a5;
}
.group article h3{
    margin: 30px 0 0 300px;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 400;
	font-size: 1.65rem;
	padding: 10px 0;
}

.group dd{
text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.8;
	float: left;
}

.group .gap{
    margin: 20px auto 0;
}

.group .btn2 a{
	width: 470px;
}

/*about_us*/
.about_us{
    background-image: url("../images/about/con_navback.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
	margin: 55px 0 0;
}
.about_us .box{
    padding: 60px;
}
.about_us h2{
    text-align: center;
    font-size: 2.125rem;
    font-weight: 100;
    color: #fff;
}
.about_us p{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 100;
    margin: 5px 0 21px;
    color: #fff;
}
.about_us dd{
    float: left;
    width: 236px;
    height: 236px;
    background-color: hsla(0,0%,100%,0.84);
}
.about_us dd a{
    width: 100%;
    height: 100%;
}
.about_us dd img{
    display: block;
    margin: 0 auto;
}
.about_us dd span{
    background-image: url("../images/about/yajirusi.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #176d37;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 600;
    text-align: center;
    margin: 25px auto 0;
    display: block;
}
.about_us .active{
    background-color: hsla(55,100%,80%,0.80)
}

@media (min-width:1001px){
    /*パンクズリスト*/
    .panlist{
        margin-top: 25px;
    }
    
    /*mainview*/
    .about_mainview{
        margin: 20px 0 -110px;
    }
    .about_mainview dd{
        margin: 10px 0 0;
    }
	
	.about_mainview dd a {
    width: 235px;
}
	
	.about_mainview br{
		display: none;
    }
	
.about_mainview .box{
	width: 730px;
}	
	
    /*section*/	
	
section{
        padding: 112px 54px 54px;
    }	
section article {
    width: 1100px;
    height: 172px;
}
	
section dt {
    float: left;
    width: 90px;
    padding: 5px 10px;
	clear: both;
}	
    
    /*group*/
    .group h2{
        text-align: right;
        background-color: #2cb9a5;
        width: 100%;
        position: absolute;
        top: -2%;
        right: 50%;
        z-index: 1;
        padding: 34px 114px;
        margin: 0 240px 0 0;
    }
	
    .group img{
        float: left;
    }
	
	.group dl{
        float: left;
		padding: 20px;
    }
    .group p{
        margin: 35px 0 40px;
    }
	
	/*group04*/	
	section article.group04{
    width: 1100px;
    height: auto;
}
	
section article.group04 .expansion{
    width: 276px;
    height: auto;
}
	
section article.group04 .expansion img{
    max-width: 120%;
    height: auto;
}	
	
	.group .group04 dl{
		padding: 20px;
		float: left;
		width: 800px;
    }
	
	.group .group04 dt{
    clear: both;
    width: 90px;
    padding: 5px 10px;
}
	
	.group .group04 dd{
text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.8;
}
	
	.group .group04 .type{
		float: left;
		width: 760px;
		padding: 0 20px;
    }	
	
	.group .group04 .type dl{
		padding: 0;
		float: left;
		width: 700px;
    }
	
	.group .group04 .type dt{
    width: 100px;
    padding: 0 0;
	float: left;
	display: inline;
	clear: none;
	font-weight: 600;	
}
	
	.group .group04 .type dd{
	text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.4;
	float: left;
	display: inline;
	padding: 0 10px;
}
	
	.group .group04 .type dd.wide{
		width: 100px;
}
	
/*group05*/
	
	section article.group05 {
    height: auto;
		}
	
	.group .group05 dl{
		padding: 20px;
		float: left;
		width: 800px;
    }
	
	.group .group05 dt{
    clear: both;
    width: 90px;
    padding: 5px 10px;
}
	
	.group .group05 dd{
text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.8;
}
	
	.group .group05 .type{
		float: left;
		width: 760px;
		padding: 0 20px;
    }	
	
	.group .group05 .type dl{
		padding: 0;
		float: left;
		width: 700px;
    }
	
	.group .group05 .type dt{
    width: 100px;
    padding: 0 0;
	float: left;
	display: inline;
	clear: none;
	font-weight: 600;	
}
	
	.group .group05 .type dd{
	text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.4;
	float: left;
	display: inline;
	padding: 0 10px;
}
	
	.group .group05 .type dd.wide{
		width: 100px;
}
    
    /*about_us*/
    .about_us dd{
        margin: 0 8px 25px 0;
    }
    .about_us dd a{
        padding: 25px 25px 20px;
    }
	
	.about_us dd span.placement {
    text-align: right;
}
}
@media (max-width:1000px) {/*640px基準*/
    /*パンクズリスト*/
    .panlist{
        margin-top: 5px;
        padding: 10px 0 0;
        border-top: dotted 1px #000;
    }
    
      /*mainview*/
    .about_mainview{
        margin: 20px 0 120px;
        padding: 50px 0 30px;
    }
    .about_mainview dd{
        margin: 8px 14px 0;
        font-size: 1.35rem;
    }
    .about_mainview dd a{
        width:285px;
    }
	
	    /*section*/		
section article {
    width: auto;
    height: auto;
}
	
section dt {
    float: none;
    padding: 5px 10px;
	clear: both;
}	
    /*group*/
	
.group .box {
    width: auto;
    margin: 0 auto;
    position: relative;
}	
.group h2 {
    text-align: center;
    background-color: #2cb9a5;
    width: 50%;
    position: absolute;
    top: -1%;
    left: 0;
    z-index: 1;
    padding: 34px 10px;
}
	
    .group img{
        float: left;
		width: 100%;
		margin-bottom: 10px;
    }
	
	.group dl{
        float: left;
		padding: 20px;
    }
	
	section dt {
    float: none;
    padding: 5px 10px;
}
	
	section dt {
    padding: 0px 0px;
		font-weight: 600;
}
    .group p{
        margin: 35px 0 40px;
    }
	
.group article h3{
    margin: 10px 0 0 auto;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 400;
	font-size: 1.85rem;
	padding: 0 30px;
}	
	
	/*group04*/	
	section article.group04{
    width: auto;
    height: auto;
	padding-bottom: 60px;
}
	
section article.group04 .expansion{
    width: auto;
    height: 373px;
	overflow: hidden;
}
	
section article.group04 .expansion img{
    width: 100%;
	margin-bottom: 10px;
}	
	
	.group .group04 dl{
		padding: 20px;
		float: left;
		width: auto;
    }
	
	.group .group04 dt{
    clear: both;
    width: 90px;
}
	
	.group .group04 dd{
text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.8;
}
	
	.group .group04 .type{
		float: left;
		width: auto;
		padding: 0 20px;
    }	
	
	.group .group04 .type dl{
		padding: 0;
		float: left;
		width: auto;
		position: relative;
    }
	
	.group .group04 .type dt{
    width: auto;
    padding: 0 0;
	float: none;
	font-weight: 600;	
}
	
	.group .group04 .type dd{
	text-align: justify;
    margin: 0 20px 0 0;
    font-weight: 200;
    line-height: 1.4;
	float: left;
	display: inline;
}
	
	.group .group04 .type dd.wide{
		width: 110px;
}
	
	.group .group04 .type dd .placement{
	position: absolute;
	top: 60px;
	left: 0;
}	
	
/*group05*/
	
	section article.group05 {
    height: auto;
		}
	
	.group .group05 dl{
		padding: 20px;
		float: left;
		width: auto;
    }
	
	.group .group05 dt{
    clear: both;
    width: 90px;
}
	
	.group .group05 dd{
text-align: justify;
    margin: 0 auto;
    font-weight: 200;
    line-height: 1.8;
}
	
	.group .group05 .type{
		float: left;
		width: auto;
		padding: 0 20px;
    }
	
	.group .group05 .type dl{
		padding: 0;
		float: left;
		width: auto;
		position: relative;
    }
	
		.group .group05 .type dl.paprika{
	height: 90px;
    }
	
	.group .group05 .type dt{
    width: auto;
    padding: 0 0;
    float: none;
    font-weight: 600;	
}
	
	.group .group05 .type dd{
	text-align: justify;
    margin: 0 20px 0 0;
    font-weight: 200;
    line-height: 1.4;
	float: left;
	display: inline;
}
	
	.group .group05 .type dd.wide{
		width: 110px;
}
	
	.group .group05 .type dd .placement{
	position: absolute;
	top: 60px;
	left: 0;
}	
	

    /*about_us*/
    .about_us dd{
        margin: 0 24px 25px 0;
        font-size: 1.35rem;
    }
    .about_us dd a{
        padding: 25px 10px 20px;
    }
}