@charset "UTF-8";
/* CSS Document */
/*--------------------
01.共通
02.ヘッダー
03.フッター
04.記事一覧
05.記事詳細
06.フッター下お問い合わせ
--------------------*/

/*----------
01.共通
----------*/
body{
-webkit-font-smoothing: antialiased;
}

*{
box-sizing: border-box;
}

*:focus {
outline: none;
}

#wrapper{
width: 100%;
overflow: hidden;
font-family: "Noto Sans JP", sans-serif;
font-size: 15px;
line-height: 1;
color: #1E2022;
}

.pc{
display: block;
}

.sp{
display: none;
}

.contents_in{
max-width: 1100px;
width: 94%;
margin: 0 auto;
}

a{
color: #1E2022;
}

a:hover{
color: #1E2022;
}

a:link{
color: #1E2022;
}

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

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

.flex_box{
display: flex;
}

.lower_common{
margin-top: 116px;
}

.h1_ptn01{
border-top: 1px solid #1E2022;
margin-bottom: 50px;
}

.h1_ptn01 .h1_text{
letter-spacing: 0.04em;
line-height: 1;
border-bottom: 1px solid #1E2022;
}

.h1_ptn01 .h1_text span.contents_in{
display: block;
border-left: 1px solid #1E2022;
padding-left: 20px;
}

.h1_ptn01 .h1_en_title .contents_in{
font-weight: 700;
font-size: 50px;
padding-bottom: 15px;
padding: 20px 0 15px;
}

.h1_ptn01 .h1_jp_title .contents_in{
font-weight: 500;
font-size: 15px;
padding: 10px 0 9px;
}

.h1_ptn02{
text-align: center;
line-height: 1;
letter-spacing: 0.04em;
}

.h1_ptn02 .h1_en_title{
font-weight: 700;
font-size: 18px;
margin-bottom: 15px;
}

.h1_ptn02 .h1_jp_title{
font-weight: 700;
font-size: 40px;
}

.h1_ptn03{
border-left: 1px solid #1E2022;
letter-spacing: 0.04em;
line-height: 1;
margin-bottom: 40px;
}

.h1_ptn03 .h1_en_title{
font-weight: 700;
font-size: 60px;
margin-bottom: 5px;
}

.h1_ptn03 .h1_jp_title{
font-weight: 500;
font-size: 20px;
}

.h1_ptn03 .h1_en_title span,.h1_ptn03 .h1_jp_title span{
background: rgb(166,219,212);
background: linear-gradient(90deg, rgba(166,219,212,1) 30%, rgba(109,199,211,1) 100%);
border-radius: 0 20px 20px 0;
padding: 10px 20px;
display: inline-block;
}

.h1_ptn03 .h1_jp_title span{
border-radius: 0 10px 10px 0;
}

.h2_ptn01{
padding: 10px 0 10px 20px;
border-left: 1px solid #1E2022;
letter-spacing: 0.04em;
line-height: 1;
}

.h2_ptn01 .h2_en_title{
font-weight: 700;
font-size: 50px;
margin-bottom: 20px;
}

.h2_ptn01 .h2_jp_title{
font-weight: 500;
}

.h2_ptn02{
padding: 0 0 30px;
border-bottom: 1px solid #1E2022;
letter-spacing: 0.04em;
line-height: 1;
margin-bottom: 40px;
}

.h2_ptn02 .h2_en_title{
font-weight: 700;
font-size: 44px;
margin-bottom: 11px;
}

.h2_ptn02 .h2_jp_title{
font-weight: 500;
}

.h3_ptn01{
border-top: 1px solid #C8D4DA;
border-bottom: 1px solid #C8D4DA;
margin-bottom: 40px;
padding: 0 50px;
}

.h3_ptn01 .h3_jp_title{
font-weight: 700;
font-size: 24px;
letter-spacing: 0.04em;
line-height: 1;
padding: 20px;
border-left: 1px solid #2E1300;;
}

.btn_ptn01,.wp-block-button{
max-width: 350px;
width: 100%;
margin: 0 auto;
}

.btn_ptn01 a,.wp-block-button a{
display: block;
border:  1px solid #1E2022;
border-radius: 60px;
text-align: center;
padding: 31px 0;
font-weight: 500;
font-size: 16px;
position: relative;
}

.btn_ptn01 a::before,.btn_ptn01 a::after,
.wp-block-button a::before,.wp-block-button a::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.btn_ptn01 a::before,.wp-block-button a::before{
width: 40px;
height: 40px;
background-color: #1E2022;
border-radius: 50%;
right: 20px;
transition: all .3s;
}

.btn_ptn01 a::after,.wp-block-button a::after{
width: 14px;
height: 10px;
background: url(../img/arrow_white_right.png) no-repeat center center/100% auto;
right: 33px;
}

.btn_ptn01 a:hover::before,.wp-block-button a:hover::before{
width: 50px;
height: 50px;
right: 15px;
}

.btn_ptn01 a:hover::after,.wp-block-button a:hover::after{
animation: fade_arrow .4s forwards;
}


.btn_ptn02{
}

.btn_ptn02 a{
display: inline-block;
font-weight: 500;
font-size: 16px;
position: relative;
padding: 12px 60px 12px 0;
}

.btn_ptn02 a span{
border-bottom: 1px solid #1E2022;
}

.btn_ptn02 a::before,.btn_ptn02 a::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.btn_ptn02 a::before{
width: 40px;
height: 40px;
background-color: #1E2022;
border-radius: 50%;
right: 0px;
transition: all .3s;
}

.btn_ptn02 a::after{
width: 14px;
height: 10px;
background: url(../img/arrow_white_right.png) no-repeat center center/100% auto;
right: 13px;
}

.btn_ptn02 a:hover::before{
width: 50px;
height: 50px;
right: -5px;
}

.btn_ptn02 a:hover::after{
animation: fade_arrow .4s forwards;
}

.bg_ptn01{
position: relative;
padding: 60px 0 80px;
}

.bg_ptn01::before{
content: "";
display: block;
width: calc(100% - 60px);
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: #E5F0F1;
border-radius: 60px;
}

.bg_ptn01 .contents_in,.bg_ptn01 .h1_ptn01{
position: relative;
z-index: 1;
}

#pankuzu_area{
width: 12px;
position: absolute;
top: 0;
right: 0;
}

#pankuzu_area li a,#pankuzu_area li span{
display: block;
font-size: 12px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}

#pankuzu_area li a::after{
content: "";
display: inline-block;
width: 1px;
height: 9px;
background: #1E2022;
margin: 10px auto;
}

.lower_h1_area{
padding-top: 64px;
}

.lower_h1_area .contents_in{
position: relative;
}

.lower_h1_area .first_text{
/* max-width: 593px;
width: 53.91%; */
font-weight: 500;
font-size: 18px;
line-height: 1.6;
}

#pagenation_area{
margin: 30px 0 120px;
}

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

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

#pagenation_area .wp-pagenavi .current,#pagenation_area .wp-pagenavi a.page:hover{
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
color: #fff;
}

#pagenation_area .wp-pagenavi .extend{
background: none;
width: auto;
}

#pagenation_area .wp-pagenavi .previouspostslink,#pagenation_area .wp-pagenavi .nextpostslink{
position: relative;
display: flex;
width: auto;
background: none;
}

#pagenation_area .wp-pagenavi .previouspostslink::before,
#pagenation_area .wp-pagenavi .previouspostslink::after,
#pagenation_area .wp-pagenavi .nextpostslink::before,#pagenation_area .wp-pagenavi .nextpostslink::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

#pagenation_area .wp-pagenavi .previouspostslink::before,#pagenation_area .wp-pagenavi .nextpostslink::before{
box-sizing: border-box;
width: 30px;
height: 30px;
border: 1px solid #1E2022;
border-radius: 50%;
transition: all .3s;
}

#pagenation_area .wp-pagenavi .previouspostslink::after,#pagenation_area .wp-pagenavi .nextpostslink::after{
width: 10.5px;
height: 7.5px;
background: url(../img/arrow_black_right.png) no-repeat center center/100% auto;
}

#pagenation_area .wp-pagenavi .previouspostslink:hover::before,#pagenation_area .wp-pagenavi .nextpostslink:hover::before{
width: 40px;
height: 40px;
}

#pagenation_area .wp-pagenavi .previouspostslink{
margin: 0 50px 0 0;
padding: 0 0 0 40px;
}

#pagenation_area .wp-pagenavi .previouspostslink::before{
left: 0px;
}

#pagenation_area .wp-pagenavi .previouspostslink::after{
transform: translateY(-50%) scale(-1);
left: 10px;
}

#pagenation_area .wp-pagenavi .previouspostslink:hover::before{
left: -5px;
}

#pagenation_area .wp-pagenavi .previouspostslink:hover::after{
animation: fade_arrow_right .4s forwards;
}

#pagenation_area .wp-pagenavi .nextpostslink{
margin: 0 0 0 50px;
padding: 0 40px 0 0;
}

#pagenation_area .wp-pagenavi .nextpostslink::before{
right: 0px;
}

#pagenation_area .wp-pagenavi .nextpostslink::after{
right: 10px;
}

#pagenation_area .wp-pagenavi .nextpostslink:hover::before{
right: -5px;
}

#pagenation_area .wp-pagenavi .nextpostslink:hover::after{
animation: fade_arrow .4s forwards;
}

#pagenation_area .wp-pagenavi .first,#pagenation_area .wp-pagenavi .last{
display: none;
}

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

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

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

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

@keyframes fade_arrow_right {
0% {
transform: translate(0%,-50%) scale(-1);
opacity: 1;
}

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

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

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

/*----------
02.ヘッダー
----------*/
header{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
transition: background .3s;
}

header.sticky{
background: rgba(255,255,255,.8);
}

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

#header_top .h1_logo{
max-width: 525px;
width: 36.82%;
}

#header_top .header_right{
align-items: center;
max-width: 691px;
width: 100%;
}

#header_top .nav_in{
max-width: 547px;
width: 100%;
align-items: center;
padding-right: 21px;
margin-right: 20px;
margin-right: 2.64%;
position: relative;
}

#header_top .nav_in::after{
content: "";
display: block;
width: 1px;
height: 20px;
background-color: #1E2022;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}

#header_top .nav_in li{
font-weight: 500;
margin-left: 30px;
margin-left: 5.13%;
}

#header_top .nav_in li a{
position: relative;
display: block;
}

#header_top .nav_in li a::after{
content: "";
display: block;
width: 8px;
height: 8px;
background: rgb(166,219,212);
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
border-radius: 50%;
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all .3s;
}

#header_top .nav_in li a:hover::after{
opacity: 1;
bottom: -20px;
}

#header_top .icon_search{
width: 18px;
cursor: pointer;
}


#header_top .icon_search:hover{
opacity: .6;
}

#header_top .search_box{
/* max-width: 250px; */
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#header_top .search_box .box_in{
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(166,219,212,.6) 30%, rgba(109,199,211,.6) 100%);
}

#header_top .search_box form{
position: relative;
max-width: 520px;
width: 100%;
}

#header_top .search_box input{
width: 100%;
height: 50px;
box-shadow: none;
border: none;
background-color: #fff;
border-radius: 10px;
padding: 10px;
font-weight: 500;
font-size: 18px;
}

#header_top .search_box button{
border: none;
box-shadow: none;
background: none;
position: absolute;
bottom: 13px;
right: 5px;
}

#header_top .search_box button img{
width: 26px;
}

#header_top .search_box .search_close{
position: absolute;
top: 44%;
left: calc(100% - 520px);
width: 28px;
height: 28px;
transform: translateY(-50%);
cursor: pointer;
}

#header_top .search_box .search_close:hover{
opacity: .6;
}

#header_top .search_box .search_close::before,#header_top .search_box .search_close::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #1E2022;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-radius: 5px;
}

#header_top .search_box .search_close::before{
transform: rotate(45deg);
}

#header_top .search_box .search_close::after{
transform: rotate(-45deg);
}

#header_top .contact_btn{
width: 80px;
height: 80px;
margin-left: 34px;
margin-left: 4.48%;
}

#header_top .contact_btn a{
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
border:2px solid #54BBE7;
background-color: #54BBE7;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s;
}

#header_top .contact_btn svg{
max-width: 30px;
margin: 0 auto;
}

#header_top .contact_btn a:hover{
background-color: #fff;
}

#header_top .contact_btn a:hover svg path{
fill: #54BBE7;
}

/*----------
03.フッター
----------*/
#footer_top{
border-top: 1px solid #1E2022;
padding: 50px 0 80px;
}

#footer_top .h1_logo{
max-width: 422px;
width: 38.37%;
margin-bottom: 20px;
}

#footer_top .h1_logo02{
max-width: 491px;
width: 44.64%;
}

#footer_top .h1_logo03{
max-width: 461px;
width: 41.91%;
}

#footer_top .footer_top_box{
margin: 40px auto 0;
font-weight: 500;
font-size: 14px;
align-items: flex-end;
justify-content: space-between;
}

#footer_top .footer_top_box .address_text{
margin-bottom: 15px;
}

#footer_top .footer_top_box .info_box{
margin-bottom: 40px;
}

#footer_top .footer_top_box .tel_number{
text-decoration: underline;
margin-right: 30px;
}

#footer_top .footer_top_box .mail_address a{
text-decoration: underline;
transition: all .3s;
}

#footer_top .footer_top_box .mail_address a:hover{
text-decoration: none;
}

#footer_top .footer_top_box .mail_address .domain::before{
content: "@";
}

#footer_top .footer_top_box .sns_box{
/* max-width: 203px; */
max-width: 114px;
width: 100%;
align-items: center;
justify-content: space-between;
}

#footer_top .footer_top_box .sns_box li{
max-width: 25px;
}

#footer_top .footer_top_box .sns_box li a{
transition: all .3s;
}

#footer_top .footer_top_box .sns_box li a:hover{
opacity: .6;
}

#footer_top .footer_top_box .btn_ptn01{
max-width: 300px;
margin: 0;
}

#footer_top .footer_top_box .btn_ptn01 a{
padding-right: 20px;
}

#footer_middle{
border-top: 1px solid #1E2022;
padding: 30px 0 60px;
}

#footer_middle .nav_list01{
max-width: 1050px;
width: 100%;
margin: 0 auto 40px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

#footer_middle .nav_list01 li:first-child{
border-left: 1px solid #C8D4DA;
}

#footer_middle .nav_list01 li{
max-width: 150px;
width: 14.28%;
border-right: 1px solid #C8D4DA;
}

#footer_middle .nav_list01 a{
font-weight: 500;
display: block;
text-align: center;
padding: 12px 0 13px;
position: relative;
}

#footer_middle .nav_list01 a::after{
content: "";
display: block;
width: 8px;
height: 8px;
background: rgb(166,219,212);
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
border-radius: 50%;
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: all .3s;
}

#footer_middle .nav_list01 a:hover::after{
opacity: 1;
bottom: -5px;
}

#footer_middle .nav_list02{
align-items: center;
justify-content: center;
}

#footer_middle .nav_list02 li{
margin: 0 15px;
}

#footer_middle .nav_list02 li a{
display: block;
font-size: 14px;
position: relative;
}

#footer_middle .nav_list02 li a::after{
content: "";
display: block;
width: 0;
height: 1px;
position: absolute;
bottom: -2px;
left: 0;
background-color: #1E2022;
transition: width .3s;
}

#footer_middle .nav_list02 li a:hover::after{
width: 100%;
}

#footer_middle .target a::before{
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px 0 0;
vertical-align: baseline;
background: url(../img/icon_target.png) no-repeat center center/100% auto;
}

#footer_bottom{
border-top: 1px solid #1E2022;
padding: 30px 0;
}

#footer_bottom .copyright{
font-size: 14px;
text-align: center;
}

/*----------
04.記事一覧
----------*/
.article_list_common .cnt_box{
position: relative;
padding-bottom: 30px;
border-bottom: 1px dotted #1E2022;
}

.article_list_common .cnt_box .cnt_img{
border-radius: 10px;
overflow: hidden;
position: relative;
}

.article_list_common .cnt_box .cnt_img a{
display: block;
position: relative;
}

.article_list_common .cnt_box .article_title{
font-weight: 700;
font-size: 16px;
line-height: 1.6;
}

.category_list_ptn01{
flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
}

.category_list_ptn01 li{
position: relative;
border-radius: 20px;
overflow: hidden;
margin-right: 10px;
margin-bottom: 5px;
}

.category_list_ptn01 li::before,.category_list_ptn01 li::after{
content: "";
position: absolute;
}

.category_list_ptn01 li::before{
width: 100%;
height: 100%;
background: rgb(166,219,212);
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
top: 0;
left: 0;
}

.category_list_ptn01 li::after{
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #fff;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 20px;
}

.category_list_ptn01 li .list_in{
display: inline-block;
padding: 10px 20px;
font-weight: 500;
font-size: 14px;
position: relative;
z-index: 1;
}

.tag_list_ptn01{
align-items: start;
flex-wrap: wrap;
}

.tag_list_ptn01 li span,.tag_list_ptn01 li a{
display: inline-block;
padding: 4px 9px;
font-size: 14px;
border: 1px solid #C8D4DA;
border-radius: 20px;
margin-bottom: 5px;
margin-right: 10px;
}

.info_box_ptn01{
font-weight: 500;
font-size: 12px;
margin-bottom: 20px;
align-items: center;
}

.info_box_ptn01::before{
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin: 3px 8px 0 0;
vertical-align: top;
background: rgb(166,219,212);
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
border-radius: 50%;
}

.info_box_ptn01 span{
margin-right: 8px;
vertical-align: middle;
}

.info_box_ptn01 .new_icon{
font-weight: 700;
font-size: 14px;
line-height: 1;
text-transform: capitalize;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.article_type_ptn01{
display: inline-block;
position: absolute;
z-index: 2;
top: -10px;
right: -10px;
font-weight: 700;
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.04em;
color: #fff;
padding: 9px 19px;
border: 1px solid #1E2022;
background-color: #666;
border-radius: 20px 20px 20px 0;
}

.article_type_ptn01.class_practice_type{
background-color: #A4CE60;
}

.article_type_ptn01.education_column_type{
background-color: #54BBE7;
}

.article_type_ptn01.everyones_action_type,.article_type_ptn01.news_type{
background-color: #F3B540;
}

/* パターン01 */
.article_list_ptn01{
flex-wrap: wrap;
}

.article_list_ptn01 .cnt_box{
max-width: 320px;
width: 29.1%;
margin-bottom: 50px;
}

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

.article_list_ptn01 .cnt_box .cnt_img{
margin-bottom: 15px;
}

.article_list_ptn01 .cnt_box .cnt_img a::after{
content: "";
display: block;
padding-top: 62.5%;
}

.article_list_ptn01 .cnt_box .cnt_img img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: 50% 0;
}

.article_list_ptn01 .cnt_box .article_title{
margin-bottom: 8px;
}

/* パターン02 */
.article_list_ptn02 .cnt_box{
/* max-width: 552px; */
width: 100%;
align-items: start;
justify-content: space-between;
margin-bottom: 30px;
}

.article_list_ptn02 .cnt_box .cnt_img{
overflow: visible;
/* max-width: 210px; */
width: 38.19%;
}

.article_list_ptn02 .cnt_box .cnt_img a{
border-radius: 10px;
overflow: hidden;
display: block;
}

.article_list_ptn02 .cnt_box .cnt_text{
/* max-width: 300px; */
width: 54.55%;
}

.article_list_ptn02 .cnt_box .article_title{
font-size: 14px;
margin-bottom: 12px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}

.article_list_ptn02 .article_type_ptn01{
padding: 5px 14px;
}

/* パターン03 */
.article_list_ptn03{
max-width: 900px;
width: 100%;
margin: 0 auto;
}

.article_list_ptn03 .cnt_box a{
align-items: center;
padding: 30px 0;
border-bottom: 1px dashed #1E2022;
position: relative;
}

.article_list_ptn03 .date_text{
font-weight: 500;
font-size: 16px;
line-height: 1;
margin-right: 27px;
}

.category_list_ptn03{
margin-bottom: 0;
}

.category_list_ptn03 li{
margin-right: 34px;
}

.category_list_ptn03 li .list_in{
display: inline-block;
padding: 8px 20px;
font-weight: 500;
font-size: 14px;
background-color: #fff;
border: 2px solid #000;
border-radius: 20px;
}

.category_list_ptn03 li.info_type .list_in{
border-color: #54BBE7;
}

.category_list_ptn03 li.release_type .list_in{
border-color: #F3B540;
}

.category_list_ptn03 li.media_type .list_in{
border-color: #A4CE60;
}

.category_list_ptn03 li.event_type .list_in{
border-color: #E68383;
}

.category_list_ptn03 li.stage_type .list_in{
border-color: #C8D4DA;
}

.article_list_ptn03 .article_title{
max-width: 570px;
width: 63.34%;
font-weight: 500;
font-size: 16px;
line-height: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

.article_list_ptn03 .cnt_box a::before,.article_list_ptn03 .cnt_box a::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.article_list_ptn03 .cnt_box a::before{
width: 30px;
height: 30px;
border: 1px solid #1E2022;
border-radius: 50%;
right: 10px;
transition: all .3s;
}

.article_list_ptn03 .cnt_box a::after{
width: 11px;
height: 8px;
background: url(../img/arrow_black_right.png) no-repeat center center/100% auto;
right: 20px;
}

.article_list_ptn03 .cnt_box a:hover::before{
width: 40px;
height: 40px;
right: 5px;
}

.article_list_ptn03 .cnt_box a:hover::after{
animation: fade_arrow .4s forwards;
}

/* パターン04 */
.archive_list_btn{
text-align: right;
margin-bottom: 40px;
}

.archive_list_btn a{
font-weight: 500;
transition: all .3s;
text-decoration: underline;
}

.archive_list_btn a:hover{
text-decoration: none;
}

.article_list_ptn04{
/* max-width: 900px; */
width: 100%;
margin: 0 auto 80px;
}

.article_list_ptn04 .cnt_box a{
align-items: center;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px dashed #1E2022;
position: relative;
}

.article_list_ptn04 .cnt_img{
/* max-width: 180px; */
width: 10.37%;
border-radius: 10px;
overflow: hidden;
position: relative;
}

.article_list_ptn04 .cnt_text{
/* max-width: 900px; */
width: 87.82%;
padding-right: 52px;
}

.article_list_ptn04 .cnt_text .info_box{
align-items: center;
margin-bottom: 10px;
}

.article_list_ptn04 .category_list_ptn01{
margin-bottom: 0;
}

.article_list_ptn04 .category_list_ptn01 li{
margin-bottom: 0;
}

.article_list_ptn04 .date_text{
font-weight: 500;
font-size: 16px;
line-height: 1;
margin-right: 27px;
}

.article_list_ptn04 .article_title{
/* max-width: 570px;
width: 63.34%; */
font-weight: 500;
font-size: 16px;
line-height: 1;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-bottom: 10px;
}

.article_list_ptn04 .cnt_box a::before,.article_list_ptn04 .cnt_box a::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.article_list_ptn04 .cnt_box a::before{
width: 30px;
height: 30px;
border: 1px solid #1E2022;
border-radius: 50%;
right: 10px;
transition: all .3s;
}

.article_list_ptn04 .cnt_box a::after{
width: 11px;
height: 8px;
background: url(../img/arrow_black_right.png) no-repeat center center/100% auto;
right: 20px;
}

.article_list_ptn04 .cnt_box a:hover::before{
width: 40px;
height: 40px;
right: 5px;
}

.article_list_ptn04 .cnt_box a:hover::after{
animation: fade_arrow .4s forwards;
}

/* ホバーした時 */
.article_list_common .cnt_box .cnt_img a::before{
content: "";
display: block;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
transition: all .3s;
}

.article_list_common .cnt_box.active .cnt_img a::before{
opacity: .6;
}

.article_list_common .cnt_box .cnt_img img{
transition: all .3s;
}

.article_list_common .cnt_box.active .cnt_img img{
transform: scale(1.1);
}

/* カテゴリ */
.category_list_ptn02{
flex-wrap: wrap;
align-items: center;
justify-content: center;
}

.category_list_ptn02 li{
margin: 0 10px 20px;
}

.category_list_ptn02 li a{
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 1;
padding: 14px 24px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 30px;
transition: all .3s;
}

.category_list_ptn02 li a:hover,.category_list_ptn02 li.active a{
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
color: #fff;
box-shadow: 0px 2px 6px rgba(30, 32, 34,.2);
}

/* メンバー一覧 */
.member_list{
align-items: start;
flex-wrap: wrap;
} 

.member_list li{
margin: 0 5.45% 60px 0;
max-width: 230px;
width: 20.91%;
text-align: center;
}

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

.member_list .cnt_img{
max-width: 230px;
width: 100%;
border-radius: 115px;
overflow: hidden;
margin-bottom: 20px;
position: relative;
}

.member_list .cnt_img::before{
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transition: opacity .3s;
}

.member_list .cnt_img img{
transform: scale(1);
transition: all .3s;
border: 2px solid #fff;
}

.member_list .name_text{
font-weight: 700;
font-size: 20px;
margin-bottom: 15px;
}

.member_list .furigana_text{
font-weight: 500;
font-size: 14px;
line-height: 1.4;
color: #b7b7b7;
margin-bottom: 10px;
}

.member_list .position_text{
font-size: 12px;
line-height: 1.4;
}

.member_list li a:hover .cnt_img::before{
opacity: .4;
}

.member_list li a:hover .cnt_img img{
transform: scale(1.1);
}

/* 記事一覧テンプレート */
.archive_common .lower_h1_area{
margin-bottom: 60px;
}

.archive_common .category_area_ptn01{
margin-bottom: 90px;
}

.archive_common .category_area_ptn01 .title{
text-align: center;
font-weight: 700;
font-size: 20px;
line-height: 1.4;
margin-bottom: 15px;
}

.archive_common .category_area_ptn01 .title::before{
content: "";
display: inline-block;
width: 10px;
height: 10px;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
border-radius: 50%;
vertical-align: top;
margin-right: 10px;
margin: 10px 10px 0 0;
}

.archive_common .category_area_ptn01 .cnt_box{
border-radius: 20px;
background: #E5F0F1;
padding: 30px 10px 10px;
margin-bottom: 40px;
}

.archive_common .category_area_ptn01 .category_list_ptn02{
max-width: 724px;
width: 100%;
margin: 0 auto;
}

.archive_common .term_title{
position: relative;
font-weight: 700;
font-size: 20px;
line-height: 1.6;
padding: 4px 0 4px 20px;
margin-bottom: 40px;
}

.archive_common .term_title::before{
content: "";
display: block;
width: 1px;
height: 100%;
background-color: #1E2022;
position: absolute;
top: 0;
left: 0;
}


/*----------
05.記事詳細
----------*/

.single_common #cnt_area01{
padding-top: 64px;
}


.single_common #cnt_area01 .contents_in{
position: relative;
}

.single_common #cnt_area01 .title_area{
max-width: 900px;
/* width: 81.82%; */
width: 100%;
margin: 0 auto 60px;
}

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

.single_common #cnt_area01 .title_area .thumbnail_img img{
border-radius: 20px;
}

.single_common #cnt_area01 .title_area .article_type_ptn01{
font-size: 24px;
border-radius: 25px 25px 0 25px;
right: auto;
top: -20px;
left: -10px;
padding: 8px 45px;
}

.single_common #cnt_area01 .title_area .h1_title{
font-weight: 700;
font-size: 24px;
line-height: 1.6;
margin-bottom: 10px;
}

.single_common #cnt_area01 .title_area .info_box_ptn01{
font-size: 16px;
margin-bottom: 30px;
}

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

.single_common #cnt_area01 .title_area .category_list_ptn01 li .list_in{
font-size: 16px;
}

.single_common #cnt_area01 .table_of_contents{
margin-bottom: 50px;
border: 1px solid #C8D4DA;
border-radius: 20px;
padding: 30px 0 0;
}

.single_common #cnt_area01 .table_of_contents .title{
border-top: 1px solid #C8D4DA;
border-bottom: 1px solid #C8D4DA;
font-weight: 700;
font-size: 24px;
line-height: 1;
letter-spacing: 0.04em;
padding: 19px 0 19px 69px;
position: relative;
}

.single_common #cnt_area01 .table_of_contents .title::before{
content: "";
display: inline-block;
width: 1px;
height: 100%;
background-color: #2E1300;
position: absolute;
top: 0;
left: 50px;
}

.single_common #cnt_area01 .table_of_contents .cnt_text{
padding: 30px 50px 40px;
}

.single_common #cnt_area01 .article_area .table_of_contents .cnt_text ul{
list-style: none;
margin-left: 0;
margin-bottom: 0;
font-weight: 700;
font-size: 16px;
line-height: 2;
}

.single_common #cnt_area01 .article_area .table_of_contents .cnt_text li{
text-indent: -1.2em;
margin: 0 0 0 1.2em;
}

.single_common #cnt_area01 .article_area{
max-width: 900px;
width: 100%;
margin: 0 auto 100px;
}

.single_common #cnt_area01 .article_area h2{
font-weight: 700;
font-size: 22px;
line-height: 1.6;
padding: 10px 20px;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area h3{
position: relative;
font-weight: 700;
font-size: 20px;
line-height: 1.6;
padding: 4px 0 4px 20px;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area h3::before{
content: "";
display: block;
width: 1px;
height: 100%;
background-color: #1E2022;
position: absolute;
top: 0;
left: 0;
}

.single_common #cnt_area01 .article_area h4{
font-weight: 700;
font-size: 18px;
line-height: 1.6;
padding: 0 0 0 25px;
position: relative;
margin-bottom: 20px;
}

.single_common #cnt_area01 .article_area h4::before{
content: "";
display: block;
width: 15px;
height: 1px;
background-color: #1E2022;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.single_common #cnt_area01 .article_area p,.single_common #cnt_area01 .article_area ul:not(.tag_list_ptn01),.single_common #cnt_area01 .article_area ol{
font-weight: 500;
font-size: 16px;
line-height: 2;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area ul:not(.tag_list_ptn01),.single_common #cnt_area01 .article_area ol{
margin-left: 1em;
}

.single_common #cnt_area01 .article_area ul:not(.tag_list_ptn01){
list-style: disc;
}

.single_common #cnt_area01 .article_area ul ul,.single_common #cnt_area01 .article_area ol ol{
margin-left: 1em;
}

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

.single_common #cnt_area01 .article_area ol ol{
list-style: lower-alpha;
}

.single_common #cnt_area01 .article_area ol ol ol{
list-style: lower-roman;
}

.single_common #cnt_area01 .article_area figure{
margin: 20px 0 40px;
}

.single_common #cnt_area01 .article_area figure img{
border-radius: 20px;
}

.single_common #cnt_area01 .article_area figure figcaption{
margin-top: 10px;
font-size: 14px;
line-height: 1.6;
}

.single_common #cnt_area01 .article_area figure iframe{
display: block;
width: 100%;
}

.single_common #cnt_area01 .article_area figure.is-type-video iframe{
height: auto;
aspect-ratio: 16 / 9;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote{
background-color: #F6F6F6;
border-radius: 20px;
padding: 20px 50px 20px 70px;
position: relative;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote::before{
content: "“";
font-family: "Noto Sans JP", sans-serif;
font-size: 30px;
color: #C8D4DA;
position: absolute;
top: 20px;
left: 50px;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote p{
font-weight: 400;
font-size: 14px;
line-height: 1.8;
margin-bottom: 1em;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote cite{
font-weight: 400;
font-size: 14px;
line-height: 1.8;
position: relative;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote cite::before{
font-family: "Noto Sans JP", sans-serif;
content: "– ";
font-size: 14px;
line-height: 1.8;
}

.single_common #cnt_area01 .article_area .bg_blue{
background-color: #E5F0F1;
border-radius: 20px;
}


.single_common #cnt_area01 .article_area .cnt_box{
padding: 30px 50px;
margin-bottom: 40px;
align-items: start;
justify-content: space-between;
}

.single_common #cnt_area01 .article_area .cnt_box figure{
max-width: 200px;
width: 25%;
margin: 0;
}

.single_common #cnt_area01 .article_area .cnt_box .cnt_text{
max-width: 550px;
width: 68.75%;
}

.single_common #cnt_area01 .article_area .box_type01 figure img{
height: 200px;
object-fit: cover;
}

.single_common #cnt_area01 .article_area .box_type01 .company_text{
font-size: 14px;
line-height: 1.4;
margin-bottom: 15px;
}

.single_common #cnt_area01 .article_area .box_type01 .company_text span{
display: block;
}

.single_common #cnt_area01 .article_area .box_type01 .name_text{
font-weight: 700;
font-size: 20px;
line-height: 1;
margin-bottom: 30px;
}

.single_common #cnt_area01 .article_area .box_type01 p{
line-height: 1.8;
margin-bottom: 0;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text .dl_box{
font-size: 14px;
padding: 15px 0;
border-bottom: 1px solid #C8D4DA;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text dt{
font-weight: 700;
line-height: 1.4;
padding: 5px 10px 0 0;
width: 100px;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text dd{
font-weight: 500;
line-height: 1.8;
width: calc(100% - 100px);
}

.single_common #cnt_area01 .article_area .insert_article{
border-radius: 20px;
border: 1px solid #C8D4DA;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area .insert_article figure{
max-width: 210px;
width: 26.25%;
}

.single_common #cnt_area01 .article_area .insert_article figure img{
height: 131px;
object-fit: cover;
}

.single_common #cnt_area01 .article_area .insert_article  .title{
font-weight: 700;
font-size: 17px;
line-height: 1.6;
margin-bottom: 20px;
}

.single_common #cnt_area01 .article_area .enclosure_style{
padding: 40px 50px;
position: relative;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area .enclosure_style .title{
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 0 0 0 16px;
position: absolute;
top: -.5em;
left: 50px;
}

.single_common #cnt_area01 .article_area .enclosure_style .title::before{
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.single_common #cnt_area01 .article_area .enclosure_style p{
margin: 0;
line-height: 1.8;
}

.single_common #cnt_area01 .article_area .writing_box{
padding: 40px 50px 30px;
position: relative;
margin-bottom: 40px;
}

.single_common #cnt_area01 .article_area .writing_box .title{
font-weight: 700;
font-size: 16px;
line-height: 1;
padding: 0 0 0 16px;
position: absolute;
top: -.5em;
left: 50px;
}

.single_common #cnt_area01 .article_area .writing_box .title::before{
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: linear-gradient(90deg, rgba(166,219,212,1) 0%, rgba(109,199,211,1) 100%);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.single_common #cnt_area01 .article_area .writing_box .cnt_in{
align-items: center;
justify-content: space-between;
}

.single_common #cnt_area01 .article_area .writing_box figure{
width: 150px;
border-radius: 50%;
overflow: hidden;
margin: 0;
}

.single_common #cnt_area01 .article_area .writing_box figure img{
height: 150px;
object-fit: cover;
}

.single_common #cnt_area01 .article_area .writing_box .cnt_text{
width: calc(100% - 150px - 6.25%);
}

.single_common #cnt_area01 .article_area .writing_box .position_text{
font-size: 14px;
margin-bottom: 10px;
}

.single_common #cnt_area01 .article_area .writing_box .name_text{
font-weight: 700;
margin-bottom: 30px;
}

.single_common #cnt_area01 .article_area .writing_box p{
margin: 0;
font-size: 14px;
line-height: 1.8;
}

.single_common #cnt_area01 .article_area .wp-block-button{
margin: 40px auto 80px;
display: block;
}

.single_common #cnt_area01 .article_area .wp-block-button a{
border: 1px solid #1E2022;
background-color: #fff;
padding: 31px 0;
border-radius: 60px;
font-size: 16px;
}

.single_common #cnt_area02 .contents_in{
max-width: 900px;
}

.single_common #cnt_area02 .sns_share_box{
width: 100%;
align-items: start;
justify-content: space-between;
margin-bottom: 80px;
}

.single_common #cnt_area02 .sns_share_box .sns_list{
max-width: 360px;
width: 100%;
align-items: start;
}

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

.single_common #cnt_area02 .sns_share_box .sns_list li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100px;
border: 1px solid #1E2022;
border-radius: 50%;
transition: all .3s;
}

.single_common #cnt_area02 .sns_share_box .sns_list li img{
max-width: 25px;
width: 100%;
margin: 0 auto;
transition: all .3s;
}

.single_common #cnt_area02 .sns_share_box .sns_list li a:hover{
box-shadow: 0px 2px 6px rgba(30, 32, 34,.4);
}

.single_common #cnt_area02 .sns_share_box .sns_list li a:hover img{
max-width: 30px;
}

.single_common #cnt_area02 .tag_list_ptn01{
border-top: 1px solid #C8D4DA;
border-bottom: 1px solid #C8D4DA;
padding: 25px 0;
margin-bottom: 80px;
}

.single_common #cnt_area02 .tag_list_ptn01 li a{
margin: 5px 10px 5px 0;
}

.single_common #cnt_area02 .posts_link{
align-items: center;
justify-content: center;
margin-bottom: 80px;
}

.single_common #cnt_area02 .posts_link div{
margin: 0 40px;
}

.single_common #cnt_area02 .posts_link .prev_link a,.single_common #cnt_area02 .posts_link .next_link a{
display: block;
font-weight: 500;
font-size: 16px;
line-height: 1;
position: relative;
padding: 7px 0;
}

.single_common #cnt_area02 .posts_link .prev_link a{
padding-left: 40px;
}

.single_common #cnt_area02 .posts_link .next_link a{
padding-right: 40px;
}

.single_common #cnt_area02 .posts_link .prev_link a::before,
.single_common #cnt_area02 .posts_link .next_link a::before,
.single_common #cnt_area02 .posts_link .prev_link a::after,
.single_common #cnt_area02 .posts_link .next_link a::after{
content: "";
display: block;
position: absolute;
box-sizing: border-box;
top: 50%;
transform: translateY(-50%);
}

.single_common #cnt_area02 .posts_link .prev_link a::before,
.single_common #cnt_area02 .posts_link .next_link a::before{
width: 30px;
height: 30px;
border: 1px solid #1E2022;
border-radius: 50%;
transition: all .3s;
}

.single_common #cnt_area02 .posts_link .prev_link a::after,
.single_common #cnt_area02 .posts_link .next_link a::after{
width: 10.5px;
height: 7.5px;
background: url(../img/arrow_black_right.png) no-repeat center center/100% auto;
}

.single_common #cnt_area02 .posts_link .prev_link a::before{
left: 0;
}

.single_common #cnt_area02 .posts_link .prev_link a::after{
left: 10px;
transform: translateY(-50%) scale(-1);
}

.single_common #cnt_area02 .posts_link .next_link a::before{
right: 0;
}

.single_common #cnt_area02 .posts_link .next_link a::after{
right: 10px;
}

.single_common #cnt_area02 .posts_link .prev_link a:hover::before,
.single_common #cnt_area02 .posts_link .next_link a:hover::before{
width: 40px;
height: 40px;
}

.single_common #cnt_area02 .posts_link .prev_link a:hover::before{
left: -5px;
}

.single_common #cnt_area02 .posts_link .next_link a:hover::before{
right: -5px;
}

.single_common #cnt_area02 .posts_link .prev_link a:hover::after{
animation: fade_arrow_right .4s forwards;
}

.single_common #cnt_area02 .posts_link .next_link a:hover::after{
animation: fade_arrow .4s forwards;
}

.single_common #cnt_area02 .back_btn{
margin-bottom: 120px;
}

.single_common #cnt_area02 .back_btn a{
padding-left: 20px;
}

.single_common #cnt_area02 .back_btn a::before{
right: auto;
left: 20px;
}

.single_common #cnt_area02 .back_btn a::after{
right: auto;
left: 33px;
transform: translateY(-50%) scale(-1);
}

.single_common #cnt_area02 .back_btn a:hover::before{
width: 50px;
height: 50px;
right: auto;
left: 15px;
}

.single_common #cnt_area02 .back_btn a:hover::after{
animation: fade_arrow_right .4s forwards;
}

.single_common #relation_area{
padding-bottom: 70px;
}

.single_common #relation_area .h2_ptn01{
margin-bottom: 40px;
}


/*----------
06.フッター下お問い合わせ
----------*/
#contact_common_area{
margin-bottom: 120px;
}

#contact_common_area a{
position: relative;
display: block;
width: 100%;
background-color: #E5F0F1;
border-radius: 60px;
padding: 60px 80px 80px;
transition: all .3s;
}

#contact_common_area a::before,#contact_common_area a::after{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

#contact_common_area a::before{
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid #1E2022;
right: 80px;
}

#contact_common_area a::after{
width: 33px;
height: 23px;
background: url(../img/arrow_black.png) no-repeat center center/100% auto;
right: 112.5px;
}

#contact_common_area .h2_ptn01{
margin-bottom: 40px;
}

#contact_common_area p{
max-width: 450px;
width: 100%;
margin: 0 0 0 20px;
font-weight: 500;
line-height: 1.6;
}

#contact_common_area a:hover{
background-color: #1E2022;
color: #fff;
}

#contact_acontact_common_arearea a:hover .h2_ptn01{
border-left-color: #fff;
}

#contact_common_area a:hover::before{
width: 110px;
height: 110px;
right: 75px;
border-color: #fff;
}

#contact_common_area a:hover::after{
background-image: url(../img/arrow_white.png);
animation: fade_arrow .4s forwards;
}




@media only screen and (max-width:1180px){
/*----------
01.共通
----------*/
.lower_common{
margin-top: 86px;
}

/*----------
02.ヘッダー
----------*/
#header_top .contents_in{
padding: 18px 20px;
}

#header_top .header_right{
flex-wrap: wrap;
max-width: 596px;
}

#header_top .nav_in{
max-width: 501px;
padding-right: 12px;
margin-right: 1.64%;
}

#header_top .nav_in li{
margin-left: 4.13%;
}

#header_top .contact_btn{
width: 50px;
height: 50px;
margin-left: 2.48%;
}

#header_top .contact_btn svg{
max-width: 22px;
}

}



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

.lower_common{
margin-top: 60px;
}

.h1_ptn01 .h1_en_title .contents_in{
font-size: 40px;
}

.bg_ptn01{
padding: 30px 0 60px;
}

.bg_ptn01::before{
width: 100%;
border-radius: 40px;
}

/*----------
02.ヘッダー
----------*/

#header_top .pc{
display: none;
}

#header_top .sp{
display: block;
}

#header_top .contents_in{
padding: 0;
}

#header_top .h1_logo{
max-width: 385px;
width: 100%;
padding-left: 10px;
}

#header_top .nav_btn{
width: 60px;
height: 60px;
background-color: #54BBE7;
border-radius: 0 0 0 20px;
position: relative;
}

#header_top .nav_btn .nav_line{
display: block;
width: 24px;
height: 2px;
border-radius: 15px;
background-color: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
transition: all .3s;
}

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

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

#header_top .nav_btn .nav_line03{
top: 37px;
}

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

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

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

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

#header_top .nav_in{
max-width: none;
padding: 0;
margin: 0 auto 40px;
display: block;
}

#header_top .nav_in::after{
content: none;
}

#header_top .nav_in li{
margin: 0 auto;
border-bottom: 1px dashed #C8D4DA;
}

#header_top .nav_in li a{
font-size: 14px;
padding: 20px 0;
}

#header_top .nav_in li a::after{
opacity: 1;
width: 7px;
height: 6px;
border-radius: 0;
background: url(../img/arrow_black_right.png) no-repeat center center/100% auto;
top: 50%;
bottom: auto;
left: auto;
right: 0;
transform: translate(0,-50%);
}

#header_top .search_box{
margin-bottom: 40px;
display: block;
position: static;
width: auto;
height: auto;
}

#header_top .search_box .box_in{
background: none;
display: block;
width: auto;
height: auto;
}

#header_top .search_box form{
max-width: 250px;
margin: 0 auto;
}

#header_top .search_box input{
height: 30px;
border-bottom: 1px solid #1E2022;
padding: 10px 0 10px;
font-size: 14px;
border-radius: 0;
}

#header_top .search_box button{
right: 0;
}

#header_top .search_box button img{
width: 15px;
}

#header_top .search_box .search_close{
display: none;
}

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

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

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

/*----------
03.フッター
----------*/
#footer_top .footer_top_box .footer_top_left{
width: 55%;
}

#footer_top .footer_top_box .address_text{
line-height: 1.6;
}



/*----------
04.記事一覧
----------*/
.article_type_ptn01{
padding: 7px 14px;
}

.category_list_ptn01{
margin-bottom: 0;
}

.category_list_ptn01 li{
margin-right: 5px;
}

.info_box_ptn01{
margin-bottom: 10px;
}

.tag_list_ptn01 li{
margin: 0 5px 5px 0;
}

.tag_list_ptn01 li span, .tag_list_ptn01 li a{
margin: 0;
font-size: 12px;
}

.article_list_common .cnt_box{
padding-bottom: 20px;
}

.article_list_common .cnt_box .article_title{
font-size: 15px;
}


/* パターン01 */
.article_list_ptn01 .cnt_box{
width: 31.1%;
}

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

.article_list_ptn01 .cnt_box .cnt_img{
margin-bottom: 10px;
}




/*----------
05.記事詳細
----------*/
/*----------
06.フッター下お問い合わせ
----------*/

}

@media only screen and (max-width:768px){

/*----------
01.共通
----------*/
.pc{
display: none;
}

.sp{
display: block;
}

.lower_common{
margin-top: 50px;
}

.lower_h1_area{
padding-top: 10px;
}

.lower_h1_area .first_text{
max-width: none;
width: 100%;
font-size: 14px;
line-height: 1.8;
}

.h1_ptn01{
margin-bottom: 30px;
}

.h1_ptn01 .h1_text span.contents_in{
padding: 10px;
}

.h1_ptn01 .h1_en_title .contents_in{
font-size: 26px;
}

.h1_ptn01 .h1_jp_title .contents_in{
font-size: 12px;
}

.h1_ptn02 .h1_en_title{
font-size: 15px;
margin-bottom: 10px;
}

.h1_ptn03{
margin-bottom: 21px;
}

.h1_ptn03 .h1_en_title{
font-size: 30px;
}

.h1_ptn03 .h1_jp_title{
font-size: 14px;
}

.h1_ptn03 .h1_en_title span, .h1_ptn03 .h1_jp_title span{
border-radius: 0 10px 10px 0;
padding: 5px 10px;
}

.h1_ptn03 .h1_jp_title span{
border-radius: 0 5px 5px 0;
}

.h1_ptn02 .h1_jp_title{
font-size: 20px;
}

.h2_ptn01{
padding: 6px 0 6px 10px;
}

.h2_ptn01 .h2_en_title{
font-size: 26px;
margin-bottom: 10px;
}

.h2_ptn01 .h2_jp_title{
font-size: 12px;
}

.h2_ptn02{
padding-bottom: 15px;
margin-bottom: 20px;
}

.h2_ptn02 .h2_en_title{
font-size: 24px;
margin-bottom: 5px;
}

.h2_ptn02 .h2_jp_title{
font-size: 12px;
}

.h3_ptn01{
margin-bottom: 20px;
padding: 0 0 0 16px;
}

.h3_ptn01 .h3_jp_title{
font-size: 14px;
line-height: 1.4;
padding: 7px 15px 6px 9px;
}



.btn_ptn01,.wp-block-button{
max-width: 250px;
}

.btn_ptn01 a,.wp-block-button a{
padding: 22px 0;
font-size: 14px;
}

.btn_ptn01 a::before,.wp-block-button a::before{
width: 20px;
height: 20px;
}

.btn_ptn01 a::after,.wp-block-button a::after{
width: 7.5px;
height: 6px;
right: 26px;
}

.btn_ptn02 a{
font-size: 13px;
line-height: 1.6;
padding: 0 30px 0 0;
}

.btn_ptn02 a::before{
width: 20px;
height: 20px;
}

.btn_ptn02 a::after{
width: 7.5px;
height: 6px;
right: 6px;
}

#pankuzu_area{
/* display: none; */
position: static;
width: 100%;
margin-bottom: 20px;
}

#pankuzu_area ul{
display: flex;
align-items: center;
}

#pankuzu_area li a, #pankuzu_area li span{
writing-mode: unset;
}

#pankuzu_area li a::after{
margin: 0 5px;
width: 9px;
height: 1px;
vertical-align: super;
}

#pagenation_area{
margin: 30px 0 60px;
}

#pagenation_area .wp-pagenavi a, #pagenation_area .wp-pagenavi span{
width: 22px;
height: 22px;
font-size: 13px;
margin: 0 5px;
}

#pagenation_area .wp-pagenavi .previouspostslink::before, #pagenation_area .wp-pagenavi .nextpostslink::before{
width: 20px;
height: 20px;
}

#pagenation_area .wp-pagenavi .previouspostslink::after, #pagenation_area .wp-pagenavi .nextpostslink::after{
width: 8.5px;
height: 5.5px;
}

#pagenation_area .wp-pagenavi .nextpostslink{
margin: 0 0 0 15px;
padding: 0 25px 0 0;
}

#pagenation_area .wp-pagenavi .nextpostslink::after{
right: 6px;
}

#pagenation_area .wp-pagenavi .previouspostslink{
margin: 0 15px 0 0;
padding: 0 0 0 25px;
}

#pagenation_area .wp-pagenavi .previouspostslink::after{
left: 6px;
}




/*----------
02.ヘッダー
----------*/
#header_top .h1_logo{
max-width: 297px;
}

#header_top .nav_btn{
width: 50px;
height: 50px;
}

#header_top .nav_btn .nav_line{
width: 20px;
}

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

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

#header_top .nav_btn .nav_line03{
top: 31px;
}

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

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

#header_top .header_right{
top: 50px;
}




/*----------
03.フッター
----------*/
#footer_top{
padding: 30px 0 40px;
}

#footer_top .h1_logo{
max-width: 264px;
width: 100%;
margin: 0 auto 15px;
}

#footer_top .h1_logo02{
max-width: 308px;
width: 100%;
margin: 0 auto;
}

#footer_top .h1_logo03{
max-width: 293px;
width: 100%;
}

#footer_top .footer_top_box{
margin-top: 30px;
display: block;
text-align: center;
font-size: 12px;
}

#footer_top .footer_top_box .footer_top_left{
width: 100%;
margin-bottom: 40px;
}

#footer_top .footer_top_box .address_text{
margin-bottom: 10px;
}

#footer_top .footer_top_box .info_box{
margin-bottom: 20px;
display: block;
}

#footer_top .footer_top_box .tel_number{
margin: 0 0 20px;
}

#footer_top .footer_top_box .sns_box{
/* max-width: 180px; */
max-width: 100px;
margin: 0 auto;
}

#footer_top .footer_top_box .sns_box li{
max-width: 20px;
}

#footer_top .footer_top_box .btn_ptn01{
max-width: 250px;
margin: 0 auto;
}

#footer_top .footer_top_box .btn_ptn01 a{
padding-right: 0;
}

#footer_middle{
padding: 30px 0 20px;
}

#footer_middle .nav_list01{
/* max-width: 300px; */
width: 80%;
flex-wrap: wrap;
margin-bottom: 25px;
}

#footer_middle .nav_list01 li{
max-width: none;
width: 50%;
margin-bottom: 15px;
}

#footer_middle .nav_list01 a{
font-size: 14px;
padding: 8px 0;
}

#footer_middle .nav_list01 li:nth-child(even){
border-left: 1px solid #C8D4DA;
}

#footer_middle .nav_list02{
flex-wrap: wrap;
}

#footer_middle .nav_list02 li{
margin: 0 10px 20px;
}

#footer_middle .nav_list02 li a{
font-size: 12px;
}

#footer_bottom{
padding: 20px 0 25px;
}

#footer_bottom .copyright{
font-size: 10px;
}


/*----------
04.記事一覧
----------*/
.article_type_ptn01{
font-size: 12px;
line-height: 1;
padding: 6px 9px;
border-radius: 15px 15px 15px 0;
right: -5px;
}

.category_list_ptn01 li .list_in{
font-size: 12px;
padding: 5px 8px;
}

.category_list_ptn02 li{
margin: 0 5px 10px;
}

.category_list_ptn02 li a{
font-size: 13px;
padding: 9px 14px;
}

.info_box_ptn01{
margin-bottom: 10px;
font-size: 10px;
}

.info_box_ptn01::before{
margin: 1px 5px 0 0;
}

.info_box_ptn01 span{
margin-right: 5px;
}

.info_box_ptn01 .new_icon{
font-size: 10px;
}

.tag_list_ptn01 li span, .tag_list_ptn01 li a{
font-size: 10px;
padding: 4px;
}

.article_list_common .cnt_box .article_title{
font-size: 14px;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

/* パターン01 */
.article_list_ptn01{
/* align-items: start; */
justify-content: space-between;
}

.article_list_ptn01 .cnt_box{
width: 47.77%;
margin-bottom: 30px;
}

.article_list_ptn01 .cnt_box:not(:nth-child(3n)){
margin-right: 0;
}

.article_list_ptn01 .cnt_box .article_title{
margin-bottom: 10px;
}

/* パターン02 */
.article_list_ptn02{
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}

.article_list_ptn02 .cnt_box{
display: block;
width: 47.77%;
margin-bottom: 30px;
}

.article_list_ptn02 .cnt_box .cnt_img{
width: 100%;
margin-bottom: 10px;
}

.article_list_ptn02 .article_type_ptn01{
padding: 6px 9px;
}

.article_list_ptn02 .cnt_box .cnt_text{
width: 100%;
}

.article_list_ptn02 .cnt_box .article_title{
margin-bottom: 10px;
}

/* パターン03 */
.article_list_ptn03 .cnt_box a{
padding: 15px 0;
flex-wrap: wrap;
}

.article_list_ptn03 .cnt_box a::before{
width: 15px;
height: 15px;
right: 0;
}

.article_list_ptn03 .cnt_box a::after{
width: 6px;
height: 5px;
right: 6px;
}

.article_list_ptn03 .date_text{
font-size: 13px;
margin-right: 5px;
}

.category_list_ptn03 li{
margin-right: 0;
}

.category_list_ptn03 li .list_in{
font-size: 12px;
padding: 3px 6px;
}

.article_list_ptn03 .article_title{
width: 89.56%;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
margin-top: 10px;
}

/* パターン04 */
.article_list_ptn04 .cnt_box a{
padding: 15px 0;
display: block;
}

.article_list_ptn04  .cnt_box a::before{
width: 15px;
height: 15px;
right: 0;
}

.article_list_ptn04 .cnt_box a::after{
width: 6px;
height: 5px;
right: 6px;
}

.article_list_ptn04 .cnt_img{
display: none;
}

.article_list_ptn04 .cnt_text{
padding-right: 22px;
width: 100%;
}

.article_list_ptn04 .date_text{
font-size: 13px;
margin-right: 5px;
}

.article_list_ptn04 .article_title{
width: 89.56%;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
margin-top: 10px;
}

/* メンバー一覧 */
.member_list{
justify-content: space-between;
}

.member_list li{
/* max-width: 150px; */
width: 44.78%;
margin-right: 0;
margin-bottom: 30px;
}

.member_list .cnt_img{
margin-bottom: 10px;
}

.member_list .name_text{
font-size: 16px;
margin-bottom: 10px;
}


/* 記事一覧テンプレート */
.archive_common .lower_h1_area{
margin-bottom: 30px;
}

.archive_common .lower_h1_area .first_text{
padding-bottom: 10px;
}

.archive_common .category_area_ptn01{
margin-bottom: 40px;
}

.archive_common .category_area_ptn01 .title{
font-size: 16px;
margin-bottom: 10px;
}

.archive_common .category_area_ptn01 .title::before{
width: 8px;
height: 8px;
margin: 8px 8px 0 0;
}

.archive_common .category_area_ptn01 .cnt_box{
margin-bottom: 30px;
padding: 20px 10px 10px;
}


/*----------
05.記事詳細
----------*/
.single_common #cnt_area01{
padding-top: 10px;
}

.single_common #cnt_area01 #pankuzu_area{
margin-bottom: 45px;
}

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

.single_common #cnt_area01 .title_area .article_type_ptn01{
font-size: 18px;
padding: 9px 14px;
top: -10px;
left: -5px;
}

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

.single_common #cnt_area01 .title_area .thumbnail_img img{
border-radius: 10px;
}

.single_common #cnt_area01 .title_area .h1_title{
font-size: 15px;
line-height: 1.6;
}

.single_common #cnt_area01 .title_area .info_box_ptn01{
font-size: 12px;
margin-bottom: 20px;
}

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

.single_common #cnt_area01 .title_area .category_list_ptn01 li .list_in{
font-size: 13px;
padding: 8px 10px;
}

.single_common #cnt_area01 .title_area .tag_list_ptn01 li span, .single_common #cnt_area01 .title_area .tag_list_ptn01 li a{
font-size: 12px;
padding: 4px 9px;
}

.single_common #cnt_area01 .table_of_contents{
padding-top: 20px;
border-radius: 10px;
margin-bottom: 40px;
}

.single_common #cnt_area01 .table_of_contents .title{
padding: 7px 0 7px 25px;
font-size: 14px;
line-height: 1.4;
}

.single_common #cnt_area01 .table_of_contents .title::before{
left: 16px;
}

.single_common #cnt_area01 .table_of_contents .cnt_text{
padding: 20px 15px;
}

.single_common #cnt_area01 .article_area{
margin-bottom: 50px;
}

.single_common #cnt_area01 .article_area .table_of_contents .cnt_text ul{
font-size: 13px;
}

.single_common #cnt_area01 .article_area h2{
font-size: 15px;
padding: 5px 10px;
margin-bottom: 30px;
}

.single_common #cnt_area01 .article_area h3{
font-size: 15px;
padding: 2px 0 2px 10px;
margin-bottom: 30px;
}

.single_common #cnt_area01 .article_area h4{
font-size: 14px;
margin-bottom: 15px;
}

.single_common #cnt_area01 .article_area p, .single_common #cnt_area01 .article_area ul:not(.tag_list_ptn01), .single_common #cnt_area01 .article_area ol{
font-size: 14px;
margin-bottom: 20px;
}

.single_common #cnt_area01 .article_area p{
line-height: 1.8;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote{
margin-bottom: 30px;
padding: 15px 15px 15px 35px;
border-radius: 10px;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote::before{
top: 15px;
left: 15px;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote p{
font-size: 12px;
}

.single_common #cnt_area01 .article_area blockquote.wp-block-quote cite{
font-size: 12px;
}

.single_common #cnt_area01 .article_area .bg_blue{
border-radius: 10px;
}

.single_common #cnt_area01 .article_area .cnt_box{
display: block;
margin-bottom: 30px;
padding: 20px 15px;
}

.single_common #cnt_area01 .article_area .cnt_box figure{
width: 49.19%;
margin: 0 auto 10px;
}

.single_common #cnt_area01 .article_area .box_type01 figure img{
height: auto;
}

.single_common #cnt_area01 .article_area .cnt_box .cnt_text{
max-width: none;
width: 100%;
margin: 0 auto;
}

.single_common #cnt_area01 .article_area .box_type01 .company_text{
font-size: 12px;
margin-bottom: 10px;
text-align: center;
}

.single_common #cnt_area01 .article_area .box_type01 .company_text .company_name{
margin-bottom: 5px;
}

.single_common #cnt_area01 .article_area .box_type01 .name_text{
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text .dl_box{
padding: 10px 0;
font-size: 12px;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text dt{
width: 75px;
padding-top: 2px;
}

.single_common #cnt_area01 .article_area .box_type02 .cnt_text dd{
width: calc(100% - 75px);
}

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

.single_common #cnt_area01 .article_area figure img{
border-radius: 10px;
}

.single_common #cnt_area01 .article_area figure figcaption{
font-size: 12px;
line-height: 1.8;
}

.single_common #cnt_area01 .article_area .insert_article{
display: flex;
justify-content: space-between;
}

.single_common #cnt_area01 .article_area .insert_article figure{
/* max-width: 145px; */
width: 47.86%;
margin: 0;
}

.single_common #cnt_area01 .article_area .insert_article figure img{
height: auto;
}

.single_common #cnt_area01 .article_area .insert_article .cnt_text{
margin: 0;
/* max-width: 150px; */
width: 49.51%;
}

.single_common #cnt_area01 .article_area .insert_article .title{
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}

.single_common #cnt_area01 .article_area .wp-block-button{
margin: 40px auto 50px;
}

.single_common #cnt_area01 .article_area .wp-block-button a{
padding: 22px 0;
}

.single_common #cnt_area01 .article_area .enclosure_style{
padding: 20px 15px;
margin-top: 58px;
margin-bottom: 30px;
}

.single_common #cnt_area01 .article_area .enclosure_style .title{
font-size: 14px;
left: 15px;
}

.single_common #cnt_area01 .article_area .writing_box{
padding: 20px 15px;
}

.single_common #cnt_area01 .article_area .writing_box .title{
font-size: 14px;
left: 15px;
}

.single_common #cnt_area01 .article_area .writing_box .cnt_in{
display: block;
}

.single_common #cnt_area01 .article_area .writing_box figure{
margin: 0 auto 10px;
}

.single_common #cnt_area01 .article_area .writing_box .cnt_text{
width: 100%;
}

.single_common #cnt_area01 .article_area .writing_box .position_text{
font-size: 12px;
text-align: center;
}

.single_common #cnt_area01 .article_area .writing_box .name_text{
font-size: 14px;
margin-bottom: 20px;
text-align: center;
}

.single_common #cnt_area02 .sns_share_box{
margin-bottom: 40px;
}

.single_common #cnt_area02 .sns_share_box .sns_list{
max-width: 180px;
}

.single_common #cnt_area02 .sns_share_box .sns_list li{
max-width: 50px;
margin-left: 10px;
}

.single_common #cnt_area02 .sns_share_box .sns_list li a{
height: 50px;
}

.single_common #cnt_area02 .sns_share_box .sns_list li img{
max-width: 20px;
}

.single_common #cnt_area02 .tag_list_ptn01{
padding: 10px 0;
margin-bottom: 50px;
}

.single_common #cnt_area02 .tag_list_ptn01 li a{
margin: 0;
}

.single_common #cnt_area02 .tag_list_ptn01 li{
margin: 5px 5px 5px 0;
}

.single_common #cnt_area02 .posts_link{
margin-bottom: 40px;
}

.single_common #cnt_area02 .posts_link div{
margin: 0 20px;
}

.single_common #cnt_area02 .posts_link .prev_link a, .single_common #cnt_area02 .posts_link .next_link a{
font-size: 14px;
padding: 3px 0;
}

.single_common #cnt_area02 .posts_link .prev_link a::before, .single_common #cnt_area02 .posts_link .next_link a::before{
width: 20px;
height: 20px;
}

.single_common #cnt_area02 .posts_link .prev_link a::after, .single_common #cnt_area02 .posts_link .next_link a::after{
width: 7.5px;
height: 6px;
}

.single_common #cnt_area02 .posts_link .prev_link a{
padding-left: 30px;
}

.single_common #cnt_area02 .posts_link .prev_link a::after{
left: 7px;
}

.single_common #cnt_area02 .posts_link .next_link a{
padding-right: 30px;
}

.single_common #cnt_area02 .posts_link .next_link a::after{
right: 7px;
}

.single_common #cnt_area02 .back_btn{
margin-bottom: 60px;
}

.single_common #cnt_area02 .back_btn a{
line-height: 1.4;
padding: 10px 0;
}

.single_common #cnt_area02 .back_btn a::after{
left: 26px;
}

.single_common #relation_area{
padding-bottom: 30px;
}

.single_common #relation_area .h2_ptn01{
margin-bottom: 30px;
}



/*----------
06.フッター下お問い合わせ
----------*/

#contact_common_area{
margin-bottom: 60px;
}

#contact_common_area a{
padding: 30px 20px 50px;
border-radius: 30px;
}

#contact_common_area a::before, #contact_common_area a::after{
top: 34px;
transform: translateY(0);
}

#contact_common_area a::before{
width: 50px;
height: 50px;
right: 15px;
}

#contact_common_area a::after{
width: 17px;
height: 12px;
top: 53.5px;
right: 32px;
}

#contact_common_area .h2_ptn01{
margin-bottom: 20px;
}

#contact_common_area p{
max-width: none;
margin: 0;
font-size: 14px;
}

}