@charset "utf-8";

.mainv {
		background: url(../img/about/mainv.jpg) top center no-repeat;
		background-size: cover;
}

#sec1 {
    border-top:  1px solid #000;
}
#sec1 .sec_inner {}
#sec1 .catch {
    font-size:  28px;
    font-weight:  bold;
    letter-spacing:  0.03em;
    margin-top: 42px;
    margin-bottom: 48px;
}
.sec1_01 {}
.sec1_01_l {
    width: 57.5%;
}
.sec1_01_l p {
    font-size:  15px;
    letter-spacing:  0.03em;
    line-height: 2;
}
.sec1_01_l .p01 {
    padding-left: 6px;
}
.sec1_01_l .name {
    margin-top:  30px;
    text-align:  right;
    line-height: 1.8;
}

.sec1_01_r {
    width: 38.45%;
    max-width: 400px;
}
.sec1_01_r figure {
    padding-top: 4px;
}
.sec1_01_r figure img {}



.ryakureki{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ryakureki dt{
    width: 120px;
    padding: 5px;
}

.ryakureki dd{
    padding: 5px;
    width: calc(100% - 120px);
}



/*---------------------------------------------------------
	w1200
---------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	
}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 680px) ,screen and (max-width: 737px) and (orientation: landscape) {

	.mainv {}

	#sec1 {}
	#sec1 .sec_inner {}
	#sec1 .catch {
    font-size: 16px;
    margin-top: 21px;
    margin-bottom: 24px;
	}
	.sec1_01 {}
	.sec1_01_l {
    order: 2;
    width:  100%;
	}
	.sec1_01_l p {
    font-size: 15px;
    line-height: 1.8;
	}
	.sec1_01_l .p01 {}
	.sec1_01_l .name {
    margin-top: 20px;
	}

	.sec1_01_r {
    width:  100%;
    order:  1;
		margin: 0 auto;
    margin-bottom: 20px;
	}
	.sec1_01_r figure {
    max-width:  400px;
    margin:  0 auto;
    padding:  0;
	}
	.sec1_01_r figure img {}


    .ryakureki{
    align-items: flex-start;
    }
    
    .ryakureki dt{
        width: 100px;
    }
    
    .yakureki dd{
        width: 100%;
    }
    

	
}