@charset "utf-8";
/*
Theme Name: narbre
Theme URI:
Description:
Version: 1
Author:
Author URI:
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&family=Shippori+Mincho&display=swap');


html{
font-size: 62.5%;
/*font-family: "游明朝 Medium", "Yu Mincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho";*/
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
}
body{
font-size: 1.6rem;
color: #222;
max-width:100%;
overflow-x: hidden!important;
}
img,svg{
width: 100%;
height: auto;
vertical-align: bottom;
}
a{
text-decoration: none;
word-wrap:break-word;
color:#080808;
}
a:hover{
opacity: .7;
transition: .3s;
}
strong{
font-weight: bold;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
figure{
margin: 0;
padding: 0;
}
.section-inner{
max-width: 1360px;
margin: 0 auto;
padding: 4rem 0;
}
.section-title{
font-size: 2.4rem;
text-align: center;
letter-spacing: 2px;
margin: 2rem auto 4rem;
font-weight: bold;
}
.section-title::first-letter{
color: #8B0000;
}
.section-title span{
display: block;
font-size: 1.6rem;
font-weight: bold;
padding-top: 1rem;
margin-top: 2rem;
position: relative;
}
.section-title span::before{
content: '';
position: absolute;
left: 50%;
top: -10px;
display: inline-block;
width: 40px;
height: 3px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%);
background-color: #8B0000;
}
.btn-more{
display: block;
background-color: transparent;
border: 1px solid #000;
margin: 4rem auto;
padding: 1.8rem;
text-align: center;
width: 300px;
color: #000;
}
.btn-more span{
position: relative;
padding-right: 40px;
}
.btn-more span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
margin-top: -5px;
}
.btn-more:hover{
background-color: #000;
color: #fff;
opacity: 1;
}
.twitter{
color: #43A7E3;
}
.sp{
display: none;
}
.pc{
display: block;
}
/* トップへ戻る */
#page_top{
width: 52px;
height: 52px;
position: fixed;
right: 10px;
opacity: 1;
bottom: 10px;
background: #fff;
border-radius: 50%;
box-shadow: 0 4px 10px 0 rgb(40 49 53 / 20%);
z-index: 90;
}
#page_top a{
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f077';
font-size: 25px;
color: #222;
position: absolute;
width: 26px;
height: 26px;
top: -1px;
bottom: 0;
right: 0;
left: 1px;
margin: auto;
text-align: center;
}
@media(max-width:1024px){
.section-title{
font-size: 3rem;
}
.section-title span{
font-size: 1.4rem;
padding-top: .8rem;
}
.sp{
display: block;
}
.pc{
display: none;
}
}
@media(max-width:599px){
.section-title{
font-size: 2rem;
}
.section-title span{
font-size: 1rem;
padding-top: .8rem;
}
}
/* カード記事一覧 */
.article-list{
display: flex;
max-width: 1360px;
box-sizing: border-box;
margin: 0 auto;
flex-wrap: wrap;
}
.article-card{
width: calc(25% - 26px);
margin: 13px;
box-sizing: border-box;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
background-color: #000;
}
.article-card a{

}
.card-thumbnail{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
.card-category{
position: absolute;
left: 0;
top: 0;
background-color: #000;
color: #fff;
font-size: 1.3rem;
padding: .4rem 1rem;
}
.card-thumbnail img{
height: 200px;
object-fit: cover;
}
.card-text{
background-color: #000;
color: #fff;
padding: 1.2rem;
}
.card-top{
display: flex;
justify-content: space-between;
padding-bottom: 1.2rem;
}
.card-author{
font-size: 1.4rem;
}
.card-date{
font-size: 1.4rem;
letter-spacing: .5px;
}
.card-title{
font-size: 1.8rem;
font-weight: 600;
padding-bottom: 1.2rem;
}
.card-text p{
font-size: 1.2rem;
}
@media(max-width:1024px){
.article-list{
max-width:100%;
flex-wrap: wrap;
box-sizing: border-box;
display: flex;
}
.article-card{
width: 46%;
margin: 2rem 2%;
}
.article-card a{

}
.card-thumbnail{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
.card-category{
position: absolute;
left: 0;
top: 0;
background-color: #000;
color: #fff;
font-size: 1.3rem;
padding: .4rem 1rem;
}
.card-thumbnail img{
height: 250px;
}
.card-text{
background-color: #000;
color: #fff;
padding: 1.2rem;
}
.card-top{
display: flex;
justify-content: space-between;
padding-bottom: 1.2rem;
}
.card-author{
font-size: 1.4rem;
}
.card-date{
font-size: 1.4rem;
}
.card-title{
font-size: 1.8rem;
font-weight: 600;
padding-bottom: 1.2rem;
}
}
@media(max-width:599px){
.article-list{
max-width:100%;
display: block;
}
.article-card{
width: 94%;
margin: 2.5rem 3%;
}
.article-card a{

}
.card-thumbnail{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
.card-thumbnail img{
max-height: 100%;
}
.card-category{
font-size: 1.3rem;
padding: .4rem 1rem;
}
.card-text{
padding: 1.4rem 1.2rem;
}
.card-top{
padding-bottom: 1.2rem;
}
.card-author{
font-size: 1.3rem;
}
.card-date{
font-size: 1.3rem;
}
.card-title{
font-size: 1.8rem;
font-weight: 600;
padding-bottom: 1.2rem;
}

}






/* ヘッダー */
@media(min-width:599px){
.header {
box-sizing: border-box;
width: 100%;
background-color: #000000;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1360px;
height: 75px;
padding: 0 0.8em;
margin: 0 auto;
}
.header-nav {
display: flex;
align-items: center;
}
.header-nav-item {
display: flex;
align-items: center;
margin-left: 16px;
}
.logo img {
/* width: 230px; */
width: auto;
max-width: 100%;
height: 65px;
height: 55px;
}
.header-text{
text-align: right;
color: #fff;
}
.header-text01{
font-size: 1.1rem;
}
.header-text02{
font-size: 1.8rem;
font-weight: bold;
letter-spacing: .2rem;
}
.header-btn01,
.header-btn02 {
box-sizing: border-box;
display: inline-block;
padding: 1.6rem;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
cursor: pointer;
user-select: none;
color: #fff;
letter-spacing: .1rem;
}
.header-btn01{
background-color: #D9BD42;
}
.header-btn02 {
background-color: #9E312E;
}
/* グローバルナビ */
.g-menu{
background-color: #EEEFEF;
padding: 0 10rem;
}
.g-menu ul{

display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
max-width: 1360px;
padding: 0 0.8em;
margin: 0 auto;
}
.g-menu li a{
color: #000;
text-align: center;
padding: 1.5rem;
font-size: 1.6rem;
display: inline-block;
}
.g-menu li a span{
display: block;
font-size: 1rem;
padding-top: .3rem;
}
}

@media(max-width : 1024px){
/* ハンバーガーメニュー */
.hamburger-menu{

}
.hamburger-menu ul {
display: flex;
}
.hamburger-menu ul li {
list-style-type: none;
}
.hamburger-menu ul li a {
display: block;
color: #222;
font-size: 1.3rem;
text-align: center;
padding: 0 1.5rem;
height: 70px;
line-height: 70px;
}
.hamburger-menu ul li a:hover{
color: #F26523;
opacity: 1;
}
/* ヘッダー */
.header{
height: 60px;
line-height: 60px;
width: 100%;
background-color: #000000;
}
.site-title{
margin-left: 3.5rem;
}
.site-title a img{
height: 40px;
width: auto;
vertical-align: middle;
}
/*　ハンバーガーボタン　*/
.hamburger {
display : block;
position: absolute;
z-index : 98;
top   : 0;
right: 0;
width : 60px;
height: 60px;
cursor: pointer;
text-align: center;
background-color: #000000;
}
.hamburger span {
display : block;
position: absolute;
width   : 30px;
height  : 1px;
left  : 13px;
background : #fff;
-webkit-transition: 0.5s ease-in-out;
-moz-transition   : 0.5s ease-in-out;
transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 20px;
}
.hamburger span:nth-child(2) {
top: 30px;
}
.hamburger span:nth-child(3) {
top: 40px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 30px;
left: 14px;
background : #fff;
-webkit-transform: rotate(315deg);
-moz-transform   : rotate(315deg);
transform        : rotate(315deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 30px;
background : #fff;
-webkit-transform: rotate(-315deg);
-moz-transform   : rotate(-315deg);
transform        : rotate(-315deg);
}
/* ハンバーガーメニューの中身 */
.hamburger-menu {
display: none;
position: fixed;
z-index : 90;
top  : 0;
left : 0;
color: #080808;
background:#fff;
width: 100vw;
height: 100vh;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
.hamburger-menu.active {/* jQueryで付与・削除する */
opacity: 1;
display: block;
}
.hamburger-menu.active body{
overflow:hidden;
}
.hamburger-menu ul {
margin: 80px 0 20px;
display: block;
padding: 1rem 2rem;
box-sizing: border-box;
}
.hamburger-menu ul li {
list-style-type: none;
transition: .4s all;
border-bottom: 1px solid #979797;
}
.hamburger-menu ul li a {
display: block;
color: #080808;
font-size: 1.6rem;
height: 3rem;
line-height: 3rem;
text-decoration :none;
padding: 1.5rem 0;
}
.hamburger-menu ul li a span{
font-size: 1rem;
}
.hamburger-btn01{
margin-top: 2rem;
border: none!important;
}
.hamburger-btn01 a {
background-color: #D9BD42;
color: #fff!important;
padding: 1.5rem;
font-weight: bold;
font-size: 2rem;
position: relative;
margin: 1rem;
}
.hamburger-btn01 a:hover{
opacity: .8!important;
transition: .2s;
}
.hamburger-btn01 a::after{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f0e0';
position: absolute;
line-height: 0;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
.hamburger-btn02{
margin-top: 2rem;
border: none!important;
}
.hamburger-btn02 a{
background-color: #9E312E;
color: #fff!important;
padding: 1.5rem;
font-weight: bold;
font-size: 2rem;
position: relative;
margin: 1rem;
}
.hamburger-btn02 a:hover{
opacity: .8!important;
transition: .2s;
}
.hamburger-btn02 a::after{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f56d';
position: absolute;
line-height: 0;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
}
@media screen and (max-width: 599px) {
/* ハンバーガーメニュー */
.hamburger-menu{

}
.hamburger-menu ul {
display: flex;
}
.hamburger-menu ul li {
list-style-type: none;
}
.hamburger-menu ul li a {
display: block;
color: #222;
font-size: 1.3rem;
text-align: center;
padding: 0 1.5rem;
height: 70px;
line-height: 70px;
}
.hamburger-menu ul li a:hover{
color: #F26523;
opacity: 1;
}
/* ヘッダー */
.header{
height: 60px;
line-height: 60px;
width: 100%;
background-color: #000000;
}
.site-title{
margin-left: .5rem;
}
.site-title a img{
height: 45px;
max-width: 100%;
vertical-align: middle;
}
/* ハンバーガーメニューの中身 */
.hamburger-menu {
display: none;
position: fixed;
z-index : 90;
top  : 0;
left : 0;
color: #080808;
background:#fff;
width: 100vw;
height: 100vh;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}
.hamburger-menu.active {/* jQueryで付与・削除する */
opacity: 1;
display: block;
}
.hamburger-menu.active body{
overflow:hidden;
}
.hamburger-menu ul {
margin: 80px 0 20px;
display: block;
padding: 1rem 2rem;
box-sizing: border-box;
}
.hamburger-menu ul li {
list-style-type: none;
transition: .4s all;
border-bottom: 1px solid #979797;
}
.hamburger-menu ul li a {
display: block;
color: #080808;
font-size: 1.6rem;
height: 3rem;
line-height: 3rem;
text-decoration :none;
padding: 1.5rem 0;
}
.hamburger-menu ul li a span{
font-size: 1rem;
}
.hamburger-btn01{
margin-top: 2rem;
border: none!important;
}
.hamburger-btn01 a {
background-color: #D9BD42;
color: #fff!important;
padding: 1.5rem;
font-weight: bold;
font-size: 2rem;
position: relative;
margin: 1rem;
}
.hamburger-btn01 a:hover{
opacity: .8!important;
transition: .2s;
}
.hamburger-btn01 a::after{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f0e0';
position: absolute;
line-height: 0;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
.hamburger-btn02{
margin-top: 2rem;
border: none!important;
}
.hamburger-btn02 a{
background-color: #9E312E;
color: #fff!important;
padding: 1.5rem;
font-weight: bold;
font-size: 2rem;
position: relative;
margin: 1rem;
}
.hamburger-btn02 a:hover{
opacity: .8!important;
transition: .2s;
}
.hamburger-btn02 a::after{
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f56d';
position: absolute;
line-height: 0;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
}












/* ファーストビュー */
.fv{
background-image: url("img/11062b_1561d59a5dea4b78830da560fcef9756_mv2.webp");
/* background-attachment: fixed; */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
height:500px;
display: flex;
align-items: center;
justify-content: center;
}
.fv::before {
content: '';
background-color: rgba(0,0,0,.6);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fv-copy{
position:absolute;
color:#fff;
text-align: center;
letter-spacing: .4rem;
    font-family: 'Shippori Mincho', serif;
}
.fv-copy01{
font-size: 3rem;
margin-bottom: 1.4rem;
}
.fv-copy02{
font-size: 2.4rem;
margin-bottom: 1rem;
}
.fv-copy03{
font-size: 2rem;
color: #D4B520;
}
@media(max-width : 1024px){
.fv{
height:500px;
}
.fv-copy{
letter-spacing: .1rem;
}
.fv-copy01{
font-size: 3rem;
margin-bottom: 1.4rem;
}
.fv-copy02{
font-size: 2.4rem;
margin-bottom: 1rem;
}
.fv-copy03{
font-size: 2rem;
}
}
@media(max-width:599px){
.fv{
height:450px;
}
.fv-copy{
letter-spacing: .1rem;
}
.fv-copy01{
font-size: 2rem;
margin-bottom: 1.5rem;
}
.fv-copy02{
font-size: 1.7rem;
margin-bottom: 1rem;
}
.fv-copy03{
font-size: 1rem;
}
}







/* ピックアップ記事 */
.pick{
padding-bottom: 2rem;
}

/* レポート */
.report{
background-color: #E9E7E3;
}
.report .section-inner{
max-width: 1000px;
  z-index: 0;
  position: relative;
}
.report-content{
display: flex;
align-items: initial;
}
.report-content-l{
width: 60%;
}
.report-content-l h3{
font-size: 2rem;
margin-bottom: 8rem;
margin-top: 2rem;
}
.report-content-l p{
margin-bottom: 8rem;
font-weight: bold;
line-height: 1.8;
}
.report-content-l a{
display: block;
background-color: #2E2E2E;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 2rem;
margin-bottom: 8rem;
}
.report-content-l a span{
color: #FFF;
position: relative;
padding-right: 30px;
}
.report-content-l a span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
.report-content-r{
margin-left: 10%;
width: 30%;
position: relative;
}
.report-content-r img{
width: 180px;
}
.report-content-r img:first{
position: absolute;
top: 0;
left: 0;
}
.report-content-r img:nth-child(2){
transform: rotate( 15deg );
position: absolute;
top: 3rem;
left: 6rem;
}
.report-content-r img:nth-child(3){
transform: rotate( 40deg );
position: absolute;
top: 15rem;
left: 8rem;
}
@media(max-width:1024px){
.report .section-inner{
max-width: 100%;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
}
.report-content{
display: flex;
align-items: initial;
}
.report-content-l{
width: 60%;
}
.report-content-l h3{
font-size: 1.8rem;
margin-bottom: 8rem;
margin-top: 2rem;
}
.report-content-l p{
margin-bottom: 8rem;
font-weight: bold;
line-height: 1.8;
}
.report-content-l a{
display: block;
background-color: #2E2E2E;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 2rem;
margin-bottom: 8rem;
}
.report-content-l a span{
color: #FFF;
position: relative;
padding-right: 30px;
}
.report-content-l a span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
.report-img-sp{
position: relative;
height: 200px;
}
.report-img-sp img{
max-width: 110px;
}
.report-img-sp img:first-child{
position: absolute;
top:25px;
left: 30%;
transform: translateX(-50%) rotate( -12deg );
}
.report-img-sp img:nth-child(2){
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.report-img-sp img:nth-child(3){
position: absolute;
top: 25px;
right: 30%;
transform: translateX(50%) rotate( 12deg );
}
}
@media(max-width:599px){
.report .section-inner{
max-width: 100%;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
}
.report-content{
display: block;
align-items: inherit;
}
.report-content-l{
width: 100%;
}
.report-content-l h3{
font-size: 1.8rem;
margin-bottom: 8rem;
margin-top: 2rem;
}
.report-content-l p{
margin-bottom: 8rem;
font-weight: bold;
line-height: 1.8;
}
.report-content-l a{
display: block;
background-color: #2E2E2E;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 2rem;
margin-bottom: 8rem;
}
.report-content-l a span{
color: #FFF;
position: relative;
padding-right: 30px;
}
.report-content-l a span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
.report-img-sp{
position: relative;
height: 200px;
}
.report-img-sp img{
max-width: 110px;
}
.report-img-sp img:first-child{
position: absolute;
top:25px;
left: 30%;
transform: translateX(-50%) rotate( -12deg );
}
.report-img-sp img:nth-child(2){
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.report-img-sp img:nth-child(3){
position: absolute;
top: 25px;
right: 30%;
transform: translateX(50%) rotate( 12deg );
}
}


/* メッセージ */
.message .section-inner{
max-width: 1100px;
margin: 0 auto;
}
.message-flex{
display: flex;
}
.message-text{
width: 46%;
font-weight: bold;
font-size: 1.6rem;
line-height: 2.4;
margin: 3rem 2%;
}
.message-content{
width: 46%;
margin: 0 2%;
}
.message-content a{
margin: 2rem 1%;
display: block;
position: relative;
box-shadow: 0 10px 5px 0 rgba(0, 0, 0, .1);
}
.message-content a p{
position: absolute;
left: 0;
bottom: 0;
background-color: #8B0000;
padding: 1.5rem 4rem;
text-align: center;
}
.message-content a p span{
color: #FFF;
position: relative;
padding-right: 20px;
}
.message-content a p span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
@media(max-width:1024px){
.message .section-inner{
width: 100%;
padding: 2rem 0;
}
.message-flex{
display: block;
}
.message-text{
font-size: 1.4rem;
width: 90%;
line-height: 2;
margin: 1rem 5%;
}
.message-content{
display: block;
width: 94%;
margin: 2rem 3%;
}
.message-content a{


}
.message-content a p{
position: absolute;
left: 0;
bottom: 0;
background-color: #8B0000;
padding: 1.2rem 3.5rem;
text-align: center;
}
.message-content a p span{
color: #FFF;
position: relative;
padding-right: 20px;
}
}

/* トップページのコンサルティング内容 */
#consulting-menu{
margin-top: 10rem;
}
#consulting-menu .section-title{
margin-bottom: 0;
}
@media(max-width:599px){
#consulting-menu{
margin-top: 5rem;
}
}



/* 成功事例 */
.case .card-text{
background-color: #fff;
color: #000;
padding: 2.5rem 1.5rem;
}
.case .article-card{
background-color: #fff;
}
/* CTA */
.cta{
background-color: #C7C7C7;
}
.cta .section-inner{
max-width: 1000px;
}
.cta-content{
display: flex;
flex-direction: row-reverse;
margin: 3rem auto;
}
.cta-content-l{
width: 45%;
text-align: center;
}
.cta-content-l p:first-child{
font-size: 2rem;
}
.cta-content-l p:first-child span{
font-size: 3.4rem;
}
.cta-content-l p:nth-child(2){
font-size: 1.4rem;
}
.cta-content-r{
width: 55%;
}
.cta-content-r a{
display: block;
border: 2px solid #000;
padding: 2rem;
text-align: center;
width: 400px;
margin: 0 auto;
font-weight: bold;
}
.cta-content-r a:hover{
background-color: #000;
color: #fff;
opacity: 1;
}
@media(max-width:1024px){
.cta .section-inner{
max-width: 100%;
padding: 2rem 0;
}
.cta-content{
display: block;
margin: 3rem auto;
}
.cta-content-l{
width: 100%;
text-align: center;
}
.cta-content-l p:first-child{
font-size: 1.4rem;
}
.cta-content-l p:first-child span{
font-size: 3rem;
}
.cta-content-l p:nth-child(2){
font-size: 1.2rem;
}
.cta-content-r{
width: 100%;
margin-bottom: 2rem;
}
.cta-content-r a{
display: block;
border: 2px solid #000;
padding: 2rem;
text-align: center;
max-width: 400px;
margin: 0 auto;
font-weight: bold;
}
}
@media(max-width:599px){
.cta .section-inner{
max-width: 100%;
}
.cta-content{
display: block;
margin: 3rem auto;
}
.cta-content-l{
width: 100%;
text-align: center;
}
.cta-content-l p:first-child{
font-size: 1.4rem;
}
.cta-content-l p:first-child span{
font-size: 3rem;
}
.cta-content-l p:nth-child(2){
font-size: 1.2rem;
}
.cta-content-r{
width: 100%;
margin-bottom: 2rem;
}
.cta-content-r a{
display: block;
border: 1px solid #000;
padding: 2rem 0;
text-align: center;
width:90%;
margin: 0 5%;
font-weight: bold;
}
}






/* フッター */
.footer{
background-color: #000;
color: #fff;
}
.footer .section-inner{
max-width: 820px;
}
.footer-content{
display: flex;
}
.footer-list{
width: 320px;
margin-right: 80px;
margin-bottom: 3rem;
}
.footer-title{
font-size: 1.9rem;
}
.footer-list ul{
margin-top: 2.6rem;
}
.footer-list ul li{
position: relative;
width: 300px;
}
.footer-list ul li a{
color: #fff;
padding: .8rem 0;
display: block;
}
.footer-list ul li::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
.footer-copy{
font-size: 1.2rem;
text-align: center;
}
@media(max-width:1024px){
.footer{
background-color: #000;
color: #fff;
}
.footer .section-inner{
max-width: 820px;
padding: 1rem 0;
}
.footer-content{
display: flex;
}
.footer-list{
width: 320px;
margin-right: 80px;
}
.footer-title{
font-size: 1.9rem;
}
.footer-list ul{
margin-top: 2.6rem;
}
.footer-list ul li{
position: relative;
width: 300px;
}
.footer-list ul li a{
color: #fff;
padding: .8rem 0;
display: block;
}
.footer-list ul li::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
}




/* 固定ページ共通 */
/* ファーストビュー */
.fv-page{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
height:400px;
display: flex;
align-items: center;
justify-content: center;
}
.fv-page .fv-copy01{
font-size: 3rem;
margin-bottom: 1.6rem;
}
.fv-page .fv-copy02{
font-size: 2.4rem;
margin-bottom: 1rem;
font-weight: bold;
}
@media(max-width:1024px){
.fv-page{
height:350px;
}
.fv-page .fv-copy01{
font-size: 2.8rem;
margin-bottom: 1.6rem;
line-height: 1.9;
}
.fv-page .fv-copy02{
font-size: 2rem;
margin-bottom: 0;
}
}
@media(max-width:599px){
.fv-page{
height:200px;
}
.fv-page .fv-copy01{
font-size: 2.2rem;
margin-bottom: 1.6rem;
line-height: 1.9;
}
.fv-page .fv-copy02{
font-size: 1.4rem;
letter-spacing: 2px;
}
}
/* 固定ページ共通（テンプレート） */
.page-content{
background-color: #F7F7F7;
padding: 40px 1rem 60px;
}
.page-inner{
max-width: 950px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 15px rgb(102 102 102 / 20%);
padding: 30px 40px;
box-sizing: border-box;
}
.page-main{
width: 100%;
min-height: 1000px;
}
.page-main h1{
font-size: 2.6rem;
font-weight: bold;
padding: 1.5rem 1rem .5rem;
}
@media(max-width:599px){
.page-content{
padding: 20px 1rem;
}
.page-inner{
max-width: 100%;
padding: 15px 2rem;
}
.page-main h1{
font-size: 2rem;
font-weight: bold;
padding: 1.2rem 0rem .5rem;
}
.page-info{
font-size: 1.2rem;
padding: 1rem 0;
}
}








/* セミナーページ */
/* ファーストビュー */
.fv-seminar{
background-image: url("img/bb684d309f1c4d48855e2f6c73b24716.webp");
}
/* 講師一覧 */
.seminar-content{
max-width: 900px;
margin: 0 auto;
}
.seminar-instructor{
margin: 10rem auto;
}
.seminar-instructor-top{
display: flex;
}
.seminar-instructor-l{
width: 230px;
margin-right: 20px;
}
.seminar-instructor-r{
width: calc(100% - 250px);
}
.seminar-instructor-r h2{
font-size: 3rem;
font-weight: bold;
border-bottom: 1px solid #222;
letter-spacing: 1px;
line-height: 2.6;
margin-bottom: 2rem;
}
.seminar-instructor-r h2 span{
font-size: 2rem;
padding-left: 1rem;
}
.seminar-instructor-box p{
background-color: #222;
color: #fff;
font-size: 1.8rem;
padding: 1rem 1.5rem;
}
.seminar-instructor-box ul{
border: 2px solid #222;
padding: 1.5rem;
}
.seminar-instructor-box li{
font-weight: bold;
line-height: 2;
}
.seminar-instructor-box li::before{
content: '・';
}
.seminar-instructor-btn{
margin: 3rem auto;
}
.seminar-instructor-btn a{
display: block;
background-color: #222;
color: #fff!important;
font-size: 1.6rem;
height: 5rem;
line-height: 5rem;
text-align: center;
width: 70%;
letter-spacing: 1px;
}
.seminar-content .profile-text a{
display: block;
background-color: #2e2e2e;
color: #fff;
font-size: 1.6rem;
text-align: center;
padding: 1.5rem;
margin: 3rem 5% 0;
width: 90%;
box-sizing: border-box;
}
.seminar-content .profile-text a span{
color: #fff;
position: relative;
padding-right: 30px;
}
.seminar-content .profile-text a span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(
45deg
);
margin-top: -5px;
}

@media(max-width : 1024px){
.seminar-content{
width: 94%;
margin: 0 3%;
}
.seminar-instructor{
margin: 3rem auto 5rem;
}
.seminar-instructor-top{
display: block;
}
.seminar-instructor-l{
max-width: 300px;
width: 100%;
margin-right: 0;
margin-bottom: 2rem;
}
.seminar-instructor-r{
width: 100%;
}
.seminar-instructor-r h2{
font-size: 2.6rem;
font-weight: bold;
border-bottom: 1px solid #222;
letter-spacing: 1px;
line-height: 2;
margin-bottom: 2rem;
}
.seminar-instructor-r h2 span{
font-size: 1.4rem;
padding-left: 1rem;
}
.seminar-instructor-box p{
background-color: #222;
color: #fff;
font-size: 1.8rem;
padding: 1rem 1.5rem;
}
.seminar-instructor-box ul{
border: 2px solid #222;
padding: 1.5rem;
}
.seminar-instructor-box li{
font-weight: bold;
line-height: 2;
font-size: 1.4rem;
}
.seminar-instructor-box li::before{
content: '・';
}
.seminar-instructor-btn{
margin: 3rem auto;
}
.seminar-instructor-btn a{
display: block;
background-color: #222;
color: #fff;
font-size: 1.6rem;
height: 6rem;
line-height: 6rem;
text-align: center;
letter-spacing: 1px;
}
}
@media(max-width:599px){
.seminar-content{
	width: 90%;
	margin: 0 5%;
}
.seminar-instructor{
	margin: 3rem auto 5rem;
}
.seminar-instructor-top{
display: block;
}
.seminar-instructor-l{
max-width: 100%;
width: 100%;
margin-right: 0;
}
.seminar-instructor-l img{
	width: 86%;
	margin-left: 7%;
	margin-right: 7%;
	}
.seminar-instructor-r{
width: 100%;
}
.seminar-instructor-r h3{
font-size: 2.4rem;
line-height: 2.4;
}
.seminar-instructor-r h3 span{
font-size: 1.6rem;
}
.seminar-instructor-box p{
font-size: 1.6rem;
}
.seminar-instructor-box ul{
border: 2px solid #222;
padding: 1.5rem;
}
.seminar-instructor-box li{
font-weight: bold;
line-height: 2;
}
.seminar-instructor-btn{
margin: 3rem auto;
}
.seminar-instructor-btn a{
	display: block;
	background-color: #222;
	color: #fff;
	font-size: 1.5rem;
	height: 5rem;
	line-height: 5rem;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 1px;
}
}


/* コンサルティングメニューページ */
/* ファーストビュー */
.fv-consulting{
background-image: url("img/11062b_a6f0fec9397443e8b4bbdbf4e74ca024_mv2.webp");
}
/* メニュー */
.consulting-content{
display: flex;
flex-wrap: wrap;
align-items: initial;
max-width: 1200px;
}
.consulting-card{
width: calc(33.33333% - 26px);
margin: 13px;
box-sizing: border-box;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
position: relative;
}
.consulting-card a{
display: block;
}
.consulting-thumbnail{
width: 100%;
}
.consulting-thumbnail img{
margin: 0;
padding: 0;
}
.consulting-text{
padding: 2rem;
padding-bottom: 7rem;
}
.consulting-title{
position: relative;
margin-bottom: 3.5rem;
font-size: 2rem;
text-align: center;
}
.consulting-title:before {
content: '';
position: absolute;
left: 50%;
bottom: -15px;
display: inline-block;
width: 40px;
height: 3px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #8B0000;
}
.consulting-description{
font-size: 1.4rem;
}
.consulting-btn{
background-color: #222;
color: #fff;
text-align: center;
height: 5rem;
line-height: 5rem;
position: absolute;
bottom: 0;
width: 100%;
}
.consulting-btn span{
position: relative;
padding-right: 25px;
}
.consulting-btn span::before{
content: "";
position: absolute;
top: 50%;
right: 0;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
@media(max-width : 1024px){
.consulting-card{
width: calc(50% - 26px);
margin: 13px;
}
}
@media(max-width : 599px){
.consulting-card{
width: calc(50% - 10px);
margin: 8px 5px;
}
.consulting-text{
padding: 1.8rem 1rem;
padding-bottom: 6rem;
}
.consulting-title{
margin-bottom: 3rem;
font-size: 1.6rem;
font-weight: 500;
}
.consulting-title:before {
bottom: -15px;
width: 30px;
height: 2px;
}
.consulting-description{
font-size: 1.2rem;
}
.consulting-btn{
height: 4rem;
line-height: 4rem;
}
.consulting-btn span{
padding-right: 20px;
}
}


/* コラムページ */
/* ファーストビュー */
.fv-column{
background-image: url("img/11062b_8d975a607a1441daa40e1f2032b36382_mv2.webp");
}


/* 成功事例ページ */
/* ファーストビュー */
.fv-case{
background-image: url("img/2479ac233f0c4152af5805d671706fac.webp");
}




/* 投稿ページ共通（テンプレート） */
.single-content{
background-color: #F7F7F7;
padding: 40px 0 80px;
}
.single-inner{
display: flex;
max-width: 1200px;
margin: 0 auto;
background-color: #fff;
box-shadow: 0 0 15px rgb(102 102 102 / 20%);
padding: 20px 30px;
box-sizing: border-box;
}
.single-content table{
margin-top: 1em;
margin-bottom: 1em;
}
.single-content td{
padding: .5em 1em;
}
/* メイン */
.single-main{
width: calc(100% - 320px);
margin-right: 20px;
min-height: 1000px;
}
.single-main h1{
font-size: 2.6rem;
font-weight: bold;
padding: 1.5rem 1rem .5rem;
}
.article-info{
font-size: 1.4rem;
padding: 1rem;
}
.article-date{

}
.article-cat{
margin-left: 1.5rem;
}
.article-img img{
max-width: 100%;
height: 100%;
margin-bottom: 2rem;
}
.article-content{
padding: 2rem 0;
}
.article-tag {
margin-top: 2rem;
text-align: right;
}
.article-tag ul {
font-size: 0;
margin-bottom: 0;
}
.article-tag ul li {
font-size: 1.6rem;
display: inline-block;
margin-right: .5rem;
vertical-align: middle;
}
.article-tag ul li:last-child {
margin-right: 0;
}
.article-tag ul li {
font-size: 1.2rem;
}
.article-tag ul li a {
font-size: 1.2rem;
padding: .2rem .5rem;
text-decoration: none;
color: #000;
border: 1px solid #000;
}
.article-tag ul li a:hover {
opacity: .6;
}
/* サイドバー */
.single-aside{
width: 300px;
}
.aside-cat{
margin:2rem 0 3rem;
}
.aside-cat h3{
background-color: #222;
color: #fff;
padding-left: 1rem;
height: 4rem;
line-height: 4rem;
margin-bottom: 1rem;
}
.aside-cat ul{

}
.aside-cat ul li{
border-bottom: 1px dotted rgba(125,125,125,.3);
}
.aside-cat ul li a{
height: 4rem;
line-height: 4rem;
width: 100%;
}
.aside-cat ul li a span{
position: relative;
padding-left: 5px;
padding-right: 30px;
display: block;
width: 100%;
box-sizing: border-box;
}
.aside-cat ul li a span::before{
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 7px;
height: 7px;
border-top: 2px solid #222;
border-right: 2px solid #222;
transform: rotate(45deg);
margin-top: -5px;
}
.aside-cat ul li a:hover{
opacity: .8;
background-color: #222;
color: #fff;
}
.aside-cat ul li a:hover span::before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
@media(max-width:599px){
.single-content{
padding: 0 0;
}
.single-inner{
display: block;
max-width: 100%;
margin: 0 auto;
padding: 1rem;
}
/* メイン */
.single-main{
width: 100%;
margin-right: 0;
min-height: auto;
}
.single-main h1{
font-size: 2rem;
font-weight: bold;
padding: 1.2rem 0rem .5rem;
}
.article-info{
font-size: 1.2rem;
padding: 1rem 0;
}
.article-date{

}
.article-cat{
margin-left: 1.5rem;
}
.article-content{
padding: 2rem 0;
}
.article-tag {
margin-top: 2rem;
text-align: right;
}
.article-tag ul {
font-size: 0;
margin-bottom: 0;
}
.article-tag ul li {
font-size: 1.6rem;
display: inline-block;
margin-right: .5rem;
vertical-align: middle;
}
.article-tag ul li:last-child {
margin-right: 0;
}
.article-tag ul li {
font-size: 1.2rem;
}
.article-tag ul li a {
font-size: 1.2rem;
padding: .2rem .5rem;
text-decoration: none;
color: #000;
border: 1px solid #000;
}
.article-tag ul li a:hover {
opacity: .6;
}

/* サイドバー */
.single-aside{
width: 100%;
}
.aside-cat{
margin:2rem 0 3rem;
}
.aside-cat h3{
background-color: #222;
color: #fff;
padding-left: 1rem;
height: 4rem;
line-height: 4rem;
margin-bottom: 1rem;
}
.aside-cat ul{

}
.aside-cat ul li{
border-bottom: 1px dotted rgba(125,125,125,.3);
}
.aside-cat ul li a{
height: 4rem;
line-height: 4rem;
width: 100%;
}
.aside-cat ul li a span{
position: relative;
padding-left: 5px;
padding-right: 30px;
display: block;
width: 100%;
box-sizing: border-box;
}
.aside-cat ul li a span::before{
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 7px;
height: 7px;
border-top: 2px solid #222;
border-right: 2px solid #222;
transform: rotate(45deg);
margin-top: -5px;
}
.aside-cat ul li a:hover{
opacity: .8;
background-color: #222;
color: #fff;
}
.aside-cat ul li a:hover span::before{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
}





/* この記事の監修者 */
/* .article-author{
margin-top: 2rem;
}
.article-author h3{
font-size: 2rem;
font-weight: bold;
}
.article-author-box{
display: flex;
align-items: initial;
background-color: #F3F5F7;
padding: 3rem;
box-sizing: border-box;
margin: 2rem 0;
}
.article-author-l{
width: 170px;
margin-right: 30px;
}
.article-author-l img{
height: 100%;
object-fit: contain;
}
.article-author-r{
width: calc(100% - 200px);
}
.article-author-name{
font-size: 3rem;
font-weight: bold;
margin-bottom: 2rem;
}
.article-author-text{
font-size: 1.4rem;
}
.author-btn{
display: flex;
margin-top: 2rem;
}
.author-btn01{
width: 48%;
margin-right: 2%;
display: block;
background-color: #222;
color: #fff;
line-height: 5rem;
height: 5rem;
font-size: 1.6rem;
text-align: center;
letter-spacing: 1px;
}
.author-btn02{
width: 48%;
margin-left: 2%;
display: block;
background-color: #222;
color: #fff;
line-height: 5rem;
height: 5rem;
font-size: 1.6rem;
text-align: center;
letter-spacing: 1px;
}
.author-btn01 span,
.author-btn02 span{
position: relative;
padding-right: 10px;
display: block;
width: 100%;
box-sizing: border-box;
}
.author-btn01 span::before,
.author-btn02 span::before{
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
@media(max-width:599px){
.article-author h3{
font-size: 1.8rem;
}
.article-author-box{
display: block;
background-color: #F3F5F7;
padding: 3rem;
box-sizing: border-box;
margin: 2rem 0;
}
.article-author-l{
width: 100%;
margin-right: 0;
}
.article-author-r{
width: 100%;
}
.article-author-name{
font-size: 2.4rem;
margin: 2rem 0;
}
.author-btn{
display: block;
margin-top: 2rem;
}
.author-btn01{
width: 96%;
margin: 1rem 2%;
font-size: 1.4rem;
}
.author-btn02{
width: 96%;
margin: 1rem 2%;
font-size: 1.4rem;
}
} */


/* 講師紹介ページ */
.page-member{
background-color: #fff;
padding: 30px 1rem;
}
.page-member .page-inner{
max-width: 1100px;
box-shadow: none;
padding: 30px;
}
.page-member h1{
font-size: 3rem;
border-bottom: 1px solid #222;
line-height: 2;
margin-bottom: 2.5rem;
}
.page-member h1 span{
margin-left: 2.5rem;
font-size: 1.6rem;
}
.member-content{
display: flex;
}
.member-l{
width: 25%;
margin-right: 5%;
}
.member-r{
width: 70%;
}
.member-r a{
color: #0066c0;
}
.member-r h2{
font-size: 2rem;
font-weight: bold;
line-height: 2;
margin-bottom: 1rem;
margin-top: 3rem;
}
.member-r h3{
font-size: 1.8rem;
font-weight: bold;
line-height: 2;
margin-bottom: 1rem;
margin-top: 3rem;
}
.timeline-list li{
display: flex;
line-height: 1.8;
}
.timeline-date{
width: 80px;
}
.timeline-content{
flex: 1;
}
.member-comment{
font-weight: bold;
margin: 4rem 0;
line-height: 1.8;
}
.member-list{
margin-bottom: 4rem;
}
.member-list li{
padding-left: 1rem;
}
.member-list li::before{
content: '・';
}
.member-career{
line-height: 1.8;
}
.member-dl{
padding: 20px 0 5px;
}
.member-dl dt{
padding:0 10px 0 0;
width:110px;
float:left;
margin-bottom:7px;
}
.member-dl dd{
margin-bottom:10px;
}
.member-dl::after {
content: '';
display: block;
clear: both;
}
.page-member ul li{
list-style-type: disc;/* リストの左側に黒丸 */
margin-left: 24px;/* リストの左側に余白 */
text-align: left;
}
.member-ul li{
margin-bottom: 10px;
}
@media(max-width:599px){
.page-member{
padding: 20px 1.5rem;
}
.page-member .page-inner{
max-width: 100%;
padding: 0;
}
.page-member h1{
font-size: 2.2rem;
line-height: 2;
margin-bottom: 2.5rem;
}
.page-member h1 span{
margin-left: 2rem;
font-size: 1.4rem;
}
.member-content{
display: block;
}
.member-l{
width: 86%;
margin: 4rem 7%;
}
.member-r{
width: 100%;
}
.member-career{
font-size: 1.4rem;
}
.member-dl{
padding: 20px 0;
}
.member-dl dt{
padding:0;
width:100%;
float:left;
margin-bottom:0;
font-size: 1.4rem;
}
.member-dl dd{
margin-bottom:12px;
font-size: 1.4rem;
}

.page-member ul li{
margin-left: 20px;
font-size: 1.4rem;
}
.member-r h2 {
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
.member-r h3 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: .5rem;
margin-top: .5rem;
}

}








/* お問い合わせページ */
.contact-section{
max-width: 1000px;
margin: 0 auto;
padding: 3rem;
box-sizing: border-box;
}
.flow-title{
font-size: 2.4rem;
text-align: center;
letter-spacing: 2px;
margin: 4rem auto 0rem;
font-weight: bold;
}
@media(max-width:599px){
.flow-title{
font-size: 1.8rem;
margin: 3rem auto 1rem;
}
}


/* 問い合わせフォーム */
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
/* border-top:1px solid #d7d7d7!important; */
}
.inquiry .haveto,.inquiry .any {
font-size:10px;
}
}
.inquiry{
width: 96%;
margin: 2rem 2%;
box-sizing: border-box;
font-size: 1.6rem;
border: none;
}
.inquiry th{
text-align:left;
color:#444;
padding-right:5px;
width:30%;
background:#fff;
border:none;
}
.haveto{
font-size:1.15rem;
padding:3px 12px;
background:#222;
color:#fff;
margin-right:7px;
position:relative;
bottom:1px;
}
.verticallist .wpcf7-list-item{
display:block;
}
#formbtn{
display: block;
padding:1rem 0;
margin: 1rem 10%;
margin-top:30px;
width:80%;
background:#222;
color:#fff;
font-size:1.8rem;
font-weight:bold;
border-radius:2px;
border: 2px solid #222;
}
#formbtn:hover{
background:#fff;
color:#222;
}
.inquiry input{
line-height: 3.5rem;
width: 100%;
padding: .5rem;
box-sizing: border-box;
background-color: #F2F3F8;
border: none;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.inquiry input[type=radio]{
margin-top: 0rem;
margin-bottom: 1rem;
}
.inquiry .first{
margin-top: 1.2rem;
}
.inquiry .last{
margin-bottom: 1.2rem;
}
.inquiry textarea{
line-height: 1.8rem;
width: 100%;
padding: .5rem;
box-sizing: border-box;
background-color: #F2F3F8;
border: none;
margin-top: 2rem;
margin-bottom: 1rem;
}
.inquiry .radio-1 input,
.inquiry .radio-2 input,
.inquiry .radio-3 input,
.inquiry .radio-4 input {
line-height: 3.5rem;
width: 13px;
padding: .5rem;
box-sizing: border-box;
}
.inquiry td {
border: none;
}
.wpcf7-list-item-label{
font-size: 1.5rem;
margin-left: 4px;
}


/* コンサルタント紹介ページ */
.profile-text{
padding: 2rem .5rem;
}
.profile-text p{
font-weight: bold;
}

/* カテゴリーページ */
.secrtion-category .article-card{
background-color: #fff;
}
.secrtion-category .card-text{
background-color: #fff;
color: #222;
}

/* レポートダウンロードのページ */
.repoort-download{
padding:5rem 2rem;
min-height: 500px;
}
.repoort-download li a{
color: #0288e5;
padding: 1rem 0;
font-size: 1.6rem;
text-decoration: underline;
}






/* 監修者 */
.p-writer-list {
margin-top: 5px;
margin-bottom: 15px;
}
.p-writer-list__item {
background: #fff;
border: 2px solid #d3d3d3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 16px 15px;
}
.p-writer-list__image {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 24px;
width: 120px;
}
.c-image-user {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
background: #fff;
position: relative;
}
.c-image-article::before, .c-image-event::before, .c-image-document::before, .c-image-user::before {
content: '';
display: block;
}
.c-image-user::before {
padding-top: 100%;
}
.c-image-article img, .c-image-event img, .c-image-document img, .c-image-user img {
left: 0;
position: absolute;
top: 0;
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
width: 100%;
height: 100%;
}
.p-writer-list__inner {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.p-writer-list__header {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 6px 0 11px;
}
.p-writer-list__role {
font-size: 12px;
font-weight: 700;
line-height: 2.25;
letter-spacing: .05em;
background: #222;
color: #fff;
margin-right: 18px;
padding: 0 6px 0 11px;
position: relative;
}
.p-writer-list__role::before {
border-color: transparent transparent transparent #222;
border-style: solid;
border-width: 14px 0 13px 11px;
content: '';
display: block;
left: 100%;
position: absolute;
top: 0;
}
.p-writer-list__link {
color: #222;
display: block;
}
.p-writer-list__title {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.p-writer-list__link .p-writer-list__title {
text-decoration: underline;
}
.p-writer-list__content {
font-size: 14px;
line-height: 1.75;
}
.author-btn{
display: flex;
margin-top: 2rem;
}
.author-btn01{
width: 48%;
margin-right: 2%;
display: block;
background-color: #222;
color: #fff;
line-height: 4rem;
height: 4rem;
font-size: 1.4rem;
text-align: center;
letter-spacing: 1px;
}
.author-btn02{
width: 48%;
margin-left: 2%;
display: block;
background-color: #222;
color: #fff;
line-height: 4rem;
height: 4rem;
font-size: 1.4rem;
text-align: center;
letter-spacing: 1px;
}
.author-btn01 span,
.author-btn02 span{
position: relative;
padding-right: 10px;
display: block;
width: 100%;
box-sizing: border-box;
}
.author-btn01 span::before,
.author-btn02 span::before{
content: "";
position: absolute;
top: 50%;
right: 5%;
width: 7px;
height: 7px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
margin-top: -5px;
}
.p-writer-list01 .author-btn{
display: none;
}
@media screen and (max-width: 767px){
.p-writer-list {
margin-top: 15px;
}
.p-writer-list__item {
display: block;
padding: 15px;
}
.p-writer-list__item::before, .p-writer-list__item::after {
content: '';
display: table;
}
.p-writer-list__image {
float: left;
margin-right: 8px;
width: 72px;
}
.p-writer-list__header {
display: block;
margin: 3px 0 8px;
padding-left: 80px;
}
.p-writer-list__role {
font-size: 11px;
line-height: 2;
display: inline-block;
margin: 0 0 4px;
padding: 0 4px 0 8px;
}
.p-writer-list__role::before {
border-width: 11px 0 11px 9px;
}
.p-writer-list__title {
font-size: 13px;
line-height: 1.75;
}
.p-writer-list__content {
font-size: 12px;
clear: left;
}
.p-writer-list__item::after {
clear: both;
}
.author-btn{
display: block;
margin-top: 2rem;
}
.author-btn01{
width: 96%;
margin: 1rem 2%;
font-size: 1.4rem;
}
.author-btn02{
width: 96%;
margin: 1rem 2%;
font-size: 1.4rem;
}
}
/* 投稿ページの見出しなど */
.article-content-text h2,
.article-content-text h3,
.article-content-text h4,
.article-content-text p,
.article-content-text span,
.article-content-text li,
.article-content-text table{
font-family: initial;
}
.article-content-text h2,
.article-content-text h3,
.article-content-text h4 {
font-weight: 700;
margin: 2em 0 1em;
}
.article-content-text h2 {
font-size: 24px;
line-height: 1.4166666667;
background: #f3f3f3;
padding: 14px 20px 13px;
}
.article-content-text h3 {
font-size: 20px;
line-height: 1.5;
border: 1px solid #d3d3d3;
padding: 11px 19px;
}
.article-content-text h4 {
font-size: 18px;
line-height: 1.5555555556;
border-bottom: 2px solid #d3d3d3;
padding: 1rem 0rem 1rem 1.5rem;
position: relative;
margin-bottom: 1.1em;
border: 1px solid #ddd;
}
.article-content-text h4::before {
background: #000;
content: '';
position: absolute;
left: 0;
top: 20%;
bottom: 20%;
width: 3px;
}
.article-content-text p{
margin-bottom: 1.1em;
margin: 0 0 2em;
padding: 0;
font-size: 16px;
line-height: 1.8;
}
.article-content-text a{
color: #0288e5;
text-decoration: underline;
}
.article-content-text ul {
list-style: disc outside;
margin: 0 0 2em 1.5em;
padding: 0;
}
.article-content-text ul li{
line-height: 1.8;
font-size: 1.6rem;
}
::marker {
unicode-bidi: isolate;
font-variant-numeric: tabular-nums;
text-transform: none;
text-indent: 0px !important;
text-align: start !important;
text-align-last: start !important;
}
.article-content-text ol {
counter-reset: number;
margin: 0 0 2em 0;
}
.article-content-text ol li {
position: relative;
font-size: 1.6rem;
padding-left: 1.35em;
}
.article-content-text ol>li {
padding-left: 1.9em;
line-height: 1.8;
}
.article-content-text ol>li:before {
font-family: inherit;
counter-increment: number;
content: counter(number);
width: 1.7em;
height: 1.7em;
line-height: 1.7em;
font-weight: 700;
display: block;
text-align: center;
border-radius: 50%;
position: absolute;
-webkit-transform: scale(.7);
transform: scale(.7);
left: 1px;
top: 0;
background-color: #3e3e3e;
border-color: #3e3e3e;
color: #fff;
}
.article-content-text .bold{
font-weight: 700;
background-image: linear-gradient(
180deg
,transparent 80%,#fcec52 0);
padding-bottom: 0;
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
@media screen and (max-width: 767px){
.article-content-text  h2 {
font-size: 15px;
line-height: 1.4666666667;
padding: 9px 15px;
}
.article-content-text h3 {
font-size: 14px;
line-height: 1.5384615385;
padding: 9px 14px;
}
.article-content-text h4 {
font-size: 14px;
line-height: 1.5;
}
.article-content-text h4::before {
}
.article-content-text p{
font-size: 14px;
line-height: 1.6;
}
.article-content-text ul li {
font-size: 1.4rem;
}
.article-content-text ol li {
font-size: 1.4rem;
}
}
/* Table of Contents Plus */
#toc_container {
background: #f9f9f9;
border: 1px solid #aaa;
padding: 10px;
margin-bottom: 1em;
width: auto;
display: table;
font-size: 95%;
width: 90%;
margin-left: 5%;
margin-right: 5%;
padding: 1.2em;
border: 5px solid rgba(100,100,100,.2);
box-sizing: border-box;
}
#toc_container p.toc_title {
max-width: 580px;
font-weight: 700;
text-align: left;
margin: 0 auto;
font-size: 100%;
vertical-align: middle;
padding: 0;
}
#toc_container .toc_title:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f03a";
margin-right: .8em;
margin-left: .4em;
transform: scale(1.4);
color: initial;
}
#toc_container .toc_list {
margin: 0;
max-width: 580px;
margin-left: auto;
margin-right: auto;
}
#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none;
}
#toc_container p.toc_title+ul.toc_list {
margin-top: 1em;
}
#toc_container li {
margin: 1em 0;
font-weight: 700;
}
div#toc_container ul li {
font-size: 90%;
}
#toc_container .toc_list>li {
padding-left: 0;
}
#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
background: 0 0;
list-style-type: none;
list-style: none;
}
#toc_container a {
color: inherit;
text-decoration: none;
}
#toc_container a {
font-size: 15px;
}
#toc_container ul ul {
margin: 0 0 0 1.5em;
}
#toc_container li li {
font-weight: 400;
margin: .5em 0;
}
@media only screen and (max-width: 480px){
#toc_container {
font-size: 90%;
width: 100%;
margin-right: 0;
margin-left: 0;
}
#toc_container a {
font-size: 12px;
}
}
/* よくある質問ページ */
.faq {
padding: 3rem 1rem;
box-sizing: border-box;
}
.faq h1{
padding-bottom: 3rem;
}
.question {
font-size: 16px;
position: relative;
line-height: 2em;
padding-left: 4em;
margin-bottom: 2rem;
margin-top: 2rem;
font-weight: bold;
letter-spacing: 2px;
border-top: solid 0.5px #323232;
padding-top: 3rem;
font-family: initial;
}
.question:before {
position: absolute;
left: 1rem;
content: "Q.";
font-size: 3rem;
}
.answer {
font-size: 16px;
position: relative;
line-height: 2em;
padding-left: 4em;
margin-bottom: 3rem;
margin-top: 2rem;
letter-spacing: 1px;
font-family: initial;
}
.answer:before {
position: absolute;
left: 1rem;
content: "A.";
font-size: 3rem;
}
@media only screen and (max-width: 480px){
.faq {
padding: 1rem 0;
box-sizing: border-box;
}
.faq h1{
padding-bottom: 1rem;
}
.question {
font-size: 16px;
position: relative;
line-height: 1.8em;
padding-left: 3.5em;
margin-bottom: 2rem;
margin-top: 2rem;
font-weight: bold;
letter-spacing: 1px;
border-top: solid 0.5px #323232;
padding-top: 2rem;
font-family: initial;
}
.question:before {
position: absolute;
left: 1rem;
content: "Q.";
font-size: 2.5rem;
}
.answer {
font-size: 15px;
position: relative;
line-height: 1.5em;
padding-left: 3.5em;
margin-bottom: 2rem;
margin-top: 2rem;
letter-spacing: 0;
font-family: initial;
}
.answer:before {
position: absolute;
left: 1rem;
content: "A.";
font-size: 2.5rem;
}
}



/* 私たちについてページ */
.fv-about{
background-image: url("img/a07036_69d9d77ca62b432e9df2026e64bb4b2b_mv2.png");
}
.about-content{
padding-top: 10rem;
padding-bottom: 5rem;
}
.about-content-h2{
text-align: center;
font-size: 3.2rem;
margin-bottom: 4rem;
font-weight: bold;
}
.about-content-p{
text-align: center;
font-size: 1.8rem;
line-height: 2.2;
margin-bottom: 3rem;
}
.about-img01{
width: 50%;
margin: 2rem 25%;
}
.about-category{
display: flex;
max-width: 1000px;
margin: 0 auto;
}
.about-item{
width: calc(91% / 3);
margin: 0 1.5%;
}
.about-item-title{
text-align: center;
margin-top: 3rem;
margin-bottom: 7rem;
}
.about-item-title p{
font-size: 3.2rem;
}
.about-item-title-p01{
color: #0D7D09;
}
.about-item-title-p02{
color: #D4B520;
}
.about-item-title-p03{
color: #237AC2;
}
.about-item-title h3{
font-size: 1.8rem;
}
.about-item-text{
font-size: 1.8rem;
}
.about-content02{
background-color: #000000;
padding-top: 5rem;
padding-bottom: 5rem;
}
.about-content02-h2{
text-align: center;
font-size: 3.2rem;
margin-bottom: 4rem;
color: #fff;
}
.about-content02-p{
text-align: center;
font-size: 1.8rem;
line-height: 2.2;
margin-bottom: 3rem;
}
.about-img02{
width: 60%;
margin: 2rem 20%;
}
.about-category02{
display: flex;
flex-wrap: wrap;
color: #fff;
max-width: 1100px;
margin: 0 auto;
}
.about-category02-item{
width: 44%;
margin: 4rem 3%;
}
.about-category02-item-title{
padding-bottom: .3rem;
margin-bottom: 2rem;
}
.about-category02-item-title01{
border-bottom: 1px solid #FED55A;
}
.about-category02-item-title02{
border-bottom: 1px solid #4EA622;
}
.about-category02-item-title03{
border-bottom: 1px solid #3E9BE9;
}
.about-category02-item-title04{
border-bottom: 1px solid #8016E8;
}
.about-category02-item-title05{
border-bottom: 1px solid #DF374E;
}
.about-category02-item-title h2{
font-size: 3.5rem;

}
.about-category02-item-title p{
font-size: 2.2rem;
}
.about-category02-item-text{
font-size: 1.8rem;
line-height: 1.8;
}
.about-consulting-menu-h2{
text-align: center;
font-size: 3.2rem;
margin-top: 10rem;
}
@media only screen and (max-width: 480px){
.about-content{
padding-top: 6rem;
padding-bottom: 4rem;
}
.about-content .section-inner{
max-width: 100%;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
}
.about-content-h2{
text-align: center;
font-size: 2.4rem;
margin-bottom: 3rem;
}
.about-content-p{
text-align: left;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 3rem;
}
.about-img01{
width: 100%;
margin: 2rem 0%;
}
.about-category{
display: block;
max-width: 100%;
margin: 0 auto;
}
.about-item{
width: 100%;
margin: 0;
}
.about-item-title{
margin-top: 6rem;
margin-bottom: 2rem;
}
.about-item-title p{
font-size: 2.4rem;
}
.about-item-title h3{
font-size: 1.6rem;
}
.about-item-text{
font-size: 1.6rem;
line-height: 1.8;
}
.about-content02{
padding-top: 5rem;
padding-bottom: 1rem;
}
.about-content02-h2{
font-size: 2.4rem;
margin-bottom: 4rem;
}
.about-content02-p{
font-size: 1.6rem;
line-height: 2;
margin-bottom: 3rem;
}
.about-img02{
width: 100%;
margin: 2rem 0;
}
.about-category02{
display: flex;
max-width: 100%;
}
.about-category02-item{
width: 46%;
margin: 4rem 2%;
}
.about-category02-item-title{
padding-bottom: .3rem;
margin-bottom: 2rem;
}
.about-category02-item-title h2{
font-size: 2.4rem;

}
.about-category02-item-title p{
font-size: 1.4rem;
}
.about-category02-item-text{
font-size: 1.4rem;
line-height: 1.8;
}
.about-consulting-menu-h2{
text-align: center;
font-size: 2.4rem;
margin-top: 6rem;
}
}



/* 記事装飾の修正 */
.article-content-text h4::before{
display: none;
}

.article-content-text h2,
.article-content-text h3,
.article-content-text h4,
.article-content-text h5,
.article-content-text h6{
font-family: "游明朝 Medium", "Yu Mincho Medium", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho";
}
.article-content-text h3,
.article-content-text h4,
.article-content-text h5,
.article-content-text h6{
font-size: 1.8rem!important;
background-color: transparent;
color: #000;
}
.article-content-text h1{
padding-top: 3rem;
padding-bottom: 2rem;
}
.article-content-text h2{
font-size: 2rem!important;
}
.article-content-text h3{

}
.article-content-text h4{

}
.article-content-text h5{
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 1.6rem!important;
}
.article-content-text h6{
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 1.6rem!important;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: .6em 1em!important;
}
.wp-block-image figcaption {
text-align: center;
}
.article-content-text table th,
.article-content-text table td {
border: solid 1px black;
}
.article-content-text table td {
padding: .5em 1em;
min-width: 8em;
box-sizing: border-box;
}
.article-content-text table thead th {
background-color: #F3F3F3;
font-weight: bold;
padding: .5em 0;
}
@media only screen and (max-width: 480px){
.article-content-text h1{
padding-top: 2rem;
padding-bottom: 1.5rem;
font-size: 1.8rem!important;
}
.article-content-text h2{
font-size: 1.6rem!important;
}
.article-content-text h3,
.article-content-text h4,
.article-content-text h5,
.article-content-text h6{
font-size: 1.6rem!important;
}
.flow-img img{
	margin: 0 calc(50% - 50vw);
    width: 100vw;
}
}


/* CTAバナー */
.cta-banner{

}
.cta-banner a{

}
.cta-banner a img{

}
.cta-banner a:hover img{

}

/*0304*/
/*記事内マーカー表示*/
.single.single-post .single-content .article-content-text p strong{
    background:linear-gradient(transparent 60%, #ff6 60%);
}
.single.single-post .single-content .article-content-text p strong.normal{
    background: none;
}
.single.single-post .single-content .article-content-text p strong mark{
    background: none;
}
.single.single-post .single-content .article-content-text .has-inline-color,
.single.single-post .single-content .article-content-text .has-inline-color strong{
    background: white;
}
/*記事見出し内容*/
.article-content-text h2 {
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  background: #333;
  padding: 1.2rem 1.5rem 1rem;
  border: 1px solid #333;
  border-radius: 1.5rem;
  margin: 6rem 0 3rem;
}
.article-content-text h3{
    border: none;
    background: #efefef;
    padding: 1.2rem 1.5rem 1rem;
    border-radius: 1.5rem;
}
.single.single-post .article-content-text h4 {
  border: none;
    border-bottom: 1px dotted #333;
    padding: 1rem 0rem .75rem 2rem;
}
.single.single-post .article-content-text h4::before {
    display: block;
  background: #333;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
    transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
/*パンくずリスト*/
p#breadcrumbs{
    max-width: 1360px;
    width: calc(100% - 26px);
    padding: 20px 0;
    font-size: 14px;
    color: #333;
    margin: 0 auto;
}
.single-content p#breadcrumbs{
    max-width: 1200px;
}
/*関連記事*/
.yarpp {
    margin: 120px auto 80px!important;
}
.yarpp-related h3{
    padding: 1.2rem 1.5rem 1rem!important;
    margin: 0 auto 20px!important;
}
.yarpp-thumbnails-horizontal {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: calc((100% - 60px) / 4)!important;
  height: auto!important;
  margin: 10px 0!important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 100%!important;
  height: auto!important;
    margin: 0!important;
    min-height: 150px;
object-fit: cover;
}
.yarpp-related .yarpp-thumbnail-title {
  font-size: 12px!important;
  font-weight: 500!important;
  text-align: left!important;
  text-decoration: none!important;
  text-overflow: ellipsis!important;
  width: 100%!important;
  margin: 5px!important;
  box-sizing: border-box!important;
}
.article-tag{
    display: none;
}
@media only screen and (max-width: 620px){
    .yarpp-thumbnails-horizontal {
  flex-wrap: wrap;
}
    .yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: calc(50% - 10px) !important;
  height: auto !important;
  margin: 0 auto 10px!important;
  box-sizing: border-box;
}
}
/*404ページ*/
.err404 {
    max-width: 1200px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 80px 0 120px;
    letter-spacing: .05em;
}
.err404 h2{
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto 20px;
}
.err404 h3{
    font-size: 68px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .05em;
    margin: 0 auto 40px;
}
.err404 p{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: .05em;
    margin: 0 auto ;
}
/*レポートダウンロード*/
.contact-section.repoort-download {
  padding: 0;
}
.contact-section.repoort-download .reportArea ul li{
    padding: 120px 0 ;
}
.contact-section.repoort-download .reportArea ul li dl{
    display: flex;
}
.contact-section.repoort-download .reportArea ul li dl dt{
    width: 30%;
}
.contact-section.repoort-download .reportArea ul li dl dd{
    width: 70%;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    position: relative;
    font-feature-settings: "palt";
    letter-spacing: .25em;
}
.contact-section.repoort-download .reportArea ul li dl dd h3{
    font-size: 21px;
    margin: 0 auto 1em;
}
.contact-section.repoort-download .reportArea ul li dl dd p.txt{
    font-size: 16px;
}
.contact-section.repoort-download .btn,
.seminarDetail-content .btn,
.seminarDetail-content .btn a,
body section .new-btn{
    display: block;
    font-size: 21px;
    font-weight: 500;
    color: white;
    height: 58px;
    line-height: 56px;
    text-align: center;
    border: 1px solid #9e312e;
    background: #9e312e;
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
}
.contact-section.repoort-download .btn::before,
.seminarDetail-content .btn::before,
body section .new-btn::before{
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #681f1f;
    border: 1px solid #681f1f;
    position: absolute;
    left: 10px;
    top: 10px;
}
.contact-section.repoort-download .btn:hover,
.seminarDetail-content .btn a:hover,
body section .new-btn:hover{
    color: #9e312e;
    background: white;
    transition: .4s;
    opacity: 1;
}
.report-content-l a:hover span{
    color: #9e312e;
    background: none;
    transition: .4s;
    opacity: 1;
}
.report-content-l a.new-btn:hover span::before {
    border-color: #9e312e;
}
.contact-section.repoort-download .reportArea ul li dl dd p.btn{
  position: absolute;
  left: 40px;
  bottom: 0;
  width: calc(100% - 40px);
    cursor: pointer;
}
.contact-section.repoort-download .dlArea{
    position: fixed;
z-index: 999;
background: rgba(255,255,255,.9);
width: 100%;
height: 100%;
left: 0;
top: 0;
    display: none;
    opacity: 0;
}
@keyframes fade{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
body.popup .contact-section.repoort-download .dlArea{
    display: block;
    animation: fade .4s linear forwards;
}
.contact-section.repoort-download .dlArea div.dlDiv{
    background: white;
    padding: 85px 80px;
    box-sizing: border-box;
    max-width: 980px;
    width: calc(100% - 40px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 35px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.contact-section.repoort-download .dlArea div p.close{
   width: 40px;
height: 40px;
position: absolute;
right: 15px;
top: 15px;
border-radius: 50%;
background: white;
    cursor: pointer;
}
.contact-section.repoort-download .dlArea div p.close span{
   display: inline-block;
width: 90%;
height: 1px;
background: #333;
transform: translate(0,-50%) rotate(45deg);
position: absolute;
top: 50%;
}
.contact-section.repoort-download .dlArea div p.close span:nth-child(2){
    transform: translate(0,0) rotate(-45deg);
}
.contact-section.repoort-download .dlArea div dl{
    max-width: 500px;
    margin: 0 auto 30px;
    position: relative;
}
.contact-section.repoort-download .dlArea div dl dt{
    position: absolute;
    font-size: 16px;
    width: 7em;
    text-align: right;
    left: calc(-7em - 20px);
    top: 50%;
    transform: translateY(-50%);
}
.contact-section.repoort-download .dlArea div dl dd{
    border: 1px solid #9e312e;
    height: 1em;
    font-size: 18px;
    font-weight: 500;
    padding: 0 8px;
    box-sizing: border-box;
width: 100%;
height: 50px;
line-height: 50px;
    
}
.contact-section.repoort-download .dlArea div h3{
    font-size: 21px;
    font-weight: 500;
    line-height: 1.55;
    text-align: center;
    color: #681f1f;
    margin: 0 auto 40px;
}
.contact-section.repoort-download .dlArea  input{
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
letter-spacing: .05em;
color: #333;
}
.contact-section.repoort-download .dlArea .submit  input{
    color: white;
}
.contact-section.repoort-download .dlArea .submit:hover input{
    color: #9e312e;
    transition: .4s;
}
.contact-section.repoort-download .dlArea p.cau{
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
}
.contact-section.repoort-download .dlArea .btn{
    max-width: 500px;
}
.contact-section.repoort-download .screen-reader-response ul{
    display: none;
}
.contact-section.repoort-download .screen-reader-response p{
    text-align: center;
    margin: 20px auto;
}
.contact-section.repoort-download .dlArea div dl dd span{
    font-size: 13px;
color: #9e312e;
position: relative;
top: 0px;
letter-spacing: .025em;
}
.contact-section.repoort-download .dlArea div dl dd span.wpcf7-not-valid-tip{
    top: -13px;
}
.contact-section.repoort-download .wpcf7-response-output.wpcf7-mail-sent-ok{
    opacity: 0;
}
.contact-section.repoort-download .screen-reader-response{
    text-align: center;
    color: cadetblue;
    margin: 0 auto 40px;
}
.contact-section.repoort-download h2.thanks{
    font-size: 28px;
    font-feature-settings: "palt";
    letter-spacing: .15em;
    text-align: center;
    margin: 120px 0 -20px;
}
.contact-section.repoort-download h2.thanks span{
    font-size: 0.75em;
    display: inline-block;
    padding: 20px 0 0 0;
}
.contact-section.repoort-download h2.thanks span a{
    text-decoration: underline;
}
.contact-section.repoort-download h2.thanks span a:hover{
    text-decoration: none;
}
.contact-section.repoort-download .wpcf7-response-output.wpcf7-validation-errors {
    display: none;
}
.contact-section.repoort-download {
  width: calc(100% - 40px);
}
br.spbr{
    display: none;
}
@media only screen and (max-width: 850px){
    .contact-section.repoort-download .reportArea ul li dl dd p.btn {
  position: relative;
  left: 0;
  top: 0;
  margin-top: 70px;
  width: 100%;
}
}
@media only screen and (max-width: 620px){
    p#breadcrumbs {
  overflow-x: scroll;
  white-space: nowrap;
}
    br.spbr{
    display: inline;
}
    .contact-section.repoort-download .reportArea ul li {
  padding: 60px 0 60px;
}
    .contact-section.repoort-download .reportArea ul li dl {
  display: block;
}
    .contact-section.repoort-download .reportArea ul li dl dt {
  width: 60%;
  text-align: center;
  margin: 0 auto 40px;
}
    .contact-section.repoort-download .reportArea ul li dl dd {
  width: 100%;
  padding: 0;
    }
    .contact-section.repoort-download .btn,
    .seminarDetail-content .btn,
    .seminarDetail-content .btn a,
    body section .new-btn{
  font-size: 18px;
  height: 50px;
  line-height: 48px;
        height: 45px;
line-height: 43px;
        margin: 0 auto 40px;
    }
    .contact-section.repoort-download .btn::before,
    .seminarDetail-content .btn::before,
    body section .new-btn::before{
  left: 5px;
  top: 5px;
}
    .contact-section.repoort-download .dlArea div.dlDiv {
  padding: 60px 40px 40px;
        top: 40px;
        transform: translateX(-50%);
    }
    .contact-section.repoort-download .dlArea div dl dt {
  position: static;
  text-align: left;
        font-size: 14px;
    }
    .contact-section.repoort-download .dlArea p.cau {
  font-size: 12px;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}
    .contact-section.repoort-download .dlArea::before{
        content: "";
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: rgba(255,255,255,.9);
        top: 0;
        left: 0;
        z-index: -1;
    }
    .contact-section.repoort-download .dlArea div h3 {
  font-size: 20px;
    }
    .contact-section.repoort-download .dlArea div dl dd {
  height: 45px;
  line-height: 45px;
}
    .contact-section.repoort-download .dlArea input {
  font-size: 14px;
    }
    .contact-section.repoort-download h2.thanks span {
  font-size: 0.75em;
  display: inline-block;
  padding: 40px 0 0 0;
}
    .contact-section.repoort-download h2.thanks {
  font-size: 24px;
  margin: 20px 0 -20px;
}
}
/*=======================
       セミナーページ
=======================*/
.seminar-content {
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 20px 0 120px;
}
.seminar-content .attention_s {
    padding-bottom: 60px;
}
.seminar-content .attention_s ul li{
    background: white;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    
    margin: 0 auto 40px;
    color: #333;
}
.seminar-content .attention_s ul li.noneSeminar{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.75;
}
.seminar-content ul li a{
    display: block;
}
.seminar-content .attention_s ul li a{
    padding: 20px;
}
.seminar-content .attention_s ul li dl{
    display: flex;
}
.seminar-content .attention_s ul li dl dt{
    width: 32%;
    overflow: hidden;
}
.seminar-content .attention_s ul li dl dd{
    width: 78%;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
    
}
.seminar-content ul li p.price-online{
    max-width: 155px;
    border: 1px solid #0071bc;
    height: 22px;
    line-height: 22px;
    color: #0071bc;
    font-size: 14px;
    margin: 0 auto 20px 0;
}
.seminar-content ul li p.price-online.paid{
    border: 1px solid #9e312e;
    color: #9e312e;
}
.seminar-content ul li p.price-online .price{
    background: #0071bc;
    color: white;
    display: inline-block;
    width: 40%;
    text-align: center;
}
.seminar-content ul li p.price-online .online{
    width: 60%;
    text-align: center;
    display: inline-block;
}
.seminar-content ul li p.price-online.paid .price{
    background:#9e312e;
}
.seminar-content ul li .accept{
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
    text-align: center;
    background: #9e312e;
    font-size: 14px;
    color: white;
    height: 22px;
    line-height: 22px;
}
.seminar-content ul li h3{
    font-size: 21px;
    line-height: 1.55;
    font-feature-settings: "palt";
    letter-spacing: .1em;
    font-weight: 600;
    margin: 0 auto 15px;
}
.seminar-content ul li p.txt{
    font-size: 14px;
    line-height: 1.55;
    margin: 0 auto 15px;
}
.seminar-content ul li p.teacher{
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto 15px;
}
.seminar-content ul li p.date{
    font-size: 14px;
    letter-spacing: .15em;
}
.seminar-content ul li p.date span{
    width: 110px;
    text-align: center;
    margin: 0 10px 0 0;
    background: #333;
    color: white;
    display: inline-block;
}
.seminar-content .past_s{
    position: relative;
    padding-top: 50px;
}
.seminar-content .past_s::after{
    content: "";
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    width: 100vw;
height: 80px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
    z-index: -1;
}
.seminar-content .past_s ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.seminar-content .past_s ul li{
     background: white;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    box-sizing: border-box;
    margin: 0 auto 20px;
    color: #333;
    width: calc((100% - 90px) / 4);
}
.seminar-content .past_s ul li a{
    padding: 13px;
}
.seminar-content .past_s ul li div.img{
    padding-top: 66.2921%;
    height: 0;
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;
}
.seminar-content .past_s ul li div.img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    width: auto;
    max-width: none;
}
.seminar-content .past_s ul li h3{
    font-size: 18px;
    margin: 0 auto 10px;
}
.seminar-content .past_s ul li p.teacher{
    margin: 0 auto 20px;
}
.seminar-content .past_s ul li p.date{
    margin: 0 auto 20px;
}
.seminar-content .past_s ul li p.date span{
    display: block;
    margin-bottom: 5px;
}
.seminar-content .past_s ul li p.price-online{
    margin-bottom: 0;
}

.seminar-content ul li a:hover img{
   transform: scale(1.1);
    transition: .3s;
}
.seminar-content .past_s ul li a:hover div.img img{
    transform: scale(1.1) translate(-45%,-50%);
    transition: .3s;
}
@media only screen and (max-width: 767px){
    .seminar-content ul li h3 {
  font-size: 18px;
    }
    .seminar-content .attention_s ul li a {
  padding: 15px;
}
    .seminar-content .attention_s ul li dl {
  display: block;
}
    .seminar-content .attention_s ul li dl dt {
  width: 100%;
  margin: 0 auto 15px;
}
    .seminar-content .attention_s ul li dl dd {
  width: 100%;
  padding-left: 0;
    }
    .seminar-content ul li p.price-online{
        margin-bottom: 12px;
    }
    .seminar-content .past_s ul li{
        width: calc(50% - 20px);
    }
    .seminar-content .past_s ul li a {
  padding: 10px;
}
    .seminar-content .past_s ul li div.img{
        margin-bottom: 10px;
    }
    .seminar-content .past_s ul li h3 {
  font-size: 16px;
  line-height: 1.35;
  margin: 0 auto 10px;
}
    .seminar-content ul li p.date {
  font-size: 12px;
  letter-spacing: .15em;
}
    .seminar-content ul li p.date span {
  width: 100px;
    }
    .seminar-content ul li p.price-online {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
    }
    .seminar-content {
  padding: 20px 0 50px;
}
}
/*=======================
    セミナー詳細ページ
=======================*/
.seminarDetail-content{
    max-width: 1000px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 60px 0 120px;
}
.seminarDetail-content h2.ttl{
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .1em;
    font-feature-settings: "palt";
    color: #333;
    margin: 0 auto 20px;
}
.seminarDetail-content .main-img{
    margin: 0 auto 40px;
}
.seminarDetail-content dl{
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
.seminarDetail-content dl dt{
    width: 180px;
    vertical-align: middle;
    text-align: center;
    background: #d7ecf4;
    font-weight: 500;
    border-bottom: 2px solid white;
    position: relative;
}
.seminarDetail-content dl dt span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.seminarDetail-content dl dd{
    width: calc(100% - 180px);
    padding: 15px 5px 18px 20px;
    box-sizing: border-box;
    line-height: 1.55;
    border-bottom: 2px solid #f1f1f1;
}
.seminarDetail-content .btn{
    max-width: 500px;
    margin: 80px auto 0;
}
@media only screen and (max-width: 767px){
    .seminarDetail-content dl {
  display: block;
    }
    .seminarDetail-content dl dt {
  width: 100%;
  height: 50px;
        border: none;
}
    .seminarDetail-content dl dd {
        padding: 15px;
        border: 2px solid #f1f1f1;
  border-top: none;
  border-bottom: none;
  width: 100%;
        font-size: 14px;
}
    .seminarDetail-content dl dd:last-child{
        border-bottom: 2px solid #f1f1f1;
    }
    .seminarDetail-content h2.ttl {
  font-size: 24px;
    }
    .seminarDetail-content {
  padding: 40px 0 80px;
}
}
/*header改修*/
@keyframes headerDown{
    from{
        top: -100px;
    }
    to{
        top: 0;
    }
}
@media only screen and (min-width: 1025px){
    header.pc.visible{
        position: fixed;
        left: 0;
        z-index: 50;
        animation: headerDown .4s linear forwards;
        box-shadow: 0 3px 5px rgba(0,0,0,.3);
    }
    .header-btn01, .header-btn02 {
  background-color: #fff;
  color: #4b4a00;
  border-radius: 30px;
  padding: 1rem 1.5rem;
  border-bottom: 2px solid #c7c64e;
        letter-spacing: .1em;
        font-weight: 500;
        background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,254,199,1) 100%);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1245px){
    .g-menu {
  padding: 0 30px;
}
    .g-menu li a {
  padding: 10px;
    }
}
/*=========================
         NEW CTA
=========================*/
.new-cta{
    background: url(./img/ctaBg.jpg);
    background-size: cover;
    padding: 60px 0 85px;
    position: relative;
    z-index: 0;
    margin: 40px auto 0;
}
.new-cta .section-inner{
    max-width: 850px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0;
}
.new-cta .section-title{
    margin: 0 auto 40px;
}
.new-cta p.p1{
    font-size: 16px;
    letter-spacing: .075em;
    color: #333;
    text-align: center;
    margin: 0 auto 55px;
    line-height: 2;
}
.new-cta p.p1 span.small{
    font-size: 14px;
}
.new-cta p.p1 strong {
    font-weight: bold;
    color: #4c0006;
    text-decoration: underline;
}
.new-cta dl{
    display: flex;
}
.new-cta dl dt{
    width: 50%;
}
.new-cta dl dt div{
    max-width: 317px;
    margin: 0 auto;
    background: rgba(255,255,255,.7);
    padding: 15px 0 18px;
    color: #1a1a1a;
    text-align: center;
}
.new-cta dl dt div p.tel{
    font-size: 18px;
    letter-spacing: .075em;
    line-height: 1;
    margin: 0 auto 12px;
}
.new-cta dl dt div p.tel span{
    font-size: 31px;
}
.new-cta dl dt div p.hours{
    font-size: 14px;
    line-height: 1;
}
.new-cta dl dd{
    width: 50%;
    padding-top: 10px;
}
.new-cta dl dd a.new-btn{
    margin-bottom: 0;
}
.grecaptcha-badge{
    display: none;
}
body.single.single-post .new-cta,
body.page-template-default .new-cta
{
    margin-top: 0;
}
@media only screen and (max-width: 767px){
    .new-cta{
        padding: 40px 0 65px;
        background-position: left center;
    }
    .new-cta p.p1 {
  font-size: 16px;
  letter-spacing: .05em;
        line-height: 1.75;
        margin: 0 auto 30px;
    }
    .new-cta dl {
        display: block;
    }
    .new-cta dl dt{
        width: 100%;
        margin: 0 auto 40px;
    }
    .new-cta dl dd{
        width: 100%;
    }
}
.page-template-faq-php .single-main{
	width: 100%;
}