@charset "UTF-8";

/* #### ribon ####*/
#ribon {
	width: 100%;
	background-image: url("../img/about/con_back.jpg");
	position: relative;
}

/* ## index.php ## */
.baseBox .inner {
	max-width: 980px;
}


.brBox {
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
.brBox img {
	width: 100%;
	box-sizing: border-box;
}


/* ## basebox ## */
.baseBox.leftTitle, .baseBox.rightTitle {
	padding-top: 54px;
	padding-bottom: 54px;
}
.baseBox.leftTitle .boxF {
	width: 36%;
	box-sizing: border-box;
	float: left;
}
.baseBox.leftTitle .boxS {
	width: 64%;
	box-sizing: border-box;
	float: left;
}
.baseBox.leftTitle .cTitle hr, .baseBox.rightTitle .cTitle hr {
	margin: 44px 0 0 0;
}
.baseBox.leftTitle .boxS img, .baseBox.rightTitle .boxS img {
	width: 100%;
	vertical-align: bottom;
}
.baseBox.rightTitle .boxF {
	width: 40%;
	box-sizing: border-box;
	float: right;
}
.baseBox.rightTitle .boxS {
	width: 60%;
	box-sizing: border-box;
	float: right;
}
.baseBox video {
	width: 100%;
}


/* #### width 359px以下の場合の設定 (for SP Only) #### */
@media (max-width: 359px) {

/* ## index.php ## */
.spBox a {
	height: 224px;
}
	
}

/* #### width 360px～500pxの場合の設定 (for SP Wide Only) #### */
@media (min-width: 360px) and (max-width: 500px) {


}

/* ## width 501px～767pxの場合の設定 (for Tub Only) ## */
@media (min-width: 501px) and (max-width: 767px) {
	
/* ## index.php ## */

	
}

/* #### width 767px 以下の場合の設定 (for All Mobile Dvices) #### */
@media (max-width: 767px) {


/* ## basebox ## */
#con01.baseBox {
	padding-top: 114px;
}
	
.baseBox.leftTitle .boxF {
	width: 100%;
	padding-top: 0;
	float: none;
}
.baseBox.leftTitle .boxS {
	width: 100%;
	float: none;
}
.baseBox.leftTitle .cTitle hr, .baseBox.rightTitle .cTitle hr {
	margin: 28px auto 14px auto;
}
.baseBox.rightTitle .boxF {
	width: 100%;
	padding-top: 0;
	float: none;
}
.baseBox.rightTitle .boxS {
	width: 100%;
	float: none;
}
	
}

/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {


/* ## basebox ## */
.baseBox.nomalTitle .inner {
	max-width: 820px;
}
.baseBox.leftTitle .cTitle {
	text-align: left;
	padding-top: 0;
}
.baseBox.leftTitle .boxF {
	width: 40%;
	box-sizing: border-box;
	float: left;
}
.baseBox.leftTitle .boxS {
	width: 60%;
	box-sizing: border-box;
	padding: 0 0 0 84px;
	float: left;
}
.baseBox.rightTitle .cTitle {
	text-align: left;
	padding-top: 0;
}
.baseBox.rightTitle .boxF {
	width: 40%;
	box-sizing: border-box;
	float: right;
}
.baseBox.rightTitle .boxS {
	width: 60%;
	box-sizing: border-box;
	padding: 0 100px 0 0;
	float: right;
}
	
}

/* #### width 980px 以上の場合の設定 #### */
@media (min-width: 980px) {


}


/* #### width 1200px 以上の場合の設定 #### */
@media (min-width: 1200px) {


}