@charset "utf-8";
/*CSS Document */
/*** スマホ　798px以下 **************/

.about_main .top_about .sub_h2_1{
	text-align: center;
	font-size:3rem;
	color:#0e81aa;
	margin:80px auto;
}

/***about********************/
.top_about ul {
	width:100%;
	max-width:450px;
	margin:0 auto;/***確認********/
	text-align: center;
}

.top_about ul li{
	display:block;
	width:340px;
	height: 340px;
	margin:0 auto;	
}

.top_about ul li div{
	width:100%;
	height:100%;
	margin:30px auto;
	position: relative;/* ←文字の親要素に指定 */
}


/* 縦横比一定の正円 */
.inbox{
	position: relative;
}

.backshape3_wrap {
  width: 100% ;
  max-width:500px;

position: absolute;
	top:0;
	left: 0;
	z-index: -1;	
}
.backshape3{
  width : 100% ;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(238, 121, 54, 0.08));
  border-radius: 9999px;	
}

.top_about ul li h3,.top_about ul li img,.top_about ul li p{
	display: block;
	position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


.top_about ul li h3{
	color:#054d75;
	font-size:2.5rem;
	line-height:2rem;
	top: 4%;
}

.top_about ul li img{
	width:30%;
	margin: 0 auto;
	top: 35%;
}

.top_about ul li p{
	width:70%;
	margin: 0 auto;
	top: 72%;
}


/*********代表挨拶**********/
//.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);/******/
}

//.sub_h2 span{
	padding:0;
	display: block;
	width:100%;/******/
	font-size:8rem;
	font-weight:800;
	letter-spacing: 0.8rem;	
	transform: scaleY(0.9);/******/
	margin:0 auto;/******/
}

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;
}

/******Company*********/

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


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



/******所在地*********/
.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: center;
    font-size: 2.5rem;
    line-height: 6rem;
    letter-spacing: 0.5rem;
	margin-bottom:50px;
}

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;
width: 70%;
margin: 0 auto;	
font-size:1.9rem;	
line-height: 3rem;
font-weight: 500;		
}
.company dt {
text-align: center;
flex-basis: 30%;
padding: 15px 0;
border-top: 1px solid #ccc;
}

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

	.company dd span{
		font-size:1.6rem;
		margin-top:10px;
		margin-bottom:10px;
	}
	
.access .in_box {
    width: 80%;
	margin: auto;
}		
	
.access .in_box .left{
    width: 100%;
	max-width:575px;
	margin: auto;
}	
	
.access .in_box .left img {
    width: 100%;
    margin: 50px auto;
}	
	
.access .in_box .right{
    width: 100%;
	max-width:575px;
	margin: auto;
}		
	
	.access .in_box .right ._inbox{
		display: flex;
		justify-content: space-between;
	}
	
		.access .in_box .right ._inbox dl{
		width:45%;
	}
	
	
	
}





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


.about_main .top_about .sub_h2_1{
	text-align: center;
	font-size:5rem;
	color:#0e81aa;
	margin:80px auto;
}	
	
.top_about ul {
    width: 100%;
    max-width: 1500px;
    display: flex;
	justify-content: space-between;
}
	
	.top_about ul li{
	width:345px;
	height: 345px;	
	}	
	
.top_about ul li h3 {
    font-size: 2.5rem; 
	top:4%;
}	
	
.top_about ul li p {
font-size:1.5rem;
line-height:3rem;	
    top: 70%;
}	
	
.top_about ul li img {
    width: 28%;
    margin: 0 auto;
    top: 32%;
}	

.about_con2 .in_box{
	display: flex;
	justify-content:center;
	}
	
.about_con2 .in_box .left{
		width:30%;
	    margin:0;
	    max-width:400px;
	}	

.about_con2 .in_box .right{
		width:49%;
	max-width:800px;
	
	}		
	
	
.access .in_box {
display: flex;
justify-content: center;	
}		
	
.access .in_box .left{
    width: 40%;

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

}		
	
	
}





/**************************************/
@media screen and (min-width: 1280px) {
	
.top_about ul li{
	width:420px;
	height: 420px;	
	}	
	
	top_about ul li h3 {
    font-size: 3.5rem; 
	top:5%;
}	
	
.top_about ul li p {
font-size:1.6rem;
line-height:3.1rem;	
    top: 70%;
}	
	
.top_about ul li img {
    width: 31%;
    margin: 0 auto;
    top: 34%;
}	
	
	
	
}