@charset "UTF-8";
/* CSS Document */
#area-BreadcrumbsTop {
padding-top: 78px;
}
@media only screen and (max-width: 1024px) {
#area-BreadcrumbsTop {
padding-top: 58px;
}
}
@media only screen and (max-width: 640px) {
#area-Contents {
padding-top: 58px;
}
}
html {
scroll-padding-top: 100px;
}

/*local_nav_wrap*/
.local_nav_wrap .g-TileLinkVUnit--v2__imageBlock {
margin-bottom: 5px !important;
}

/* 共通 */
.margin_none p {margin: 0;}
.img_margin_none.g-TileLinkVUnit--v2__imageBlock {margin-bottom: 0!important;}


/* 背景画像 */
.bg_arch_top {background-image: url('/content/dam/sites/kao/pro-kao-com/jp/ja/professional/sub_common/bg_arch_top_pc.png'); background-size: cover; aspect-ratio: 1366 / 87; width: 100%;}
.bg_arch_bottom {background-image: url('/content/dam/sites/kao/pro-kao-com/jp/ja/professional/sub_common/bg_arch_bottom_pc.png'); background-size: cover; aspect-ratio: 1366 / 87; width: 100%;}

@media only screen and (max-width: 1024px) {
.bg_arch_top {aspect-ratio: 1024 / 64;}
.bg_arch_bottom {aspect-ratio: 1024 / 64;}	
}

@media only screen and (max-width: 640px) {
.bg_arch_top {background-image: url('/content/dam/sites/kao/pro-kao-com/jp/ja/professional/sub_common/bg_arch_top_sp.png'); aspect-ratio: 375 / 30;}
.bg_arch_bottom {background-image: url('/content/dam/sites/kao/pro-kao-com/jp/ja/professional/sub_common/bg_arch_bottom_sp.png'); aspect-ratio: 375 / 27;}
}


/* 位置調整 */
.tb_center_wrap {display: flex;}
.tb_center_box {justify-content: center; align-content: center;}
.tb_center .g-ImageTextHP--v2__contentsBlock {display: flex; align-items: center;}
.img_txt_center .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {display: flex; align-items: center;}

@media only screen and (min-width: 1025px) {
.anchor_btn .l-ButtonP.is-gutter--m .l-ButtonP__list {display: flex; flex-wrap: wrap; justify-content: center;}
}
	
/* 色変更 */
.border_gray .l-TileLinkHUnit--v2.is-colorset--1 {border-color: #707070;}
.border_gray .g-TileLinkHUnit--v2 {border: 1px solid;}

/* 角丸＋背景色 */
.round_bg_white.l-TileLinkVUnit--v2.is-colorset--1 {background-color: #fff; border-radius: 20px;}

@media only screen and (max-width: 1024px) {
.round_bg_white.l-TileLinkVUnit--v2.is-colorset--1 {background-color: #fff; border-radius: 20px;}
}

@media only screen and (max-width: 640px) {
.round_bg_white.l-TileLinkVUnit--v2.is-colorset--1 {background-color: #fff; border-radius: 12px;}
}

/* カラム幅調整 */
.column_4_6 .opt-lg-imageW50p {grid-template-columns: 40% 60%!important;}
.column_6_4 .opt-lg-imageW50p {grid-template-columns: 60% 40%!important;}

@media only screen and (max-width: 1024px) {
.column_4_6 .opt-lg-imageW50p {grid-template-columns: 50% 50%!important;}
.column_6_4 .opt-lg-imageW50p {grid-template-columns: 50% 50%!important;}	
}

/* 余白調整 */
#anchor .l-ButtonP.is-gutter--m .l-ButtonP__list__item {padding: 10px;}

@media only screen and (max-width: 1024px) {
#anchor .l-ButtonP.is-gutter--m .l-ButtonP__list__item {padding: 6px;}	
}

@media only screen and (max-width: 640px) {
#anchor .l-ButtonP.is-gutter--m .l-ButtonP__list__item {padding: 10px;}	
#anchor .height {height: 40px;}
}

/* 文字にアイコン追加 */
.right_arrow::before {content: ""; display: inline-block; background-image: url('/content/dam/sites/kao/pro-kao-com/jp/ja/professional/sub_common/right_arrow.png'); background-size: cover; background-repeat: no-repeat; width:7px; height: 11px; margin-right: 12px;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 見出し */
.h1_ttl_sub {font-family:'AvenirLTPro-Roman' sans-serif; font-size: 14px; color: #00AC8F;}
.h2_ttl h2 {padding: 0 0 15px;}
.h2_ttl h2::after {position: absolute; content: ""; width: 60px; left: 0; right: 0; bottom: 0; margin: auto; border-bottom: 1px #0F8482 solid;}
.line_ttl {display: flex; align-items: center;}
.line_ttl::before, .line_ttl::after {background-color: #0F8482; content: ""; flex-grow: 1; height: 1px;}
.line_ttl::before {margin-right: 20px;}
.line_ttl::after {margin-left: 20px;}


@media only screen and (max-width: 1024px) {
.h2_ttl h2 {padding: 0 0 5px;}	
}

@media only screen and (max-width: 640px) {
.h1_ttl_sub {font-size: 12px;}
.h2_ttl h2 {padding: 0 0 5px;}
.h2_ttl h2::after {width: 40px;}
.ttl_center_sm {display: inline-block;}
.ttl_wrap {text-align: center;}
}


/* 事業方針 */
.theme_box .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__text, .theme_box .g-ImageTextHP--v2.is-layoutR .g-ImageTextHP--v2__contentsBlock__text {place-content: center; padding: 0 30px;}
.theme_box .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {padding-right: 0;}
.theme_box .g-ImageTextHP--v2.is-layoutR .g-ImageTextHP--v2__contentsBlock__image {padding-left: 0;}
.r20 {border-radius: 20px;}

@media only screen and (max-width: 1024px) {
.theme_box .g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__text, .theme_box .g-ImageTextHP--v2.is-layoutR .g-ImageTextHP--v2__contentsBlock__text {place-content: center; padding: 0 15px;}	
.r20 {border-radius: 20px;}	
}

@media only screen and (max-width: 640px) {
.theme_box .g-ImageTextHP--v2.is-smallViewVerticalT .g-ImageTextHP--v2__contentsBlock__text {width: auto;}	
.r20 {border-radius: 12px;}
}