@charset "utf-8";

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ui_font_yu_go {
	font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}
.ui_title_1 h1{
	margin-left: -10px;
	margin-right: -10px;
}
.ui_btn_secu{
	max-width: 300px;
}
.ren_td_col01 {
    width: 300px;
}
.ui_menu_list>li{
	margin: 0 18px;
}
.ui_menu_list>li.ui_menu_bdr a{
	padding-left: 40px;
	padding-right: 40px;
}
.about_list{
	white-space: pre-line;
	word-wrap: break-word;
}
.about_list > dl > dt{
	flex-basis: 12em;
}
.about_list > dl > dd{
	padding: 3% 5%;
	flex-basis: calc(100% - 12em);
}
.about_mark_list{
	align-items: flex-start;
}
.about_list > dl > dd > dl > dt{
	flex-basis: 18em;
}
.about_list > dl > dd > dl > dd {
    flex-basis: calc(100% - 18em );
}
.history_table{
	margin-bottom: 120px;
}
.history_table th{
	text-align: center;
}
.history .page_bnr{
    background-image: url(../img/company/history/main_bg_pc.jpg);
    background-image: -webkit-image-set(url(../img/company/history/main_bg_pc.jpg) 1x, url(../img/company/history/main_bg_pc@2x.jpg) 2x);
    background-image: image-set(url(../img/company/history/main_bg_pc.jpg) 1x, url(../img/company/history/main_bg_pc@2x.jpg) 2x);
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
    .history .page_bnr{
        background-image: url(../img/company/history/main_bg_sp.jpg);
        background-image: -webkit-image-set(url(../img/company/history/main_bg_sp.jpg) 1x, url(../img/company/history/main_bg_sp@2x.jpg) 2x);
        background-image: image-set(url(../img/company/history/main_bg_sp.jpg) 1x, url(../img/company/history/main_bg_sp@2x.jpg) 2x);
    }
}
.group .ui_btn-whiteS{
	width: 200px;
	padding-bottom: 15px;
}


/*contact*/

@media screen and (min-width:768px) {
	#CONTENTS_AREA #FORM_AREA td label {
		display: inline-flex;
		align-items: center;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(8) label{
		display: flex;
		margin-bottom: 15px;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(8) input[type="text"] {
		margin-left: auto;
	    width: 250px;
	}
	#CONTENTS_AREA #FORM_AREA .ctc_tr_name label{
		width: 45%;
	}
	#CONTENTS_AREA #FORM_AREA .ctc_tr_name label:first-child{
		margin-right: 10%;
	}
	#CONTENTS_AREA #FORM_AREA .ctc_tr_name input{
		width: 70%;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(5) .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(5) .inner input[type=text]{
		width: 28%;
	}
	form > footer .ctc_submit,
	form > footer input[type=submit]{
		max-width: 550px;
	}
	.ctc_firm_btn .ctc_submit{
		max-width: 400px !important;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) {
	#CONTENTS_AREA #FORM_AREA .ctc_tr_name label{
		margin: 10px 0;
		display: flex;
		justify-content: space-between;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(5) .inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(5) .inner input[type=text]{
		width: 25%;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(8) label{
		margin-top: 10px;
		display: block;
	}
	#CONTENTS_AREA #FORM_AREA tr:nth-child(8) label input[type=text]{
		margin-top: 5px;
		margin-bottom: 15px;
		display: block;
		width: 100%;
	}
	form > footer input[type=submit]{
		padding-top: 5px;
		padding-bottom: 5px;
		white-space: normal;
		line-height: 1.3;
	}
	.ctc_firm_btn{
		display: block;
		margin-bottom: 70px;
	}
	
}
/*contact end*/





@media screen and (min-width:768px) {
	
	[class *= "ui_btn_"]{
		padding-bottom: 15px;
	}
	.relative{
		z-index: 2;
	}
	.ui_menu_en .ui_menu_list{
		padding-right: 40px;
	}
	.ui_menu_en .ui_menu_list li{
		margin: 0 20px;
	}
	.ui_menu_en .ui_menu_bdr{
		display: flex;
		align-items: center;
	}
	.ui_menu_lang {
		padding: 0 20px 0 30px;
		margin: 20px 10px 20px 20px !important;
		border-left: 1px solid #000;
	}
	.ui_menu_lang a{
		padding: 0 10px!important;
		color: #4abcf2 !important;
	}
	.achievement h3{
		font-size: 1.5rem;
	}
	.officelist_map_img{
		margin-top: 120px;
	}
	.officelist_nth1 i{
		display: inline-block;
		vertical-align: top;
	}
	.brand_title{
		justify-content: center;
	}
	.brand_title::before, .brand_title::after{
		display: none;
	}
	.company_contents{
		min-height: 116.78vw;
		background-image: url(/en/img/company/bg_pc.png);
		background-image: -webkit-image-set(url(/en/img/company/bg_pc.png) 1x, url(/en/img/company/bg_pc@2x.png) 2x);
		background-image: image-set(url(/en/img/company/bg_pc.png) 1x, url(/en/img/company/bg_pc@2x.png) 2x);
	}
	.envi_height01{
		min-height: 272px;
	}
	.csr_title_3{
		font-size: 1.7rem;
	}
	.csr_title_4{
		font-size: 1.35rem;
	}
	.csr_article_item_num li{
		padding-left: 30px;
		padding-right: 30px;
		font-size: 0.75rem;
		border-radius: 30px;
		text-align: center;
	}
	.csr_article_item_num li:nth-child(4){
		padding-right: 10px;
	}
	.csr_article_item_num li small{
		left: 5px;
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
	}
	.idx_feat li h3{
		font-size: 1.5rem;
	}
	.idx_feat .idx_feat_item p{
		font-size: 0.875rem;
	}
	.csr_title_box>.ui_df *:first-child{
		margin-right: 10px;
	}
	.csr_title_box .csr_title_lead{
		margin-bottom: -3px;
	}
	.np_cat_info li a{
		padding-right: 6vw;
	}
	.np_cat_info li a strong{
		font-size: 1.1rem;
	}
	.np_cat_hascir::before{
		top: 3px;
	}
	.env_btn02{
		max-width: 350px;
	}
	.csr_menu_list a h3{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}
	.idx_wpA{
		margin-bottom: -100vh;
	}
	.ui_white_idx{
		margin-top: 0;
	}
	.ui_wp_oh{
		overflow: hidden;
	}
}
.ui_menu_en .ui_menu_bdr a{
	padding: 7px 25px !important;
}
.footer{
	padding: 30px 0;
}
.csr_sub_s{
	bottom: -0.15em;
	transform:scale(0.8);
}

@media only screen and (min-width: 768px) and (min-height: 1000px){
	.idx_bnr{
		height: 1000px;
	}
	.idx_bnr_video video{
		height: 1050px;
	}
	.idx_main{
		height: 1050px;
	}
}

@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.ui_menu_lang{
		font-size: 12px !important;
	}
	.ui_menu_lang a{
		color: #4abcf2 !important;
	}
	.ui_menu_list>li.ui_menu_lang .ui_menu_lang_en{
		padding: 0 20px 0 0;
		position: relative;
		display: inline-block !important;
		color: #999;
	}
	.ui_menu_list>li.ui_menu_lang .ui_menu_lang_en::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -1px;
		width: 0;
		height: 0;
		border: none;
		border-style: solid;
		border-color: currentColor transparent transparent transparent;
		border-width: 6px 3px 0 3px;
		transform: translateY(-50%) rotate(-90deg);
	}
	.ui_menu_lang::after{
		display: none !important;
	}
    .ren_td_col01{
		width: 135px;
	}
	.ui_menu_list>li{
		margin: 0 9px;
	}
	.ui_menu_list>li.ui_menu_bdr a{
		display: inline-block !important;
		padding-left: 40px;
		padding-right: 40px;
	}
	.about_list dl{
		font-size: 0.75rem;
	}
	.about_list > dl > dt{
		flex-basis: 8em;
	}
	.about_list > dl > dd{
		padding: 3% 0 3% 3%;
		flex-basis: calc(100% - 8em);
	}
	.about_list > dl > dd > dl > dt{
		flex-basis:100%;
	}
	.about_list > dl > dd > dl > dd{
		flex-basis: 100%;
		margin-bottom: 10px;
	}
	.about_member_list{
		margin: -8px 0;
	}
	.about_member_list li{
		margin: 8px 0;
	}
	.about_mark_list li{
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		justify-content: space-between;
	}
	.about_mark_list li>div:nth-child(1){
		width: 80%;
	}
	.about_mark_list li>div:nth-child(2){
		width: 20%;
	}
	.history_table{
		margin-bottom: 80px;
	}
	.ui_menu_en .ui_menu_bdr{
		margin-top: 60px !important;
	}
	.philo_cap{
		padding-left: 15px;
		padding-right: 15px;
	}
	.philo_round h4{
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.brand_title{
		font-size: 1.4rem;
	}
	.brand_slo_tit{
		font-size: 1.2rem;
	}
	.footer{
		padding: 20px 0;
	}
	.company_contents{
		height:571.2vw;
		min-height: 510vw;
		background-image: url(/en/img/company/bg_sp.png);
		background-image: -webkit-image-set(url(/en/img/company/bg_sp.png) 1x, url(/en/img/company/bg_sp@2x.png) 2x);
		background-image: image-set(url(/en/img/company/bg_sp.png) 1x, url(/en/img/company/bg_sp@2x.png) 2x);
		background-position: center top 6.4vw;
	}
	.philo_h301{
		font-size: 1.35rem;
	}
	.np_cat_title{
		min-height: 78px;
	}
	.csr_title_3{
		font-size: 1.35rem;
	}
	.csr_title_4{
		font-size: 1.15rem;
	}
	.csr_article_item_num li{
		padding-left: 35px;
		padding-right: 30px;
		font-size: 0.75rem;
		border-radius: 30px;
		text-align: center;
		letter-spacing: -0.2px;
	}
	.csr_article_item_num li:nth-child(4){
		padding-right: 8px;
		padding-left: 25px;
	}
	.csr_article_item_num li small{
		left: 5px;
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
	}
	.idx_feat li h3{
		padding-bottom: 5px;
		font-size: 1.2rem;
	}
	.idx_feat .idx_feat_item p{
		font-size: 0.75rem;
		line-height: 1.4;
	}
	.csr_menu_list a h3{
		font-size: 1.35rem;
	}
	.np_cat_info li a{
		padding-right: 6vw;
	}
	.np_cat_hascir::before{
		top: 6px;
	}
	.np_cat_btn strong{
		display: block;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.philo_con{
		height: 100vw;
	}
}

/* === /en/csr/environment.html === */
/* 全国３ヶ所の物流センターで発電中 */
.power_generation {
	flex-wrap: wrap;
}
/* .power_generation_img {
	width: 103%;
	max-width: unset;
} */
@media screen and ( min-width: 768px) {
	.power_generation_img3 {
		position: absolute;
		display: block;
		width: auto;
		max-width: 135px;
		bottom: 0;
		left: 285px;
	}
}
@media screen and ( max-width: 767px) {
	.power_generation {
		padding-bottom: 30px;
	}
	.power_generation_img3 {
		bottom: -20px;
	}
	.capa_box_flex{
		flex-direction: column;
	}
	.capa_box_left {
		padding: 7px 15px;
	}
	.capa_box_right {
		padding: 0 15px 7px;
	}
}
.power_generation_text.txt01 {
	flex-basis: 100%;
}
.page_environment .rental_chart_item_list li img{
	margin-bottom: 5px;
}
.page_environment .rental_chart_item_list li > p {
	line-height: 1.4;
	white-space: nowrap;
}
.page_environment .rental_chart_item_list li > p > span{
	line-height: 1.7rem;
	margin-top: 5px;
}
.page_environment .rental_chart_item_list li:nth-of-type(2) > p {
	padding-top: 18px;
}
.page_environment .rental_chart_item_list li:nth-of-type(2) > p > span {
	margin-top: 18px;
}

@media screen and ( min-width: 768px) {
	.page_environment .rental_chart_item_list li:not(:nth-child(1)) > p {
		padding-top: 18px;
	}
	.page_environment .rental_chart_item_list li:not(:nth-child(1)) > p > span {
		margin-top: 18px;
	}
}

.building_noflx{
	display: block;
}
.building_noflx > p,
.building_noflx > h3.csr_title_3{
	display: inline;
}

h4.csr_title_4 span.ss{
	font-size: 14px;
}
@media screen and ( max-width: 767px) {
	h4.csr_title_4 span.ss{
		font-size: 12px;
	}
}

.page_environment .rental_chart_num{
	font-size: 12px;
}

/* === /en/company/group/ === */
.group .white_box_item .ui_btn-whiteS{
	width: 200px;
}



/* === /en/company/ === */
/* Our strengths */
.company_strengths{
    top: 74vw;
    left: 33.92vw;
}
/* History */
.company_history {
    top: 69.5vw;
    left: 58.92vw;
}
/* Group Companies */
.company_group {
	top: 74vw;
    left: 33.92vw;
}
/* Our strengths */
.company_strengths{
	top: 54.7vw;
    left: 18.28vw;
}
/* Offices */
.company_officelist {
    top: 91.92vw;
    left: 50.92vw;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
    .company_brand {
        top: 78vw;
        left: 40vw;
    }
    .company_plan {
        top: 131.8vw;
        left: -15vw;
    }
    .company_about {
        top: 203vw;
        left: 19vw;
    }
    .company_strengths {
        top: 282vw;
        left: 39.13vw;
    }
    .company_history {
        top: 336vw;
        left: -14vw;
    }
    .company_group {
        top: 393vw;
        left: 42vw;
    }
    .company_publicnotice{
        top: 560.86vw;
        left: 24vw;
    }
    .company_officelist{
        top: 480vw;
        left: -10vw;
    }
}

/* plan 中長期計画 */
.en.plan h2 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.en.plan .three_point_list_ttl {
	line-height: 1.2;
    align-items: baseline;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.en.plan .capital-policy-lv3 {
	line-height: 1.2;
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
@media only screen and (min-width: 768px) {
	.en.plan .mid_term_plan_img {
		margin-top: -150px;
		margin-bottom: 35px;
	}
	.en.plan h2 {
		margin-bottom: 45px;
	}
	.en.plan .capital-policy-glid {
		max-width: 775px;
		gap: 15px;
		margin-left: 70px;
	}
	.en.plan .plan_flex_2col {
		font-size: 0.937rem;
		margin-bottom: 1em;
		letter-spacing: -0.025em;
	}
}
	

@media only screen and (max-width: 767px) {
	.en.plan .three_point_list_ttl {
		width: 100%;
	}
    .en.plan .ico-white ,
    .en.plan .ico-brand {
        margin-right: 1em;
        flex-basis: 25%;
        text-align: center;
        padding: 2px;
    }
	.en.plan .btn-doc {
        padding: 20px 70px 20px 35px;
    }
    .en .company_message,
    .en .company_brand,
    .en .company_plan,
    .en .company_about,
    .en .company_group,
    .en .company_officelist,
    .en .company_strengths,
    .en .company_history,
    .en .company_publicnotice{
        width: 70vw;
        height: 70vw;
    }
}
@media only screen and (min-width: 0) and (max-width: 375px) {
    .company_contents {
        background-position: center top 14.4vw
    }
}


/* 英語　philosophy */
.en-brand {
	font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}
.en-brand .cir_wrap .ui_wide{
    position: relative;
    height: min(calc(1700 * var(--pc-vw-unit)), 1700px);
}
.en-brand .philosophy {
	height: auto;
	position: static;
}
.en-philosophy_kv{
	margin: 50px 0 70px;
	height: 540px;
	position: relative;
	background: url(../img/brand/brand_kv.jpg) no-repeat center center;
	background-size: cover;
}
.en-philosophy_kv h1{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 1.875rem;
	text-align: center;
}
.en-philosophy_kv h1 span{
	display: block;
	font-size: 0.875rem;
}
.en-philosophy_h301{
	font-size: 2.5rem;
	text-align: center;
	color: #4abcf2;
	margin-bottom: 10px;
}
.en-philosophy_cap{
	margin-bottom: 70px;
	line-height: 2.1rem;
}
.en-philosophy_con{
	margin-bottom: 160px;
}
.en-philosophy_round{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(94deg , rgba(102,198,245,0.85) 0% , rgba(61,164,251,0.85) 100%);
}
.en-philosophy_round p{
	font-weight: bold;
	margin-bottom: 6px;
}
.en-philosophy_round h4{
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 10px;
}
.en-philosophy_round span{
	font-size: 0.875rem;
	color: #fff;
}
[class *= "en-philosophy_cur"]{
	position: absolute;
}
.en-philosophy_cur01{
	top: min(calc(639 * var(--pc-vw-unit)), 639px);
    left: min(calc(583 * var(--pc-vw-unit)), 583px);
}
.en-philosophy_cur01 .en-philosophy_round{
	width: min(calc(627 * var(--pc-vw-unit)), 627px);
	height: min(calc(627 * var(--pc-vw-unit)), 627px);
	border-radius: 313px;
}
.en-philosophy_cur02{
	display: flex;
    justify-content: flex-start;
    top: min(calc(348 * var(--pc-vw-unit)),348px);
    left: min(calc(120 * var(--pc-vw-unit)),120px);
    margin-right: auto;
}
.en-philosophy_cur02 .en-philosophy_round{
	width: min(calc(500 * var(--pc-vw-unit)), 500px);
	height: min(calc(500 * var(--pc-vw-unit)), 500px);
	border-radius: 250px;
}
.en-philosophy_cur03{
    top: min(calc(1800 * var(--pc-vw-unit)),1800px);
    left: min(calc(135 * var(--pc-vw-unit)),135px);
}
.en-philosophy_cur03 .en-philosophy_round{
	width: min(calc(500 * var(--pc-vw-unit)), 500px);
	height: min(calc(500 * var(--pc-vw-unit)), 500px);
	border-radius: 250px;
}
.en-philosophy_cur04{
    top: min(calc(1324 * var(--pc-vw-unit)),1324px);
    left: min(calc( 516 * var(--pc-vw-unit)),516px);
}
.en-philosophy_cur04 .en-philosophy_round{
	width: min(calc(580 * var(--pc-vw-unit)), 580px);
	height: min(calc(580 * var(--pc-vw-unit)), 580px);
	border-radius: 285px;
}
.en-philosophy_cur04 span{
	margin-bottom: 10px;
}
.en-philosophy_cur04 .en-philosophy_h401{
	font-size: min(calc(16 * var(--pc-vw-unit)), 16px);
}
.en-philosophy_cur04 .ui_btn_right.ui_btn-white {
	width: min(calc(250 * var(--pc-vw-unit)), 250px);
	height: min(calc(55 * var(--pc-vw-unit)), 55px);
	font-size: min(calc(16 * var(--pc-vw-unit)), 16px);
	font-weight: bold;
}
.en-philosophy_cur05{
	top: min(calc(955 * var(--pc-vw-unit)),955px);
    left: min(calc(41 * var(--pc-vw-unit)),41px);

}
.en-philosophy_cur05 .en-philosophy_round{
	width: min(calc(500 * var(--pc-vw-unit)), 500px);
	height: min(calc(500 * var(--pc-vw-unit)), 500px);
	border-radius: 313px;
}
.en-philosophy_cur05 .en-philosophy_round p {
	margin-top: min(calc(80 * var(--pc-vw-unit)), 80px);
	margin-bottom: min(calc(20 * var(--pc-vw-unit)), 20px);
}
.en-philosophy_cirs01{
	position: absolute;
	left: calc(50% - 810px);
	top: min(calc(216 * var(--pc-vw-unit)),216px);
	width: 266px;
	height: 266px;
	border-radius: 133px;
	background: #dbf3ff;
}
.en-philosophy_cirs02{
	position: absolute;
	top: min(calc(317 * var(--pc-vw-unit)),317px);
    left: min(calc(1116 * var(--pc-vw-unit)),1116px);
	width: min(calc(290 * var(--pc-vw-unit)), 290px);
	height: min(calc(290 * var(--pc-vw-unit)), 290px);
	border-radius: 205px;
	background: #c1ecff;
}
.en-philosophy_cirs03{
	position: absolute;
	top: min(calc(511 * var(--pc-vw-unit)),511px);
    left: min(calc(703 * var(--pc-vw-unit)),703px);
	width: 58px;
	height: 58px;
	border-radius: 29px;
	background: #4fa7d0;
}
.en-philosophy_cirs04{
	position: absolute;
	top: min(calc(807 * var(--pc-vw-unit)),807px);
    left: min(calc(23 * var(--pc-vw-unit)),23px);
	width: min(calc(114 * var(--pc-vw-unit)), 114px);
	height: min(calc(114 * var(--pc-vw-unit)), 114px);
	border-radius: 84px;
	background: #007ab4;
}
.en-philosophy_cirs05{
	position: absolute;
	top: min(calc(1296 * var(--pc-vw-unit)),1296px);
    left: min(calc(1090 * var(--pc-vw-unit)),1090px);
	width: min(calc(48.59 * var(--pc-vw-unit)), 48.59px);
	height: min(calc(48.59 * var(--pc-vw-unit)), 48.59px);
	border-radius: 25px;
	background: #57b8e5;
}
.en-philosophy_cirs06{
	position: absolute;
	top: min(calc(1320 * var(--pc-vw-unit)),1320px);
    left: min(calc(750 * var(--pc-vw-unit)),625px);
	width: min(calc(124.44 * var(--pc-vw-unit)), 124.44px);
	height: min(calc(124.44 * var(--pc-vw-unit)), 124.44px);
	border-radius: 66px;
	background: #81beda;
}
.en-philosophy_cirs07{
	position: absolute;
	top: min(calc(1530 * var(--pc-vw-unit)),1530px);
    left: min(calc(60 * var(--pc-vw-unit)),60px);
	width: min(calc(237.47  * var(--pc-vw-unit)), 237.47px);
	height: min(calc(237.47  * var(--pc-vw-unit)), 237.47px);
	border-radius: 166px;
	background: #cceeff;
}
.en-philosophy_cirs08{
	position: absolute;
	top: min(calc(1445 * var(--pc-vw-unit)),1445px);
    left: min(calc(-65 * var(--pc-vw-unit)),-65px);
	width: min(calc(120  * var(--pc-vw-unit)), 120px);
	height: min(calc(120  * var(--pc-vw-unit)), 120px);
	border-radius: 166px;
	background: #cceeff;
}
.en-philosophy_cirs09{
	position: absolute;
	top: min(calc(1270 * var(--pc-vw-unit)),1270px);
    left: min(calc(1000 * var(--pc-vw-unit)),1000px);
	width: min(calc(386  * var(--pc-vw-unit)), 386px);
	height: min(calc(386  * var(--pc-vw-unit)), 386px);
	border-radius: 200px;
	background: #e0f5ff;
}
.en-philosophy_bot_box{
	position: relative;
	padding: 70px 0;
	margin-bottom: 80px;
	background: url(../img/brand/brand_bg.png) center center;
	background-size: cover;
}
.en-philosophy_bot_box .ui_wide_xs{
	text-align: center;
}
.en-philosophy_slogan h3{
	color: #4abcf2;
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.en-philosophy_slogan h3 span{
	display: block;
	font-size: 0.75rem;
	color: #1a1a1a;
}
.en-philosophy_slo_tit{
	font-size: 1.625rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.en-philosophy_slogan p{
	font-size: 0.875rem;
}
.en-philosophy_con .ui_fade_cir{
	transition: 1.5s ease;
}
.en-philosophy_wide .brand_title{
	margin-bottom: 35px;
	color: #4abcf2;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.4;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.en-philosophy_wide .brand_title span{
	margin: 0 30px;
}
.en-philosophy_round .en-philosophy_txt-sub {
	font-size: 16px;
	margin-bottom: 30px;
}
.en-philosophy_round .en-philosophy_txt-m {
	font-size: 14px;
	color: #ffffff;
}
.en-philosophy_round .en-philosophy_txt-s {
	font-size: 12px;
	color: #ffffff;
}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP 英語　philosophy */
	.en-brand .cir_wrap {
		height: min(calc(4300* var(--sp-vw-unit)), 4300px);
	}
	.en-philosophy_round h4 {
		font-size: min(calc(48 * var(--sp-vw-unit)),48px);
	}
	.en-philosophy_h301{
		font-size: min(calc(46 * var(--sp-vw-unit)),46px);
		margin-bottom: min(calc(20 * var(--sp-vw-unit)),20px);
	}
	.en-philosophy_round .en-philosophy_txt-m {
		font-size: min(calc(28 * var(--sp-vw-unit)),28px);
	}
	.en-philosophy_round .en-philosophy_txt-s {
		font-size: min(calc(24 * var(--sp-vw-unit)),24px);
	}
	.en-philosophy_round span {
		font-size: min(calc(24 * var(--sp-vw-unit)),24px);
	}
	.en-philosophy_round .en-philosophy_txt-sub ,
	.en-philosophy_round p {
		font-size: min(calc(32 * var(--sp-vw-unit)),32px);
	}
	.en-philosophy_cap {
		font-size: min(calc(32 * var(--sp-vw-unit)),32px);
		line-height: 1.875;
	}
	.en-philosophy_round_oh{
		overflow: hidden;
		margin: 0 -4vw;
	}
	.en-philosophy_bot_box .ui_wide_xs{
		width: auto;
	}
	.en-brand .philosophy {
		position: relative;
	}
	.en-philosophy_cur01{
		top: min(calc(910* var(--sp-vw-unit)), 910px);
		left: 50%;
		transform: translateX(-50%);
	}
	.en-philosophy_cur01 .en-philosophy_round{
		width: min(calc(1150* var(--sp-vw-unit)), 1150px);
		height: min(calc(1150* var(--sp-vw-unit)), 1150px);
		border-radius: 600px;
	}
	.en-philosophy_cur02{
		top: 0;
		left: calc(-97.78 * var(--sp-vw-unit))
	}
	.en-philosophy_cur02 .en-philosophy_round {
		width: min(calc(800 * var(--sp-vw-unit)),800px);
		height: min(calc(800 * var(--sp-vw-unit)),800px);
		border-radius: 400px;
	}
	.en-philosophy_cur03 {
		top: min(calc(4314 * var(--sp-vw-unit)),4314px);
		left: calc(-99.78 * var(--sp-vw-unit))
	}
	.en-philosophy_cur03 .en-philosophy_round {
		width: min(calc(700 * var(--sp-vw-unit)),700px);
		height: min(calc(700 * var(--sp-vw-unit)),700px);
		border-radius: 350px;
	}
	.en-philosophy_cur04 {
		top: min(calc(3056 * var(--sp-vw-unit)),3056px);
		left: 50%;
		transform: translateX(-50%);
	}
	.en-philosophy_cur04 .en-philosophy_round {
		width: min(calc(1150 * var(--sp-vw-unit)),1150px);
		height: min(calc(1150 * var(--sp-vw-unit)),1150px);
		border-radius: 600px;
	}
	.en-philosophy_cur05{
		top: min(calc(2160 * var(--sp-vw-unit)),2160px);
		left: calc(52.22 * var(--sp-vw-unit));
	}
	.en-philosophy_cur05 .en-philosophy_round{
		width: min(calc(800 * var(--sp-vw-unit)), 800px);
		height: min(calc(800 * var(--sp-vw-unit)), 800px);
		border-radius: 400px;
	}
	.en-philosophy_cur05 .en-philosophy_round h4 {
		font-size: min(calc(36 * var(--sp-vw-unit)),36px);
	}
	.en-philosophy_cirs01 {
		display: none;
	}
	.en-philosophy_cirs02{
		display: none;
	}
	.en-philosophy_cirs03{
		left: min(calc(633 * var(--sp-vw-unit)), 633px);
		top: min(calc(30 * var(--sp-vw-unit)), 30px);
		width: min(calc(58.38 * var(--sp-vw-unit)), 58.38px);
		height: min(calc(58.38 * var(--sp-vw-unit)), 58.38px);
		border-radius: 30px;
		background: rgba(129,213,252,.7);
	}
	.en-philosophy_cirs04 {
		display: none;
	}
	.en-philosophy_cirs05{
		display: none;
	}
	.en-philosophy_cirs06 {
		top: min(calc(736 * var(--sp-vw-unit)),736px);
		left: min(calc(606.69 * var(--sp-vw-unit)),606.69px);
		width: min(calc(168.16  * var(--sp-vw-unit)), 168.16px);
		height: min(calc(168.16  * var(--sp-vw-unit)), 168.16px);
		border-radius: 90px;
		background: rgba(204,238,255,.7);
	}
	.en-philosophy_cirs07 {
		top: min(calc(2086 * var(--sp-vw-unit)),2086px);
		left: min(calc(35.31 * var(--sp-vw-unit)),35.31px);
		width: min(calc(110.28  * var(--sp-vw-unit)), 110.28px);
		height: min(calc(110.28  * var(--sp-vw-unit)), 110.28px);
		border-radius: 60px;
		background:rgba(178,231,255,.8);
	}
	.en-philosophy_cirs08 {
		top: min(calc(2100 * var(--sp-vw-unit)),2100px);
		left: min(calc(50 * var(--sp-vw-unit)),50px);
		width: min(calc(88  * var(--sp-vw-unit)), 88px);
		height: min(calc(88  * var(--sp-vw-unit)), 88px);
		border-radius: 50px;
		background: rgba(178,231,255,.8);
	}
	.en-philosophy_cirs09{
		top: min(calc(2900 * var(--sp-vw-unit)),2900px);
		left: min(calc(-20 * var(--sp-vw-unit)),-20px);
		width: min(calc(224.34  * var(--sp-vw-unit)), 224.34px);
		height: min(calc(224.34  * var(--sp-vw-unit)), 224.34px);
		border-radius: 120px;
		background:rgba(204,238,255,0.7);
	}
	.en-philosophy_cirs10{
		position: absolute;
		top: min(calc(3000 * var(--sp-vw-unit)),3000px);
		left: min(calc(600 * var(--sp-vw-unit)),600px);
		width: min(calc(88  * var(--sp-vw-unit)), 88px);
		height: min(calc(88  * var(--sp-vw-unit)), 88px);
		border-radius: 120px;
		background:rgba(193, 236, 255, 1);
	}
	.en-philosophy_bot_box{
		padding: 40px 0;
	}
	.en-philosophy_slogan h3{
		font-size: 1.25rem;
	}
	.en-philosophy_wide .brand_title {
		font-size: 1.5rem;
	}
	.en-philosophy_slo_tit{
		font-size: 1.35rem;
		line-height: 2.1rem;
	}
	.en-philosophy_kv{
		margin: 20px 0 min(calc(100 * var(--sp-vw-unit)),100px);
	}
	.en-philosophy_cur04 .en-philosophy_h401 {
		font-size: min(calc(36 * var(--sp-vw-unit)),36px);
		margin-bottom: min(calc(62 * var(--sp-vw-unit)),62px);
	}
	.en-philosophy_cur04 .ui_btn_right.ui_btn-white {
		width: min(calc(420* var(--sp-vw-unit)), 420px);
		height: min(calc(79.44* var(--sp-vw-unit)), 79.44px);
		font-size: min(calc(24* var(--sp-vw-unit)), 24px);
		font-weight: bold;
	}
	.en-philosophy_bot_box .ui_white{
		padding: 30px 0;
	}
	.en-philosophy_img01{
		width: 50%;
	}
	.en-philosophy_bot_box{
		margin-bottom: 50px;
	}
}

/* === 太陽光発電システムの実践（Implementation of solar power generation systems） === */
@media only screen and (min-width: 768px) {
	.solar_figure dl dt{
		height: 70px;
	}
	.solar_figure ul li{
		text-align: center;
    	justify-content: center;
	}
	ul.solar_figure ul li {
		height: 70px;
	}
	ul.solar_figure ul li.ui_li_firstItem {
		padding-left: 0;
		margin-right: 0!important;
		width: 30%;
	}
	.solar_figure ul li.ui_li_b{
		padding-left: 0;
    	padding-right: 0;
    	width: 20%;
	}
	.solar_figure ul .ui_li_lastItem {
        padding-right: 0;
        padding-left: 0;
        width: 50%;
		text-align: left;
    }
}
@media only screen and (max-width: 767px) {
	.solar_figure ul li{
		text-align: center;
    	justify-content: center;
	}
	.solar_figure ul li.ui_li_b{
		padding-right: 0;
		padding-left: 0;
		
	}
	.solar_figure ul .ui_li_lastItem{
		padding-right: 0;
		padding-left: 0;
	}

}