@charset "utf-8";
/*CSS Document */
/*** スマホ　798px以下 **************/
/.about ._big_box {
    width: 100%;
	margin: 80px auto;}

.about .sub_h2{
	text-align: left;
	font-size:4rem;
	color:#28A7E1;
	width:100%;
	/margin:80px auto;
}


/*********代表挨拶**********/
//.sub_h2 {
    font-size: 2rem;
    font-weight: 200;
    line-height: 6rem;
}

/h2.sub_h2 {
	text-align: center;
    font-size: 2rem;
    font-weight: 600;
    line-height: 4.5rem;
	letter-spacing: 0.5rem;
	//width:90%;
	color:#0e81aa;
    margin: 0 auto;/******/
}

h2.sub_h2 span{
	display: inline-block;
	text-align: center;
	width: 100%;
	margin:0 auto;/******/
	color: #ffffff;
    opacity: 0.2;
    font-size: 7rem;/******/
    font-weight: 800;
    letter-spacing: 0.5rem;
    transform: scaleY(0.9);/******/
}

h2.color4 span{
	color: #0e81aa;
}

.about_con2{
	padding:50px 0;
	background-color: #0e81aa;
	color:#ffffff;
}

.about_con2 h2{
	color:#fff;
	margin-bottom:30px;
	font-weight: 400;
}


.about_con2 h3{
	text-align:center;
	font-size:2.2rem;
	margin:0;
	width:80%;
	margin: 0 auto;
	line-height: 4rem;
}

.about_con2 .in_box{
	width:85%;
	margin:50px auto 30px;
}

.about_con2 .in_box .right p{
		color:#ffffff;
	    font-size:1.5rem;
	    line-height:3.2rem;
}

.about_con2 .left{
	width:300px;
	margin: 50px auto;
}
.about_con2 img{
	width:100%;
}
.about_con2 .left p{
	width:100%;
	color:#ffffff;
	text-align:right;
}

/******会社概要*********/

.about_con .company{
	width:90%;
	margin:0 auto;
}

.company dl {
	text-align: left;	
display: flex;
flex-flow: row wrap;
width: 100%;
}
.company dt {
font-weight: bold;	
flex-basis: 100%;
padding: 15px 10px;
border-top: 1px solid #ccc;
color: #28A7E1;	
}
.company dd {	
flex-basis: 100%;
margin-left:10px;	
padding-bottom: 20px;
background-color: #fff;
font-weight: bold;	
}


/******所在地*********/
.access{
	background-color: #ededed;
	padding:40px;
	padding-bottom:70px;
}

.access .in_box {
	width:90%;
	    margin:50px auto;
}

.access .in_box .left img{
	display: block;
	width:100%;
	margin:50px auto;
}

.access .in_box .right ._1box{
	border-bottom:1px solid #0e81aa;
	padding-bottom:20px;
}

.access .in_box .right ._2box{
	padding-top:20px;
}


.access .in_box .right dt{
	font-weight: 600;	
	line-height: 4rem;
}

.access .in_box .right dd{
	margin-left:0;
	font-size: 1.5rem;
}

.access .sub_h2 span{
	color:#fff;
	opacity: 1;
}




/*******************************************/
/* 画面サイズ 798px～*/
@media screen and (min-width: 798px) {


h2.sub_h2 {
    text-align: left;
	margin:0 auto;
	margin-bottom:80px;
}

h2.sub_h2 span {
    font-size: 10rem;
    letter-spacing: 0.5rem;
    transform: scaleY(0.9);	
	}
	
.about_con2 h3 {
    font-size: 3rem;
    line-height: 4rem;
}	
	
	
.about_main .top_about .sub_h2_1 {
	font-size: 5rem;
	}
	
.about_con2 .in_box .right p {
	width:85%;
    font-size: 1.6rem;
    line-height: 4rem;
	margin:0 auto;
}	
	
		
.company dl {
text-align: left;	
display: flex;
/justify-content:space-around;	
width: 85%;
max-width:800px;	
margin: 0 auto;	
/font-size:1.9rem;	
line-height: 3rem;
font-weight: 500;
padding:40px 0;		
}
.company dt {
text-align: left;
flex-basis: 25%;
/padding: 15px 0;
border-top: 1px solid #ccc;
padding:40px 0;	
}

/.company dt span{
font-size:1.6rem;
margin-top:10px;
margin-bottom:10px;	
	}	
	
.company dd {	
flex-basis: 65%;
margin-left:10px;	
padding: 40px 0;
background-color: #fff;
border-top: 1px solid #ccc;	
}	
	
}





/* 画面サイズ 1074px～*/
@media screen and (min-width: 1074px) {


.access .in_box .right{
    width: 40%;

}		
	
	
}





/**************************************/
@media screen and (min-width: 1280px) {
	.company dl{
		max-width:800px;
	}
	
	.company dd{
		margin-left: 60px;
	}
	
	
}