@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.ヘッダー
03.メンバー募集
04.フッター
05.記事一覧共通（archive_common）
06.記事詳細共通（single_common）
07.プロダクト詳細共通（products_detail）
08.プライバシーポリシー等
--------------------*/
/*----------
01.共通
----------*/
@font-face {
font-family: 'hiragino_sans';
src:url('../font/hiragino_sans_w4.woff2') format('woff2'),
url('../font/hiragino_sans_w4.woff') format('woff'),
url('../font/hiragino_sans_w4.otf')  format('opentype');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'hiragino_sans';
src:url('../font/hiragino_sans_w7.woff2') format('woff2'),
url('../font/hiragino_sans_w7.woff') format('woff'),
url('../font/hiragino_sans_w7.otf')  format('opentype');
font-weight: 700;
font-style: normal;
}

body{
-webkit-font-smoothing: antialiased;
}

body.fixed{
position: fixed;
width: 100%;
height: 100%;
}

*{
box-sizing: border-box;
}

*:focus {
outline: none;
}

#wrapper{
width: 100%;
overflow: hidden;
font-family: 'hiragino_sans';
font-size: 16px;
color: #000;
background-color: #F3F1ED;
}

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

a,a:hover,a:link{
color: #000;
}

img{
width: 100%;
height: auto;
display: block;
}

.en_font {
font-family: "Barlow", sans-serif;
font-weight: 600;
font-style: normal;
}

.flex_box{
display: flex;
}

.lower_page .lower_common{
margin-top: 80px;
}

.btn_ptn01{
display: block;
max-width: 244px;
width: 100%;
position: relative;
background-color: #000;
/* border-radius: 32px; */
border-radius: 52px;
overflow: hidden;
}

.btn_ptn01 a{
display: block;
color: #fff;
font-weight: 700;
line-height: 1;
letter-spacing: 0.04em;
position: relative;
padding: 24px 0 24px 40px;
transition: all .3s;
}

.btn_ptn01:before{
content: '';
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 0;
height: 100%;
background-color: #B83B14;
transition: .3s;
}

.btn_ptn01 a::after{
content: "";
display: block;
width: 13px;
height: 10px;
background: url(../img/arrow01_white.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
right: 34px;
transform: translateY(-50%);
}

.btn_ptn01:hover:before {
width: 100%;
}

.btn_ptn02 span{
display: block;
position: relative;
line-height: 2.2;
letter-spacing: 0.04em;
}

.btn_ptn02 span::before{
content: "";
display: inline-block;
width: 50px;
height: 50px;
background: url(../img/arrow01_white.png) no-repeat center center/13px auto;
background-color: #000;
border-radius: 50%;
vertical-align: middle;
margin-right: 24px;
transition: all .3s;
}

.h1_type01{
background-color: #000;
}

.h1_type01 .contents_in{
padding: 239px 0 238px;
/* padding: 12.45% 0 12.4%; */
text-align: center;
color: #fff;
}

.h1_type01 .h1_title{
font-weight: 700;
font-size: clamp(54px, 3.34vw, 64px);
line-height: 1;
letter-spacing: 0.08em;
margin-bottom: 24px;
}

.h1_type01 .h1_sub_title{
line-height: 2.2;
letter-spacing: 0.04em;
}

.h1_type01_small{
background-color: #F3F1ED;
}

.h1_type01_small .contents_in{
padding: 80px 0 22px;
color: #000;
}

.h1_type01_small .h1_sub_title{
color: #807F76;
}

.h2_type01{
font-weight: 700;
font-size: clamp(44px, 2.5vw, 48px);
line-height: 1.8;
letter-spacing: 0.08em;
text-align: center;
}

.cnt_type01{
margin-bottom: 80px;
}

.cnt_type01 .cnt_box{
border-bottom: 1px solid #E7E7E7;
}

.cnt_type01 .cnt_box a{
display: block;
padding: 24px 50px 24px 0;
position: relative;
}

.cnt_type01 .info_box{
align-items: center;
margin-bottom: 16px;
}

.cnt_type01 .category{
margin: 0 16px 0 0;
max-width: 120px;
width: 100%;
border-radius: 15px;
background-color: #807F76;
color: #fff;
text-align: center;
padding: 8px 0;
font-weight: 700;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
}

.cnt_type01 .date_text{
font-size: 14px;
letter-spacing: 0.06em;
}

.cnt_type01 .title_text{
line-height: 2.2;
letter-spacing: 0.04em;
}

.cnt_type01 .cnt_box a:hover .info_box,.cnt_type01 .cnt_box a:hover .title_text{
opacity: .5;
}

.cnt_type01 .cnt_box a .arrow{
width: 50px;
height: 50px;
position: absolute;
background-color: #F4F4F4;
border-radius: 50%;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: all .3s;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.cnt_type01 .cnt_box a .arrow span{
display: block;
width: 13px;
height: 13px;
background: url(../img/arrow01_black.png) no-repeat 50% 50% / 13px auto;
position: relative;
z-index: 1;
}

.cnt_type01 .cnt_box a .arrow::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
background: #000;
z-index: 0;
transition: all 0.3s ease-out;
border-radius: 50%;
}

.cnt_type01 .cnt_box a:hover .arrow::before {
width: 120%;
height: 120%;
}

.cnt_type01 .cnt_box a:hover .arrow span {
background-image: url(../img/arrow01_white.png);
}

.cnt_type02 .cnt_box{
background-color: #fff;
border-radius: 8px;
margin-bottom: 40px;
transition: all .3s;
}

.cnt_type02 .cnt_box:hover{
box-shadow: 0 0 10px rgba(0,0,0,.16);
}

.cnt_type02 .cnt_box .btn_ptn02 span::before{
background-image: url(../img/arrow01_black.png);
background-color: #f4f4f4;
}

.cnt_type02 .cnt_box:hover .btn_ptn02 span::before{
background-image: url(../img/arrow01_white.png);
background-color: #000;
}

.cnt_type02 .cnt_box a{
display: block;
padding: 48px 0 80px;
}

.cnt_type02 .cnt_title{
font-weight: 700;
font-size: 32px;
line-height: 2;
letter-spacing: 0.04em;
border-left: 10px solid #000;
padding-left: 70px;
margin-bottom: 42px;
}

.cnt_type02 .cnt_in{
padding: 0 80px;
align-items: start;
justify-content: space-between;
}

.cnt_type02 .cnt_in .cnt_img{
max-width: 400px;
width: 38.47%;
}

.cnt_type02 .cnt_in .cnt_text{
max-width: 576px;
width: 55.39%;
line-height: 2;
letter-spacing: 0.04em;
}

.cnt_type02 .cnt_in .cnt_text .catchcopy_text{
font-weight: 700;
font-size: 20px;
margin-bottom: 24px;
}

.cnt_type02 .cnt_in .cnt_text p{
margin-bottom: 40px;
}

.cnt_type02 .cnt_in .cnt_text .btn_ptn02{
text-align: right;
}

.cnt_type03{
justify-content: start;
}

.cnt_type03 .cnt_box{
/* max-width: 384px; */
width: 32%;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}

.cnt_type03 .cnt_box:not(:nth-child(3n)){
margin-right: 2%;
}

.cnt_type03 .cnt_box a{
display: block;
overflow: hidden;
transition: all .3s;
}

.cnt_type03 .cnt_box a:hover{
opacity: .5;
}

.cnt_type03 .cnt_box .cnt_img{
overflow: hidden;
position: relative;
}

.cnt_type03 .cnt_box .cnt_text{
padding: 32px 32px 24px;
}

.cnt_type03 .cnt_box .info_box{
align-items: center;
margin-bottom: 16px;
}

.category_type01{
max-width: 151px;
width: 100%;
text-align: center;
border-radius: 15px;
color: #fff;
background-color: #ddd;
padding: 8px 13.5px;
font-weight: 700;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
margin-right: 16px;
}

.category_type01.category01{
background-color: #76DDBE;
}

.category_type01.category02{
background-color: #009E8F;
}

.category_type01.category03{
background-color: #47A63F;
}

.cnt_type03 .cnt_box .date_text{
font-size: 14px;
}

.cnt_type03 .cnt_box .title_text{
line-height: 2.2;
letter-spacing: 0.04em;
}

.cnt_type03 .cnt_box .tag_list{
font-size: 0;
margin-top: 16px;
flex-wrap: wrap;
}

.cnt_type03 .cnt_box .tag_list li{
display: inline-block;
font-size: 12px;
line-height: 1;
padding: 8px;
background-color: #F4F4F4;
margin-right: 8px;
margin-bottom: 8px;
}

.member_list{
align-items: start;
flex-wrap: wrap;
margin-bottom: 80px;
}

.member_list li.archive_box{
max-width: 280px;
width: 23.34%;
margin-right: 2.21%;
cursor: pointer;
}

.member_list li.archive_box:nth-child(4n){
margin-right: 0;
}

.member_list li.archive_box a.popup_active{
display: block;
position: relative;
overflow: hidden;
}

.member_list li.archive_box a.popup_active::before{
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.4);
position: absolute;
top: 0;
left: 0;
transition: all .4s;
opacity: 0;
z-index: 1;
}

.member_list li.archive_box a.popup_active:hover::before{
opacity: 1;
}

.member_list li.archive_box a.popup_active img.archive_img{
transform: scale(1);
transition: all .3s;
}

.member_list li.archive_box a.popup_active:hover img.archive_img{
transform: scale(1.08);
}

.member_list li.archive_box a.popup_active .archive_text{
position: absolute;
z-index: 2;
bottom: 28px;
left: 29px;
color: #fff;
line-height: 1;
letter-spacing: 0.02em;
}

.member_list li.archive_box a.popup_active .archive_text .position_text{
font-size: 11.5px;
display: inline-block;
padding-bottom: 9px;
border-bottom: 1px solid #fff;
margin-bottom: 6px;
}

.member_list li.archive_box a.popup_active .archive_text .name_text{
font-size: 23px;
}

#pankuzu_area{
padding: 16px 0;
}

#pankuzu_area .pankuzu_list li{
font-size: 12px;
line-height: 2.2;
letter-spacing: 0.04em;
}

#pankuzu_area .pankuzu_list li a{
display: inline-block;
margin-right: 8px;
transition: all .3s;
}

#pankuzu_area .pankuzu_list li a::after{
content: ">";
display: inline-block;
color: #A6A6A6;
margin-left: 8px;
}

#pankuzu_area .pankuzu_list li a:hover{
text-decoration: underline;
}

#pankuzu_area .pankuzu_list li span{
color: #A6A6A6;
}

#pagenation_area .wp-pagenavi{
display: flex;
align-items: center;
justify-content: center;
}

#pagenation_area .wp-pagenavi span, #pagenation_area .wp-pagenavi a{
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: #000;
background-color: #F4F4F4;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 0 8px;
transition: all .3s;
border: none;
padding: 0;
}

#pagenation_area .wp-pagenavi span,#pagenation_area .wp-pagenavi a:hover{
background-color: #555044;
color: #fff;
}

#pagenation_area .wp-pagenavi span.extend{
background: none;
color: #000;
width: auto;
display: block;
padding-top: 14px;
}

/* cssアニメーション */
@keyframes fade_arrow {
0% {
transform: translate(-100%,-50%);
opacity: 0;
}

100% {
transform: translate(0,-50%);
opacity: 1;
}
}

.fadein{
opacity : 0;
transition : all 1s;
}

.fadein.active{
opacity : 1;
}

.img_anime_active {
overflow: hidden;
position: relative;
}

.img_anime_active::before {
animation: img_anime_active 1.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
background: #fff;
content: '';
inset: 0;
pointer-events: none;
position: absolute;
z-index: 1;
}

@keyframes img_anime_active {
100% {
transform: translateX(100%);
}
}

.fuwafuwa {
animation: fuwafuwa 5s ease-in-out infinite alternate-reverse;
}
@keyframes fuwafuwa {
0% {
transform: translateY(-3%);
}
100% {
transform: translateY(3%);
}
}

/*----------
02.ヘッダー
----------*/
header{
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 101;
background-color: #fff;
}

header.nosticky{
position: relative;
}

body.member_popup header{
z-index: 1;
}

#header_top .contents_in{
max-width: 1920px;
width: 100%;
align-items: center;
justify-content: space-between;
}

#header_top .header_left{
align-items: flex-end;
padding: 0 0 0 30px;
}

#header_top .logo{
max-width: 160px;
width: 100%;
margin-right: 50px;
}

#header_top .language_btn{
font-size: 14px;
font-weight: 500;
max-width: 53px;
width: 100%;
margin-bottom: 4px;
justify-content: space-between;
}

#header_top .language_btn li a{
color: #A6A6A6;
}

#header_top .language_btn .active a,#header_top .language_btn li:hover a{
color: #000;
}

#header_top .header_right{
max-width: 790px;
width: 100%;
}

#header_top .nav_in{
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}

#header_top .nav_in li{
line-height: 2.2;
letter-spacing: 0.04em;
font-weight: 700;
}

#header_top .nav_in li:not(:first-child){
margin-left: 25px;
}

#header_top .nav_in li.recruit_btn{
max-width: 146px;
width: 100%;
margin-left: 30px;
}

#header_top .nav_in li.recruit_btn a{
display: block;
width: 100%;
color: #fff;
background-color: #E64A19;
text-align: center;
padding: 22.5px 0;
color: #fff;
}

.lower_page header{
background-color: #fff;
}

/*----------
03.メンバー募集
----------*/
#member_recruit_area{
background-color: #E64A19;
color: #fff;
position: relative;
}

#member_recruit_area::before{
content: "";
display: block;
max-width: 1200px;
width: 62.5%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #CC3100;
border-radius: 0 114px 114px 0;
}

#member_recruit_area .contents_in{
position: relative;
z-index: 1;
padding: 64px 0;
}

#member_recruit_area .flex_box{
align-items: center;
justify-content: space-between;
}

#member_recruit_area h2{
font-weight: 700;
font-size: 28px;
letter-spacing: 0.04em;
line-height: 2;
margin-bottom: 8px;
}

#member_recruit_area p{
line-height: 2.2;
letter-spacing: 0.04em;
}

#member_recruit_area .btn_ptn01{
background-color: #fff;
}

#member_recruit_area .btn_ptn01 a{
color: #E64A19;
}

#member_recruit_area .btn_ptn01::before{
background-color: #FADBD1;
}

#member_recruit_area .btn_ptn01 a::after{
background-image: url(../img/arrow01_orange.png);
}

/*----------
04.フッター
----------*/
footer{
background-color: #383631;
color: #fff;
padding: 80px 0;
}

footer .catchcopy{
font-weight: 700;
font-size: 48px;
line-height: 1.8;
letter-spacing: 0.08em;
margin-bottom: 40px;
}

footer .sitemap_box{
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}

footer .sitemap_box .sitemap_list a{
color: #fff;
line-height: 2.2;
letter-spacing: 0.04em;
}

footer .sitemap_box .sitemap_list >li{
margin-bottom: 8px;
}

footer .sitemap_box .sitemap_list >li a{
font-weight: 700;
font-size: 14px;
position: relative;
padding: 0 0 0 20px;
}

footer .sitemap_box .sitemap_list >li a::before{
content: "";
width: 13px;
height: 10px;
background: url(../img/arrow01_yellow.png) no-repeat center center/100% auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

footer .sitemap_box .sitemap_list >li a:hover::before{
animation: fade_arrow .6s forwards;
}

footer .sitemap_box .sitemap_list .small_list li a{
font-size: 12px;
position: relative;
padding: 0 0 0 24px;
transition: all .3s;
}

footer .sitemap_box .sitemap_list .small_list li a:hover{
opacity: .6;
}

footer .sitemap_box .sitemap_list .small_list li a::before{
content: "-";
font-size: 12px;
line-height: 2.2;
margin-right: 8px;
}

footer .othersitemap_list{
border-bottom: 1px solid #555044;
padding-bottom: 40px;
}

footer .othersitemap_list li{
position: relative;
}

footer .othersitemap_list li a{
color: #fff;
font-size: 12px;
line-height: 2.2;
letter-spacing: 0.04em;
transition: all .3s;
}

footer .othersitemap_list li a:hover{
opacity: 0.6;
}

footer .othersitemap_list li:not(:first-child){
margin: 0 0 0 16px;
}

footer .othersitemap_list li:not(:first-child)::before{
content: "｜";
margin: 0 16px 0 0;
}

footer #footer_bottom{
padding: 40px 0 0;
align-items: start;
justify-content: space-between;
}

footer #footer_bottom .logo{
max-width: 160px;
width: 100%;
margin-bottom: 24px;
}

footer #footer_bottom .copyright{
font-size: 12px;
line-height: 2.2;
letter-spacing: 0.04em;
}

footer #footer_bottom .isms_logo{
max-width: 100px;
width: 100%;
}

/*----------
05.記事一覧共通（archive_common）
----------*/
.archive_common #cnt_area01{
background-color: #fff;
padding: 80px 0 200px;
}

.archive_common .caegory_area{
align-items: start;
width: 100%;
margin-bottom: 16px;
}

.archive_common .caegory_area .category_all a,.archive_common .caegory_area .category_list li a{
display: block;
background-color: #F3F1ED;
color: #555044;
font-weight: 700;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
padding: 8px 0;
text-align: center;
transition: all .3s;
}

.archive_common .caegory_area .category_all{
padding-right: 16px;
margin-right: 16px;
border-right: 1px solid #E7E7E7;
width: 86px;
}

.archive_common .caegory_area .category_all a{
width: 70px;
border-radius: 2px;
}

.archive_common .caegory_area .category_all a.active,.archive_common .caegory_area .category_all:hover a{
background-color: #555044;
color: #fff;
}

.archive_common .caegory_area .category_list{
width: 100%;
flex-wrap: wrap;
}

.archive_common .caegory_area .category_list li{
max-width: 150px;
width: 100%;
border-radius: 15px;
overflow: hidden;
margin-right: 8px;
}

.archive_common .caegory_area .category_list li.active a,.archive_common .caegory_area .category_list li:hover a{
color: #fff;
}

.archive_common .caegory_area .category_list li.active .category01,.archive_common .caegory_area .category_list li:hover .category01{
background-color: #76DDBE;
}

.archive_common .caegory_area .category_list li.active .category02,.archive_common .caegory_area .category_list li:hover .category02{
background-color: #009E8F;
}

.archive_common .caegory_area .category_list li.active .category03,.archive_common .caegory_area .category_list li:hover .category03{
background-color: #47A63F;
}

.archive_common .tag_area{
font-size: 12px;
line-height: 1;
margin-bottom: 40px;
}

.archive_common .caegory_area + .cnt_type03{
margin-top: 40px;
}

.archive_common #cnt_area01 .cnt_type03{
flex-wrap: wrap;
margin-bottom: 56px;
}

.archive_common #cnt_area01 .cnt_type03 .cnt_box{
width: 32%;
margin: 0 0 24px;
box-shadow: 0 0 20px 0 rgba(0,0,0,.04);
border-radius: 8px;
}

.archive_common #cnt_area01 .cnt_type03 .cnt_box:not(:nth-child(3n)){
margin-right: 2%;
}

.archive_common #cnt_area01 .cnt_type03 .cnt_img{
overflow: hidden;
}

.archive_common #cnt_area01 .cnt_type03 .cnt_img img{
object-fit: cover;
height: 192px;
}

/*----------
06.記事詳細共通（single_common）
----------*/
.single_common #cnt_area01{
background-color: #fff;
padding: 120px 0;
}

.single_common #cnt_area01 .contents_in{
max-width: 800px;
}

.single_common #cnt_area01 .title_area{
margin-bottom: 40px;
}

.single_common #cnt_area01 .h1_title{
font-weight: 700;
font-size: 48px;
line-height: 1.8;
letter-spacing: 0.08em;
padding-bottom: 40px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 40px;
}

.single_common #cnt_area01 .title_area .info_box{
align-items: start;
justify-content: space-between;
}

.single_common .info_box .tag_list{
margin-bottom: 24px;
}

.single_common .info_box .tag_list li{
display: inline-block;
font-weight: 400;
font-size: 12px;
line-height: 1;
padding: 8px;
background-color: #F4F4F4;
margin-right: 8px;
}

.single_common .info_box .date_text{
font-size: 14px;
}

.single_common .people_box{
align-items: center;
}

.single_common .people_img{
max-width: 70px;
width: 100%;
margin-right: 24px;
border-radius: 50%;
overflow: hidden;
}

.single_common .people_name{
font-size: 14px;
letter-spacing: 0.04em;
}

.single_common .article_area figure{
width: 100%;
margin: 0 auto;
}

.single_common .article_area p + figure,
.single_common .article_area figure + figure,
.single_common .article_area h2 + figure,
.single_common .article_area h3 + figure,
.single_common .article_area h4 + figure,
.single_common .article_area h5 + figure,
.single_common .article_area ul + figure,
.single_common .article_area ol + figure,
.single_common .article_area .cnt_box + figure,
.single_common .article_area blockquote + figure,
.single_common .article_area dl + figure,
.single_common .article_area table + figure,
.single_common .article_area .wp-block-button + figure,
.single_common .article_area .insert_article + figure{
margin-top: 80px;
}

.single_common .article_area figure figcaption{
display: block;
margin: 24px 0 0;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
}

.single_common .article_area p{
line-height: 2.2;
letter-spacing: 0.04em;
margin-top: 80px;
}

.single_common .article_area p + p{
margin-top: 20px;
}

.single_common .article_area a{
text-decoration: underline;
color: #E64A19;
transition: .3s;
}

.single_common .article_area a:hover{
text-decoration: none;
}

.single_common .article_area .table_of_contents{
border: 2px solid #E7E7E7;
padding: 40px 64px;
margin-top: 80px;
}

.single_common .article_area .table_of_contents .title{
font-weight: 700;
font-size: 20px;
line-height: 2;
color: #CACACA;
margin-bottom: 24px;
}

.single_common .article_area .table_of_contents ul{
margin-top: 0;
}

.single_common .article_area .table_of_contents ul>li{
font-weight: 700;
line-height: 2.2;
letter-spacing: 0.04em;
list-style: decimal;
}

.single_common .article_area .table_of_contents ul>li ul>li{
font-weight: 400;
list-style: lower-alpha;
margin-left: 0;
}

.single_common .article_area blockquote{
background-color: #F3F1ED;
padding: 72px 64px 56px 104px;
position: relative;
margin-top: 80px;
}

.single_common .article_area blockquote::before{
content: "“";
display: block;
position: absolute;
top: 48px;
left: 40px;
color: #fff;
font-weight: 700;
font-family: 'Baskerville' ,sans-serif;
font-size: 80px;
}

.single_common .article_area blockquote p{
margin: 0;
}

.single_common .article_area blockquote cite{
margin-top: 16px;
color: #A6A6A6;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
}

.single_common .article_area h2,.single_common .article_area h3,.single_common .article_area h4{
font-weight: 700;
line-height: 2;
letter-spacing: 0.04em;
margin-top: 80px;
}

.single_common .article_area h2 + p,.single_common .article_area h3 + p,.single_common .article_area h2 + ul,.single_common .article_area h3 + ul,.single_common .article_area h2 + ol,.single_common .article_area h3 + ol{
margin-top: 15px;
}

.single_common .article_area h4 + p,.single_common .article_area h4 + ul,.single_common .article_area h5 + ul,.single_common .article_area h4 + ol,.single_common .article_area h5 + ol{
margin-top: 10px;
}

.single_common .article_area h2{
font-size: 32px;
}

.single_common .article_area h3{
font-size: 20px;
}

.single_common .article_area h4{
font-size: 16px;
margin-top: 20px;
}

.single_common .article_area ul,.single_common .article_area ol{
margin-left: 1.5em;
margin-top: 80px;
}

.single_common .article_area ul li,.single_common .article_area ol li{
list-style: disc;
font-weight: 400;
font-size: 16px;
line-height: 2.2;
letter-spacing: 0.04em;
}

.single_common .article_area ul li ul,.single_common .article_area ol li ol{
margin: 0;
}

.single_common .article_area ul li ul>li,.single_common .article_area ol li ol>li{
margin-left: 1.5em;
}

.single_common .article_area ol li{
list-style: decimal;
}

.single_common .article_area ol li ol>li{
list-style: lower-alpha;
}

.single_common .article_area ol li ol>li ol>li{
list-style: lower-roman;
}

.single_common .article_area dl{
margin-top: 80px;
}

.single_common .article_area dt{
font-weight: 700;
font-size: 19px;
line-height: 2;
letter-spacing: 0.04em;
margin-bottom: 20px;
}

.single_common .article_area dt::before{
content: "ー";
display: inline-block;
color: #CACACA;
font-weight: 400;
margin-right: 16px;
}

.single_common .article_area dl p{
margin: 0;
}

.single_common .article_area dl p + p,.single_common .article_area dl ul + p,.single_common .article_area dl ol + p,.single_common .article_area dl p + ul,.single_common .article_area dl p + ul{
margin-top: 2em;
}

.single_common .article_area .cnt_box{
padding: 64px;
align-items: start;
justify-content: space-between;
margin-top: 80px;
}

.single_common .article_area .box_type01{
background-color: #F3F1ED;
}

.single_common .article_area .box_type01 .cnt_img{
max-width: 120px;
width: 17.86%;
height: 0;
border-radius: 50%;
overflow: hidden;
margin: 0;
padding-top: 17.86%;
position: relative;
}

.single_common .article_area .box_type01 .cnt_img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.single_common .article_area .box_type01 .cnt_text{
max-width: 512px;
width: 76.2%;
letter-spacing: 0.04em;
}

.single_common .article_area .box_type01 .company_text{
font-size: 14px;
line-height: 2;
color: #807F76;
}

.single_common .article_area .box_type01 .name_text{
font-weight: 700;
line-height: 2.2;
margin-bottom: 22px;
}

.single_common .article_area .box_type01 p{
line-height: 2.2;
margin-top: 0;
}

.single_common .article_area .box_type02{
border: 1px solid #E7E7E7;
padding-bottom: 48px;
}

.single_common .article_area .box_type02 .cnt_img{
max-width: 200px;
width: 29.86%;
margin: 0;
}

.single_common .article_area .box_type02 .cnt_text{
max-width: 432px;
width: 64.48%;
}

.single_common .article_area .box_type02 dl{
margin: 0;
}

.single_common .article_area .box_type02 .dl_box{
align-items: start;
justify-content: space-between;
margin-bottom: 16px;
}

.single_common .article_area .box_type02 .dl_box dt{
width: 80px;
font-size: 14px;
line-height: 2;
margin: 0;
}

.single_common .article_area .box_type02 .dl_box dt:before{
content: none;
}

.single_common .article_area .box_type02 .dl_box dd{
width: calc(100% - 80px - 8px);
font-size: 14px;
line-height: 2;
margin: 0;
}

.single_common .article_area table{
border: 2px solid #E7E7E7;
margin-top: 80px;
}

.single_common .article_area th,.single_common .article_area td{
border: 1px solid #E7E7E7;
line-height: 2.2;
letter-spacing: 0.04em;
padding: 16px 24px;
vertical-align: middle;
}

.single_common .article_area th{
font-weight: 700;
}

.single_common .article_area .insert_article{
margin-top: 80px;
}

.single_common .article_area .insert_article a{
box-shadow: 0 4px 20px rgba(0,0,0,.04);
transition: all .3s;
text-decoration: none;
color: #000;
}

.single_common .article_area .insert_article a:hover{
opacity: .5;
}

.single_common .article_area .insert_article .cnt_img{
max-width: 260px;
width: 32.5%;
margin-bottom: 0;
display: flex;
}

.single_common .article_area .insert_article .cnt_img img{
object-fit: cover;
}

.single_common .article_area .insert_article .cnt_text{
width: calc(100% - 32.5%);
padding: 25px 32px 33px;
}

.single_common .article_area .insert_article .small_text{
font-weight: 700;
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
color: #A6A6A6;
margin-bottom: 16px;
display: block;
}

.single_common #cnt_area01 .article_area .insert_article .info_box{
justify-content: flex-start;
align-items: center;
margin-bottom: 8px;
}

.single_common .article_area .insert_article .date_text{
font-size: 14px;
letter-spacing: 0.06em;
}

.single_common .article_area .insert_article .title_text{
font-size: 14px;
line-height: 2;
letter-spacing: 0.04em;
}

.single_common .article_area .wp-block-button{
margin: 80px auto 0;
position: relative;
overflow: hidden;
background: #E64A19;
transition: all .3s;
border-radius: 32px;
}

.single_common .article_area .wp-block-button a{
display: block;
color: #fff;
background: none;
border: none;
font-weight: 700;
line-height: 1;
letter-spacing: 0.04em;
position: relative;
padding: 24px 88px 24px 40px;
transition: all .3s;
text-decoration: none;
}

.single_common .article_area .wp-block-button a::after{
content: "";
display: block;
width: 13px;
height: 10px;
background: url(../img/arrow01_white.png) no-repeat center center / 100% auto;
position: absolute;
top: 50%;
right: 34px;
transform: translateY(-50%);
transition: all .3s;
}

.single_common .article_area .wp-block-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 0;
height: 100%;
background-color: #B83B14;
transition: .3s;
}

.single_common .article_area .wp-block-button:hover:before {
width: 100%;
}

.single_common #cnt_area02{
background-color: #fff;
padding-bottom: 200px;
}

.single_common #cnt_area02 .contents_in{
max-width: none;
width: 100%;
padding: 40px 0;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
}

.single_common #cnt_area02 .sns_list{
align-items: center;
justify-content: center;
}

.single_common #cnt_area02 .sns_list li{
max-width: 140px;
width: 100%;
margin: 0 8px;
}

/*----------
07.プロダクト詳細共通（products_detail）
----------*/
.products_detail #cnt_area01{
position: relative;
}

.products_detail #cnt_area01::before{
content: "";
display: block;
/* max-width: 1800px; */
width: 93.75%;
height: 100%;
border-radius: 120px 0 0 120px;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
}

.products_detail #cnt_area01 .contents_in{
position: relative;
z-index: 1;
width: 62.5%;
padding: 200px 0;
}

.products_detail #cnt_area01 .h2_subtitle{
font-weight: 700;
font-size: 20px;
line-height: 2;
letter-spacing: 0.04em;
text-align: center;
margin-bottom: 32px;
}

.products_detail #cnt_area01 .h2_title{
margin: 0 auto 80px;
}

.products_detail #cnt_area01 .main_text{
line-height: 2.2;
letter-spacing: 0.04em;
margin-bottom: 80px;
}

.products_detail #cnt_area02{
padding: 200px 0;
}

.products_detail #cnt_area02 .h2_type01{
margin-bottom: 80px;
}

.products_detail #cnt_area02 .cnt_box{
background-color: #fff;
padding: 80px;
border-radius: 8px;
align-items: start;
justify-content: space-between;
margin: 0 auto 24px;
}

.products_detail #cnt_area02 .cnt_img{
max-width: 300px;
width: 28.85%;
border-radius: 4px;
overflow: hidden;
}

.products_detail #cnt_area02 .cnt_text{
max-width: 676px;
width: 65%;
}

.products_detail #cnt_area02 .h3_title{
font-weight: 700;
font-size: 20px;
letter-spacing: 0.04em;
line-height: 2;
margin-bottom: 24px;
}

.products_detail #cnt_area02 p,.products_detail #cnt_area02 dl{
line-height: 2.2;
letter-spacing: 0.04em;
}

.products_detail #cnt_area02 dt{
font-weight: 700;
}

.products_detail #cnt_area02 dd + dt{
margin-top: 8px;
}

.products_detail #cnt_area02 .btn_ptn01,.products_detail #cnt_area01 .btn_ptn01{
margin: 56px auto 0;
max-width: max-content;
background-color: #6DA3F4;
}

.products_detail #cnt_area02 .btn_ptn01::before,.products_detail #cnt_area01 .btn_ptn01::before{
background-color: #5782C3;
}

.products_detail #cnt_area02 .btn_ptn01 a,.products_detail #cnt_area01 .btn_ptn01 a{
padding: 24px 70px 24px 38px;
}

.products_detail #cnt_area02 .btn_ptn01 a::after,.products_detail #cnt_area01 .btn_ptn01 a::after{
background-image: url(../img/icon_target.png);
width: 15px;
height: 15px;
}

.products_detail #cnt_area03{
background-color: #fff;
padding: 120px 0;
}

.products_detail .back_btn{
max-width: 334px;
margin: 0 auto;
background-color: #F3F1ED;
}

.products_detail .back_btn::before{
background-color: #e8e7e4;
}

.products_detail .back_btn a{
color: #000;
padding-left: 80px;
}

.products_detail .back_btn a::after{
background-image: url(../img/arrow01_black.png);
right: auto;
left: 34px;
transform: translateY(-50%) scale(-1);
}


@media only screen and (max-width:1220px){
/*----------
01.共通
----------*/
.contents_in{
width: calc(100% - 50px);
}

/*----------
02.ヘッダー
----------*/
#header_top .logo{
margin-right: 20px;
}

/*----------
03.メンバー募集
----------*/
/*----------
04.フッター
----------*/
/*----------
05.記事一覧共通（archive_common）
----------*/
/*----------
06.記事詳細共通（single_common）
----------*/
/*----------
07.プロダクト詳細共通（products_detail）
----------*/

}


@media only screen and (max-width:1024px){
/*----------
01.共通
----------*/
.contents_in{
width: calc(100% - 40px);
}

.lower_page .lower_common{
margin-top: 63px;
}

.h2_type01{
font-size: clamp(30px, 4.3vw, 44px);
}

.member_list li.archive_box a.popup_active .archive_text .name_text{
font-size: 18px;
}

.member_list li.archive_box a.popup_active .archive_text{
bottom: 18px;
left: 19px;
}


/*----------
02.ヘッダー
----------*/
#header_top .nav_in li{
font-size: 14px;
}

#header_top .nav_in li:not(:first-child){
margin-left: 15px;
}

#header_top .nav_in li.recruit_btn{
max-width: 64px;
margin-left: 15px;
line-height: 1.4;
}

#header_top .nav_in li.recruit_btn a{
padding: 12px 12px;
}

/*----------
03.メンバー募集
----------*/
#member_recruit_area::before{
width: 92.5%;
}

#member_recruit_area .flex_box .cnt_text{
padding: 0 20px 0 0;
}

/*----------
04.フッター
----------*/
footer .catchcopy{
font-size: 38px;
}

footer .sitemap_box .sitemap_list{
width: 33.33%;
margin-bottom: 20px;
}


/*----------
05.記事一覧共通（archive_common）
----------*/

/*----------
06.記事詳細共通（single_common）
----------*/
.single_common .article_area .cnt_box{
padding: 32px;
}

/*----------
07.プロダクト詳細共通（products_detail）
----------*/

}

@media only screen and (max-width:768px){
/*----------
01.共通
----------*/
.pc{
display: none;
}

.sp{
display: block;
}

.lower_page .lower_common{
margin-top: 60px;
}

.category_type01{
padding-left: 0;
padding-right: 0;
}

.cnt_type01{
margin-bottom: 64px;
}

.cnt_type01 .cnt_box a{
padding: 24px 20px;
}

.cnt_type01 .title_text{
width: 83.89%;
}

.cnt_type01 .cnt_box a::after{
width: 30px;
height: 30px;
right: 20px;
background-size: 7.5px auto;
}

.cnt_type02 .cnt_box a{
padding: 32px 0 40px;
}

.cnt_type02 .cnt_title{
font-size: 24px;
padding-left: 22px;
margin-bottom: 40px;
}

.cnt_type02 .cnt_in{
display: block;
padding: 0 32px;
}

.cnt_type02 .cnt_in .cnt_img{
max-width: none;
width: 100%;
margin: 0 auto 40px;
}

.cnt_type02 .cnt_in .cnt_text{
max-width: none;
width: 100%;
}

.cnt_type02 .cnt_in .cnt_text .catchcopy_text{
font-size: 18px;
}

.cnt_type02 .cnt_in .cnt_text p{
line-height: 2.2;
}

.cnt_type02 .cnt_in .cnt_text .btn_ptn02{
text-align: center;
}

.cnt_type03 .cnt_box,.cnt_type03 .cnt_box:not(:nth-child(3n)){
width: 100%;
margin: 0 auto 24px;
}

.cnt_type03 .cnt_box .category{
padding: 8px 0;
}

.member_list{
display: block;
margin-bottom: 64px;
}

.member_list li.archive_box,.member_list li.archive_box:nth-child(4n){
max-width: none;
width: 100%;
margin: 0 auto 24px;
}

.member_list li.archive_box a.popup_active .archive_text{
bottom: 44px;
left: 35px;
}

.member_list li.archive_box a.popup_active .archive_text .name_text{
font-size: 23px;
}

.h1_type01 .contents_in{
padding: 215px 0 214px;
}

.h1_type01 .h1_title{
font-size: 40px;
line-height: 1.4;
margin-bottom: 24px;
}

.h1_type01_small .contents_in{
padding: 80px 0 22px;
}

.h1_type01_small .h1_title{
font-size: 38px;
}

.h2_type01{
font-size: 30px;
}

#pankuzu_area{
overflow: auto;
}

#pankuzu_area .contents_in .flex_box{
width: max-content;
padding: 0 20px 0 0;
}

/*----------
02.ヘッダー
----------*/
header{
background: #fff;
}

#header_top .contents_in{
display: block;
}

#header_top .header_left{
padding: 0 0 0 20px;
height: 60px;
align-items: center;
justify-content: space-between;
}

#header_top .logo{
max-width: 120px;
width: 100%;
margin: 0;
}

#header_top .language_btn{
margin: 0 24px 0 auto;
}

#header_top .nav_btn{
width: 60px;
height: 60px;
background-color: #E64A19;
position: relative;
margin: 0;
}

#header_top .nav_btn .nav_line{
display: block;
position: absolute;
left: 18px;
background: #fff;
border-radius: 10px;
width: 23.5px;
height: 3.5px;
}

#header_top .nav_btn .nav_line01,#header_top .nav_btn .nav_line03{
width: 12px;
}

#header_top .nav_btn .nav_line01{
top: 22px;
}

#header_top .nav_btn .nav_line02{
top: 29.5px;
}

#header_top .nav_btn .nav_line03{
top: 37px;
left: auto;
right: 18px;
}

#header_top .header_right{
display: none;
position: fixed;
width: 100%;
height: calc(100vh - 60px);
background-color: #fff;
top: 60px;
left: 0;
}

#header_top .nav_in{
display: block;
padding: 40px;
}

#header_top .nav_in li,#header_top .nav_in li:not(:first-child){
font-size: 16px;
line-height: 1;
margin: 0;
border-bottom: 1px solid #cacaca;
}

#header_top .nav_in li a{
display: inline-block;
line-height: 2.2;
width: 100%;
padding: 10px 0;
}

#header_top .nav_in li.recruit_btn{
max-width: none;
width: 100%;
margin: 40px auto 0;
}

header.active #header_top .nav_btn .nav_line01{
-webkit-transform: translateY(7.5px) rotate(-45deg);
transform: translateY(7.5px) rotate(-45deg);
width: 23.5px;
}

header.active #header_top .nav_btn .nav_line02{
opacity: 0;
}

header.active #header_top .nav_btn .nav_line03{
-webkit-transform: translateY(-7.5px) rotate(45deg);
transform: translateY(-7.5px) rotate(45deg);
width: 23.5px;
}

header.active #header_top .header_right{
display: block;
}

/*----------
03.メンバー募集
----------*/
#member_recruit_area{
background-color: #CC3100;
}

#member_recruit_area .contents_in{
padding: 40px 0;
}

#member_recruit_area::before{
content: none;
}

#member_recruit_area .flex_box{
display: block;
}

#member_recruit_area h2{
font-size: 20px;
text-align: center;
}

#member_recruit_area .btn_ptn01{
margin: 24px auto 0;
}

/*----------
04.フッター
----------*/
footer{
padding: 64px 0;
}

footer .contents_in{
width: 100%;
}

footer .catchcopy{
font-size: 30px;
text-align: center;
}

footer .sitemap_box{
flex-wrap: wrap;
border-top: 1px solid #555044;
margin-bottom: 24px;
}

footer .sitemap_box .sitemap_list{
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 0;
}

footer .sitemap_box .sitemap_list >li{
width: 50%;
margin-bottom: 0;
border-bottom: 1px solid #555044;
display: flex;
}

footer .sitemap_box .sitemap_list >li a{
display: block;
padding: 16px 16px 16px 44px;
font-size: 12px;
line-height: 1.8;
width: 100%;
display: flex;
align-items: center;
}

footer .sitemap_box .sitemap_list >li a::before{
left: 20px;
}

footer .sitemap_box .sitemap_list >li:nth-child(odd){
border-right: 1px solid #555044;
}

footer .sitemap_box .sitemap_list .small_list{
display: none;
}

footer .sitemap_box .sitemap_list02,footer .sitemap_box .sitemap_list03{
width: 50%;
}

footer .sitemap_box .sitemap_list02 >li,footer .sitemap_box .sitemap_list03 >li{
width: 100%;
}

footer .sitemap_box .sitemap_list05{
display: none;
}

footer .othersitemap_list{
justify-content: center;
padding-bottom: 24px;
}

footer #footer_bottom{
padding: 40px 20px 0;
}

footer #footer_bottom .logo{
max-width: 140px;
}

/*----------
05.記事一覧共通（archive_common） 768
----------*/
.archive_common #cnt_area01{
padding: 80px 0 160px;
}

.archive_common .caegory_area{
display: block;
margin-bottom: 8px;
}

.archive_common .caegory_area .category_all{
padding-right: 0;
margin-right: 0;
margin-bottom: 16px;
width: 100%;
border-right: none;
}

.archive_common .caegory_area .category_all a{
width: 100%;
padding: 16px 0;
}

.archive_common .caegory_area .category_list{
justify-content: space-between;
}

.archive_common .caegory_area .category_list li{
max-width: 164px;
width: 48.96%;
margin: 0 0 8px;
}

.archive_common #cnt_area01 .cnt_type03{
display: block;
margin-bottom: 64px;
}

.archive_common #cnt_area01 .cnt_type03 .cnt_box,.archive_common #cnt_area01 .cnt_type03 .cnt_box:not(:nth-child(3n)){
width: 100%;
margin: 0 auto 24px;
}

/*----------
06.記事詳細共通（single_common） 768
----------*/
.single_common #cnt_area01{
padding: 60px 0;
}

.single_common #cnt_area01 .title_area{
margin-bottom: 20px;
}

.single_common #cnt_area01 .h1_title{
font-size: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}

.single_common #cnt_area01 .title_area .info_box{
display: block;
}

.single_common .info_box .tag_list{
margin-bottom: 12px;
}

.single_common #cnt_area01 .info_left{
margin-bottom: 24px;
}

.single_common .article_area p + figure,
.single_common .article_area figure + figure,
.single_common .article_area h2 + figure,
.single_common .article_area h3 + figure,
.single_common .article_area h4 + figure,
.single_common .article_area h5 + figure,
.single_common .article_area ul + figure,
.single_common .article_area ol + figure,
.single_common .article_area .cnt_box + figure,
.single_common .article_area blockquote + figure,
.single_common .article_area dl + figure,
.single_common .article_area table + figure,
.single_common .article_area .wp-block-button + figure,
.single_common .article_area .insert_article + figure{
margin-top: 40px;
}

.single_common .article_area p{
font-size: 14px;
margin-top: 40px;
}

.single_common .article_area .table_of_contents{
margin-top: 40px;
padding: 20px 32px;
}

.single_common .article_area .table_of_contents .title{
font-size: 18px;
margin-bottom: 12px;
}
.single_common .article_area .table_of_contents ul>li{
font-size: 14px;
}

.single_common .article_area blockquote{
padding: 36px 32px 28px 52px;
margin-top: 40px;
}

.single_common .article_area blockquote::before{
top: 24px;
left: 20px;
font-size: 40px;
}

.single_common .article_area blockquote cite{
font-size: 12px;
}

.single_common .article_area h2{
font-size: 24px;
}

.single_common .article_area h3{
font-size: 18px;
}

.single_common .article_area h4{
font-size: 14px;
}

.single_common .article_area ul, .single_common .article_area ol{
margin-bottom: 40px;
}

.single_common .article_area ul li, .single_common .article_area ol li{
font-size: 14px;
}

.single_common .article_area dt{
font-size: 24px;
margin-bottom: 20px;
}

.single_common .article_area dt::before{
margin-right: 8px;
}

.single_common .article_area .cnt_box{
margin-top: 40px;
display: block;
}

.single_common .article_area .box_type01 .cnt_img{
width: 100%;
padding-top: 120px;
margin: 0 auto 10px;
}

.single_common .article_area .box_type01 .cnt_text{
width: 100%;
margin: 0 auto;
}

.single_common .article_area .box_type01 .company_text{
font-size: 12px;
}

.single_common .article_area .box_type01 .name_text{
font-size: 14px;
margin-bottom: 11px;
}

.single_common .article_area .box_type02 .cnt_img{
width: 100%;
margin: 0 auto 15px;
}

.single_common .article_area .box_type02 .cnt_text{
width: 100%;
margin: 0 auto;
}

.single_common .article_area figure figcaption{
margin-top: 12px;
font-size: 12px;
}

.single_common .article_area table{
margin-bottom: 40px;
}

.single_common .article_area th, .single_common .article_area td{
padding: 8px 12px;
font-size: 14px;
}

.single_common .article_area .insert_article{
margin-bottom: 40px;
}

.single_common .article_area .insert_article a{
display: block;
}

.single_common .article_area .insert_article .cnt_img{
max-width: none;
width: 100%;
display: block;
}

.single_common .article_area .insert_article .cnt_text{
width: 100%;
padding: 12px 16px 16px;
}

.single_common .article_area .insert_article .small_text{
font-size: 12px;
margin-bottom: 8px;
}

.single_common .article_area .wp-block-button{
margin-top: 40px;
}

.single_common #cnt_area02{
padding-bottom: 100px;
}

.single_common #cnt_area02 .sns_list{
padding: 0 20px;
}

.single_common #cnt_area02 .sns_list li{
margin: 0 4px;
}

/*----------
07.プロダクト詳細共通（products_detail）
----------*/
.products_detail #cnt_area01::before{
width: 100%;
border-radius: 0;
}

.products_detail #cnt_area01 .contents_in{
padding: 160px 0;
width: calc(100% - 40px);
}

.products_detail #cnt_area01 .h2_subtitle{
font-size: 18px;
}

.products_detail #cnt_area01 .h2_title{
margin-bottom: 64px;
}

.products_detail #cnt_area01 .main_text{
margin-bottom: 64px;
}

.products_detail #cnt_area02{
padding: 160px 0;
}

.products_detail #cnt_area02 .h2_type01{
margin-bottom: 64px;
}

.products_detail #cnt_area02 .cnt_box{
padding: 40px 32px;
display: block;
}

.products_detail #cnt_area02 .cnt_img{
max-width: none;
width: 100%;
margin-bottom: 40px;
}

.products_detail #cnt_area02 .cnt_text{
max-width: none;
width: 100%;
}

.products_detail #cnt_area02 .h3_title{
font-size: 18px;
}

.products_detail #cnt_area02 .btn_ptn01,.products_detail #cnt_area01 .btn_ptn01{
margin-top: 64px;
}

.products_detail #cnt_area03{
padding: 80px 0;
}

}
/*----------
08.プライバシーポリシー等
----------*/


.privacy_common .contents_in h2{
font-size: 32px;
font-weight: 700;
line-height: 1.3;
margin-top: 80px;
}

.privacy_common .contents_in h3{
font-size: 20px;
font-weight: 700;
line-height: 1.3;
margin-top: 80px;
}

.privacy_common .contents_in h4{
font-size: 16px;
font-weight: 700;
line-height: 1.3;
margin-top: 20px;
}
.privacy_common .contents_in a{
    color: #E64A19;
}