@charset "UTF-8";

/***************************************************

	features

***************************************************/


#features_director{

}


#features_director .main_catch{
	font-size: 42px;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 70px;
}

#features_director .h2_wrapp{
	text-align: center;
	line-height: 1;
	margin-bottom: 60px;
}

#features_director .h2_wrapp h2{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

#features_director .h2_wrapp h2 small{
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #25914b;
}


#features_director .cont_wrapp{
	width: 605px;
	margin: 0 auto 120px;
}

#features_director .director_head{
	display: flex;
	margin-bottom: 50px;
}

#features_director .director_head .imae_box{
	width: 210px;
}

#features_director .director_head .text_box{
	width: calc(100% - 210px);
	padding-left: 20px;
	box-sizing: border-box;
	line-height: 1;
}

#features_director .director_head .text_box .post{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 24px;
}

#features_director .director_head .text_box .name{
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 32px;
}

#features_director .director_head .text_box .data{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}

#features_director .greeting_cont{
	margin-bottom: 80px;
}

#features_director .greeting_cont .cont_block{
	margin-bottom: 54px;
}

#features_director .greeting_cont .cont_block:last-of-type{
	margin-bottom: 0;
}

#features_director .greeting_cont .cont_block p{
	font-size: 16px;
	line-height: 1.8;
}

#features_director .greeting_cont .cont_block p.catch{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
}

#features_director .in_cont{
	display: flex;
	line-height: 1;
	margin-bottom: 60px;
}

#features_director .in_cont:last-of-type{
	margin-bottom: 0;
}

#features_director .in_cont .title{
	width: 148px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
}

#features_director .in_cont > ul{
	width: calc(100% - 148px);
}

#features_director .in_cont > ul > li{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
	padding-left: 22px;
	position: relative;
}

#features_director .in_cont > ul > li:last-child{
	margin-bottom: 0;
}

#features_director .in_cont > ul > li::before{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2030.1%2030.1%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%2325914b%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M15%2C0C6.7%2C0%2C0%2C6.7%2C0%2C15s6.7%2C15%2C15%2C15%2C15-6.7%2C15-15S23.4%2C0%2C15%2C0ZM7.9%2C14.2c-.6-.6-.6-1.4%2C0-2%2C.6-.5%2C1.4-.6%2C2%2C0l5.1%2C5.1%2C5.1-5.1c.6-.6%2C1.4-.6%2C2%2C0%2C.5.6.6%2C1.4%2C0%2C2l-6.1%2C6.1c-.6.6-1.4.6-2%2C0l-6.1-6.1Z%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
    top: 2px;
    left: 0;
    transform: rotate(-90deg);
}


#features_director .in_cont.history > ul > li{
	display: flex;
	line-height: 1.6;
}

#features_director .in_cont.history > ul > li::before{
    top: 6px;
}

#features_director .in_cont.history > ul > li .date{
	width: 75px;
}

#features_director .in_cont > ul > li a{
	color: #000;
}

#features_director .in_cont.certified{
	display: block;
}

#features_director .in_cont.certified .title{
	width: auto;
	margin-bottom: 18px;
}

#features_director .in_cont.certified > ul{
	width: auto;
	margin-left: 20px;
	line-height: 1.6;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#features_director .in_cont.certified > ul > li{
	padding-left: 1em;
}

#features_director .in_cont.certified > ul > li:first-child{
	padding-left: 0;
}

#features_director .in_cont.certified > ul > li::before{
	content: '/';
	display: inline-block;
	width: auto;
	height: auto;
	background-image: none;
    top: 0;
    left: 5px;
    transform: rotate(0);
}

#features_director .in_cont.certified > ul > li:first-child::before{
	content: none;
}





/********************************************************************************
	max-width: 1280px CSS
********************************************************************************/
@media (max-width: 1280px) {

#features_director{

}


#features_director .main_catch{
	font-size: 3.28125vw;
	margin-bottom: 5.46875vw;
}

#features_director .h2_wrapp{
	margin-bottom: 4.6875vw;
}

#features_director .h2_wrapp h2{
	font-size: 2.34375vw;
}

#features_director .h2_wrapp h2 small{
	font-size: 1.5625vw;
}


#features_director .cont_wrapp{
	width: 47.265625vw;
	margin: 0 auto 9.375vw;
}

#features_director .director_head{
	margin-bottom: 3.90625vw;
}

#features_director .director_head .imae_box{
	width: 16.40625vw;
}

#features_director .director_head .text_box{
	width: calc(100% - 16.40625vw);
	padding-left: 1.5625vw;
}

#features_director .director_head .text_box .post{
	font-size: 1.40625vw;
	margin-bottom: 1.875vw;
}

#features_director .director_head .text_box .name{
	font-size: 1.71875vw;
	margin-bottom: 2.5vw;
}

#features_director .director_head .text_box .data{
	font-size: 1.09375vw;
}

#features_director .greeting_cont{
	margin-bottom: 6.25vw;
}

#features_director .greeting_cont .cont_block{
	margin-bottom: 4.21875vw;
}

#features_director .greeting_cont .cont_block p{
	font-size: 1.25vw;
}

#features_director .greeting_cont .cont_block p.catch{
	font-size: 1.71875vw;
	margin-bottom: 1.5625vw;
}

#features_director .in_cont{
	margin-bottom: 4.6875vw;
}

#features_director .in_cont .title{
	width: 11.5625vw;
	font-size: 1.5625vw;
}

#features_director .in_cont > ul{
	width: calc(100% - 11.5625vw);
}

#features_director .in_cont > ul > li{
	font-size: 1.25vw;
	margin-bottom: 0.625vw;
	padding-left: 1.71875vw;
}

#features_director .in_cont > ul > li::before{
	width: 1.09375vw;
	height: 1.09375vw;
    top: 0.15625vw;
}

#features_director .in_cont.history > ul > li::before{
    top: 0.46875vw;
}

#features_director .in_cont.history > ul > li .date{
	width: 5.859375vw;
}

#features_director .in_cont.certified .title{
	margin-bottom: 1.40625vw;
}

#features_director .in_cont.certified > ul{
	margin-left: 1.5625vw;
}

#features_director .in_cont.certified > ul > li::before{
    left: 0.390625vw;
}





}

/********************************************************************************
	max-width: 1024px CSS
********************************************************************************/
@media (max-width: 1024px) {

}

/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/
@media (max-width: 768px) {

#features_director{

}


#features_director .main_catch{
	font-size: 7.466667vw;
	margin-bottom: 10.666667vw;
	text-align: center;
}

#features_director .h2_wrapp{
	margin-bottom: 8vw;
}

#features_director .h2_wrapp h2{
	font-size: 4.8vw;
}

#features_director .h2_wrapp h2 small{
	font-size: 3.733333vw;
}


#features_director .cont_wrapp{
	width: auto;
	margin: 0 auto 16vw;
}

#features_director .director_head{
	display: block;
	margin-bottom: 13.333333vw;
}

#features_director .director_head .imae_box{
	width: 210px;
	margin: 0 auto 5.333333vw;
}

#features_director .director_head .text_box{
	width: auto;
	padding-left: 0;
}

#features_director .director_head .text_box .post{
	font-size: 4.266667vw;
	margin-bottom: 4.8vw;
	text-align: center;
}

#features_director .director_head .text_box .name{
	font-size: 5.333333vw;
	margin-bottom: 6.4vw;
	text-align: center;
}

#features_director .director_head .text_box .data{
	font-size: 3.733333vw;
}

#features_director .greeting_cont{
	margin-bottom: 16vw;
}

#features_director .greeting_cont .cont_block{
	margin-bottom: 8vw;
}

#features_director .greeting_cont .cont_block p{
	font-size: 3.733333vw;
}

#features_director .greeting_cont .cont_block p.catch{
	font-size: 4.8vw;
	margin-bottom: 4.8vw;
	line-height: 1.6;
}

#features_director .in_cont{
	display: flex;
	line-height: 1;
	margin-bottom: 16vw;
}

#features_director .in_cont:last-of-type{
	margin-bottom: 0;
}

#features_director .in_cont .title{
	width: 25.6vw;
	font-size: 4.266667vw;
}

#features_director .in_cont > ul{
	width: calc(100% - 25.6vw);
}

#features_director .in_cont > ul > li{
	font-size: 3.733333vw;
	margin-bottom: 2.666667vw;
	padding-left: 4.266667vw;
}

#features_director .in_cont > ul > li:last-child{
	margin-bottom: 0;
}

#features_director .in_cont > ul > li::before{
	width: 3.2vw;
	height: 3.2vw;
    top: 0.533333vw;
}


#features_director .in_cont.history > ul > li{
	display: flex;
	line-height: 1.6;
}

#features_director .in_cont.history > ul > li::before{
    top: 1.6vw;
}

#features_director .in_cont.history > ul > li .date{
	width: 16.8vw;
	font-size: 3.733333vw;
}

#features_director .in_cont.history > ul > li .cont{
	width: calc(100% - 16.8vw);
	font-size: 3.733333vw;
}

#features_director .in_cont.certified .title{
	margin-bottom: 4.266667vw;
}

#features_director .in_cont.certified > ul{
	margin-left: 0;
}

#features_director .in_cont.certified > ul > li{
	padding-left: 1em;
}

#features_director .in_cont.certified > ul > li:first-child{
	padding-left: 0;
}

#features_director .in_cont.certified > ul > li::before{
    left: 1.333333vw;
}





}