@charset "utf-8";

/* ****************************************************
Title: css
---------------------------------------------------------------------------- */
.text_area section{
    width: 705px;
    margin: 0 auto;
}

body#secondary #pagebody h1.cont_bar em {
	display: block;
	line-height: 1;
font-size: 70%;
font-weight: normal;
}


.section .gallist {
	margin-bottom: 110px;
}

.section .gallist .style_bar span {
display: block;
}
.section .gallist .style_bar .enbar {
	padding-left: 10px;
	border-left: solid #627D84 5px;
font-size: 180%;
border-bottom: solid 1px #627D84;
line-height: 1.2;
color: #627D84;
}

.section .gallist .style_bar .jabar {
font-size: 100%;
padding-left: 15px;
}


.btn a {

    display: block;
    background-color: #2E2C28;
    color: #FFFFFF;
    width: 250px;
    text-align: center;
    padding: 3px 0;
    text-decoration: none;
    margin: 20px auto 0;
	position:relative;

}
.btn a:hover {
	opacity: 0.7;
}

.btn a:before {
	content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


.btn a i {

    padding: 5px 7px 0 0;

}

.wrap_cc{
	width:840px;
	padding: 100px 150px;
	margin: 0 auto;
}

body#secondary .wrap_cc h1.cont_bar {

    font-size: 150%;
    font-weight: bold;
    margin-bottom: 50px;

}

body#secondary .wrap_cc h1.cont_bar span{
  background: linear-gradient(transparent 60%, #E3E8E9 60%);
}

body#secondary .wrap_cc h1.cont_bar em {
	display: block;
	line-height: 1;
font-size: 70%;
font-weight: normal;
}


body#secondary .wrap_cc .re {
	flex-direction: row-reverse;
}

@media screen and (max-width: 740px) {
.text_area section{
    width: 100%;
}
.btn a {width: 80%;padding: 8px 0;}
/* sec01 */
.w100sp {width: 100%;}

.wrap_cc{width:90%;padding: 50px 5%;}
body#secondary .wrap_cc h1.cont_bar em{
	line-height: 2.5;}
body#secondary .wrap_cc .cbox_gallery .cbox_img {
	margin-bottom: 20PX;}
body#secondary .wrap_cc .cbox_gallery .cbox_img img,
body#secondary .wrap_cc .clearfix img {
	width: 100%;
}
body#secondary .wrap_cc .cbox_gallery .gallery_txt {
	margin-bottom: 20px;}
#cboxClose{
	right: 40%;
	width: 70px;
}
}