@charset "UTF-8";

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


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

	
}

/* #### 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) {
	

	
}

/* #### width 767px 以下の場合の設定 (for All Mobile Dvices) #### */
@media (max-width: 767px) {
h3.cTitle {
	font-size: 24px;
}
.intro {
	font-size: 16px;
}
/* hejBox */
.hejBox {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	overflow: hidden;
}
.hejBox .hejbImg {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.hejBox .hejbImg img {
	width: 100%;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
.hejBox .hejbTex {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	font-size: 16px;
}
.hejBox .hejbTex h4 {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 24px;
}
.hejBox:nth-child(2n) .hejbImg {
	float: left;
}
.hejBox:nth-child(2n) .hejbTex {
	float: right;
}
.hejBox:nth-child(2n+1) .hejbImg {
	float: right;
}
.hejBox:nth-child(2n+1) .hejbTex {
	float: left;
}
.hejBox2 {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	overflow: hidden;
}
.hejBox2 .hejbImg2 {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.hejBox2 .hejbImg2 img {
	width: 100%;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	
}
.hejBox2 .hejbTex2 {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	text-align: left;
	font-size: 16px;
}
.hejBox2 .hejbTex2 h4 {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 24px;
}
.hejBox2:nth-child(2n) .hejbImg2 {
	float: right;
}
.hejBox2:nth-child(2n) .hejbTex2 {
	float: left;
}
.hejBox2:nth-child(2n+1) .hejbImg2 {
	float: right;
}
.hejBox2:nth-child(2n+1) .hejbTex2 {
	float: left;
}
	
.obtDetail {
	width: 300px;
	text-align: center;
	padding: 6px;
	border: solid 1px #444444;
	border-radius: 6px;
	margin-top: 10px;
	float: right;
}
.obtDetail a {
	color: #444444;
}
.obtDetail2 {
	width: 100%;
	text-align: center;
	padding: 6px;
	border: solid 1px #B3B3B3;
	border-radius: 6px;
	margin: 30px auto 0 auto;
	background-color: #F7F7F7;
	
}
.obtDetail2 a {
	color: #444444;
}
}

/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {
/* hejBox */
.hejBox {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	overflow: hidden;
}
.hejBox .hejbImg {
	width: 35%;
	text-align: center;
	box-sizing: border-box;
}
.hejBox .hejbImg img {
	width: 100%;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
.hejBox .hejbTex {
	width: 65%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	text-align: left;
}
.hejBox .hejbTex h4 {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 24px;
}
.hejBox:nth-child(2n) .hejbImg {
	float: left;
}
.hejBox:nth-child(2n) .hejbTex {
	float: right;
}
.hejBox:nth-child(2n+1) .hejbImg {
	float: right;
}
.hejBox:nth-child(2n+1) .hejbTex {
	float: left;
}
.hejBox2 {
	width: 100%;
	box-sizing: border-box;
	background-color: #ffffff;
	overflow: hidden;
}
.hejBox2 .hejbImg2 {
	width: 35%;
	text-align: center;
	box-sizing: border-box;
}
.hejBox2 .hejbImg2 img {
	width: 100%;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}
.hejBox2 .hejbTex2 {
	width: 65%;
	box-sizing: border-box;
	text-align: center;
	padding: 20px;
	text-align: left;
}
.hejBox2 .hejbTex2 h4 {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 24px;
}
.hejBox2:nth-child(2n) .hejbImg2 {
	float: right;
}
.hejBox2:nth-child(2n) .hejbTex2 {
	float: left;
}
.hejBox2:nth-child(2n+1) .hejbImg2 {
	float: right;
}
.hejBox2:nth-child(2n+1) .hejbTex2 {
	float: left;
}
	
.obtDetail {
	width: 300px;
	text-align: center;
	padding: 6px;
	border: solid 1px #444444;
	border-radius: 6px;
	margin-top: 10px;
	float: right;
}
.obtDetail a {
	color: #444444;
}
.obtDetail2 {
	width: 300px;
	text-align: center;
	padding: 6px;
	border: solid 1px #444444;
	border-radius: 6px;
	margin-top: 10px;
	float: left;
	overflow: hidden;
}
.obtDetail2 a {
	color: #444444;
}

}

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


}


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



}