@charset "UTF-8";

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

.intro {
	font-size: 18px;
	text-align: center;
	margin-bottom: 18px;
}

#conMenu {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	position: absolute;
	top: 0;
	left: 0;
}
#conMenu a {
	color: #eeeeee;
}
#conMenu.fixed {
	background-color: rgba(12,82,136,0.74);
	position:fixed;
	top: 50px;
	left: 0;
	z-index: 9998;
}

.conTitle hr {
  border-top: 1px solid #0776b5;
  margin-top: 18px;
}

.table02 th {
	width: 24%;
}

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

/* massage */
#con01 {
	padding: 124px 0 84px 0;
	position: relative;
}
#con01 .inner p {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 24px;
}

#con01 .inner .bName {
	text-align: right;
	font-family: '游明朝', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 44px;
}
#con01 .inner .cName {
	background-color: rgba(255, 255, 255, 0.14);
	border-radius: 14px;
	padding: 24px;
}
#con01 .inner .cName h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
#con01 .inner .cName p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}

/* history */
.hisBox {
}
.hisBox h4 {
	font-size: 18px;
	line-height: 2;
	padding: 10px 0;
}
.hisBox th {
	width: 10%;
	line-height: 2;
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
}
.hisBox td {
	line-height: 2;
	padding: 10px 0;
}

/* dl.dt.dd 設定 */
.hisBox dd {
	border-bottom: solid 1px #6cbce3;
}

/* basebox */
.baseBox.leftTitle .boxF {
	width: 100%;
	box-sizing: border-box;
}
.baseBox.leftTitle .boxS {
	width: 100%;
	box-sizing: border-box;
	padding: 0 24px;
}
.baseBox.leftTitle .boxS .imgBox, .baseBox.rightTitle .boxS .imgBox {
	width: 100%;
	background-color: #dcdcdc;
	border-radius: 8px;
}
.baseBox.leftTitle .boxS .imgBox img, .baseBox.rightTitle .boxS .imgBox img {
	width: 100%;
	box-sizing: border-box;
	box-shadow: 14px 14px 0 #b7cfdf;
	vertical-align: bottom;
}
.baseBox .boxS .dlBox {
	padding: 40px;
}
.baseBox.rightTitle .boxS h4, .baseBox.leftTitle .boxS h4 {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	margin-bottom: 14px;
	padding: 8px 4px;
}
.baseBox.rightTitle .boxS h4:after, .baseBox.leftTitle .boxS h4:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	content: '';
	border-radius: 3px;
	background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
	background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
	background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}
.baseBox.rightTitle .boxS h5, .baseBox.leftTitle .boxS h5 {
	font-size: 15px;
	font-weight: bold;
	border-left: solid 4px #2b91ef;
	margin-bottom: 10px;
	padding: 0px 14px;
}

.baseBox.actBox {
	padding-bottom: 14px;
}
.baseBox.actBox h3.conTitle {
	font-family: '游明朝', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

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

/* ## index.php ## */


	
}

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

/* ## index.php ## */

}

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

#conMenu {
	padding: 6px 0;
}
#conMenu.fixed {
	padding: 4px 0;
	position:fixed;
	top: 50px;
}	
	
.intro {
	font-size: 14px;
	margin-bottom: 14px;
}

/* ## index.php ## */
	
/* massage */
#con01 {
	padding: 64px 14px 34px 14px;
}
#con01 .inner p {
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 14px;
}
#con01 .inner .bName {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 24px;
}
#con01 .inner .cName {
	padding: 14px;
}
#con01 .inner .cName h4 {
	font-size: 12px;
	margin-bottom: 4px;
}
#con01 .inner .cName p {
	font-size: 11px;
	line-height: 1.4;
}

/* history */
/* dl.dt.dd 設定 */
section#main dl {
}
section#main .hisBox dt {
	font-size: 13px;
	width: 100%;
	padding: 8px 0 0 0;
}
section#main .hisBox dd {
	margin: 0 ;
	padding: 8px 0;
}

.hisBox {
}
.hisBox h4 {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	padding: 0 0;
}
.hisBox th {
	width: 12%;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	padding: 8px 0;
	padding-left: 8px;
}
.hisBox td {
	font-size: 11px;
	line-height: 1.5;
	padding: 8px 0;
	padding-right: 8px;
}	

/* basebox */
.baseBox.leftTitle .boxS {
	padding: 0 14px 0 0;
}
.baseBox.rightTitle .boxS {
	padding: 0 14px 0 0;
}
.baseBox.leftTitle .boxS .imgBox, .baseBox.rightTitle .boxS .imgBox {
	border-radius: 8px;
}
.baseBox.leftTitle .boxS .imgBox img, .baseBox.rightTitle .boxS .imgBox img {
	box-shadow: 10px 10px 0 #b7cfdf;
}	
.baseBox .boxT {
	padding-top: 32px;
	padding-right: 8px;
	padding-left: 8px;
}
.baseBox .boxT p.tex {
	line-height: 2;
}
	
.baseBox.actBox {
	padding-bottom: 18px;
}

}


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

/* ## history.php ## */
/* dl.dt.dd 設定 */
section#main .hisBox dl {
}
section#main .hisBox dt {
	width: 100%;
	padding: 10px 0 0 0;
}
section#main .hisBox dd {
	margin: 0 ;
	padding: 10px 0;
}
	

/* basebox */
.baseBox.nomalTitle .inner {
	max-width: 980px;
}
.baseBox.leftTitle .cTitle {
	text-align: left;
}
.baseBox.leftTitle .boxF {
	width: 45%;
	box-sizing: border-box;
	float: left;
}
.baseBox.leftTitle .boxS {
	width: 55%;
	box-sizing: border-box;
	padding: 0 0 0 68px;
	float: right;
}
.baseBox.leftTitle .boxT {
	width: 45%;
	box-sizing: border-box;
	float: left;
}
	
.baseBox.rightTitle .cTitle {
	text-align: left;
}
.baseBox.rightTitle .boxF {
	width: 45%;
	box-sizing: border-box;
	float: right;
}
.baseBox.rightTitle .boxS {
	width: 55%;
	box-sizing: border-box;
	padding: 0 88px 0 0;
	float: left;
}
.baseBox.rightTitle .boxS p {
	line-height: 2.4;
	margin-bottom: 10px;
}
.baseBox.rightTitle .boxT {
	width: 45%;
	box-sizing: border-box;
	float: right;
}
.baseBox .boxT p.tex {
	line-height: 2.54;
}

}

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


}


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


}