@charset "utf-8";
/*
	Last Update:2021/05/10
	Auther: iw
*/

/*===================================================================
	page
===================================================================*/
/* title */
#page_title { padding-top:20px; padding-bottom:20px; }
#page_title h2 { text-align:left; display:block; }
#page_title h2 > * { display:block; margin:0 auto; }

#page_title h2._type1 .main { font-size:2.5em; line-height:1.4; padding-bottom:5px; color:#2C72BD; letter-spacing:2px; }
#page_title h2._type1 .sub { font-size:1.2em; color:#2B2B2B; font-weight:bold; }
#page_title h2._type2 .sub { position:relative; font-size:1.2em; color:#2C72BD; padding-left:25px; }
#page_title h2._type2 .sub::before { content:""; display:block; position:absolute; top:50%; left:0; width:20px; height:1px; background:#2C72BD; }
#page_title h2._type2 .main { font-size:2.5em; line-height:1.4; padding-bottom:5px; letter-spacing:2px; color:#2B2B2B; font-weight:bold; }
@media (max-width:575px) {
	#page_title h2._type1 .main,
	#page_title h2._type2 .main { font-size:1.75em; letter-spacing:0; }
	#page_title h2._type1 .sub,
	#page_title h2._type2 .sub { font-size:1em; }

}

/* pankuzu */
#pankuzu { font-size:13px; padding:5px 0; color:#333; }
#pankuzu a { text-decoration:none; color:#333; }
#pankuzu ul { text-align:right; }
#pankuzu li { display:inline-block; line-height:100%; color:#818283; }
#pankuzu li:first-child a { display:inline-block; padding-left:20px; background:url(../image/layout/icon_top.png) no-repeat center left; color:#2B2B2B; }
#pankuzu li:not(:first-child):before { content:""; background:url(../image/layout/icon_slash.png) no-repeat center center; padding-right:16px; margin:0 5px; }
	@media (max-width: 575px){
		#pankuzu { display:none; }
		#body { padding-bottom:20px; }
	}
	@media(min-width: 576px){
		#body { padding-bottom:50px; }
	}


/*===================================================================
	page_top
===================================================================*/
.page_top_visual { position:relative; height:520px; background:no-repeat center center / cover; }
.page_top_visual .text { position:absolute; width:100%; left:0; bottom:0; background:linear-gradient(90deg, #fff 50%, transparent 50%); }
.page_top_visual .text p { width:50%; padding:20px 15px 20px 0; font-size:1.5em; color:#000000; }
.page_top_menu .unit { margin-bottom:40px; }
.page_top_menu .unit .img_back { height:0; padding-bottom:70%; }
.page_top_menu .unit p { display:flex; flex-direction:column; justify-content:center; line-height:1.4; min-height:60px; padding:10px 40px 10px 10px; font-weight:bold; border-bottom:2px #000001 solid; background:url(../image/layout/icon_arrow_right4.png) no-repeat center right 10px; color:#000001; }
@media (max-width:991px) {
	.page_top_visual { position:relative; max-height:55vh; background:no-repeat center center / cover; }
	.page_top_visual .text { background-color:#fff; }
	.page_top_visual .text p { width:100%; font-size:1.2em; padding-bottom:0; }
}

/*===================================================================
	page_secondary
===================================================================*/
.page_secondary { background:#F2F2F2; }
.page_secondary h3 { color:#2B2B2B; font-weight:bold; font-size:1.2em; padding-bottom:15px; border-bottom:1px solid #707070;  margin-bottom:15px; }
.page_secondary ul li { margin-bottom:10px; }
.page_secondary ul li a { display:flex; flex-direction:column; justify-content:center; min-height:60px; line-height:1.4; font-weight:bold; color:#767676; border-bottom:1px solid #D4D4D4; background:url(../image/layout/icon_arrow_right5.png) no-repeat center right; padding-right:15px; }

/*===================================================================
	common
===================================================================*/
.page_title_image { display:block; width:100%; background:no-repeat center center / cover; height:450px; max-height:50vw; }

.page_description { position:relative; padding:60px 0; min-height:380px; }
.page_description::before { content:""; display:block; width:100vw; height:100%;  background:#F6F6F6; position:absolute; top:0; left:0; z-index:-10; }
.page_description_image { position:absolute; top:-40px; right:50%; display:block; width:50vw; height:100%; background:no-repeat center center / cover; }
.page_description_text { width:50%; margin-left:auto; padding-left:30px; }
.page_description_text h3 { font-size:1.5em; font-weight:bold; margin-bottom:30px; letter-spacing:1px; color:#020202; }
.page_description_text p { line-height:2; color:#000000; }
@media (max-width:991px) {
	.page_description { padding:0 0 40px; }
	.page_description_image { width:calc(100vw - 15px); right:auto; left:-15px; position:relative; padding-bottom:50%; }
	.page_description_text { width:100%; padding:0 15px; }
}
@media (max-width:575px) {
	.page_description_text h3 { font-size:1.1em; letter-spacing:0; }
}

.page_description2 { position:relative; padding:60px 0; text-align:center; }
.page_description2_text h3 { font-size:1.5em; font-weight:bold; margin-bottom:30px; letter-spacing:1px; color:#020202; }
.page_description2_text p { line-height:2; color:#000000; }
@media (max-width:991px) {
	.page_description2 { text-align:left; }
}
@media (max-width:575px) {
	.page_description2_text h3 { font-size:1.1em; letter-spacing:0; }
}

.icon_unit { text-align:center; }
.icon_unit .image { margin-bottom:15px; }
.icon_unit dt { margin-bottom:10px; font-size:1.15em; display:flex; flex-direction:column; justify-content:center; font-weight:bold; }
.icon_unit .text { text-align:left; margin-bottom:20px; }

/*===================================================================
	#company
===================================================================*/
	/* about */
	.company_about .main_visual { position:relative; background:no-repeat center center / cover; height:660px; max-height:90vw; }
	.company_about .main_visual .slogan { position:absolute; width:100%; left:0; bottom:0; color:#fff; margin-bottom:30px; }
	.company_about .main_visual .slogan .hl_1 { text-align:left; text-indent:0; margin-bottom:20px; }
	.company_about .main_visual .slogan .english { font-weight:bold; font-size:4em; line-height:1.4; letter-spacing:3px; }
	.company_about .main_visual .slogan .japanese .main { display:block; font-weight:bold; font-size:3.5em; line-height:1.4; letter-spacing:3px; margin-top:10px; margin-bottom:30px; }
	.company_about .main_visual .slogan .japanese .sub { display:block; font-weight:bold; font-size:1.5em; line-height:1.8; letter-spacing:2px; }
	.company_about .mission_content { height:480px; letter-spacing:-1em; }
	.company_about .mission_content > * { display:inline-block; letter-spacing:normal; height:100%; vertical-align:top; }
	.company_about .mission_content h3 { text-align:left; display:inline-block; margin-bottom:30px; }
	.company_about .mission_content .text { width:55%; position:relative; color:#fff; background:#2C72BD; margin-bottom:30px; display:inline-flex; flex-direction:column; justify-content:center; padding-left:60px; }
	.company_about .mission_content .text p { line-height:2; display:inline-block; }
	.company_about .mission_content .text::after { content:""; display:block; position:absolute; top:0; right:-30px; width:30px; height:100%; background:linear-gradient(to top right, #2C72BD 49%, transparent 51%);  }
	.company_about .mission_content .image { width:45%; background:no-repeat center center / cover; }
	.company_about .vision .vision_list ol { counter-reset:vision 0; display:table; width:100%; }
	.company_about .vision .vision_list ol li { list-style:none; counter-increment:vision; border-bottom:1px solid #D1D1D1; padding:10px 0 0; }
	.company_about .vision .vision_list ol li > * { display:table-cell; vertical-align:middle; }
	.company_about .vision .vision_list ol li .num { font-weight:bold; font-size:3em; color:#2C72BD; width:70px; }
	.company_about .vision .vision_list ol li .num::before { content:counter(vision, decimal-leading-zero); }
	.company_about .vision .vision_list ol li .text { font-weight:bold; font-size:1.2em; letter-spacing:1px; color:#000000; }

	@media (max-width:767px) {
		.company_about .main_visual .slogan .english { font-size:2.5em; }
		.company_about .main_visual .slogan .japanese .main { font-size:2.5em; }
		.company_about .main_visual .slogan .japanese .sub { font-size:1.2em; }
		.company_about .mission_content { height:480px; letter-spacing:-1em; }

		.company_about .mission_content { height:auto; }
		.company_about .mission_content > * { margin-bottom:0!important; width:100%!important; }
		.company_about .mission_content .text { display:flex; padding:60px 30px 40px; }
		.company_about .mission_content .text::after { top:auto; bottom:-30px; right:0; width:100%; height:30px; background:linear-gradient(to bottom right, #2C72BD 49%, transparent 51%);  }
		.company_about .mission_content .image { display:block; padding-bottom:60%; }
	}
	@media (max-width:575px) {
		.company_about .main_visual .slogan .english { font-size:2.25em; letter-spacing:0; }
		.company_about .main_visual .slogan .japanese .main { font-size:2.25em; letter-spacing:0; }
		.company_about .main_visual .slogan .japanese .sub { font-size:1em; letter-spacing:0; }
		.company_about .mission_content .text { padding:30px 15px 25px; }
		.company_about .vision .vision_list ol li .text { font-size:1em; letter-spacing:0; }
	}

	/* message */
	.company_message .message p { line-height:2; }

	/* overview */
	.company_overview a.link_gmap { color:#2C72BD; text-decoration:underline; padding-right:15px; background:url(/common/asset_company/image/layout/icon_clone.png) no-repeat center right; }
	.company_overview a.link_gmap:hover { text-decoration:none; }

	/* organization */
	.company_organization .organization_unit { letter-spacing:-1em; padding-bottom:40px; border-bottom:1px solid #D1D1D1; margin-bottom:40px; }
	.company_organization .organization_unit .hexagon,
	.company_organization .organization_unit .contents { display:inline-block; vertical-align:top; }
	.company_organization .organization_unit > * { letter-spacing:normal; }
	.company_organization .organization_unit .hexagon { position:relative; width:150px; height:260px; background:#0046A5; color:#fff; font-weight:bold; margin:80px 75px 40px; }
	.company_organization .organization_unit .hexagon::before { position:absolute; top:0; left:-75px; content:""; display:inline-block; width:50%; height:100%; background:
	no-repeat linear-gradient(to bottom right, transparent 49.5%, #0046A5 50.5%) top left / 100% 50%,
	no-repeat linear-gradient(to top right, transparent 49.5%, #0046A5 50.5%) bottom left / 100% 50%; }
	.company_organization .organization_unit .hexagon::after { position:absolute; top:0; right:-75px; content:""; display:inline-block; width:50%; height:100%; background:
	no-repeat linear-gradient(to bottom left, transparent 49.5%, #0046A5 50.5%) top left / 100% 50%,
	no-repeat linear-gradient(to top left, transparent 49.5%, #0046A5 50.5%) bottom left / 100% 50%; }
	.company_organization .organization_unit .hexagon span { position:absolute; display:flex; flex-direction:column; justify-content:center; top:0; left:-75px; width:300px; height:260px; text-align:center; font-size:1.75em; letter-spacing:2px; }
	.company_organization .organization_unit .hexagon span::before { position:absolute; top:-80px; left:50%; content:""; display:block; width:1px; height:80px; background:#0046A5; }
	.company_organization .organization_unit .hexagon._gray { background:#323232; }
	.company_organization .organization_unit .hexagon._gray::before { background:
	no-repeat linear-gradient(to bottom right, transparent 49.5%, #323232 50.5%) top left / 100% 50%,
	no-repeat linear-gradient(to top right, transparent 49.5%, #323232 50.5%) bottom left / 100% 50%; }
	.organization_unit .hexagon._gray::after { background:
	no-repeat linear-gradient(to bottom left, transparent 49.5%, #323232 50.5%) top left / 100% 50%,
	no-repeat linear-gradient(to top left, transparent 49.5%, #323232 50.5%) bottom left / 100% 50%; }
	.company_organization .organization_unit .hexagon.gray span::before { background:#323232; }
	.company_organization .organization_unit .contents { width:calc(100% - 300px); padding-left:40px; }
	.company_organization .organization_unit .contents h3 { font-size:1.5em; margin:40px 0 20px; }
	.company_organization .organization_unit .contents p { line-height:2; font-size:1.2em; margin-bottom:20px; }
	.company_organization .organization_unit .item { text-align:center; width:100%; border:1px solid #000000; color:#555; padding:15px 0; display:flex; flex-direction:column; justify-content:center; }
	.company_organization .organization_unit a.item[target="_blank"] span { display:inline-block; margin:0 auto; padding-right:20px; background:url(/common/asset_company/image/layout/icon_clone2.png) no-repeat center right; }
	@media (max-width:767px) {
		.company_organization .organization_unit { padding-top:10px; }
		.company_organization .organization_unit .hexagon { display:block; margin-left:auto; margin-right:auto; }
		.company_organization .organization_unit .contents { display:block; width:100%; padding-left:0; }
		.company_organization .organization_unit .item { margin-bottom:15px; }
	}

	/* partner */
	.company_partner .partner_unit { margin-bottom:20px; }
	.company_partner .partner_unit .img_back { position:relative; background:no-repeat center center; height:0; padding-bottom:60%; border:1px solid #C3C3C3; margin-bottom:5px; }
	.company_partner .partner_unit .img_back:after { content:""; display:block; position:absolute; width:16px; height:16px; background:url(/common/asset_company/image/layout/icon_clone.png) no-repeat center center; bottom:10px; right:10px; }
	.company_partner .partner_unit p { color:#272727; text-decoration:underline; }
	.company_partner a:hover .partner_unit p { text-decoration:none; }

	/* office */
	.company_office .office .anchor { color:#272727; font-weight:bold; font-size:1.2em; border-bottom:1px solid #9A9A9A; padding:10px; background:url(/common/asset_company/image/layout/icon_arrow_bottom2.png) no-repeat center right 10px; margin-bottom:10px; }
	.company_office .office p { line-height:2; }

/*===================================================================
	#service
===================================================================*/

	/* top */
	.service_top .description .image_box { width:100%; padding-bottom:60%; background:no-repeat center center / cover; }

	/* package */
	.service_package .flow .icon_unit .image { position:relative; padding:0 15px; }
	.service_package .flow .icon_unit .image ._circle { width:100%; height:0; padding-bottom:100%; border:1px solid #E8E8E8; border-radius:50%; }
	.service_package .flow .icon_unit .image ._circle > img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:40px; }
	.service_package .product ._square { border:1px solid #C3C3C3; padding:40px; }
	.service_package .flow .icon_unit:not(:last-child) .image::after { content:""; display:block; position:absolute; top:50%; right:-15px; transform:translate(50%,-50%); width:40px; height:40px; background:url(/common/asset_company/image/contents/service/icon/right.png) no-repeat center center / contain; }
	.service_package .license img { height:120px; }
	@media (max-width:767px) {
		.service_package .flow .icon_unit:not(:last-child) .image::after { display:none }
		.service_package .flow .icon_unit { padding-bottom:50px; margin-bottom:50px; }
		.service_package .flow .icon_unit .text { margin-bottom:0; }
		.service_package .flow .icon_unit:not(:last-child)::after {  content:""; display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%, 50%); width:40px; height:40px; background:url(/common/asset_company/image/contents/service/icon/bottom.png) no-repeat center center / contain; }
		.service_package .flow .icon_unit .image { max-width:430px; margin-left:auto; margin-right:auto; }
		.service_package .product .row > * img { display:block; margin-left:auto; margin-right:auto; }
	}

	/* oa */
	.service_oa .device_unit { border:1px solid #E0E0E0; padding:30px 50px; margin-bottom:30px; font-weight:bold; }
	.service_oa .device_unit h4 { margin-bottom:20px; font-size:1.25em; text-align:center; font-weight:bold; }
	.service_oa .device_unit ul li { margin-bottom:10px; }
	.service_oa .device_unit ul li a { display:inline-block; padding-right:20px; background:url(/common/asset_company/image/layout/icon_clone.png) no-repeat center right; color:#0046A5; }
	.service_oa .device_unit ul li a:hover { text-decoration:underline; }
	@media (max-width:575px) {
		.service_oa .device_unit { padding:30px 30px; }
	}

	/* docomo */
	.service_docomo .googlemap { display:inline-block; text-align:center; border:1px solid #C7020D; background:#fff; padding:10px; width:240px; }
	.service_docomo .googlemap span { display:inline-block; padding-left:20px; background:url(/common/asset_company/image/layout/icon_map_marker.png) no-repeat center left; }

	/* cloud */
	.service_cloud .page_description_image { background-position:top center; }

	/* microsoft */
	.service_microsoft .competency .contents { background:#F7F7F7; padding:60px 35px; text-align:center; }
	.service_microsoft .competency .contents h3 { color:#0046A5; font-size:1.4em; font-weight:bold; letter-spacing:1px; }
	.service_microsoft .competency .image { width:100%; height:100%; background:no-repeat center center / cover; }
	.service_microsoft .bi p,
	.service_microsoft .azure p,
	.service_microsoft .cpls p { line-height:2; }
	.service_microsoft .office365 .unit { text-align:center; border:1px solid #E0E0E0; padding:40px 15px; margin-bottom:30px; }
	.service_microsoft .office365 .unit dt { color:#2B2B2B; font-weight:bold; font-size:1.5em; margin-bottom:20px; }
	.service_microsoft .office365 .unit dd { color:#0046A5; font-weight:bold; }
	@media (max-width:991px) {
		.service_microsoft .competency .image { height:0; padding-bottom:60%; }
	}
	@media (max-width:575px) {
		.service_microsoft .competency .contents { padding:40px 15px; }
		.service_microsoft .competency .contents h3 { font-size:1.2em; letter-spacing:0; }
	}

	/* microsoft_azure */
	.service_microsoft_azure .azure h3 { letter-spacing:1px; font-size:1.75em; color:#2C72BD; font-weight:bold; text-align:center; margin-bottom:40px; }
	.service_microsoft_azure .azure p { line-height:2; }
	.service_microsoft_azure .description_box .contents { background:#114FA2; font-weight:bold; font-size:1.65em; line-height:2; color:#fff; padding:60px 40px; }
	.service_microsoft_azure .description_box .image { width:100%; height:100%; background:no-repeat center center / cover; }
	.service_microsoft_azure .services h4._1 { border-color:#EB1E7A; }
	.service_microsoft_azure .services h4._2 { border-color:#F59518; }
	.service_microsoft_azure .services h4._3 { border-color:#8CC63B; }
	.service_microsoft_azure .services h4._4 { border-color:#388FD4; }
	.service_microsoft_azure .services h4._5 { border-color:#744D25; }
	.service_microsoft_azure .feature_unit { border:1px solid #2C72BD; padding:40px 60px; margin-bottom:40px; text-align:center; }
	.service_microsoft_azure .feature_unit h4 { letter-spacing:1px; font-size:1.5em; color:#2C72BD; font-weight:bold; text-align:center; margin-bottom:20px; }
	.service_microsoft_azure .feature_unit p { display:inline-block; text-align:left; }
	.service_microsoft_azure .cases ol { list-style:none; width:100%; }
	.service_microsoft_azure .cases ol li { border-bottom:1px solid #E2E2E2; padding-bottom:10px; margin-bottom:10px; letter-spacing:-1em; }
	.service_microsoft_azure .cases ol li > span { display:inline-block; letter-spacing:normal; vertical-align:middle; }
	.service_microsoft_azure .cases ol li .tag { width:90px; color:#fff; background:#2C72BD; text-align:center; font-weight:bold; padding:2px 0; letter-spacing:1px; }
	.service_microsoft_azure .cases ol li .main { width:calc(100% - 90px); font-weight:bold; color:#000000; font-size:1.2em; padding-left:20px; }
	.service_microsoft_azure .plice li { font-size:1.2em; font-weight:bold; line-height:2; }
	@media (max-width:991px) {
		.service_microsoft_azure .description_box .image { height:0; padding-bottom:45%; margin-bottom:20px; }
		.service_microsoft_azure .azure h3 { font-size:1.5em; }
		.service_microsoft_azure .feature_unit { padding:40px 15px; }
	}
	@media (max-width:575px) {
		.service_microsoft_azure .description_box .contents { padding:40px 15px; font-size:1.2em; }
		.service_microsoft_azure .azure h3,
		.service_microsoft_azure .feature_unit h4 { font-size:1.25em; letter-spacing:0; }
		.service_microsoft_azure .cases ol li .tag { width:60px; }
		.service_microsoft_azure .cases ol li .main { width:calc(100% - 60px); padding-left:10px; }
	}

/*===================================================================
	#attempt
===================================================================*/

	/* quality */
	.attempt_quality .quality p { line-height:2; }
	.attempt_quality .quality_unit { border:1px solid #E0E0E0; padding:40px; }
	.attempt_quality .quality_unit dt { text-align:center; color:#1C46A5; font-weight:bold; font-size:1.25em; margin-bottom:20px; }
	.attempt_quality .quality_unit dt dd { line-height:2; }
	@media (max-width:991px) {
		.attempt_quality .quality_unit { padding:40px 15px; }
	}
	@media (max-width:767px) {
		.attempt_quality .quality_unit { margin-bottom:20px }
	}

	/* customer */
	.attempt_customer .pride { display:flex; flex-direction:column; flex-wrap:wrap; align-content:center; align-items:flex-start; }
	.attempt_customer .pride_unit { display:inline-block; letter-spacing:-1em; margin-bottom:40px; }
	.attempt_customer .pride_unit > * { display:inline-block; letter-spacing:normal; vertical-align:middle; }
	.attempt_customer .pride_unit img { width:280px; padding-right:60px; margin-right:30px; background:url(/common/asset_company/image/layout/icon_slash.png) no-repeat center right; }
	.attempt_customer .pride_unit p { width:calc(100% - 310px); font-weight:bold; font-size:0; letter-spacing:-1em; }
	.attempt_customer .pride_unit p > span { display:inline-block; letter-spacing:normal; font-size:22px; }
	.attempt_customer .pride_unit p .underline { border-bottom:2px solid; }
	.attempt_customer .pride_unit._p p .underline { color:#ED1C24; border-color:#ED1C24; }
	.attempt_customer .pride_unit._r p .underline { color:#8CC63F; border-color:#8CC63F; }
	.attempt_customer .pride_unit._i p .underline { color:#00B6F1; border-color:#00B6F1; }
	.attempt_customer .pride_unit._d p .underline { color:#662D91; border-color:#662D91; }
	.attempt_customer .pride_unit._e p .underline { color:#F15A24; border-color:#F15A24; }
	@media (max-width:991px) {
		.attempt_customer .pride_unit img { width:240px; }
		.attempt_customer .pride_unit p { width:calc(100% - 270px); }
	}
	@media (max-width:767px) {
		.attempt_customer .pride_unit img { display:block; width:240px; margin-right:auto; margin-bottom:10px; }
		.attempt_customer .pride_unit p { width:100%; display:block; font-size:1.2em; }
		.attempt_customer .pride_unit p > span { display:inline; }
	}

	/* work_style */
	.attempt_work_style .enhance { border:1px solid #2C72BD; }
	.attempt_work_style .enhance h3 { position:relative; display:block; background:#2C72BD; color:#fff; font-weight:bold; font-size:1.75em; letter-spacing:1px; text-align:center; padding:60px 15px; }
	.attempt_work_style .enhance h3::after { content:""; display:block; width:30px; height:100%; position:absolute; top:0; right:-30px; z-index:10;
	background:linear-gradient(to top right, #2C72BD 49%, transparent 51%) no-repeat top center / 100% 50.3%, linear-gradient(to bottom right, #2C72BD 49%, transparent 51%) no-repeat bottom center / 100% 50.3%; }
	.attempt_work_style .enhance p { display:block; background:#fff; color:#2C72BD; font-weight:bold; font-size:1.75em; letter-spacing:1px; text-align:center; padding:60px 15px 60px 30px; }
	.attempt_work_style .theme { background:#F8F8F8; }
	.attempt_work_style .theme_unit { background:#fff; border:1px solid #2C72BD; text-align:center; padding:40px 15px; margin-bottom:40px; }
	.attempt_work_style .theme_unit dt { font-weight:bold; font-size:1.75em; letter-spacing:1px; color:#2C72BD; margin-bottom:10px; }
	.attempt_work_style .theme_unit dd { font-size:1.2em; }

	@media (max-width:991px) {
		.attempt_work_style .enhance h3,
		.attempt_work_style .enhance p,
		.attempt_work_style .theme_unit dt { font-size:1.5em; }
	}
	@media (max-width:767px) {
		.attempt_work_style .enhance h3::after { width:100%; height:30px; top:auto; bottom:-30px; right:0;
		background:linear-gradient(to bottom left, #2C72BD 49%, transparent 51%) no-repeat center left / 50.3% 100%, linear-gradient(to bottom right, #2C72BD 49%, transparent 51%) no-repeat center right / 50.3% 100%; }
		.attempt_work_style .enhance p { padding:75px 15px 60px; }
		.attempt_work_style .theme_unit dt { font-size:1.2em; letter-spacing:0; }
		.attempt_work_style .theme_unit dd { font-size:1em; }
	}
	@media (max-width:575px) {
		.attempt_work_style .enhance h3 { padding:20px 15px; }
		.attempt_work_style .enhance p { font-size:1.2em; letter-spacing:0; padding:50px 15px 20px; }
		.attempt_work_style .theme_unit { padding:20px 15px; }
	}

	/* security */
	.attempt_security .security p { line-height:2; }

	/* club */
	.attempt_club .club .photo { width:100%; height:360px; background:no-repeat center center / cover; margin-bottom:30px; }
	@media (max-width:991px) {
		.attempt_club .club .photo { height:280px; }
	}
	@media (max-width:767px) {
		.attempt_club .club .photo { height:0; padding-bottom:60%; }
	}

	/* recruit */
	.attempt_recruit .recruit p { line-height:2; }
	.attempt_recruit .recruit p a { color:#2C72BD; text-decoration:underline; }
	.attempt_recruit .recruit p a:hover { text-decoration:none; }

	/* sdgs */
	.attempt_sdgs .sdgs p { line-height:2; }
	.attempt_sdgs .sdgs_unit { border:2px solid #EDEDED; border-radius:3px; margin-bottom:40px; padding:40px; }
	.attempt_sdgs .sdgs_unit dt { border-bottom:1px solid #E2E2E2; margin-bottom:40px; padding-bottom:20px; letter-spacing:-1em; line-height:1.4; }
	.attempt_sdgs .sdgs_unit dt > * { display:inline-block; vertical-align:middle; letter-spacing:normal; }
	.attempt_sdgs .sdgs_unit dt .num { font-size:4em; color:rgba(150, 150, 150, 0.25); font-weight:bold; font-style:italic; width:100px; }
	.attempt_sdgs .sdgs_unit dt .main { font-size:2em; font-weight:bold; width:calc(100% - 100px); color:#000000; }
	.attempt_sdgs .sdgs_unit .goals ul { letter-spacing:-1em; text-align:center; padding-bottom:40px; }
	.attempt_sdgs .sdgs_unit .goals ul > li { letter-spacing:normal; display:inline-block; padding:0 10px; }
	.attempt_sdgs .sdgs_unit .attempt { text-align:center; }
	.attempt_sdgs .sdgs_unit .attempt ul { display:inline-block; text-align:left; }
	.attempt_sdgs .sdgs_unit .attempt ul > li {  line-height:2; text-indent:-1em; margin-left:1em; }
	@media (max-width:991px) {
		.attempt_sdgs .sdgs_unit dt .main { font-size:1.75em; }
	}
	@media (max-width:767px) {
		.attempt_sdgs .sdgs_unit { padding:20px 15px; }
		.attempt_sdgs .sdgs_unit dt .num { font-size:3em; width:70px; }
		.attempt_sdgs .sdgs_unit dt .main { font-size:1.5em; width:calc(100% - 70px); }
		.attempt_sdgs .sdgs_unit .goals ul > li img { width:120px; }
	}
	@media (max-width:575px) {
		.attempt_sdgs .sdgs_unit dt .num { font-size:2em; width:50px; }
		.attempt_sdgs .sdgs_unit dt .main { font-size:1.1em; width:calc(100% - 50px); }
		.attempt_sdgs .sdgs_unit .goals ul > li { padding:0 5px; }
		.attempt_sdgs .sdgs_unit .goals ul > li img { width:90px; }
	}

	.sitepolicy p a { color:#2C72BD; text-decoration:underline; }
	.sitepolicy p a:hover { text-decoration:none; }

/*===================================================================
	.sitemap
===================================================================*/
.sitemap .hl_4 { margin-bottom:20px; }
.sitemap a { text-decoration:underline; }
.sitemap a:hover { text-decoration:none; }
.sitemap ul li a { position:relative; color:#2C72BD; padding-left:10px; }
.sitemap ul li a::before { content:""; position:absolute; display:block; width:5px; height:1px; top:50%; left:0; background:#2C72BD; }