@charset "UTF-8";

/* CSS Document */

/*--------------------
01.トップページ
02.カルミックが選ばれる理由
03.サービスから探す
03-1.サービス一覧
03-2.サービス詳細
04.目的から探す
04-01.目的から探す詳細
05.事例紹介
05-01.事例紹介 詳細
05-01-01.プレミアムセンティング
06.お役立ちコラム
06-01.お役立ちコラム 詳細
07.よくあるご質問
08.お問い合わせ
09.会社案内
09-1.カルミックとは？
09-2.会社概要
09-3.沿革
09-4.CSRの取り組み
09-5.オフィスのご案内
09-5-1.オフィス詳細
09-6.採用情報
09-7.サステナビリティ経営のための取り組み
10.プライバシーポリシー
11.ウェブサイトポリシー
12.建築物環境衛生管理基準について
13.カタログダウンロードフォーム
14.カタログダウンロード
15.お知らせ
15-01.お知らせ 詳細
16.サイトマップ
17.検索結果一覧
18.404
19.スペクトラLED　お問合せフォーム
--------------------*/
/*----------
01.トップページ
----------*/
#top .caution_area{
padding: 40px 0;
background-color: #DEDEDE;
}
#top .caution_area .container{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: 1000px;
padding: 0 3.3%;
}
#top .caution_area .l_box{
margin: 0 60px 10px 0;
}
#top .caution_area .l_box p{
display: inline-block;
padding: 10px;
background-color: #B40000;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #fff;
}
#top .caution_area .caution{
margin: 0 0 10px;
}
#top .caution_area .caution:last-of-type{
margin: 0;
}
#top .caution_area .caution a{
display: flex;
align-items: center;
}
#top .caution_area .day{
display: inline-block;
margin: 0 34px 0 0;
font-size: 14px;
color: #5C99E1;
letter-spacing: 0.08em;
line-height: 1;
font-weight: 500;
}
#top .caution_area .title{
font-size: 16px;
line-height: 24px;
color:#000;
}

#top .top_section .swiper-pagination{
inline-size: fit-content;
left: 50%;
transform: translateX(-50%);
}
#top .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #5e99dc;
}

#top .mainvisual .slick-dots {
bottom: 30px;
}
#top .slick-dots li.slick-active button:before {
opacity: 1;
color: #5E99DC;
}
#top .slick-dots li button:before {
font-size: 12px;
color: #fff;
opacity: 1;
}
#top .gather_place {
padding: 100px 0;
overflow: hidden;
}
#top .gather_place h2 {
max-width: 615px;
font-size: 30px;
line-height: 45.6px;
margin-bottom: 20px;
}
#top .gather_place .section_descript {
max-width: 627px;
margin-top: 20px;
margin-bottom: 50px;
}
#top .ogp {
float: right;
}
#top .ogp_container {
display: grid;
grid-template-columns: 1fr 350px;
}
#top .ogp_container img {
max-width: 340px;
}
#top .gather_place .circle01 {
position: absolute;
top: -5px;
left: 0;
z-index: 0;
width: 68.25%;
}
#top .gather_place .circle02 {
position: absolute;
top: 250px;
right: 50px;
width: 300px;
height: 300px;
}
#top .gather_place .circle03 {
position: absolute;
top: 58px;
right: 40px;
width: 100px;
height: 100px;
}
#top .ogp_descript .more_link_btn {
z-index: 3;
}
@-moz-document url-prefix(){
#top .ogp_descript .more_link_btn {
max-width: 282px;
}
}
#top .swiper-slide img:hover{
opacity: 1;
}
#top .swiper {
width: 100%;
height: 100%;
}
#top .swiper-slide {
background-position: center;
background-size: cover;
display: flex;
}
#top .top_section .swiper-slide img {
display: block;
width: 100%;
height: 100%;
}


#top .caution_area .caution a:hover{
opacity: 0.7;
text-decoration: underline;
text-decoration-color: #000;
}

#top #notify_section {
padding: 10px 0 90px 0;
}
#top #notify_section h2{
margin-bottom: 53px;
}
#top .noti_list{
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
#top .noti_list a {
display: grid;
grid-template-columns: 90px 1fr;
grid-column-gap: 30px;
align-items: baseline;
}
#top .noti_list .noti_time {
font-weight: 500;
font-size: 14px;
letter-spacing: 0.08em;
line-height: 32px;
color: #5c99e1;
}
#top .noti_list .noti_title{
line-height: 24px;
color: #000;
}
#top .noti_list a.link:hover{
opacity: 0.7;
text-decoration-color: #000;
}
#top .noti_list li {
padding: 12px 0;
}
#top .noti_list li:nth-of-type(2) {
border-top: solid 1px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#top #notify_section .link_wrap .more_link_btn {
width: 300px;
max-width: 300px;
margin: 40px auto 0;
}

#top #aim_search_section {
background: #f2f7fc;
padding: 130px 0;
}
#top #aim_search_section h2{
margin-bottom: 60px;
}
#top #aim_search_section .aim_search_tab_content img {
display: block;
margin:0 auto 15px;
max-width: 88px !important;
}
#top .aim_search_tab_container {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: solid 2px #194893;
}
#top .aim_search_tab {
width: 320px;
height: 55px;
border-radius: 6px 6px 0px 0px;
background: #fff;
border: none;
font-weight: 500;
font-size: 18px;
text-align: center;
color: #194893;
cursor: pointer;
font-family: 'Noto Sans JP', sans-serif;
}
#top .aim_search_tab_container button.active{
background: #194893;
font-weight: bold;
font-size: 18px;
color: #fff;
}
#top #aim_search_section .aim_search_tab_content {
display: none;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 40px;
min-height: 480px;
width: 1000px;
flex-wrap: wrap;
}
#top #aim_search_section #tab01 {
display: grid;
}
#top #aim_search_section .aim_search_tab_content .tab_item{
position: relative;
width: 234px;
height: 230px;
background: #fff;
}
#top #aim_search_section .aim_search_tab_content .tab_item a {
display: block;
padding: 45px 0 0;
text-align: center;
height: 100%;
}
#top #aim_search_section .aim_search_tab_content .tab_item:hover {
opacity:0.7;
}

#top #aim_search_section .aim_search_tab_content .tab_item p {
font-size: 18px;
line-height: 33.6px;
text-align: center;
color: #333;
padding: 0 10px;
}
#top #aim_search_section .aim_search_tab_content .tab_item a > span {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
right: 0;
width: 29px;
height: 29px;
background: rgba(92, 153, 225, 0.6);
color: #fff;
}
#top #aim_search_section .aim_search_tab_content .tab_item .arrow {
border: solid #fff;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
margin-left: -4px;
}
#top #aim_search_section .more_link_btn {
width: 300px;
margin-top: 67px;
margin: 67px auto 0;
}
#top .sc_btn_container {
display: none;
margin-top: 16px;
}
#pickup_section{
padding: 130px 0 110px;
}
#pickup_section h2{
margin-bottom: 38px;
}
#pickup_section .pick_list{
display: flex;
flex-wrap: wrap;
max-width: 1000px;
justify-content: space-between;
}
#pickup_section .work_item{
background-color: transparent;
width: 48.3%;
max-width: initial;
padding: 20px 0;
margin: 0;
}
#pickup_section .item_cont{
display: flex;
}
#pickup_section img{
height: 120px;
width: 152px;
}
#pickup_section .work_item h4 {
margin-bottom: 0;
font-size: 18px;
}
#pickup_section .work_item .item_cont_bottom{
padding: 0 0 0 15px;
}
#pickup_section .work_item:nth-of-type(1), #pickup_section .work_item:nth-of-type(2) {
border-bottom: 1.5px solid #E5E5E5;
}
#pickup_section .work_item:hover{
opacity: 0.7;
}
/*----------
02.カルミックが選ばれる理由
----------*/
#strength #top_section {
background: url('../img/strength/bg01.png')center no-repeat;
background-size: cover;
}
#strength_desc_section {
padding-top: 56px;
}

#strength_desc_section .str_desc_item {
margin-bottom: 176px;
}

#strength_desc_section .str_desc_item .exp_title {
font-weight: 500;
font-size: 28px;
line-height: 44.8px;
margin-bottom: 35px;
color: #000;
}

#strength_desc_section .str_desc_item .desc_num {
width: 56px;
height: 56px;
background: #87b6ed;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 80px;
text-align: center;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}

#strength_desc_section .str_desc_item {
position: relative;
}

#strength_desc_section .str_desc_item .explain {
max-width: 635px;
border-top: solid 3px#87b6ed;
position: relative;
z-index: 3;
background: #fff;
padding: 36px 44px 36px 0;
}

#strength_desc_section .str_desc_item .explain .desc_num {
position: absolute;
top: -57px;
}

#strength_desc_section .str_desc_item .img_wrap {
position: absolute;
right: 0;
top: -56px;
}

#strength_desc_section .img_size {
width: 420px;
}

#strength_desc_section .str_desc_item:nth-child(even) {
display: flex;
justify-content: flex-end;
}

#strength_desc_section .str_desc_item:nth-child(even) .explain .desc_num {
right: 0;
}

#strength_desc_section .str_desc_item:nth-child(even) .img_wrap {
position: absolute;
left: 0;
right: unset;
top: -56px;
}

#strength_desc_section .str_desc_item:nth-child(even) .explain {
padding: 36px 0 36px 44px;
}

_::-webkit-full-page-media, _:future, :root #strength_desc_section .str_desc_item:nth-child(even) .explain {
margin: 0 0 0 auto;
}

#strength_desc_section .str_desc_item:last-child {
margin-bottom: 77px;
}

#strength_desc_section .published_info {
font-size: 14px !important;
text-align: left;
color: #000;
margin: 16px 0 0;
}
/*----------
03.サービスから探す
----------*/
#service #top_section {
background-image: url('../img/service/bg_pc.png');
}
#service #page_descript_section {
padding: 59px 0 60px;
}
#service h2{
margin-bottom: 60px;
}
#service .other_page_to a {
font-size: 18px;
line-height: 22px;
margin: 10px;
display: flex;
}
#service .sec_item a.link{
font-size: 18px;
font-weight: 500;
align-items: center;
display:inline-block;
}
#service_search_main_content_section {
background: #f2f7fc;
padding: 60px 0 130px;
}
#service .other_page_to{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 70px;
}
#service_sub_ttl01.other_page_to {
margin-bottom: 0;
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
}
#service .container div .other_page_to {
justify-content: start;
}
#service .container div .other_page_to li:first-of-type {
margin-right: 100px;
}
#service #service_search_main_content_section .link_wrap a{
margin: 75px auto 0;
width: 310px;
height: 52px;
max-width: 310px;
}
#service #service_search_main_content_section .link_wrap a .arrow{
right: 23px;
border-color: #fff;
}
#scene_space .tab_scroll_container::-webkit-scrollbar{
display:none;
}
#scene_space .tab_scroll_container.kage::before{
content: '';
display: block;
position: absolute;
height: 100%;
width: 19px;
background: transparent linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(25,72,147,0.2) 100%) 0% 0% no-repeat padding-box;
top: 0;
right: 0;
transition: all ease-in-out 0.3s;
opacity: 1;
}
#scene_space .tab_scroll_container.kage.keshi::before{
opacity: 0;
}

/* サービスページ上部 無料レンタル訴求エリア */

#contact_section.service_top_appeal {
  background: #194893;
  color: #000;
  border: #194893 1px solid;
  border-top: none;
  padding:0;
  margin-bottom: 60px;
}

#contact_section.service_top_appeal .pr_block h3,
#contact_section.service_top_appeal .inquiry_block h3:first-child {
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  padding-top: 0;
  margin-bottom: 0;
}
#service #contact_section.service_top_appeal .pr_block {
  padding: 0.6em 0; 
}

/* カタログバナー */

.bnr_on_top {
  margin-top: -60px;
}

.bnr_catalog {
  display: block;
}

.bnr_catalog picture {
  overflow: visible;
}

.bnr_item_image {
  position: relative;
  display: block;
  padding-top: 80px;
}

.bnr_item_image picture {
  position: absolute;
  bottom: -92px;
  left: 70%;
  width: auto;
  height: 152px;
}

.bnr_item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 100;
}

/*----------
03-1.サービス一覧
----------*/
#cat_top .bg_f2f.sec03.mb_90{
padding-bottom: 120px;
}
#cat_top .img_toubai{
margin-bottom: 117px;
}
.categorytop .product_list_table img {
width: 80px;
}
.categorytop .product_list_table .col01 {
border-left: none;
}
.sec03.bg_f2f.mb_90 .link_wrap{
margin-top: 60px;
}
.sec03.bg_f2f.mb_90 .link_wrap a:hover,
#product_information_section .link_wrap a:hover{
opacity: 0.7;
}
#go_needs_section {
padding: 130px 0;
}
#go_needs_section .more_link_btn {
max-width: 300px;
width: 300px;
margin: 0 auto;
}
.slider_for {
margin-bottom: 20px;
}
.detail_products.products01 .sec02 .cnt_area.grid_box {
display: grid;
grid-template-columns: 1fr 285px;
grid-column-gap: 35px;
}
#cat_top .common_de{
padding-bottom: 130px;
}
#cat_top #work_list .more_link_btn {
margin-top: 110px;
}
.categorytop #both_side_section .img_box {
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 62px;
}
.categorytop #both_side_section:first-child .img_toubai{
margin-bottom: 145px;
}
.categorytop .cnt_title {
position: relative;
margin: 0 0 60px;
padding: 130px 0 40px;
font-size: 34px;
font-weight: 700;
color: #194893;
text-align: center;
}
.categorytop .cnt_title::after {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.categorytop .work_body h3{
font-size: 34px;
}
.categorytop .cnt_text {
font-size: 16px;
line-height: 28.8px;
}
.categorytop .sec02 .cnt_group {
padding-bottom: 60px;
}
.categorytop .info_tb tr td:last-of-type {
padding-left: 0;
}
.categorytop .bg_f2f .cnt_title {
padding-top: 60px;
}
.categorytop .service_list_item_container {
justify-content: space-between;
}
.t-bowl-type-heading {
  margin-bottom: 18px;
}
.categorytop .t-bowl-type-list {
  display: flex;
  margin: 0 -10px 60px;
}
.categorytop .t-bowl-type-item {
  margin: 0 10px;
  width: calc(25% - 20px);
}
.t-bowl-type-name {
  text-align: center;
  margin-bottom: 8px;
}
.t-bowl-type-img {
  text-align: center;
  margin-bottom: 8px;
}
.t-bowl-type-img img {
  vertical-align: top;
  max-width: 100%;
}
.categorytop .cat_lists {
  margin: -3px -5px 0;
}
.categorytop .cat_lists.type_category {
  margin: 0;
}
.categorytop .cat_lists .cat_label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5C99E1;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  margin: 3px 5px 0;
  padding: 6px 10px 8px;
}
.service_detail .detail-t-bowl-type-cols {
  display: flex;
  margin: 38px -10px 60px;
}
.service_detail .detail-t-bowl-type-col {
  margin: 0 10px;
}
.service_detail .detail-t-bowl-type-col.col-has-child-1 {
  width: calc(25% - 20px);
}
.service_detail .detail-t-bowl-type-col.col-has-child-2 {
  width: calc(50% - 20px);
}
.service_detail .t-bowl-type-list {
  display: flex;
  margin: 0 -10px;
}
.service_detail .t-bowl-type-item {
  margin: 0 10px;
}
.service_detail .detail-t-bowl-type-col.col-has-child-1 .t-bowl-type-item {
  width: calc(100% - 20px);
}
.service_detail .detail-t-bowl-type-col.col-has-child-2 .t-bowl-type-item {
  width: calc(50% - 20px);
}
.service_detail #both_side_section {
padding: 62px 0 60px;
}
.service_detail .cnt_title {
position: relative;
margin: 0 0 60px;
padding: 130px 0 40px;
font-size: 34px;
font-weight: 700;
color: #194893;
text-align: center;
}
.service_detail .cnt_title::after {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.service_detail .sec01 h3 {
font-weight: 500;
font-size: 28px;
padding-bottom: 40px;
}
.service_detail .sec01 .service_top_appeal .pr_block h3 {
padding-bottom: 0;
}
.service_detail .cnt_text {
font-size: 16px;
color: #000;
line-height: 28.8px;
}
.service_detail .sec01 .cnt_group:nth-child(-n+2) {
padding-bottom: 60px;
}
/*----------
03-2.サービス詳細
----------*/
#service_sanitizer_mark7 .link_wrap.active a:hover{
opacity: 0.7;
}
#service_sanitizer_mark7 .product_list_table .product_title:hover{
text-decoration: underline;
}
#service_sanitizer_mark7 .top_section_type02 .sanitizer_products_container {
padding-top: 60px;
height: auto;
bottom: -14px;
}
#service_sanitizer_mark7 .fz_18 td{
font-size: 18px;
}
#service_sanitizer_mark7 .slick-initialized .slick-slide {
margin: 0 2px;
}
.service_detail img {
display: block;
width: 100%;
}
.other_page_to {
display: flex;
align-items: start;
flex-wrap: wrap;
justify-content: space-between;
}
.service_detail .detail_sec{
padding: 80px 0 !important;
}
.service_detail .title_ptn1{
position: relative;
margin: 0 0 60px;
padding: 0 0 40px;
font-size: 34px;
line-height: 49px;
font-weight: 700;
color: #194893;
text-align: center;
}
.service_detail .title_ptn1::after{
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.service_detail .title_ptn2{
margin: 0 0 40px;
font-size: 28px;
font-weight: 700;
color: #000;
}
.service_detail .bg_blue{
background-color: #f2f7fc !important;
}
.service_detail .ptn_slider{
display: flex;
justify-content: space-between;
}
.service_detail .ptn_slider .box_l{
font-size: 16px;
line-height: 28px;
width: 52.6%;
}
.service_detail .ptn_slider .box_r{
width: 43.4%;
}
.service_detail .ptn_feature_img{
padding: 40px;
background-color: #fff;
}
.service_detail .ptn_feature_img p{
margin: 0 0 35px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.service_detail .product_list_table img{
width: 94px;
}
.service_detail .list_style{
margin: 0 0 60px;
}
.service_detail .list_style li{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.service_detail .list_style li::before{
content: '';
display: block;
margin: 0 10px 0 0;
border-radius: 90%;
width: 10px;
height: 10px;
background-color: #5C99E1;
}
.service_detail .text_img{
display: flex;
justify-content: space-between;
}
.service_detail .text_img p{
width: 63.6%;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.service_detail .text_img .cnt_img{
width: 32.4%;
}
.service_detail .series_wrap{
margin: 0 0 0 -20px;
}
.service_detail .series_list .item_img{
margin: 0 10px 0 0;
width: 70px;
}
.service_detail .series_list .name{
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
#service_sanitizer_mark7.detail_products .common_de .container .set3_lay.flex_box .slick-initialized.slide .slick-list.draggable{
padding-left: 0 !important;
padding-right: 0 !important;
}
#service_sanitizer_mark7 .u_space {
margin-bottom: 40px;
}
#spectraled{
margin-bottom: 60px;
}
#spectraled .form_container dl dd.block_dis{
display: flex;
}
#spectraled .form_container dl:last-of-type dd, #spectraled .form_container .mwform-checkbox-field-text{
justify-content: center;
flex-direction: column;
font-size: 16px;
}
#spectraled .form_container dl:last-of-type dd div, #spectraled .form_container dl:last-of-type dd p{
margin: 0 auto 0 0;
}
#spectraled .form_container dl dd .inp03{
width: 100%;
}
#spectraled .form_container dl dd p{
width: 89.48%;
}
#spectraled .request .mwform-radio-field-text::before,
#spectraled .request .mwform-radio-field-text::after{
content: '';
display: block;
position: absolute;
left: 0;
}
#spectraled .request .mwform-radio-field-text::before{
border: 1px solid #ccc;
border-radius: 90%;
width: 16px;
height: 16px;
background-color: #fff;
}
#spectraled .request input:checked + .mwform-radio-field-text::after{
border-radius: 90%;
width: 10px;
height: 10px;
background-color: #194893;
left: 3px;
}
#spectraled .request input{
position: absolute;
margin: 0;
width: 0;
height: 0;
opacity: 0;
}
#spectraled .request .mwform-radio-field-text{
display: flex;
align-items: center;
position: relative;
padding: 0 0 0 26px;
}
#spectraled .mwform-radio-field.horizontal-item{
height: 25px;
display: inherit;
}
#spectraled.confirm .request dd .red,
#spectraled.confirm .privacy_policy{
display: none;
}
#spectraled .mw_wp_form .error{
display: block;
width: 100%;
color: #FF0000;
}
#spectraled .mw_wp_form .error::before{
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url("../img/contact/icon_error.png");
background-repeat: no-repeat;
background-size: contain;
margin: 0 10px 0 0;
}
.detail_products .cnt_title {
position: relative;
margin: 0 0 60px;
padding: 60px 0 40px;
font-size: 34px;
font-weight: 700;
color: #194893;
text-align: center;
}
.detail_products .cnt_title::after {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.detail_products.products01 .sec01 .cnt_area {
display: flex;
}
.detail_products .sec01 .cnt_area .box_l {
width: 50%;
}
.detail_products .sec01 .box_l .cnt_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
line-height: 28.8px;
}
.detail_products .sec01 .cnt_area .box_r {
width: 50%;
}
.detail_products .sec01 .products_slider {
padding-left: 40px;
max-width: 434px;
}
.detail_products .products_slider .slider-nav {
padding: 0;
}
.detail_products .products_slider .slider-for li {
max-width: 434px;
max-height: 380px;
margin-bottom: 15px;
}
.detail_products .products_slider .slider-for .img_box {
width: 434px;
height: 380px;
}
.detail_products .products_slider .slider-nav li {
max-width: 96px;
max-height: 84px;
margin-right: 17px;
}
.detail_products .slick-list.draggable {
padding-left: 0!important;
}
#service_sanitizer_mark7.detail_products .column_box .slick-list.draggable{
padding-left: 127px!important;
padding-right: 127px!important;
}
.detail_products .bg_f2f .cnt_title {
padding-top: 80px;
}
.detail_products.products01 .sec02 .cnt_area {
background-color: #fff;
padding: 40px;
}
.detail_products .sec02 .description_text {
margin-bottom: 36px;
}
.detail_products .sec02 .img_box{
width: 100%;
}
.detail_products .sec02 {
padding-bottom: 90px;
}
.detail_products .sec03 .cnt_title {
padding-top: 70px;
}
.detail_products .sec03 h3 {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 28px;
color: #000;
}

.detail_products .sec05 {
padding-bottom: 120px;
}
.detail_products .bg_f2f .cnt_title {
padding-top: 60px;
}
.detail_products .service_list_item_container {
justify-content: space-between;
}
.detail_products .sec05 .sec_item .sector_item {
height: auto;
}
.detail_products .sec05 .sec_item .sector_item div{
width: 90%;
justify-content: flex-start;
}
.detail_products .sec05 .sector_item img {
max-width: 77px;
max-height: 88px;
}
.detail_products.products02 #work_list .cnt_title {
padding-top: 130px;
}
#spectraled .h2_a{
margin-top: 60px;
}

/* エアーサニタイザーPlus */

.common_de .container .bg_b .bg_W.btn_plasmacluster {
  margin-top:-80px;
}

.btn_plasmacluster > picture {
  flex-direction:row-reverse;
  justify-content:flex-start
}

.btn_plasmacluster > picture > a:hover {
  opacity: 0.7;
}

.btn_plasmacluster > picture img {
  max-width: 450px;
}

/*----------
04.目的から探す
----------*/
#needs #top_section {
background-image: url('../img/needs/bg_pc.png');
}
#needs #page_descript_section p {
text-align: center;
}
#needs .go_service .more_link_btn {
max-width: 300px;
width: 300px;
height: 52px;
margin: 80px auto 0;
}
#decoration_section {
height: 240px;
background: url('../img/needs_business/section_dec.png') top center no-repeat;
background-size: cover;
}
#decoration_section img{
position: absolute;
top: -200px;
width: 100%;
right: 0;
left: 0;
}
.notice_alone_text {
font-size: 30px;
line-height: 33.6px;
text-align: center;
}
#needs .sector_item div img{
max-width: 36px;
max-height: 62px;
margin-left: 12px;
}
#needs .sec_item .sector_item_name {
text-align: center;
padding-left: 16px;
min-width: 103px;
}
#needs .h2_a{
margin-bottom: 60px;
}
#needs .sec_item .sector_content_wrap .sector_item{
height: 62px;
}
/*----------
04-01.目的から探す詳細
----------*/
#scene_space .free_blog_link:hover{
opacity: 0.7;
}
.free_section .description_text {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
#scene_space .cnt_text06{
font-size: 16px;
line-height: 28.8px;
}
/*----------
05.事例紹介
----------*/
#case #top_section {
background-image: url('../img/case/bg_pc.png');
}

#case .top_section_type01 .container {
  flex-direction: column;
}

#tag_section {
margin-top: 15px;
padding: 40px 0;
}
.filter_heading {
color: inherit;
font-size: 16px;
font-weight: 500;
text-align: center;
margin-bottom: 18px;
}
.filter_sub_heading {
color: inherit;
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
margin-top: 18px;
}
.tag_container {
display: flex;
flex-wrap: wrap;
margin: -12px -7px 0 -8px;
}
.tag_container > div {
margin: 12px 7px 0 8px;
}
.tag_container > div > a {
font-size: 12px;
color: #fff;
line-height: 17px;
padding: 3px 10px;
display: inline-block;
background-color: #5C99E1;
}
.tag_container > div > a:hover {
  opacity: 0.7;
}
.tag_container > div > a.current_category,
.tag_container > div > a.current_tag {
background-color: #194893;
}
.filter_result_heading {
color: inherit;
font-size: 28px;
font-weight: 500;
margin-bottom: 40px;
}

#scene_space .column_box .cnt_text06{
font-size: 14px;
line-height: 20px;
}
/*----------
05-01.事例紹介 詳細
----------*/
#case_de .common_de{
padding-bottom: 130px;
}
#case_de .kome_text {
margin-bottom: 60px;
font-size: 12px;
font-weight: 400;
line-height: 1.8;
}

#case_de .top_section_type02 .page_title_top p .page_subtitle {
width: auto;
max-width: none;
height: auto;
border: none;
font-size: 14px;
padding-left: .4em;
text-align: left;
color: #194893;
vertical-align: text-bottom;
}
/*----------
05-01-01.プレミアムセンティング
----------*/
#fragrance_index_color.other_page_to {
margin-top: 60px;
margin-bottom: 40px;
font-size: 18px;
}
.fragrance_index {
margin-bottom: 80px;
}
/*#fragrance_index_color.other_page_to .arrow{
margin-left: 8px;
}*/
.fragrance_index ul {
margin-bottom: 40px;
}
.fragrance_index li {
display: flex;
flex-direction: row;
padding: 20px 0;
border-bottom: 1px solid #dedede;
font-size: 16px;
}
.fragrance_index li .thumbimg {
flex: 0 0 140px;
margin-right: 20px;
}
.fragrance_index .fragrance_txt dt {
font-weight: bold;
margin-bottom: 0.4em;
}
/*----------
柔軟記事
----------*/
#both_side_section .cont_wraper {
display: grid;
grid-template-columns: 435px 1fr;
grid-column-gap: 40px;
}

/*----------
07.よくあるご質問
----------*/
#faq h2{
margin-top: 80px;
margin-bottom: 40px;
}
.q_title {
font-weight: 700;
font-size: 34px;
text-align: left;
color: #194893;
}
.answer_text dl{
border: 1px solid #cad8dd;
border-bottom: none;
display: flex;
}
.answer_text dl:last-of-type{
border-bottom: 1px solid #cad8dd;
}
.answer_text dt{
padding: 15px 0;
background-color: rgb(239, 244, 251);
width: 180px;
text-align: center;
}
.answer_text dd{
padding: 15px;
}
/*----------
08.お問い合わせ
----------*/
#inquiry .font_blue{
color: #194893;
}
#inquiry #both_side_section {
padding-top: 60px;
}
#inquiry #both_side_section .cnt_box {
padding:0 16px;
}
#inquiry p {
font-size: 16px;
line-height: 29px;
}
#inquiry .first_text {
padding-bottom: 17px;
}
#inquiry a:hover {
opacity:0.7
}
#inquiry a.a_link:hover {
text-decoration: underline;
}
#inquiry a.a_link {
font-size: 16px;
}
#inquiry #sec01 .flex_wrap a img.maru {
object-fit: contain;
position: absolute;
right: 0;
bottom: 0;
width: 29px;
height: 29px;
}
#inquiry #sec01{
padding: 60px 0 80px;
}
#inquiry #sec01 .container{
width: 100%;
padding: 0 16px;
}
#inquiry #sec01 p{
font-size: 16px;
line-height: 29px;
}
#inquiry #sec01 .first_text{
margin: 0 0 17px;
}
#inquiry #sec01 .lead_text{
margin: 0 0 40px;
}
#inquiry #sec01 .a_link{
display: inline-flex;
margin: 0 0 60px;
}
#inquiry #sec01 .flex_wrap{
margin: 0 0 0 -16px;
}
#inquiry #sec01 .flex_wrap ul{
display: flex;
}
#inquiry #sec01 .flex_wrap li{
position: relative;
margin: 0 0 0 16px;
border: 2px solid #194893;
width: calc(100% / 3 - 16px);
}
#inquiry #sec01 .flex_wrap a{
display: flex;
align-items: center;
padding: 26.5px 8%;
height: 100%;
}
#inquiry #sec01 .flex_wrap p{
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
#inquiry #sec01 .flex_wrap .cnt_img{
margin: 0 10% 0 0;
width: 41px;
}
/*----------
06.お役立ちコラム
----------*/
#useful #top_section {
background-image: url('../img/useful/bg_pc.png');
}

.useful_detail .page_main_texts_container {
padding-top: 40px;
}
.useful_detail #both_side_section .cont_wraper {
display: grid;
grid-template-columns: 324px 1fr;
grid-column-gap: 14px;
}
/*----------
06-01.お役立ちコラム 詳細
----------*/
#useful_de .common_de{
padding-bottom: 130px;
}
/*----------
07.よくあるご質問
----------*/
#faq #both_side_section {
padding-top: 60px;
padding-bottom: 40px;
}
/*#faq #both_side_section .link .arrow{
margin-left: 10px;
}*/
#faq #both_side_section::before,
#faq #both_side_section::after {
height: 164px;
}
#faq .description_text + .link{
margin: 10px 0;
}
#faq .go_a_tag_container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#faq .go_a_tag_container .link{
margin-right: 100px;
font-size: 18px;
line-height: 22px;
}
#faq .go_a_tag_container .link:last-of-type {
margin-right: 0;
}
#faq .go_a_tag_container .link .arrow{
padding: 2px;
/*margin-left: 10px;*/
}
#faq .page_content_sub_section:nth-child(2) .faq_item:nth-child(2){
display: block;
}
.faq_title {
cursor: pointer;
width: 100%;
border: none;
outline: none;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 33.6px;
text-align: left;
color: #194893;
transition: 0.4s;
display: grid;
align-items: baseline;
background: #fff;
padding: 0;
padding-right: 10px;
position: relative;
grid-template-columns: 26px 1fr;
grid-column-gap: 13px;
}
.faq_title span {
position: absolute;
right: -1px;
top: 13px;
height: 6px;
display: flex;
align-items: center;
justify-content: center;
transition: transform ease-in-out 0.4s;
-webkit-transition: transform ease-in-out 0.4s;
-moz-transition: transform ease-in-out 0.4s;
-ms-transition: transform ease-in-out 0.4s;
-o-transition: transform ease-in-out 0.4s;
}
.faq_title.active span {
transform: rotate(-180deg);
transition: ease-in-out 0.4s;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transition: ease-in-out 0.4s;
-moz-transition: ease-in-out 0.4s;
-ms-transition: ease-in-out 0.4s;
-o-transition: ease-in-out 0.4s;
}
.answer_wrap {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.faq_mark {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-align: center;
color: #fff;
padding-right: 1px;
padding-bottom: 3px;
width: 26px;
height: 26px;
background: #194893;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 13px;
}
.faq_item {
background: #fff;
border: 1px solid #194893;
padding: 20px 25px;
margin-bottom: 30px;
}
.answer_mark {
width: 26px;
height: 26px;
background: #fff;
border: 1px solid #194893;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 33.6px;
text-align: center;
color: #194893;
}
.answer_content {
display: grid;
grid-template-columns: 22px 1fr;
align-items: baseline;
grid-column-gap: 16px;
margin-top: 10px;
}
#faq section .page_content_sub_section:last-of-type {
margin-bottom: 0px;
}
.faq_list_wraper .faq_item:last-of-type {
margin-bottom: 0;
}
#faq_main_section {
padding-bottom: 70px;
}

/*----------
09.会社案内
----------*/
#company #top_section {
background-image: url('../img/company/pc_bg.png');
}
#company_main_section .company_bottom {
background: #f3f3f3;
padding: 22px 0;
margin-top: -7px;
}
#company_main_section .company_bottom p{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 32px;
text-align: center;
color: #000;
}
#company_main_section .compnay_item {
background: #f3f3f3;
position: relative;
}
#company_main_section .compnay_item:hover{
opacity: 0.7;
}
#company_main_section .compnay_item img {
width: 100%;
max-height: 200px;
display: block;
}
#company_main_section .main_wrapper {
display: grid;
grid-template-columns: repeat(3 ,1fr);
grid-column-gap: 14px;
grid-row-gap: 80px;
}
#company_main_section .compnay_item .to_show {
display: flex;
position: absolute;
right: 0;
bottom: 0;
width: 22px;
height: 22px;
align-items: center;
justify-content: center;
background: rgba(92, 153, 225, 0.6);
}
#company_main_section .compnay_item .to_show .arrow {
border-color: #fff;
margin-left: -2px;
padding: 2px;
}
#company_main_section {
padding: 80px 0 130px;
}

/*----------
09-2.会社概要
----------*/
#company_profile #both_side_section {
padding-top: 60px;
}
/*----------
09-5.オフィスのご案内
----------*/
#company_office h2{
margin: 60px 0;
}
#company_office .link{
font-size: 16px;
line-height: 33.6px;
text-align: left;
display: flex;
align-items: center;
}
#company_office .link_items .link:last-of-type{
margin-bottom: 0;
}
#company_office .link_items {
width: 333px;
}
#company_office .links_container {
display: flex;
flex-wrap: wrap;
}
/*----------
09-5-1.オフィス詳細
----------*/
#company_office_kudan h2{
margin: 80px 0 60px;
}
.googlemap_container iframe {
width: 100%;
height: 500px;
background: #ccc;
}
.googlemap_container .go_link_tag {
float: right;
}
#Map2{
padding-bottom: 50.5%;
}
#Map2 + div a{
justify-content: flex-end;
}
/*----------
15.お知らせ
----------*/
.news_item_container {
display: grid;
grid-template-columns: 1fr 30px;
align-items: center;
border-bottom: 1.5px solid #e5e5e5;
padding: 22px 0;
padding-right: 33px;
}
.news_item_container .time_and_title {
display: grid;
grid-template-columns: 90px 1fr;
grid-column-gap: 35px;
align-items: baseline;
}
.news_item_container .time_and_title .news_time{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.08em;
line-height: 32px;
text-align: left;
color: #5c99e1;
}
.news_item_container .time_and_title .news_title {
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: left;
color: #000;
}
.news_item_container .time_and_title .news_title:hover {
opacity: 0.7;
text-decoration: underline;
}
.news_item_container .arrow_container {
display: flex;
align-items: center;
justify-content: flex-end;
}
#news_archive .pagination_wrap {
margin: 60px auto 130px;
}
#both_side_section .news_item_container:first-of-type {
padding-top: 0;
}
.no-data-text {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.08em;
text-align: center;
color: #000;
min-height: 300px;
}

/*----------
15-01.お知らせ 詳細
----------*/
#news_de .common_de{
padding-bottom: 44.5px;
}
#privacy .page_nav_wrap ul li:last-of-type {
font-size: 12px;
}
#news_de .common_de .container .set2_lay .flex_box{
align-items: flex-start;
}
/*----------
17.検索結果一覧
----------*/
#search #both_side_section {
padding-top: 60px;
}
#search .area01{
min-height:80vh;
}
#search .list li {
border-bottom: 1px solid rgba(165,165,165,0.4);
padding-bottom: 40px;
margin-bottom: 40px;
}
#search .list li:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
#search .list h2 a.link{
/*font-family: 'Noto Sans JP', 'sans-serif';
font-weight: 300;*/
padding-bottom: 20px;
line-height: 40px;
font-size: 22px;
}
#search .list h2 a:hover {
opacity: 0.7;
}
#search h1.none {
font-family: 'Noto Sans JP', 'sans-serif';
font-size: 22px;
font-weight: 300;
line-height: 40px;
}
#search .num{
display:inline;
}
/*----------
09-2.会社概要
----------*/
#profile a.external:hover {
opacity: 0.7;
text-decoration: underline;
}
#profile h2{
margin: 80px 0 60px;
}
#profile #profile_main_section h3{
margin: 60px 0 22px;
}
#profile img{
width: 17.52px;
margin-left: 10px;
}
#profile .with_link{
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
#profile .with_link p{
font-size: 18px;
}
#profile .with_link .link{
margin-left: 20px;
font-size: 18px;
}
#profile .with_link .link, #profile .with_link .link .arrow{
display: inline-block;
}
/*----------
09-4.CSRの取り組み
----------*/
#csr #contact_section{
margin-top: 130px;
}
#csr .sub01 .description_text {
margin-bottom: 35px;
}
#csr .sub01 .csr_list {
list-style: decimal;
font-size: 16px;
padding-left: 1em;
line-height: 35px;
}
::-webkit-full-page-media, :future, :root #csr .sub01 .csr_list {
padding-left: 1.6em;
}
#csr .sub01 .csr_list li {
margin-bottom: 20px;
}
#csr .sub02 .cnt_group {
margin-bottom: 50px;
}
#csr .sub02 .group_item {
margin-bottom: 30px;
}
#csr .sub02 .description_text span {
padding-left: 1em;
font-size: 12px;
color: #707071;
}
#csr h2{
margin: 60px 0;
}
#csr #both_side_section + section h3{
margin: 0 0 20px;
}
#csr .link{
font-size: 12px;
display: inline;
}
#csr .link img{
display: inline-block;
}
#csr .description_text .link {
font-size: 18px;
}
#csr .annotation {
margin-top: 20px;
font-size: 12px;
color: #707071; 
}
#csr .sub04 .cnt_group:first-child {
margin-bottom: 60px;
}
#csr .sub04 .cnt_item {
display: flex;
justify-content: space-between;
}
#csr .sub04 .img_box {
width: 100%;
max-width: 324px;
height: auto;
margin-left: 10px;
}
#csr .sub04 .annotation {
text-indent: -1em;
padding-left: 1em;
}
#csr .sub04 .img_box img {
width: 100%;
}
#csr .sub04 img.blank {
padding-left: 4px;
width: 18px;
}
#csr .sub04 a {
color: #194893;
}
#csr a:hover {
opacity: 0.7;
text-decoration: underline;
}

/*--------------------
10.プライバシーポリシー
--------------------*/
#privacy h2{
margin: 80px 0 60px;
}
#privacy #both_side_section {
padding-top: 62px;
}
#privacy ul li {
font-size: 16px;
}
#privacy .disc_under {
margin-bottom: 30px;
}
#privacy .link_underline {
text-decoration: underline;
}
#privacy .last_update {
display: flex;
justify-content: flex-end;
font-size: 16px;
}
#privacy .margin-r {
margin-right: 10px;
}
#privacy .sp_br {
display: none;
}
#privacy .sp_br {
display: none;
}
#privacy .text_right {
padding-bottom: 20px;
text-align: right;
}
#privacy .cnt1 .disc_under {
text-indent: -0.8em;
padding-left: 1.5em;
}
#privacy .cnt1 .cnt1_indent {
padding-left: 2.5em;
}
#privacy .cnt1 .min_list {
margin-bottom: 20px;
}
#privacy .cnt1 .min_list li{
padding-left: 3.4em;
text-indent: -0.8em;
}
#privacy .cnt1 .min_list li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#privacy .cnt2 .disc_under {
text-indent: -0.8em;
padding-left: 1.5em;
}
#privacy .cnt2 .min_list {
margin-bottom: 20px;
}
#privacy .cnt2 .min_list li{
padding-left: 2.7em;
text-indent: -0.8em;
}
#privacy .cnt2 .min_list li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#privacy .cnt4 .cnt4_left {
padding-left: 1em;
}
#privacy p.description_text.pp {
text-indent: -0.8em;
padding-left: 1.5em;
}
#privacy .cnt4 .min_list {
margin-bottom: 20px;
}
#privacy .cnt4 .min_list li{
padding-left: 1em;
text-indent: -0.8em;
}
#privacy .cnt4 .min_list li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#privacy .cnt5 .min_list {
margin-bottom: 20px;
}
#privacy .cnt5 .min_list li{
padding-left: 2em;
text-indent: -0.8em;
}
#privacy .cnt5 .min_list.maru li{
padding-left: 3em;
}
#privacy .cnt5 .min_list li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#privacy .cnt5 .disc_under.description_text {
text-indent: -0.8em;
padding-left: 1em;
}
#privacy .cnt5 .description_text.maru {
text-indent: -1em;
padding-left: 1.8em;
}
#privacy .cnt10 p {
text-indent: -0.8em;
padding-left: 1.5em;
}
#privacy #contact_section{
margin-top: 130px;
}
#privacy .link{
display: inline-block;
}
/*----------
11.ウェブサイトポリシー
----------*/
#term h2{
margin: 80px 0 60px;
}
#term .text_right {
text-align: right !important;
}
#term .description_text.maru {
margin-bottom: 10px;
padding-bottom: 20px;
}
#term .last_update {
display: flex;
justify-content: flex-end;
padding-top: 80px;
align-items: center;
}
#term .margin-r {
margin-right: 10px;
font-size: 14px;
}
#term #contact_section {
margin-top: 130px;
}
#term .term_olist {
list-style: decimal;
font-size: 16px;
line-height: 28.8px;
letter-spacing: 0.02em;
padding-left: 1em;
}
#term .term_ulist {
text-indent: -0.8em;
margin-left: 1em;
margin-top: 20px;
list-style: none;
font-size: 16px;
line-height: 28.8px;
}
#term .term_olist li {
margin-bottom: 20px;
}
#term .term_ulist li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#term .term_ulist li {
padding-bottom: 20px;
}
/*----------
14.カタログダウンロード
----------*/
#catalog_dl .catalog_box a:hover span{
border-bottom: 1px solid #194893;
}

#catalog_dl #both_side_section {
padding-top: 60px;
}
#catalog_dl #both_side_section .under {
padding-bottom: 40px;
}
#catalog_dl #both_side_section ul {
list-style: disc;
}
#catalog_dl #both_side_section ul li {
font-size: 16px;
line-height: 28.8px;
color: #000;
margin-left: 20px;
}
#catalog_dl .catalog .cnt_title {
position: relative;
margin: 0 0 60px;
padding: 130px 0 40px;
font-size: 34px;
font-weight: 700;
color: #194893;
text-align: center;
}
#catalog_dl .catalog .cnt_title::after {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#catalog_dl .catalog_area {
display: flex;
flex-wrap: wrap;
}
#catalog_dl .catalog_box {
width: 33%;
padding: 10px;
}
#catalog_dl .item_group {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding-bottom: 30px;
}
#catalog_dl .sec10 .item_group {
padding-bottom: 80px;
}
#catalog_dl .h2_ttl {
font-size: 28px;
padding-bottom: 20px;
color: #000;
font-weight: 400;
}
#catalog_dl .h2_ttl:first-child {
padding-top: 50px;
}
#catalog_dl .h3_ttl {
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;
font-size: 18px;
padding-bottom: 20px;
}
#catalog_dl .item_box {
border: 1px solid #A5A5A5;
display: flex;
justify-content: space-between;
align-items: center;
width: 32.5%;
padding: 20px 15px 20px 10px;
margin: 4px;
}
#catalog_dl .item_img {
width: 120px;
height: auto;
}
#catalog_dl img{
display: block;
width: 100%;
height: 100%;
}
#catalog_dl .item_name {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#catalog_dl .item_n_size {
position: relative;
font-family: 'Noto Sans JP', sans-serif;
line-height: 28.8px;
font-size: 15px;
width: 165px;
height: 144px;
}
#catalog_dl .item_n_size02 {
display: block;
font-family: 'Noto Sans JP', sans-serif;
line-height: 28.8px;
font-size: 14px;
padding-top: 5px;
}
#catalog_dl .u_line {
display: block;
border-bottom: 1px solid #A5A5A5;
}
#catalog_dl .dl_box {
position: relative;
border: 2px solid #194893;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 10px;
}
#catalog_dl .dl_box:hover {
border: 2px solid #194893;
background-color: #194893;
}
#catalog_dl .dl_box a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#catalog_dl .dl_w_col {
color: #194893;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
}
#catalog_dl .dl_box:hover .dl_w_col {
color: #fff;
}
#catalog_dl .dl_mark {
width: 15px;
height: 17px;
}
#catalog_dl .dl_mark img.hover {
 display: none;
}
#catalog_dl .dl_box:hover .dl_mark img.fr {
display: none;
}
#catalog_dl .dl_box:hover .dl_mark img.hover {
display: block;
}
#catalog_dl .attention ul {
list-style: disc;
}
#catalog_dl .attention ul li {
font-size: 16px;
line-height: 28.8px;
color: #000;
margin-left: 20px;
}
#catalog_dl .attention {
margin-top: 50px;
padding-bottom: 80px;
}
#catalog_dl .btn .link_wrap {
padding-bottom: 130px;
}
#catalog_dl .btn .link_wrap .more_link_btn {
width: 300px;
max-width: 300px;
border: 2px solid #194893;
}
#catalog_dl .btn .link_wrap .more_link_btn{
margin: 0 auto;
}
/*----------
15.お知らせ
----------*/
#news_archive a:hover {
opacity: 0.7;
}
#news_archive .page_nav_wrap a {
text-decoration: none;
color: #5c99e1;
}
#news_archive .description_text figure {
margin: 60px auto;
max-width: 800px;
}
/*----------
18.404
----------*/
#error #main .cnt_title {
position: relative;
margin: 0 0 60px;
padding: 60px 0 40px;
font-size: 34px;
font-weight: 700;
color: #194893;
text-align: center;
}
#error #main .cnt_title::after {
content: '';
display: block;
position: absolute;
width: 100px;
height: 1px;
background-color: #194893;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#error #main .cnt_text {
font-size: 16px;
color: #000;
line-height: 28.8px;
text-align: center;
}
#error #main .under01 {
padding-bottom: 40px;
}
#error #main .under02 {
padding-bottom: 60px;
}
#error #main　.link_wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
#error #main .link_wrap .more_link_btn {
width: 300px;
max-width: 300px;
border: 2px solid #194893;
margin: 0 auto;
}
/*#error #main　.more_link_btn .arrow {
position: absolute;
right: 23px;
top: 21px;
}*/
#error #main {
padding-bottom: 130px;
}



/*--------------------
12.建築物環境衛生管理基準について
--------------------*/
#construction_regulation #both_side_section {
padding-top: 70px;
}
#construction_regulation .title_under {
padding: 50px 0 22px;
}
#construction_regulation ul {
font-size: 16px;
padding-bottom: 20px;
}
#construction_regulation .link {
display: inline-block;
}
#construction_regulation .link img.blank {
padding-left: 4px;
width: 18px;
}
#construction_regulation .page_content_sub_section li::before {
content: "";
width: 9px;
height: 9px;
background-color: #3769AC;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
}
#construction_regulation #contact_section{
margin-top: 130px;
}
/*--------------------
09-1.カルミックとは？
--------------------*/
#about #both_side_section {
padding-top: 62px;
}
#about h2{
margin-bottom: 60px;
}
#about .page_content_sub_section_title {
margin-top: 0;
}
#about .more_link_btn {
margin: 60px auto 130px;
}
#about .link_wrap .more_link_btn {
margin: 0 auto;
}
#about .sp_br {
display: none;
}
#about .page_content_sub_section ul li {
padding-bottom: 30px;
}

/*--------------------
09-3.沿革
--------------------*/
#history {
color: #000;
}
#history #both_side_section {
padding-top: 60px;
}
#history .date_sp {
display: none;
}
#history .date {
margin-top: -5px;
}
#history .timeline {
margin: 28px auto;
padding-bottom: 90px;
}
#history .timeline-list {
margin-left: -20px;
}
#history .timeline-list-item {
display: flex;
line-height: 1.5;
font-size: 16px;
}
#history .timeline-list-item .date {
width: 180px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
font-size: 1.75rem;
letter-spacing: 0.05em;
line-height: 25px;
text-align: center;
color: #365788;
}
#history .timeline-list-item .content {
position: relative;
width: 100%;
padding: 0 0 60px 35px;
border-left: 2px solid #365788;
}
#history .timeline-list-item .content::before {
content: "";
position: absolute;
top: 0;
left: -9px;
width: 16px;
height: 16px;
background-color: #365788;
border-radius: 10px;
}

/*----------
09-6.採用情報
----------*/
#recruit #top_section {
background-image: url('../img/recruit/bg_pc.png');
}
#recruit #both_side_section {
padding-top: 62px;
margin-bottom: 130px;
}
#recruit h2{
margin-bottom: 60px;
}
#recruit .link, #recruit .link img{
display: inline-block;
}
#recruit #both_side_section h3{
margin-bottom: 22px;
}
#recruit .blank {
width: 16px;
margin-left: 5px;
}
#recruit .page_content_sub_section_title {
margin-top: 0;
}
#recruit .sec_around {
margin-bottom: 80px;
}
#recruit .sec_around_02 {
margin-bottom: 45px;
}
/* 社員を知る */
#staff #top_section {
background-image: url('../img/staff/bg_pc.png');
}
#staff .top_section_type01 .container {
flex-direction: column;
}
#staff_de .common_de{
padding-bottom: 130px;
}
#staff_de .kome_text {
margin-bottom: 60px;
font-size: 12px;
font-weight: 400;
line-height: 1.8;
}
#staff_de .top_section_type02 .page_title_top p .page_subtitle {
width: auto;
max-width: none;
height: auto;
border: none;
font-size: 14px;
padding-left: .4em;
text-align: left;
color: #194893;
vertical-align: text-bottom;
}
/* 日本カルミックを知る */
#recruit_view #top_section {
background-image: url('../img/recruit_view/bg_pc.png');
}
#recruit_view h2{
margin-bottom: 60px;
}

/*----------
09-7.サステナビリティ経営のための取り組み
----------*/
#sustaina_topics #top_section {
background-image: url('../img/sustaina_topics/bg_pc.jpeg');
}
#sustaina_topics .top_section_type01 .container {
flex-direction: column;
}
#topics_de .common_de{
padding-bottom: 130px;
}
#topics_de .kome_text {
margin-bottom: 60px;
font-size: 12px;
font-weight: 400;
line-height: 1.8;
}
#topics_de .top_section_type02 .page_title_top p .page_subtitle {
width: auto;
max-width: none;
height: auto;
border: none;
font-size: 14px;
padding-left: .4em;
text-align: left;
color: #194893;
vertical-align: text-bottom;
}


/*--------------------
16.サイトマップ
--------------------*/
#sitemap .page_title_top {
visibility: hidden;
}
#sitemap #both_side_section {
padding-top: 60px;
}
#sitemap #both_side_section .link {
font-size: 24px;
font-weight: 700;
}
#sitemap .link:hover {
opacity: 0.7;
}
#sitemap .link:hover .title-ib {
  text-decoration: underline;
}
/*#sitemap .link .arrow{
margin-left: 15px;
}*/
#sitemap #both_side_section .space_right {
padding-right: 15px;
}
#sitemap .title_around01 {
padding: 0px 0 40px;
}
#sitemap .cnt_title {
position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-size: 24px;
font-weight: 700;
color: #194893;
}
#sitemap .h3_ttl {
position: relative;
font-weight: 400;
font-size: 22px;
padding-bottom: 40px;
}
#sitemap .h3_ttl::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #A5A5A5;
position: absolute;
margin-top: 10px;
}
#sitemap .boxes {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -64px;
}
#sitemap .box {
margin: 0 0 0 64px;
width: calc(100%/3 - 64px);
}
#sitemap .item_box {
padding-bottom: 10px;
}
#sitemap .other01 .title_around01 a,
#sitemap .other01 .title_around02 a,
#sitemap .other01 .title_around03 a,
#sitemap .other02 .title_around04 a,
#sitemap .other02 .title_around05 a,
#sitemap .item_box a{
display: flex;
align-items: center;
}
#sitemap .h4_ttl {
font-size: 18px;
padding-bottom: 20px;
font-weight: 500;
}
#sitemap #both_side_section .rent_sec01 .item_box:first-child .link{
font-weight: 700;
}
#sitemap #both_side_section .item_box .link {
font-weight: 400;
font-size: 16px;
word-break:keep-all;
overflow-wrap:anywhere;
display: flex;
align-items: center;
}
#sitemap .service_rental .boxes {
padding-bottom: 40px;
}
#sitemap .service_other .boxes {
padding-bottom: 40px;
}
#sitemap .other_sec03 .h3_top {
padding-top: 30.8px;
}
#sitemap .purpose {
padding-bottom: 80px;
}
#sitemap .purpose .title_around02{
padding: 20px 0 40px;
}
#sitemap .purpose .title_around02 a.link{
font-size: 24px;
font-weight: 700;
}
#sitemap .other01 .title_around03 .link, #sitemap .company .title_around04 .link, #sitemap .other02 .title_around04 .link, #sitemap .other02_sec02 h2 .link, #sitemap .other02_sec03 .link {
font-size: 24px;
font-weight: 700;
}
#sitemap .other01 .title_around03 .link {
padding-bottom: 80px;
}
#sitemap .company .title_around04 .link {
padding-bottom: 40px;
}
#sitemap .company .title_around04 + .company_sec01 .link{
font-weight: 700;
font-size: 18px;
}
#sitemap .company .company_sec01 + .company_sec02 .item_box .link{
font-weight: 700;
font-size: 18px;
}
#sitemap .company .company_sec01 .boxes {
display: flex;
flex-wrap: wrap;
}
#sitemap .company .h4_ttl {
padding-top: 20px;
}
#sitemap .office_name {
font-size: 16px;
color: #194893;
}
#sitemap .company {
padding-bottom: 80px;
}
#sitemap .other02 .title_around04 {
padding-bottom: 80px;
}
#sitemap .other02 .title_around05 {
padding-bottom: 20px;
}
#sitemap .other02_sec02 {
padding-bottom: 80px;
}
#sitemap .other02_sec03 {
padding-bottom: 130px;
}

#sitemap .company .company_sec01 + .company_sec02 .boxes .item_box .link{
font-size: 16px;
font-weight: 400;
}

#sitemap #both_side_section .sec_ttl.link{
font-weight: 700;
}