@charset "UTF-8";
/* CSS Document */

@import url("page.css");

/*Contents Box*/
section.container {
padding: 3rem 0;
/* background: #FFF; */
background: var(--gray5);
}
section.container.purple {
/* background: #f7f4fb; */
background: #FFF;
}
section.container.bg_orange{
/* background: #fef5eb; */
background: #FFF;
}
section.container.bg_gray {
background: #f4f4f4;
}
section.container.bg_green {
background: #f1faf9;
}
section.container.bg_green_light {
/* background: #f8fcfc; */
background: var(--gray5);
}
.bg_white {
background-color: #FFF!important;
}
.container p,
.container li,
.container blockquote {
text-align: left;
}


/*Header*/
.header {
position: relative;
background: #FFF;
height: 50px;
}
.header h1 {
position: absolute;
/* width: 80px; */
width: 140px;
/* padding:2px 7px; */
padding:8px 10px 0;
}
.header_nav {
position: relative;
}
.header_nav > ul {
display: none;
}
.header .btn_contact,
.header .btn_magazine {
display: none;
}
.header_nav li.lang a,
.header_nav li.lang span {
display: inline-block;
padding: 1rem;
letter-spacing: normal;
}
.header_nav li.lang span {
font-weight: 600;
color: #f28000;
}
.header_nav li.lang a:hover {
background: transparent;
opacity: .7;
}

.gnav {
display: none;
position: fixed;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: 998;
background: rgba(255,255,255,.8);
}
.gnav > ul {
padding-top: 50px;
background: #FFF;
}
.gnav li {
border-top: 1px dotted #DDD;
}
.gnav li a {
display: block;
background: #FFF;
padding: 1rem;
color: var(--font-color);
text-align: center;
letter-spacing: normal;
}
.gnav li a:hover {
opacity: 1;
background: var(--gray5);
}
.gnav li.current a {
background: var(--gray80);
color: #FFF;
}
.gnav li.lang {
text-align: center;
}
.gnav li.lang a,
.gnav li.lang span {
display: inline-block;
padding: 1rem 0;
letter-spacing: normal;
color: #666;
}
.gnav li.lang > span + a:before,
.gnav li.lang > a + span:before {
content: "";
display: inline-block;
margin:0 15px;
width: 1px;
height: 12px;
background: #666;
}
.gnav li.lang span {
font-weight: 600;
color: #000;
}
.gnav li.lang a:hover {
background: transparent;
opacity: .7;
}


/* humberger menu */
#toggle{
position:fixed;
z-index:999;
display: block;
width: 40px;
right: 0px;
top:5px;
}
#toggle a{
display: block;
position: relative;
text-decoration: none;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .3s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 40px;
height: 40px;
}
.menu-trigger span {
position: absolute;
width: 30px;
height: 2px;
background-color: var(--font-color);
}
.menu-trigger span:nth-of-type(1) {
top: 11px;
}
.menu-trigger span:nth-of-type(2) {
top: 18px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 13px;
}
.menu-trigger p .close{ display: none;}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
}





/* Footer*/
.footer {
padding: 3rem 0;
background-color: var(--font-color);
color: #FFF;
}
.footer a {
display: inline-block;
color: #FFF;
}
.footer a:hover {
/* opacity: 1;
color: #f6a64c; */
}
.footer h1 img {
/* width: 120px; */
width: min(50vw,240px);
}
.footer ul {
display: none;
}
.footer .icol3 {
padding: 0 3.5rem;
box-sizing: border-box;
}
.footer .btn_contact {
display: block;
margin-bottom: 1rem;
padding: 1.5rem 2rem;
/* border:1px solid #f59933;
color: #f59933; */
background: var(--gray80);
color: #FFF;
font-weight: bold;
text-align: center;
}
.footer .btn_contact:before {
content: "";
display: block;
width: 30px;
height: 40px;
margin:auto;
/* background:url(../images/ico_sendcontact.svg) no-repeat 50% 50%; */
background:url(../images/ico_sendcontact_w.svg) no-repeat 50% 50%;
background-size: 30px auto;
}
.footer .btn_contact:hover {
opacity: .7;
}
.footer .btn_mailmagazine,
.side_btn_mailmagazine {
position: relative;
color: #FFF;
padding: 3rem;
border:1px solid #FFF;
/* background:radial-gradient(#ff9500 0, #ff9500 50%, #f28000 100%); */
transition: all .3s;
}
.footer .btn_mailmagazine p,
.side_btn_mailmagazine p {
font-size: 86.6%;
}
.footer .btn_mailmagazine .entry,
.side_btn_mailmagazine .entry {
font-size: 146%;
}
.footer .btn_mailmagazine .entry strong,
.side_btn_mailmagazine .entry strong {
display: inline-block;
position: relative;
}
.footer .btn_mailmagazine .entry strong:after,
.side_btn_mailmagazine .entry strong:after {
content: "";
display: inline;
width: 100%;
height: 2px;
background:#FFF;
position: absolute;
bottom:0;
left:0;
}
.footer .btn_mailmagazine:before,
.side_btn_mailmagazine:before {
content: "";
display: block;
width: 40px;
height: 40px;
background: url(../images/link_arrow_white2.svg) no-repeat 50% 50%;
background-size: 40px;
position: absolute;
right:0;
bottom:0;
}
.footer .btn_mailmagazine:hover,
.side_btn_mailmagazine:hover {
/* opacity: 1;
color: #FFF;
background:radial-gradient(#ff9500 0, #ff9500 50%, #ed6b00 100%); */
}
.footer .copyright {
margin-top: 2rem;
border-top: 1px solid #444436;
padding: 2rem 3.5rem;
text-align: center;
font-size: 73.3%;
}
.footer .lang > span {
font-weight: 700;
}
.footer .btn_mailmagazine .present {
position: relative;
margin: 1rem 0;
padding: .8rem .5rem .8rem 50px;
/* background:#FFF;
color: #F28000; */
background: var(--gray80);
font-size: 86.6%;
/* box-shadow: 0 0 5px rgba(237, 107, 107, .6); */
letter-spacing: normal;
}
.footer .btn_mailmagazine .present strong {
display: block;
}
.footer .btn_mailmagazine .present:before {
position: absolute;
top:50%;
transform: translateY(-50%);
left:5px;
display: block;
padding-top: 12px;
width: 40px;
height: 40px;
content: "今なら!";
/* background:#F28000;
color:#FFF; */
background: #FFF;
color: var(--font-color);
font-size: 1.2rem;
font-weight: bold;
text-align: center;
border-radius: 50%;
box-sizing: border-box;
letter-spacing: -0.08em;
}


/* btn - Back Top */
#back-top {
display: none;
position: fixed;
height: 50px;
width: 50px;
bottom: 50px;
right: 10px;
opacity: .5;
z-index: 9998;
cursor: pointer;
}
#back-top:after {
content: "";
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: .3rem;
top:-2px;
width: 25px;
height: 25px;
border-top: 2px solid var(--gray50);
border-left: 2px solid var(--gray50);
transform: rotate(45deg);
}


#magazine_fixed {
/* display: none; */
position: fixed;
bottom: 0;
z-index: 9998;
width: 100%;
}
#magazine_fixed > div {
display: flex;
flex-wrap: wrap;
}
#magazine_fixed a {
display: block;
box-sizing: border-box;
text-align: center;
}
#magazine_fixed a.magazine {
position: relative;
padding: 5px 40px 10px 10px;
width: calc(100% - 60px);
/* background:radial-gradient(#ff9500 0, #ff9500 50%, #f28000 100%); */
/* background:radial-gradient(var(--gray80) 0, var(--gray80) 50%, var(--font-color) 100%); */
background: var(--gray80);
color: #FFF;
}
#magazine_fixed a.magazine:before {
content: "";
display: block;
width: 40px;
height: 40px;
/* background: url(../images/link_arrow_darkora.svg) no-repeat 50% 50%; */
background: url(../images/link_arrow_black.svg) no-repeat 50% 50%;
background-size: 40px;
position: absolute;
right:0;
bottom:0;
}
#magazine_fixed a.facebook {
padding: 12px;
width: 60px;
/* background:linear-gradient(135deg, #207cf2 0, #125ab8 100%); */
background:var(--orange);
}




/* Common */
/* title */
.section_title {
margin-bottom: 3rem;
}
.section_title h1 strong {
display: block;
margin-bottom: .6rem;
text-align: center;
font-family: var(--font-family-en);
font-weight:300;
font-size: 200%;
letter-spacing: 0.1em;
}
.eng .section_title h1 strong {
font-weight:500;
font-size: 200%;
}
.section_title h1 span {
display: block;
text-align: center;
font-weight:600;
font-size: 80%;
/* color: #f28000; */
color: var(--gray50);
}
.section_title h1:after {
content: "";
display: block;
margin: 1rem auto 2rem;
/*
width: 30px;
height: 1px;
 background:#f28000; */
width: 20px;
height: 2px;
background:var(--orange);
}
.section_title p {
text-align: center;
}
.section_title.service {
margin-bottom: 0;
}
.section_title.service h1 strong {
/* font-size: 240%; */
font-size: min(7vw,32px);
}
.section_title.service h1 span {
font-family: var(--font-family-en);
font-size: 93.3%;
letter-spacing: 0.1em;
}
.section_title_jp {
font-size: 146%;
text-align: center;
letter-spacing: 0.1em;
}
.section_title_jp:after {
content: "";
display: block;
margin: 2rem auto;
width: 40px;
height: 2px;
background:var(--orange);
/* width: 100px;
height: 1px;
background:#f28000; */
}

.sub_title {
text-align: left;
font-size: 146%;
font-weight: 400;
}
.sub_title:after {
content: "";
display: block;
margin-top: 1rem;
/* width: 60px;
height: 1px;
background:#f28000; */
width: 30px;
height: 2px;
background:var(--orange);
}
.sub_title > .eng {
display: inline-block;
margin-left: 10px;
font-family: var(--font-family-en);
font-size: 55%;
font-weight: 500;
/* color: #f28000; */
color: var(--orange);
letter-spacing: 0.05em;
}


.page_title {
position: relative;
padding: 3rem;
background: url(../images/pagetitle_bg_entrylist.jpg) no-repeat 50% 50%;
background-size: cover;
}
/* .page_title.blog {background-image: url(../images/pagetitle_bg_blog.jpg);}
.page_title.media {background-image: url(../images/pagetitle_bg_media.jpg);}
.page_title.seminar {background-image: url(../images/pagetitle_bg_seminar.jpg);}
.page_title.news {background-image: url(../images/pagetitle_bg_news.jpg);}
.page_title.service {background-image: url(../images/pagetitle_bg_service.jpg);}
.page_title.aboutus {background-image: url(../images/pagetitle_bg_aboutus.jpg);}
.page_title.voice {background-image: url(../images/pagetitle_bg_voice.jpg);}
.page_title.contact {background-image: url(../images/pagetitle_bg_contact.jpg);}
.page_title.books {background-image: url(../images/pagetitle_bg_books.jpg);}
.page_title.online {background-image: url(../images/pagetitle_bg_online.jpg);}
.page_title.resource {background-image: url(../images/pagetitle_bg_resource.jpg);} */

.page_title.blog {background-image: url(../images/pagetitle_bg_blog_2025.jpg);}
.page_title.media {background-image: url(../images/pagetitle_bg_media_2025.jpg);}
.page_title.seminar {background-image: url(../images/pagetitle_bg_seminar_2025.jpg);}
.page_title.news {background-image: url(../images/pagetitle_bg_news_2025.jpg);}
.page_title.service {background-image: url(../images/pagetitle_bg_service_2025.jpg);}
.page_title.aboutus {background-image: url(../images/pagetitle_bg_aboutus_2025.jpg);}
.page_title.voice {background-image: url(../images/pagetitle_bg_voice_2025.jpg);}
.page_title.contact {background-image: url(../images/pagetitle_bg_contact_2025.jpg);}
.page_title.books {background-image: url(../images/pagetitle_bg_books_2025.jpg);}
.page_title.online {background-image: url(../images/pagetitle_bg_online.jpg);}
.page_title.resource {background-image: url(../images/pagetitle_bg_resource_2025.jpg);}

.page_title:after {
content: "";
display: block;
position: absolute;
height: 100%;
width: 100%;
top:0;
left:0;
background:rgba(0,0,0,.4);
}
.page_title h1 {
position: relative;
color: #FFF;
z-index: 20;
}
.page_title h1 strong {
display: block;
text-align: center;
font-family: var(--font-family-en);
font-weight:300;
/* font-size: 260%; */
font-size: 200%;
letter-spacing: 0.1em;
line-height: 1.3;
}
.page_title h1 strong:after {
content: "";
display: block;
margin: 1rem auto 2rem;
width: 30px;
height: 1px;
/* background:#f28000; */
background: #FFF;
}
.page_title h1 span {
display: block;
text-align: center;
font-weight: 600;
}

.book_title {
margin-bottom: 2rem;
text-align: left;
}
.book_title h1 {
margin: .5rem 0 1rem;
font-size: 160%;
line-height: 1.3;
}
.book_title:after {
content: "";
display: block;
margin-top: 2rem;
width: 30px;
height: 1px;
/* background:#f28000; */
background:var(--orange);
}
.book_title .date {
font-size: 120%;
font-weight: 600;
/* color: #f28000; */
color: var(--gray50);
}
.corner_title {
margin-bottom: 2rem;
padding-left: 2rem;
font-size: 146%;
line-height: 1.4;
text-align: left;
/* border-left: 3px solid #e78824; */
border-left: 3px solid var(--orange);
}

.title_en {
font-family: var(--font-family-en);
font-weight: 600;
letter-spacing: normal;
line-height: 1.6;
}
.title_en.bold {
/* font-weight: 700; */
font-weight: 600;
}



/* button / link */
.link_listpage {
display: inline-block;
padding-left: 2.5rem;
color: #363630;
letter-spacing: .1em;
background: url(../images/ico_list.svg) no-repeat 0 50%;
background-size: 16px auto;
}
.underline {
border-bottom: 1px dotted var(--font-color);
}
.btn_arrow {
display: inline-block;
position: relative;
padding: .5rem 2.5rem .5rem 1.5rem;
background: #ececeb;
color: var(--font-color);
transform: all .5s;
}
.btn_arrow:after {
content: "";
display: inline-block;
position: absolute;
top:35%;
right: 15px;
width: 9px;
height: 9px;
border-top: 1px solid var(--blue);
border-right: 1px solid var(--blue);
transform: rotate(45deg);
}
.btn_arrow.anchor:after {
transform: rotate(135deg);
}

.btn_arrow:hover {
opacity: 1;
background: #f6a64c;
color: #FFF;
}
.btn_arrow:hover:after {
border-top-color: #FFF;
border-right-color: #FFF;
}
.btn_box_arrow {
position: relative;
display: block;
background: #f59933;
}
.btn_box_arrow span {
display: block;
width: calc(100% - 40px);
padding: 1rem;
text-align: left;
color: #FFF;
font-size: 120%;
line-height: 1.5;
background: #606054;
}
.btn_box_arrow:after {
position: absolute;
top:35%;
right:18px;
content: "";
display: inline-block;
width: 15px;
height:15px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
transform: rotate(45deg);
z-index: 5;
}
.btn_arrow_round {
position: relative;
display: block;
margin-top: .5rem;
/* background:linear-gradient(#ffac38 0% , #f18c1d 100%); */
background:linear-gradient(#666 0% , #444 100%);
padding: 1rem;
border-radius: 10px;
font-size: 146%;
font-weight: 700;
color: #FFF;
line-height: 1.4;
text-align: center;
}
.btn_arrow_round:after {
content: "";
position: absolute;
top:40%;
right:20px;
display: block;
width: 15px;
height: 15px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform: rotate(45deg);
}
.btn_arrow_round:hover {
color: #FFF;
}
.btn_arrow_round.shadow {
font-size: 165%;
box-shadow: 0 7px 0 rgba(0,0,0,.1);
}
.link_arrow {
position: relative;
display:block;
font-weight: 600;
line-height: 1.4;
padding-right: 20px;
padding-bottom: 5px;
box-sizing: border-box;
}
.link_arrow:before,
.link_arrow:after {
position: absolute;
bottom:-5px;
right:0;
content: "";
display: block;
width: 100%;
height: 1px;
/* background: #f18c1d; */
background: var(--gray80);
}
.link_arrow:before {
bottom:0;
width: 20px;
transform: rotate(30deg);
}
.link_arrow.prev {
padding-right: 0;
padding-left: 20px;
}
.link_arrow.prev:before {
right:autofs;
left:0;
transform: rotate(-30deg);
}

.btn_box_shadow {
position: relative;
display: block;
padding: 1rem 2rem;
background: #FFF url(../images/link_arrow_gray.svg) no-repeat right bottom;
background-size: 30px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
font-weight: 600;
line-height: 1.5;
}
.link_arrow > .tooltip_o,
.btn_box_shadow > .tooltip_o {
position: absolute;
top:-15px;
left:50%;
transform: translateX(-50%);
display: block;
padding: 4px 10px;
/* background: #f28000; */
background: var(--gray80);
border-radius: 6px;
color: #FFF;
font-size: 80%;
font-weight: 700;
line-height: 1;
letter-spacing: normal;
z-index: 1;
}
.link_arrow > .tooltip_o {
left:0;
top:-25px;
transform: none;
}

.link_arrow > .tooltip_o:after,
.btn_box_shadow > .tooltip_o:after {
position: absolute;
bottom: -5px;
left:50%;
content: "";
display: block;
width: 10px;
height: 10px;
/* background: #f28000; */
background: var(--gray80);
transform: rotate(45deg) translateX(-50%);
z-index: -1;
}





a.link_longarrow {
position: relative;
display: block;
padding-bottom: 20px;
box-sizing: border-box;
background: #FFF;
}
a.link_longarrow:after,
a.link_longarrow:before {
position: absolute;
bottom:0;
right:0;
content: "";
display: block;
width: 40%;
max-width: 160px;
height: 1px;
/* background: #f18c1d; */
background: var(--gray50);
}
a.link_longarrow:before {
bottom:5px;
width: 20px;
max-width: 20px;
transform: rotate(30deg);
}

a.link_longarrow.center {
text-align: center;
background: transparent;
}
a.link_longarrow.center:after {
width: 100%;
max-width: 100%;
}


.breadcrumb {
margin-bottom: 0;
text-align: left;
font-size: 74%;
}
.breadcrumb > span,
.breadcrumb > a {
display: inline-block;
}
.breadcrumb > span {
font-weight: 600;
}
.breadcrumb > a:after {
content: "";
display: inline-block;
margin: 0 8px 0 5px;
width: 5px;
height: 5px;
border-top: 1px solid #999;
border-right: 1px solid #999;
transform: rotate(45deg) translateY(-2px);
}




/* form parts */
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding: 10px 10px 10px 42px;
border-radius: 8px;
vertical-align: top;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 25px;
left: 15px;
display: block;
margin-top: -13px;
width: 20px;
height: 20px;
border: 1px solid #4c5059;
border-radius: 3px;
content: '';
z-index: 10;
}
.checkbox:before {
position: absolute;
display: block;
margin-top: 0;
top:12px;
left: 21px;
width: 8px;
height: 16px;
border-right: 3px solid #f28000;
border-bottom: 3px solid #f28000;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}
::-webkit-placeholder {
color: #999;
opacity: 1;
}
::-moz-placeholder {
color: #999;
opacity: 1;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}

/*css radio02*/
.radio_button{
display: none;
}
.radio_button + label{
padding-left: 26px;
position:relative;
margin-right: 26px;
cursor: pointer;
}
.radio_button + label::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #999;
border-radius: 50%;
}
.radio_button:checked + label{
color: #1a93ec;
}
.radio_button:checked + label::after{
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
background: #1a93ec;
border-radius: 50%;
}








.wrap_sns {
overflow: hidden;
}
.wrap_sns li {
width: 100px;
float: right;
}
.sup {
color: #777;
font-size: 75%;
vertical-align: top;
}
.caption {
position: relative;
padding-left: 3rem;
font-size: 75%;
}
.caption .sup {
position: absolute;
top:0;
left:1rem;
display: inline-block;
font-size: 100%;
}


/* Contents */

/* INDEX */
/* fv */
.fv_top {
padding: 2rem 1rem 3rem;
/* background: url(../images/top_fv_bg.jpg) no-repeat 100% 100%;
background-size: cover; */
background: url(../images/top_fv_bg_2025.jpg) no-repeat 0 0;
background-size: auto 100%;
/* height:min(50vw,500px); 
box-sizing: border-box;*/
}
.fv_top h1 {
padding-top: min(20vw,300px);
letter-spacing: normal;
color: #FFF;
font-weight: 600;
font-size: 106%;
}
/* .fv_top h1:before {
content: "";
display: block;
margin: 0 auto 10px;
width:60px;
height: 70px;
background: url(../images/hij_mark_white.svg) no-repeat 50% 50%;
background-size: 53px auto;
} */



@media only screen and (min-width: 500px) {
.fv_top {
background-size: cover;
}
}/* min-width: 768px */







/* service */
.top_service_link ul {
letter-spacing: normal;
padding: 10px;
}

.top_service_link li {
/* padding: 10px 20px; */
box-sizing: border-box;
box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.top_service_link li.wrap_national {
background: #FFF;
}

.top_service_link li + li {
margin-top: 20px;
}
.top_service_link li > a {
position: relative;
display: block;
padding: 2rem 3rem;
color: #363630;
box-sizing: border-box;
background: #FFF;
height: 100%;
}
.top_service_link li.wrap_national > a {
height: auto;
}
.top_service_link li > a:after {
position: absolute;
top:50%;
right:40px;
content: "";
display: block;
width: 40px;
height: 40px;
border-right: 2px solid rgba(199, 199, 199, .2);
border-top: 2px solid rgba(199, 199, 199, .2);
transform: rotate(45deg) translateY(-50%);
}

.top_service_link h2,
.top_service_link h3,
.top_service_link p {
margin-bottom: .6rem;
}
.top_service_link h2 {
text-align: left;
margin-bottom: 1.5rem;
}
.top_service_link h2:after {
content: "";
display: block;
margin-top: 10px;
/*width: 50px;
height: 1px;
 background: #f18c1d; */
width: 20px;
height: 2px;
background: var(--orange);
}
.top_service_link h2 strong,
.top_service_link h2 span {
display: inline-block;
vertical-align: middle;
font-weight:400;
}
.top_service_link h2 strong {
font-size:146%;
font-weight: 600;
letter-spacing: 0.1em;
}
.top_service_link h2 span {
margin-left: 1rem;
/* color:#f28000; */
color: var(--orange);
font-family: var(--font-family-en);
font-size: 80%;
}
.top_service_link h3 {
font-size: 93.3%;
letter-spacing: 0.1em;
}
.top_service_link p {
font-size: 86.6%;
letter-spacing: 0.1em;
}
.top_service_link figure {
position: relative;
text-align: center;
margin:1.5rem 0 0;
}
.top_service_link figure:before {
content: "";
display: block;
width: 40px;
height: 40px;
background: url(../images/link_arrow_ora.svg) no-repeat 50% 50%;
background-size: 40px;
position: absolute;
right: 0;
bottom:0;
}
.top_service_link .link_wrap {
font-size: 94%;
padding: 0 3rem 3rem;
box-sizing: border-box;
}
.top_service_link .link_wrap p {
font-size: 100%;
}
.top_member_link a {
display: block;
padding: 2rem 0;
letter-spacing: normal;
text-align: center;
color: #FFF;
}
.top_member_link a.btn_aboutus {
position: relative;
background:radial-gradient(#ff9500 0, #ff9500 50%, #f28000 100%);
}
.top_member_link a.btn_aboutus:before {
content: "";
display: block;
width: 40px;
height: 40px;
background: url(../images/link_arrow_darkora.svg) no-repeat 50% 50%;
background-size: 40px;
position: absolute;
right:0;
bottom:0;
}
.top_member_link a.btn_aboutus h2 {
display: inline-block;
padding-left: 50px;
background: url(../images/ico_member_white.svg) no-repeat 0 50%;
background-size: 40px auto;
font-size: 120%;
}
.top_member_link a.btn_aboutus p {
padding: 2rem 4rem;
font-size: 86.6%;
color: #363630;
}
.top_member_link a.btn_contact {
padding-top: 15px;
color: #f59933;
font-weight: bold;
text-align: center;
background: #363630;
min-height: 100px;
}
.top_member_link a.btn_contact:before {
content: "";
display: block;
width: 30px;
height: 40px;
margin:auto;
background:url(../images/ico_sendcontact.svg) no-repeat 50% 50%;
background-size: 30px auto;
}




/* INDEX / BLOG TOP */

/* blog list */
.blog_link_box {
width: 42%;
vertical-align: top;
}
.top_blog .blog_link_box:first-of-type {
width: 88%;
}
.blog_link_box a {
display: block;
position: relative;
/* color: #363630; */
color: var(--font-color);
text-align: left;
}
.blog_link_box a:hover {
/* opacity: 1;
color: #F28000; */
}
.blog_link_box a.new:before {
content: "";
display: inline-block;
/* width: 50px;
height: 50px; */
width: min(13vw,60px);
height: min(13vw,60px);
background:url(../images/ico_new_2025.svg) no-repeat 0 0;
background-size: 100%;
position: absolute;
top:0;
left: 0;
z-index: 30;
}
.blog_link_box a figure {
overflow: hidden;
position: relative;
margin-bottom: 1rem;
text-align: center;
}
.blog_list_img {
object-fit: cover;
font-family: 'object-fit: cover;';
}
.blog_list_img {
height: 110px;
width: 100%;
}
.top_blog .blog_link_box:first-of-type .blog_list_img {
height: 170px;
}
.blog_link_box a figure img {
transition: transform .3s;
}
.blog_link_box a:hover figure img {
transform: scale(1.1);
}
.blog_link_box figcaption {
position: absolute;
width: 100%;
bottom:0;
padding: .5rem 5.5rem .5rem .5rem;
background: rgba(0,0,0,.7);
text-align: right;
font-size: 73.3%;
color: #FFF;
}

.blog_link_box figcaption i {
display: inline-block;
height: 44px;
width: 44px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom:5px;
right:5px;
}
.blog_link_box h1 {
font-size: 93.3%;
text-align: left;
}
.blog_link_box .btn_more {
display: inline-block;
margin-top: .5rem;
padding: .2rem .5rem;
/* background: #ececeb; */
background: var(--gray80);
font-size: 70%;
/* color: #363630; */
color: #FFF;
transform: all .5s;
}
.purple .blog_link_box .btn_more {
/* background: #FFF; */
}
.blog_link_box .btn_more:after {
content: "";
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: .3rem;
top:-1px;
width: 5px;
height: 5px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
/* transform: rotate(45deg); */
rotate: 45deg;
}
.blog_link_box a:hover .btn_more {
/* background: #f6a64c;
color: #FFF; */
}
.blog_link_box a:hover .btn_more:after {
border-top-color: #FFF;
border-right-color: #FFF;
}
.blog_link_box p {
font-size: 86.6%;
margin-top: .5rem;
line-height: 1.5;
}
.blog_date {
display: inline-block;
vertical-align: top;
font-family: var(--font-family-en);
/* color: #8f8f86; */
color: var(--gray50);
font-size: 86.6%;
font-weight: 600;
}
.blog_link_box a:hover .blog_date {
/* color: #f6a64c; */
}
.blog_category {
display: inline-block;
margin-left: 1rem;
font-size: 86.6%;
vertical-align: top;
line-height: 1.0;
}
.blog_category:after {
content: "";
display: inline-block;
/* height: 2px; */
height: 1px;
width: 100%;
/* background:#c7c7c3; */
background: var(--orange);
position: relative;
top:6px;
}
/* .blog_link_box a:hover .blog_category:after {
background:#f6a64c;
} */

/* pager */
.pager ul {
margin-top:3rem;
text-align: center;
}
.pager ul li {
display: inline-block;
border-right:1px solid #d0d0cd;
font-family: var(--font-family-en);
font-weight: 400;
}
.pager ul li:last-child {
border-right: none;
}
.pager ul li a,
.pager ul li span {
display: inline-block;
padding: .2rem 1.3rem .2rem 1rem;
font-size: 113%;
}
.pager ul li a.prev,
.pager ul li a.next {
position: relative;
}
.pager ul li a.prev i,
.pager ul li a.next i {
/* hide text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.pager ul li a.next::before,
.pager ul li a.prev::before {
content: "";
display: inline-block;
position: relative;
vertical-align: middle;
width: 10px;
height: 10px;
top:-2px;
transform: rotate(45deg);
transition: all .3s;
}
.pager ul li a.next::before {
border-top: 1px solid #69695e;
border-right: 1px solid #69695e;
}
.pager ul li a.prev:before {
border-bottom: 1px solid #69695e;
border-left: 1px solid #69695e;
}
.pager ul li a.next:hover::before,
.pager ul li a.prev:hover::before {
border-color: #F28000;
}
.pager ul li .current {
font-weight: 700;
/* color: #F28000; */
color: var(--orange);
}




/* BLOG DETAIL */
.container.detail_blog {
padding-top: 0;
}
.detail_blog .blog_title,
.detail_bottom_link {
padding: 1rem;
background: #ebebea;
}
.detail_bottom_link {
padding:.5rem;
}
.detail_blog .blog_title {
margin-bottom: 4rem;
}

.detail_blog .blog_title h1 {
margin-bottom: 0;
/* font-size: 200%; */
font-size: 146%;
font-weight: normal;
text-align: left;
line-height: 1.6;
}
.blog_title .link_categiries {
text-align: left;
}
.blog_title .link_categiries a {
display: inline-block;
padding: .4rem 1rem;
margin-right: 1rem;
margin-bottom: .5rem;
color: #FFF;
font-size: 80%;
background:#8f8f86;
border-radius: 15px;
}
.blog_title .link_categiries a:hover {
background:#f59933;
opacity: 1;
}
.blog_title .blog_info {
text-align: right;
border-top: 1px dotted #b4b4ae;
padding-top: 1rem;
}
.blog_title .blog_info span {
display: inline-block;
vertical-align: middle;
font-family: var(--font-family-en);
font-size: 86.6%;
font-weight: 500;
}
.blog_title .blog_info span.name {
position: relative;

padding-right: 60px;
font-size: 106%;
font-weight: 600;
}
.blog_title .blog_info span:nth-child(n+2) {
margin-left: 1.2rem;
}
.blog_title .blog_info span:nth-child(n+2):before {
content: "";
display: inline-block;
height: 14px;
width: 1px;
vertical-align: middle;
background: #72726e;
margin-right: 1.5rem;
}

.blog_title .blog_info span.name i {
content: "";
display: inline-block;
height: 55px;
width: 55px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom:-10px;
right:0px;
}



@media only screen and (min-width: 768px) {
.blog_title .icol7.link_categiries {
width:38%;
}
.blog_title .icol4.blog_info {
width:53.6%;
}
.blog_title .blog_info span.name {
font-size: min(1.6vw,18px);
}
}/* min-width: 768px */

@media only screen and (min-width: 1200px) {
.blog_title .icol7.link_categiries {
width:50%;
}
.blog_title .icol4.blog_info {
width:41.66666667%;
}
}/* min-width: 1025px */



/* side writer */
.wrap_writer {
position: relative;
padding: 2rem;
background: #363630;
color: #FFF;
}
.wrap_writer h1 {
font-family: var(--font-family-en);
font-size: 133%;
font-weight: 500;
text-align:center;
}
.wrap_writer h1:after {
content: "";
display: block;
margin: 1rem auto 3rem;
width: 25px;
height: 1px;
background:#f28000;
}
.wrap_writer figure {
text-align: center;
}
.wrap_writer h2 {
margin-bottom: .5rem;
font-size: 133%;
font-weight: normal;
text-align: center;
}
.wrap_writer p {font-size: 86.6%;}
.wrap_writer p a {color: #FFF;}


/* 20223031 */
.wrap_writer {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 2rem;
}
.wrap_writer h1 {
display: none;
}
.wrap_writer > figure,
.wrap_writer > figure + div {
box-sizing: border-box;
}
.wrap_writer > figure {
width: 40%;
max-width: 140px;
}
.wrap_writer > figure + div {
width: 60%;
max-width: 430px;
padding-left: 20px;
}
.wrap_writer > figure + div > h2 {
text-align: left;
}
.wrap_writer > figure + div > p {
padding: .5rem 0 0;
}
.wrap_writer > p {
width: 100%;
max-width: 610px;
padding-top: 2rem;
box-sizing: border-box;
}



/* wrap_related */
.wrap_related {
margin-top: 4rem;
padding-bottom: 4rem;
}
.wrap_related h3 {
margin-bottom: 1rem;
text-align: center;
font-size: 113%;
font-weight: 600;
}
.wrap_related a {
display: block;
position: relative;
padding: 1rem 0 1rem 2rem;
border-top: 1px dotted #e3e3e1;
}
.wrap_related a:last-child {
border-bottom: 1px dotted #e3e3e1;
}
.wrap_related a:before {
content: "";
display: inline-block;
position: absolute;
top:1.5rem;
left:0;
width: 9px;
height: 9px;
border-top: 2px solid #f28000;
border-right: 2px solid #f28000;
transform: rotate(45deg);
}


/* banner_mailmagazine */
.side_btn_mailmagazine {
display: none;
}


/* seminar */
.btn_seminarentry {
position: relative;
display: block;
margin:1.5rem 0;
padding: 1rem 40px 0 1rem;
height: 40px;
text-align: left;
background:#e3e3e1;
font-size: 86.6%;
font-family: var(--font-family-en);
font-weight:500;
letter-spacing: -0.03em;
}
.btn_seminarentry:after {
position: absolute;
top:0;
right:0;
height: 40px;
width: 40px;
content: "";
background:#606054;
z-index: 9;
}
.btn_seminarentry:before {
content: "";
display: inline-block;
position: absolute;
top:35%;
transform: translateX(-35%);
right:18px;
width: 11px;
height: 11px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
transform: rotate(45deg);
z-index: 10;
}

.entry_content .seminar_list,
.entry_content .seminar_title {
margin: 2rem;
}
.seminar_list li {
padding: .5rem 0;
border-top: 1px dotted #606054;
}
.seminar_list li span {
display: block;
font-size: 93.3%;
}
.seminar_list li span:first-child {
font-weight: 600;
margin-bottom: .5rem;
}
.entry_content h5.seminar_title {
margin-bottom: 0;
padding-left: 1rem;
border-left:3px solid #606054;
}

.entry_content .wrap_graph {
padding: 1.5rem;
background:#ececeb;
text-align: center;
}
.entry_content .wrap_graph h5 {
margin: 0 0 1.5rem;
font-size: 93.3%;
}
.entry_content .wrap_graph figcaption {
margin-top: 1rem;
font-size: 80%;
text-align: right;
}
.entry_content .wrap_graph.white {
padding: 1.5rem 0;
background:#FFF;
border-top:1px dotted #DDD;
border-bottom:1px dotted #DDD;
}
.entry_content dl.wrap_graph dt + dd {
margin-top: 1.5rem;
} 

.entry_content figure.wrap_graph.flex {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
}
.entry_content figure.wrap_graph.flex > figcaption {
text-align: left;
}


.entry_content .wrap_logo {
margin: 2rem auto 0;
padding: 1rem;
width: calc(100% - 3rem);
border:1px dotted #DDD;
text-align: center;
box-sizing: border-box;
}
.entry_content .wrap_logo li {
display: inline-block;
width: 48%;
}
.entry_content .wrap_logo li a {
display: block;
text-align: center;
}



/* 現状サイトのstyle変更 */
.aligncenter {
display: block;
margin: 0 auto;
}
.entry_content.icol8 {
text-align: left;
}
.entry_content h3 {
margin: 4rem 2rem 2rem;
padding-left: 2rem;
border-left:2px solid #f28000;
font-size: 120%;
font-weight: bold;
text-align: left;
letter-spacing: 0.1em;
}
.entry_content h4 {
margin: 3rem 0 1rem 2rem;
font-size: 106%;
font-weight: 600;
text-align: left;
}
.entry_content h4:before {
content: "";
display: inline-block;
margin-right: 6px;
vertical-align: middle;
transform: translateY(-2px);
width: 13px;
height: 1px;
background: #f28000;
}
.entry_content h5 {
margin: 2rem 0 1rem 0;
font-size: 106%;
font-weight: 600;
text-align: left;
}
.entry_content p {
margin: 2rem;
letter-spacing: 0.1em;
line-height: 1.8;
}
.entry_content > figure,
.entry_content .wrap_graph,
.entry_content .wrap_box {
margin-right: 2rem;
margin-left: 2rem;
}
.head_title {
margin-top: 3rem;
text-align: center;
font-size: 133%;
}
.head_title span {
display: inline-block;
margin-bottom: 1rem;
padding-bottom: .6rem;
font-family: var(--font-family-en);
font-weight:700;
font-size: 80%;
border-bottom: 1px solid #363630;
}
.head_title span.vol {
display: block;
border-bottom: none;
}
.head_title span.vol:after {
content: "";
display: block;
width: 30px;
height: 1px;
background:#363630;
margin: 1.5rem auto 2rem;
}

.head_title.left > span,
.head_title.left > strong,
.head_title.left > small {
display: block;
text-align: left;
border-bottom: none;
}

.head_title.left span.vol:after {
margin-left: 0;
margin-right: auto;
}


.entry_content blockquote {
position: relative;
display: inline-block;
margin:2rem;
padding: 0 .5rem;
}
.entry_content blockquote:before {
position: absolute;
top:0;
left:0;
width: 20px;
height: 20px;
content: "";
background: url(https://hofstede.jp/new/wp-content/themes/hofstede/assets/images/brackets_before.svg) no-repeat 50% 50%;
background-size: 100% auto;
}
.entry_content blockquote:after {
position: absolute;
bottom:10px;
right:0;
width: 20px;
height: 20px;
content: "";
background: url(https://hofstede.jp/new/wp-content/themes/hofstede/assets/images/brackets_after.svg) no-repeat 50% 50%;
background-size: 100% auto;
}





@media only screen and (min-width: 768px) {
.head_title {
margin-top: 6rem;
}
.head_title span.vol:after {
margin: 2rem auto 1.5rem;
}
.entry_content h4,
.entry_content h5 {
margin-left: 0;
}

.entry_content > figure,
.entry_content .wrap_graph,
.entry_content .wrap_box {
margin-right:0;
margin-left: 0;
}
.entry_content dl.wrap_graph dt + dd {
margin-top: 3rem;
} 
.entry_content figure.wrap_graph.flex > figcaption {
padding-left: 30px;
max-width: 360px;
}
.entry_content figure.wrap_graph.flex > figcaption.w40_pc {
width: 40%;
}
.entry_content blockquote {
margin:3rem 1rem;
padding: 0 3rem;
}
.entry_content blockquote:before,
.entry_content blockquote:after {
width: 22px;
height: 22px;
}
}


.box_authority {
margin-top: 4rem;
border:1px solid #363630;
}
.box_authority > a {
display: block;
text-align: center;
letter-spacing: -0.5em;
padding:1.5rem;
}
.box_authority > a figure,
.box_authority > a dl {
display: inline-block;
padding: 0 1rem;
letter-spacing: normal;
box-sizing: border-box;
vertical-align: middle;
}
.box_authority > a figure {
width: 40%;
text-align: right;
}
.box_authority > a dl {
width: 60%;
}
.box_authority > a dt {
font-weight: 600;
margin-bottom: 1rem;
font-size: 106%;
letter-spacing: 0.1em;
}
.box_authority > a dt span {
display: inline-block;
margin-bottom: .5rem;
padding: .3rem 1rem;
background: #ebebea;
font-size: 73.3%;
font-weight: 600;
line-height: 1.2;
}
.box_authority > a dd {
font-size: 86.6%;
}
.box_authority p.latest {
margin: 0;
background: #606054;
}
.box_authority p.latest a{
display: block;
padding: 0.5em;
text-align: right;
font-size: 93.3%;
color: #FFF;
}
.box_authority p.latest a:after,
.box_authority > a dt:after {
content: "";
display: inline-block;
margin-left: .5rem;
width: 15px;
height: 18px;
background: url(../images/arrow_ora.svg) no-repeat 50% 0;
background-size: 15px;
vertical-align: middle;
}

.box_authority.note {
border: none;
}
.box_authority.note > a {
position: relative;
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
align-items: center;
padding: 0;
letter-spacing: normal;
background: #F5F5F5;
}
.box_authority.note > a figure,
.box_authority.note > a dl {
display: block;
padding: 0;
margin: 0;
width: 100%;
box-sizing: border-box;
}
.box_authority.note > a dl {
padding: 2rem;
}
.box_authority.note.hij {
margin-left: 2rem;
margin-right: 2rem;
}
.box_authority.note.hij > a:after {
position: absolute;
bottom:10px;
right:10px;
content: "";
display: block;
width: 55px;
height: 40px;
background: url(../images/logo_hij.svg) no-repeat right bottom;
background-size: 100%;
opacity: .8;
}
.box_authority.note.other > a dt,
.box_authority.note.other > a dd {
letter-spacing: normal;
line-height: 1.4;
}
.box_references {
padding: 2rem;
margin-top: 5rem;
border:1px solid #999;
box-sizing: border-box;
font-size: 90%;
}
.box_references dd {
margin-top: .5rem;
font-size: 87%;
}
.box_message {
padding: 2rem 0;
border-top:1px dotted #f28000;
border-bottom:1px dotted #f28000;
}



/* Publication */
.book_info .btn_arrow {
display: block;
margin-bottom: 1rem;
}
.book_info .icol4 img,
.book_info .icol5 img {
width: 200px;
}
.book_info .box_message {
position: relative;
margin-top: 2rem;
padding: 6rem 1.5rem 2rem;
background: #fef5eb;
}
.book_info .box_message h1 {
position: absolute;
top:18px;
left: 0;
}
.book_info .box_message h1 img {
width: 156px;
}

.book_info .box_message figure {
margin-top: 2rem;
text-align: left;
}
.book_info .box_message figure img,
.book_info .box_message figure figcaption {
display: inline-block;
vertical-align: middle;
width: 100px;
}
.book_info .box_message figure figcaption {
width: 56%;
text-align: left;
font-size: 80%;
line-height: 1.5;
}
.book_info .box_message figure figcaption strong {
display: block;
font-size: 133%;
}

.book_info .btn_arrow_round.shadow {
padding: 1.5rem 1rem;
font-size: 120%;
}


.written-for h1 {
position: relative;
font-size: 146%;
line-height: 1.5;
}
.written-for h1:after {
content: "";
display: block;
margin: 2rem auto .5rem;
width: 100px;
height: 2px;
background: #f8bf80;
}
.written-for li {

padding: 1rem 6rem 1rem 1rem;
background-color: #FFF;
background-repeat: no-repeat;
background-position: right 15px bottom 0;
background-size: auto 70px;
}
.written-for li + li {
margin-top:1rem;
}
.written-for li:nth-child(1) {
background-image: url(../images/writtenfor_ico_1.svg);
background-position: right 5px bottom 0;
background-size: auto 60px;
}
.written-for li:nth-child(2) {background-image: url(../images/writtenfor_ico_2.svg);}
.written-for li:nth-child(3) {background-image: url(../images/writtenfor_ico_3.svg);}
.written-for li:nth-child(4) {
background-image: url(../images/writtenfor_ico_4.svg);
background-position: right 10px bottom 0;
}
.written-for li:nth-child(5) {
background-image: url(../images/writtenfor_ico_5.svg);
background-size: auto 65px;
}
.written-for li:nth-child(6) {background-image: url(../images/writtenfor_ico_6.svg)}






/* OPEN SEMINAR */
.box_dimention {
/* background: #fef5eb; */
background: #FFF;
text-align: center;
padding: 1rem 1.5rem 2rem;
}
.box_dimention .model_list {
margin-top: 1rem;
}

.outline_list li {
padding: 1rem 0;
border-top:1px solid #c7c7c3;
}
.outline_list li:last-child {
border-bottom:1px solid #c7c7c3;
}
.outline_list li span {
display: block;
}
.seminer_outline .icol6 + .icol6 {
margin-top: 3rem;
}
.outline_list.schedule li > span > a {
display: inline-block;
padding: .2rem 1rem;
/* background: #e78824; */
background: var(--orange);
color: #FFF;
font-weight: 600;
text-align: center;
}
.outline_list.schedule li > span > p {
display: inline-block;
padding: .2rem 1rem;
background: #c7c7c3;
color: #FFF;
font-weight: 600;
}

.seminer_agenda h1 {
margin-bottom: 1rem;
background: #FFF;
border-radius: 15px;
}
.seminer_agenda .wrap {
padding: 0 1rem;
}
.seminer_agenda .wrap ol li {
position: relative;
padding-left: 40px;
padding-top: .5rem;
margin-bottom: 1rem;
}
.seminer_agenda .wrap ol li span {
position: absolute;
top:0;
left:0;
display: inline-block;
width: 30px;
text-align: center;
font-size: 200%;
color: #e78824;
font-family: var(--font-family-en);
font-weight:500;
line-height: 1;
}


.beginner_title {
margin-bottom: 1rem;
font-size: 160%;
line-height: 1.4;
text-align: left;
}
.beginner_title span,
.beginner_title strong {
display: inline-block;
vertical-align: middle;
}
.beginner_title span {
padding: .4rem 1.5rem;
margin-right: 1rem;
/* background: #ed6b00; */
background: var(--gray80);
color: #FFF;
font-size: 60%;
}
.beginner_title strong {
font-weight: normal;
}
.check_list li {
position: relative;
margin-left: 2rem;
margin-bottom: .5rem;
}
.check_list li:before {
display: block;
content: '';
position: absolute;
top: 1rem;
left: -1.5rem;
width: 10px;
height: 5px;
border-left: 2px solid #ed6b00;
border-bottom: 2px solid #ed6b00;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}




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


}


















/* 

media Queries

*/


/*media Queries (600px)*/
@media only screen and (min-width: 600px) {

/* Publication */
.written-for ul {
letter-spacing: -0.5em;
}
.written-for li {
display: inline-block;
padding: 2rem 6rem 2rem 2rem;
vertical-align: top;
letter-spacing: normal;
width: 46%;
min-height: 160px;
margin-right: 4%;
box-sizing: border-box;
background-position: right 25px bottom 0;
background-size: auto 80px;
}
.written-for li:nth-child(even) {
margin-right: 0;
}
.written-for li:nth-child(1),
.written-for li:nth-child(5) {
background-size: auto 80px;
}

.written-for li + li {
margin-top:3rem;
}
.written-for li:nth-child(2) {
margin-top: 0;
}



}/*min-width: 600px*/







/*media Queries (768px)*/
@media only screen and (min-width: 768px) {

/* Contents Box */
section.container {
padding: 7rem 0;
}


/*Header*/
.header {
height: 80px;
/* padding-top: 5px; */
padding-top: min(1vw,15px);
}
.header .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 100%;
padding-right: 200px;
}
.header h1,
.header .header_nav {
box-sizing: border-box;
position: static;
display: inline-flex;
align-items: center;
}
.header h1 {
/* width: 100px; */
width: 150px;
}
.header h1 img {
width: 100%;
}
.header .header_nav {
/* width: calc(100% - 100px); */
width: calc(100% - 150px);
}
.header_nav > ul {
display: block;
text-align: right;
}
.header_nav > ul li {
display: inline-block;
/* font-size: 73.3%; */
letter-spacing: normal;
margin-left: 1rem;
}
.header_nav > ul li a {
color: #363630;
padding: 1rem .5rem 1rem 20px;
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 16px auto;
}
.header_nav > ul li.about a {
background-image: url(../images/ico_member_gray.svg);
}
.header_nav > ul li.mailmagazine a {
background-image: url(../images/ico_mailmagazine_gray.svg);
}
.header_nav > ul li a:hover {
color: #F28000;
}


/* gnavi */
.gnav {
position: static;
display: block;
top:0;
background: transparent;
width: 100%;
}
.gnav > ul {
display: block;
padding-top: 0;
text-align: right;
background: transparent;
}
.gnav li {
display: inline-block;
border-top: none;
}
.gnav li a {
position: relative;
padding: 0 min(0.4vw,10px);
background: none;
/* font-size: 80%; */
font-size: min(1.2vw,15px);
}
.gnav li.current a {
background:none;
color: var(--font-color);
font-weight: 700;
}
.gnav li::after {
content:"";
position: relative;
height:2px;
width:100%;
background-color: var(--orange);
display:block;
top:5px;
transition:all .2s;
transform-origin:50% center;
transform:scaleX(0);
z-index: 9;
}
.gnav li a:hover {background: none}
.gnav li:hover::after {
background-color: var(--orange);
transform:scaleX(1);
opacity: 1;
height:1px;
}
.gnav li.current:after {
transform:scaleX(1);
height:2px;
}
.gnav li.lang {
margin-left:1rem;
margin-right: 1rem;
}
.gnav li.lang a, .gnav li.lang span {
font-size: 80%;
padding: 0;
}
.gnav li.lang > span + a:before,
.gnav li.lang > a + span:before {
margin:0 5px;
}
.gnav li.lang:hover:after {
background-color: transparent;
transform:scaleX(0);
}

.header .btn_contact,
.header .btn_magazine {
display: block;
position: absolute;
top:0;
}
.header .btn_contact a,
.header .btn_magazine a{
display: block;
/* width: 90px;
height: 80px; */
width:90px;
height: 80px;
/* height: min(10vw,80px); */
font-weight: 600;
/* font-size: 74%; */
font-size: min(1.2vw,14px);
line-height: 1.4;
text-align: center;
letter-spacing: normal;
}
.header .btn_contact a:before, 
.header .btn_magazine a:before{
content: "";
display: block;
width: 30px;
height: 40px;
margin:auto;
background:url(../images/ico_sendcontact_w.svg) no-repeat 50% 50%;
background-size: 20px auto;
}

.header .btn_contact {
right:90px;
}
.header .btn_contact a {
padding-top: 10px;
/* color: #f59933;
background: #363630; */
background: var(--gray80);
color: #FFF;
}

/* .header .btn_contact a:hover {
opacity: 1;
background:#5e5e59; 
} */
.header .btn_magazine {
right:0;
}
.header .btn_magazine a {
padding-top: 0;
background: var(--gray5);
}
.header .btn_magazine a:before {
background-image:url(../images/ico_mailmagazine_b.svg);
}


#toggle,
.gnav .subnavi,
.gnav li.home,.gnav li.contact {
display: none;
}



/* Footer */
.footer .icol3 {
padding: 0 15px;
}
.footer .wrapper > div {
vertical-align: top;
}
.footer h1,
.footer ul,
.footer ul li {
display: inline-block;
vertical-align: top;
}
.footer h1 {
width: 29%;
text-align: left;
}
.footer h1 img {
width: 173px;
}
.footer ul {
width: 70%;
}
.footer ul li {
width: 37%;
}
.footer ul li:first-child {
width: 23%;
}
.footer ul li p {
margin-bottom: 1.5rem;
}
.footer ul li p.sub {
margin-bottom: .8rem;
padding-left: .5rem;
font-size: 86.6%;
}
.footer .btn_mailmagazine {
padding: 2rem 1rem;
}
.footer .btn_mailmagazine .present:before {
font-size: 1.1rem;
}


/* btn - magazine fixed */
#magazine_fixed {
/* bottom: 70%; */
bottom: 15%;
right: 0;
width: 100px;
/* border-top-left-radius: 5px;
border-bottom-left-radius: 5px; */
}
#magazine_fixed a {
/* background-image: url(../images/btn_magazine_pc.svg);
background-size: 80px auto; 
height: 250px;*/
}

#magazine_fixed a.magazine,
#magazine_fixed a.facebook {
width: 100px;
}
#magazine_fixed a.magazine {
border-bottom-left-radius: 5px;
padding: 10px 10px 30px;
}
#magazine_fixed a.facebook {
border-top-left-radius: 5px;
padding: 20px 10px;
}






/* Common */

/* title */
.section_title {
margin-bottom: 4rem;
}
.section_title h1 strong {
font-size: 320%;
margin-bottom: .3rem;
}
.section_title h1 span {
font-size: 86.6%;
}
.section_title h1:after {
margin: 1.5rem auto 2.5rem;
}
.section_title p {
font-size:113%;
letter-spacing: 0.1em;
}
.section_title_jp {
font-size: 160%;
}

.page_title h1 strong {
font-size: 260%;
}


.book_title {
margin-bottom: 3rem;
}
.book_title h1 {
/* font-size: 220%; */
font-size: 200%;
line-height: 1.5;
letter-spacing: 0.05em;
}
.book_title:after {
margin-top: 2.5rem;
}
.corner_title {
margin-bottom: 3rem;
}

.btn_arrow {
padding-right: 4rem;
}
.btn_box_arrow span {
width: calc(100% - 55px);
padding: 1.5rem 2rem;
}
.btn_box_arrow:after {
right:22px;
}
.btn_arrow_round.shadow {
padding:2rem;
}

.btn_box_shadow {
text-align: center;
padding: 2rem;
}

.btn_box_shadow > .tooltip_o {
padding: 6px 12px;
font-size: 87%;
}
.btn_box_shadow > .tooltip_o:after {
bottom: -8px;
}







/* Contents
----------------------------------------------------*/

/* -- INDEX -- */
/* fv */
.fv_top {
padding: 2rem 1rem 6rem;
background-position: 50% 50%;
}
.fv_top h1 {
text-align: right;
font-size: min(2.4vw,24px);
padding-right: 110px;
}
/* .fv_top h1:before {
margin:0 3rem 10px auto;
width:210px;
height: 270px;
background-size: 210px auto;
} */


/* service */
.top_service_link ul {
margin-bottom: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top_service_link ul li {
width: calc(50% - 20px);
}
.top_service_link ul li.wrap_national {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
margin-bottom: 20px;
}
.top_service_link ul li.wrap_national > a {
width: 70%;
}
.top_service_link ul li.wrap_national > a:before {
position: absolute;
top:50%;
transform: translateY(-50%);
right:0;
content: "";
display: block;
width: 1px;
height: calc(100% - 20px);
background: #EEE;
}

.top_service_link ul li.wrap_national .link_wrap {
padding: 0 50px;
width: 30%;
}

/* .top_service_link li > a {
margin-bottom: 0;
} */

.top_service_link li > a:after {
right:60px;
width: 50px;
height: 50px;
}

.top_service_link h2,
.top_service_link h3,
.top_service_link p {
padding: 0;
}
.top_service_link h2 strong {
font-size:160%;
}
.top_service_link h3 {
font-size:106%;
}
.top_service_link p {
padding-right: 50px;
/* font-size: 80%; */
}
.top_service_link figure {
margin-bottom:0;
}
.top_service_link figure:before {
right:0;
}




.top_member_link {
margin: 3rem 0;
letter-spacing: -0.5em;
padding: 0 15px;
}
.top_member_link a {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding: 0;
min-height: 120px;
}
.top_member_link a.btn_aboutus {
width: 75%;
text-align: center;
padding-top: 10px;
}
.top_member_link a.btn_contact {
width: 25%;
min-height: 120px;
padding-top: 25px;
font-size: 113%;
}
.top_member_link a.btn_aboutus h2,
.top_member_link a.btn_aboutus p,
.top_member_link a.btn_aboutus figure {
display: inline-block;
vertical-align: middle;
width: 25%;
}
.top_member_link a.btn_aboutus h2 {
width: 28%;
font-size: 146%;
line-height: 1.4;
text-align: left;
}
.top_member_link a.btn_aboutus p {
padding: 0;
width: 30%;
}


/* blog list */
.top_whatsnew .blog_link_box {
width: 25%;
}
.top_blog .blog_link_box,
.top_blog .blog_link_box:first-of-type {
width:33.33333333%;
}
.top_whatsnew .blog_list_img {
height: 170px;
}
.top_blog .blog_list_img,
.top_blog .blog_link_box:first-of-type .blog_list_img {
height: 240px;
}
.blog_link_box figcaption {
padding: 1rem 7.5rem 1rem .5rem;
font-size: 86.6%;
}
.blog_link_box figcaption i {
height: 64px;
width: 64px;
}
.blog_link_box a.new:before {
/* width: 70px;
height: 70px; */
}


/* pager */
.pager ul li.btn_next:before {
left:10px;
}
.pager ul li a {
padding: .2rem 1.6rem .2rem 1.3rem;
}


/* BLOG DETAIL */
.detail_blog .blog_title {
margin-bottom: 0;
}
.detail_blog .blog_title h1 {
font-size: 173%
}
.container.detail_blog .icol3,
.container.detail_blog .icol8,
.container.detail_blog .entry_content {
vertical-align: top;
margin-top: 6rem;
}
.container.detail_blog .icol3 {
width: 66.7%;
}

.blog_title .blog_info {
border-top: none;
}
.wrap_writer {
padding: 2rem 0;
}
.wrap_related {
margin-top: 6rem;
}
.wrap_writer p {
padding: 0 2rem;
}
.wrap_related a {
font-size: 93.3%;
padding: 1.5rem 0 1.5rem 2rem;
}
.wrap_related a:before {
top:2.2rem;
}


/* 20223031 */
.wrap_writer {
padding-top: 3rem;
}
.wrap_writer > figure {
width: 30%;
}
.wrap_writer > figure + div {
width: 70%;
padding-left: 30px;
}
.wrap_writer > figure + div > p {
padding: 1rem 0 0;
}
.wrap_writer > p {
padding-top: 2rem;
padding-bottom: 1rem;
}









/* banner_mailmagazine */
.side_btn_mailmagazine {
display: block;
}


/* seminar */
.btn_seminarentry {
margin: 4rem 0;
height: 50px;
text-align: center;
padding-top: .9rem;
font-size: 120%;
letter-spacing:normal;
}
.btn_seminarentry:after {
height: 50px;
width: 50px;
}
.btn_seminarentry:before {
width: 13px;
height: 13px;
right:22px;
}
.entry_content h5.seminar_title {
margin: 4rem 0 0;
}
.entry_content .seminar_list {
margin: 2rem 0 4rem;
}
.entry_content .seminar_list {
display: table;
width: 100%;
}
.entry_content .seminar_list li {
display: table-row;
border-top: none;
}
.entry_content .seminar_list li span {
display: table-cell;
padding: .8rem;
border-top: 1px dotted #606054;
}
.entry_content .seminar_list li:last-child span {
border-bottom: 1px dotted #606054;
}

.entry_content .wrap_graph {
padding: 3rem;
}
.entry_content .wrap_graph.white  {
margin:3rem 0;
padding: 2rem 3rem;
border:1px solid #DDD;
background-color: #F9F9F9;
}
.entry_content .wrap_graph h5 {
margin-bottom: 2rem;
text-align: center;
font-size: 100%;
}

.box_authority > a figure {
width: 30%;
}
.box_authority > a dl {
width: 70%;
}
.box_authority.note > a {
justify-content: space-between;
}
.box_authority.note > a figure,
.box_authority.note > a dl {
width: 50%;
text-align: left;
}
.box_authority.note.hij {
margin-left: 0;
margin-right: 0;
}
.box_authority.note.other > a figure {
width: 40%;
}
.box_authority.note.other > a dl {
width: 60%;
}




.entry_content .wrap_logo {
margin: 3rem 0;
border-right: none;
border-left:none;
display: table;
width: 100%;
table-layout: fixed;
padding: 0;
}
.entry_content .wrap_logo li {
display: table-cell;
padding: 10px 0;
text-align: center;
width: auto;
}
.entry_content .wrap_logo li a {
border-right: 1px dotted #DDD;
}
.entry_content .wrap_logo li:last-child a {
border-right: none;
}




/* 現状サイトのstyle変更 */
.entry_content h3 {
margin: 7rem 0rem 4rem;
padding-left: 3rem;
}
.entry_content p {
margin: 3rem 0;
line-height: 2;
}
.entry_content p:first-of-type {
margin-top: 0;
}


/* Publication */
.book_info .btn_arrow {
display: inline-block;
margin-bottom: 0;
margin-right: 1rem;
}
.book_info .icol4 img,
.book_info .icol5 img {
width: auto;
}
.book_info .box_message {
padding: 8rem 4rem 4rem;
}
.book_info .box_message h1 {
top:30px;
left: -5px;
}
.book_info .box_message h1 img {
width: 170px;
}
.book_info .box_message > div,
.book_info .box_message figure {
display: inline-block;
vertical-align: top;
}
.book_info .box_message > div {
width: 78%;
}
.book_info .box_message figure {
margin-top: 0;
width: 20%;
text-align: center;
}
.book_info .box_message figure img {
width: 160px;
}
.book_info .box_message figure figcaption {
display: block;
margin-top: 1rem;
width: auto;
text-align: center;
}
.book_info .btn_arrow_round.shadow {
padding: 2.5rem 1rem;
font-size: 165%;
}

.written-for h1 span {
position: relative;
display: inline-block;
padding: 0 2rem;
background: #f4f4f4;
z-index: 10;
box-sizing: border-box;
}
.written-for h1:after {
position: absolute;
width: calc(100% - 4rem);
height: 4px;
margin: 0;
top:15px;
z-index: 9;
}
.wrap_book_link .icol6:nth-child(1),
.wrap_book_link .icol6:nth-child(2) {
margin-bottom: 0;
}






/* OPEN SEMINAR */
.box_dimention {
padding: 2rem 4rem 6rem;
}
.box_dimention .model_list {
margin-top: 1rem;
}
.outline_list {
display: table;
width: 100%;
}
.outline_list li {
display: table-row;
padding: 0;
border-top:none;
}
.outline_list li span {
display: table-cell;
padding: 1rem 0;
border-top:1px solid #c7c7c3;
letter-spacing: normal;
}
.outline_list li:last-child span {
border-bottom:1px solid #c7c7c3;
}
.outline_list.outline li span:first-child {
width: 10rem;
}
.outline_list.outline.en li span:first-child {
width: 15rem;
font-weight: 600;
}
.seminer_outline .icol6 + .icol6 {
margin-top: 20px;
}
.outline_list.schedule li > span:last-child {
text-align: right;
}

}/* min-width:768px */





/*media Queries (960px)*/
@media only screen and (min-width: 960px) {

/*Header*/


/* .header {
height: 100px;
}
.header .btn_contact a {
height:100px;
padding-top: 15px;
}
.gnav li {
margin-left: 10px;
}
.gnav li a {
font-size: 100%;
} */

/* Publication */
.written-for li {
min-height: 80px;
}



.outline_list.schedule li > span > a,
.outline_list.schedule li > span > p {
min-width: 180px;
text-align: center;
}



}/* min-width:960px */






/*media Queries (1200px)*/
@media only screen and (min-width: 1160px) {
.header {
height: 90px;
}
.header .wrapper {
padding-right: 220px;
}
.header h1 {
/* width: 170px; */
width: 240px;
padding-left: 30px;
}
.header .header_nav {
width: calc(100% - 180px);
}

.gnav li {
margin-left: 5px;
}
/* .gnav li a {
font-size:84%;
} */
.gnav li.lang {
margin-left:2rem;
}
.gnav li.lang > span + a:before,
.gnav li.lang > a + span:before {
margin:0 10px;
}
.header .btn_contact a,
.header .btn_magazine a {
width: 100px;
height: 90px;
font-size: 80%;
}
.header .btn_contact {
right:100px;
}


/* Footer */
.footer .btn_mailmagazine {
padding: 3rem 2rem;
}


/* Contents */
/* -- INDEX -- */
/* fv */
.fv_top {
padding: 0 1rem 10rem;
background-position: 50% 0%;
}
.fv_top h1 {
/* font-size: 180%; */
font-size: 28px;
}
.top_service_link li.wrap_national p {
min-height: auto;
}
.top_member_link {
max-width: 1160px;
}

}/* min-width:1160px */


@media only screen and (min-width: 1400px) {
.gnav li {
margin-left: 10px;
}
/* .gnav li a {
font-size:100%;
} */

}/* min-width:1400px */
















/* SNS */
.entry_content .wsbl_twitter {
width: 85px!important;
position: relative;
top:2px;
}


/* form_format */
table.mobile-block,
table.form_format {
width: 90%;
margin:3rem auto;
}
table.form_format {
width: 100%;
}
table.mobile-block th{
padding-left: 1rem;
border-left:3px solid #f28000;
font-size: 133%;
font-weight: 600;
text-align: left;
}
table.mobile-block td {
padding: 1.5rem 1rem;
box-sizing: border-box;
border-bottom: 1px dotted #dadad7;
}
table.form_format td {
padding: 1.5rem 1rem;
box-sizing: border-box;
border-top: 1px dotted #dadad7;
}
table.form_format tr:nth-last-child(-n+2) td {
border-top: none;
text-align: center!important;
}
table.form_format td.policy {
padding-top:3rem;
}

table.mobile-block td:first-child,
table.form_format td:first-child {
white-space: nowrap;
width: 30%;
text-align: right;
font-weight: 600;
}
table.form_format .v_top td:first-child {
padding-top: 2rem;
padding-bottom: 1rem;
}
table.form_format td:first-child {
width: 20%;
padding-right: 0;
font-size: 90%;
}
.required {
display: inline-block;
padding:3px 5px;
background:#e78824;
color: #FFF;
font-size: 86%;
font-weight: 600;
line-height: 1;
border-radius: 3px;
}

table.mobile-block td input[type="text"],
table.mobile-block td textarea,
table.form_format td input[type="text"],
table.form_format td textarea {
padding: .8rem;
width: 100%;
background:#fef5eb;
}
table.mobile-block tr:last-of-type td {
text-align: center!important;
border-bottom: none;
}
input[type=checkbox]#chkbox,
input[type=checkbox].default_checkbox {
display: inline-block;
margin-right: 10px;
}
table.mobile-block td input.btn_submit,
table.form_format td input.btn_submit {
display: inline-block;
padding: .6rem 5rem;
background:#363630;
color: #f59933;
cursor: pointer;
font-size: 106%;
font-weight: 600;
transition: all .3s;
border-radius: 3px;
}
table.mobile-block td input.btn_submit:hover,
table.form_format td input.btn_submit:hover {
opacity: .8;
}
table.mobile-block td input.btn_submit[disabled],
table.form_format td input.btn_submit[disabled] {
opacity: .5;
cursor: default;
}
table.mobile-block td input.btn_submit[disabled]:hover,
table.form_format td input.btn_submit[disabled]:hover {
opacity: .5;
background:#363630;
color: #f59933;
}
table.form_format .service_select > label {
display: flex;
justify-content:space-between;
padding: 3px 5px;
cursor: pointer;
}
table.form_format .service_select > label > input {
width: 20px;
transform: translateY(6px);
}
table.form_format .service_select > label > input[type=checkbox] {
transform: translateY(3px);
}
table.form_format .service_select > label > span {
width:calc(100% - 25px)
}

table.form_format .input_name {
display:flex;
align-items: center;
}
/* table.form_format .input_name > span {
display: block;
padding: 0 5px;
width: 30px;
} */
table.form_format .input_name > strong {
display: block;
padding: 0 10px;
width: 40px;
font-size: 94%;
font-weight: normal;
}


table.form_format .input_name > input {
width:calc(100% - 40px)
}



/* contact_form */
.contact_form dl {
padding: 1rem 0;
}
.contact_form dt {
margin-bottom: .5rem;
font-weight: 600;
}
.contact_form span.must {
display: inline-block;
margin-left: .5rem;
font-size: 120%;
font-weight: 600;
color: #f28000;
}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form textarea {
padding: .6rem 1rem;
width: 100%;
background:#fef5eb;
box-sizing: border-box;
}
.contact_form input[type="submit"] {
padding: .6rem 3rem;
background:#363630;
color: #f59933;
font-size: 106%;
font-weight: 600;
cursor: pointer;
transition: all .3s;
}
.contact_form input[type="submit"]:hover {
opacity: .8;
}
.contact_form input[type=checkbox] {
position: relative;
top:2px;
display: inline-block;
width: 16px;
height: 16px;
}
.contact_form .wpcf7-list-item {
display: block;
}
.contact_form .wpcf7-list-item + .wpcf7-list-item {
margin-top: 1rem;
}





@media only screen and (min-width: 768px) {
table.mobile-block {
width: 70%;
margin:6rem auto;
}
table.form_format {
margin:6rem auto;
}
table.mobile-block td:first-child {
width: 20%;
}
table.form_format td:first-child {
font-size: 100%;
}
table.form_format td.policy {
padding-top:5rem;
padding-bottom:2rem;
}
.required {
display: inline-block;
margin-left: 5px;
padding:5px 8px 4px;
}
.contact_form dl {
display: table;
width: 100%;
border-bottom: 1px dotted #DDD;
padding: 2rem 0;
}
.contact_form dl:last-of-type {
border-bottom: none;
}

.contact_form dl dt,
.contact_form dl dd {
display: table-cell;
vertical-align: middle;
}
.contact_form dl dt {
width: 28%;
padding-right: 20px;
}



}/* form_format contact_form min-width: 768px*/






@media only screen and (min-width: 1160px) {
table.mobile-block {
width: 60%;
}


}/*min-width: 1160px*/





/* 190308 UPDATE */

section.container.box_publication {
padding-top: .8rem;
}
.box_publication .icol12,
.box_publication .icol6 {
position: relative;
background: #FFF;
padding: 2rem 1rem;
}
.box_publication .new:before {
content: "";
display: inline-block;
width: 50px;
height: 50px;
background:url(../images/ico_new.svg) no-repeat 0 0;
background-size: 100%;
position: absolute;
top:0;
left: 0;
z-index: 30;
}
.box_publication .icol12.new > div .head,
.box_publication .icol6.new > .head {
padding-left: 2rem;
}
.box_publication .icol12 > div .head span,
.box_publication .icol6 .head span {
display: inline-block;
font-weight: 600;
}
.box_publication > div .head span:first-child {
margin-right: .5rem;
padding: 0 1rem;
background: #444436;
text-align: center;
font-size: 93.3%;
color: #f59933;
border-radius: 12px;
}
.box_publication h1 {
margin: 3rem 0 .5rem;
font-size: 113%;
line-height: 1.4;
}
.box_publication a {
position: relative;
display: block;
margin-top: 1rem;
padding: .2rem 1rem;
background: #ececeb;
color: #363630;
transform: all .5s;
}
.box_publication a:after {
content: "";
display: inline-block;
position: absolute;
vertical-align: middle;
margin-left: .3rem;
top:40%;
right: 10px;
width: 5px;
height: 5px;
border-top: 1px solid #f28000;
border-right: 1px solid #f28000;
transform: rotate(45deg);
}
.box_publication a:hover {
background: #f6a64c;
}
.box_publication figure {
position: absolute;
top:50px;
right:3%;
width: 100px;
}





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

section.container.box_publication {
padding-top: 4rem;
}
.box_publication .icol12 {
width: 96%;
padding: 3rem;
text-align: center;
}

.box_publication .icol12 > div .head,
.box_publication .icol6 .head {
padding-left: 0;
font-size: 106%;
}
.box_publication .head span:first-child {
font-size: 80%;
}
.box_publication .new:before {
width: 70px;
height: 70px;
}
.box_publication .icol12 > div,
.box_publication .icol12 > figure {
display: inline-block;
vertical-align: middle;
}
.box_publication .icol12 > div {
width: 85%;
}
.box_publication figure {
position: static;
width: 12%;
}
.box_publication h1 {
display: inline-block;
margin: 1.8rem 0 0;
font-size: 133%;
}
.box_publication .icol12 > div p {
font-size: 93.3%;
}
.box_publication .icol12 > div p.small {
display: inline-block;
font-size: 80%;
}
.box_publication a {
display: inline-block;
margin-right: 1rem;
min-width: 200px;
font-size: 93.3%;
}
}

@media only screen and (min-width: 1160px) {
.box_publication .icol12 {
width: 100%;
}
}








/* 190808 update */
.container.box_head-guide {
padding: 1rem 0;
}
.box_head-guide .wrap {
position: relative;
background: #FFF;
padding: 1.5rem;
}
.box_head-guide .wrap .tag {
margin-bottom: .5rem;
}
.box_head-guide .wrap .tag span {
padding: .2rem 1rem;
background: #444436;
text-align: center;
font-size: 93.3%;
font-weight: 600;
color: #f59933;
border-radius: 12px;
}
.box_head-guide .wrap h1 {
margin-bottom: .5rem;
font-size: 113%;
line-height: 1.4;
}
.box_head-guide .wrap a {
display: block;
margin: .8rem 0;
}
.box_head-guide .wrap > div,
.box_head-guide .wrap > figure {
display: inline-block;
vertical-align: top;
}
.box_head-guide .wrap > div h1,
.box_head-guide .wrap > div p {
width: 60%;
}
.box_head-guide .wrap > figure {
position: absolute;
width: 80px;
top:1.5rem;
right: 1.5rem;
}
.box_head-guide.blog {
padding: 0;
border:4px solid #ffe7cc;
}
.box_head-guide.blog p {
margin:0;
}

.box_attention {
padding: 1rem 2rem; 
margin-bottom: 2rem;
border:2px solid #e78824;
background-color: #FFF;
}
.box_attention h2 {
display: inline-block;
padding: 0 2rem;
margin-bottom: .5rem;
background:#e78824;
color: #FFF;
border-radius: 20px;
font-size: 80%;
}

.box_attention dl {
margin-top: 1.5rem;
}
.box_attention dt {
margin-bottom: .5rem;
padding-bottom: .5rem;
font-size: 90%;
font-weight: 600;
border-bottom: 1px dotted #BBB;
}



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

.container.box_head-guide {
padding: 0;
}
.box_head-guide .wrap .tag span {
padding: .3rem 2rem;
}
.box_head-guide .wrap a {
display: inline-block;
margin: .5rem .5rem .5rem 0;
}
.box_head-guide .wrap > div {
width: 78%;
}
.box_head-guide .wrap > div h1,
.box_head-guide .wrap > div p {
width: auto;
}
.box_head-guide .wrap > figure {
position: static;
width: 20%;
}
.box_head-guide.blog {
margin-top: 4rem;
padding: 1rem 2rem;
}
}


@media only screen and (min-width: 1160px) {
.box_head-guide .wrap {
min-height: 195px;
}
}





/* 200403 update */

/* top-banner */
.bnr_onlineprogram {
position: relative;
z-index: 1;
}
.bnr_onlineprogram:after {
content: "";
position: absolute;
bottom:-5px;
right:-5px;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,.1);
z-index: -1;
}
.bnr_onlineprogram > a {
position: relative;
display: block;
text-align: center;
padding: 3rem 1rem 2rem;
background: #FFF url(../images/onlineprogram/bnr_onlineprogram_bg.jpg) no-repeat right -55px bottom;
background-size: auto 100%;
border-left: 6px solid #f18c1d;
}
.bnr_onlineprogram > a:after {
content: "";
position: absolute;
bottom:0;
right:0;
width: 40px;
height: 40px;
background: url(../images/link_arrow_ora.svg) no-repeat right bottom;
background-size: auto 100%;
}
.bnr_onlineprogram:hover:after {
background: #FFF;
bottom:0;
right:0;
}
.bnr_onlineprogram h1 {
margin-bottom: 1.5rem;
padding-right: 60px;
}
.bnr_onlineprogram p {
padding-right: 60px;
}
.bnr_onlineprogram .zoom {
position: absolute;
top:-20px;
left:10px;
display: block;
width: 90px;
height: 42px;
background: url(../images/onlineprogram/bnr_onlineprogram_zoom.svg) no-repeat left bottom;
background-size: 100%;
}



/* provacy poricy */
.wrap_policy {
word-break: break-all;
}
.wrap_policy h2 {
margin-bottom: 2rem;
text-align: left;
font-size: 116%;
font-weight: 600;
}
.wrap_policy p + h2,
.wrap_policy ol + h2,
.wrap_policy ul + h2 {
margin-top: 4rem;
}
.wrap_policy p + p {
margin-top: 2rem;
}
.wrap_policy > ol > li,
.wrap_policy > ul > li {
margin-top: 2rem;
}


/* online program LP */
section.container.online_fv {
position: relative;
padding: 4rem 1rem 3rem;
background-color:transparent!important;
background-image: url(../images/onlineprogram/fv_bg_right.jpg);
background-position: top right;
background-repeat: no-repeat;
background-size: 40% auto;
}
section.container.online_fv:after {
content: "";
position: absolute;
top:0;
left:0;
display: block;
width: 35%;
height: 90vh;
background: url(../images/onlineprogram/fv_bg_left.jpg) no-repeat top -20px left -40px;
background-size: 100%;
z-index: 10;
}
.online_fv h1,
.online_fv p,
.select_hij_title,
.select_hij {
position: relative;
z-index: 20;
}
.online_fv h1 {
margin-bottom: 3rem;
text-align: center;
}
.online_fv p {
font-size: 106%;
font-weight: 600;
text-align: center;
}



/* select_hij_title */
.select_hij_title {
position: relative;
margin-top: 2rem;
padding: 0 30px;
font-size: 118%;
font-weight: 600;
line-height: 1.4;
letter-spacing: normal;
}
.select_hij_title strong {
font-size: 118%;
font-weight: 700;
}
.select_hij_title:before,
.select_hij_title:after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 30px;
height: 50px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.select_hij_title:before {
left:0;
background-image: url(../images/onlineprogram/select_hij_left.svg);
}
.select_hij_title:after {
right:0;
background-image: url(../images/onlineprogram/select_hij_right.svg);
}

/*select_hij*/
.select_hij dl {
position: relative;
margin: 20px;
padding: 1rem 2rem;
/* border:1px solid #f18c1d;
background:#fef5eb; */
background: #FFF;
border-radius: 10px;
letter-spacing: normal;
}
.eng .select_hij dl {
background: var(--gray5);
}


.select_hij dl dt {
text-align: center;
}
.select_hij dl dt span,
.select_hij dl dt strong {
display: inline-block;
width: 68%;
vertical-align: middle;
font-size: 133%;
text-align: left;
box-sizing: border-box;
}
.select_hij dl dt span {
width: 30%;
padding-right:10px; 
}
.eng .select_hij dl dt strong {
font-size: 129%;
line-height: 1.2;
}
.eng .select_hij dl dd {
margin-top: .5rem;
}





/*conversion*/
.online_conversion {
padding: 2rem 0;
/* background:linear-gradient(#ffac38 0% , #f18c1d 100%); */
background:linear-gradient(#666 0% , #333 100%);
color: #FFF;
}
.online_conversion .head strong {
position: relative;
display: inline-block;
padding: 0 25px;
font-size: 129%;
font-weight: 700;
}
.eng .online_conversion .head strong {
font-size: 113%;
font-weight: 500;
}

.online_conversion .head strong:before,
.online_conversion .head strong:after {
position: absolute;
top:50%;
transform: translateY(-50%);
content: "";
display: inline-block;
vertical-align: middle;
display: block;
width: 15px;
height: 20px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.online_conversion .head strong:before {
left:0;
background-image: url(../images/onlineprogram/title_left_w.svg);
}
.online_conversion .head strong:after {
right:0;
background-image: url(../images/onlineprogram/title_right_w.svg);
}
.online_conversion a,
.online_conversion span.comingsoon {
position: relative;
display: block;
margin-top: .5rem;
background: #FFF;
padding: 1rem;
border-radius: 6px;
font-size: 120%;
font-weight: 700;
/* color: #f18c1d; */
color: var(--orange);
box-shadow: 0 5px 0 rgba(0,0,0,.1);
}
.eng .online_conversion a,
.eng .online_conversion span.comingsoon {
font-size: 141%;
}
.online_conversion a:after,
.online_conversion span.comingsoon:after {
content: "";
position: absolute;
top:35%;
right:20px;
display: block;
width: 15px;
height: 15px;
/* border-top: 2px solid #f18c1d;
border-right: 2px solid #f18c1d; */
border-top: 2px solid  var(--orange);
border-right: 2px solid  var(--orange);
transform: rotate(45deg);
}
.wrap_program .online_conversion {
background:transparent;
}
.wrap_program .online_conversion {
color: #363935;
}
.wrap_program .online_conversion .head strong {
font-size: 106%;
}
.wrap_program .online_conversion .head strong:before,
.wrap_program .online_conversion .head strong:after {
top:auto;
bottom: 0;
}
.wrap_program .online_conversion .head strong:before {
background-image: url(../images/onlineprogram/title_left_o.svg);
}
.wrap_program .online_conversion .head strong:after {
background-image: url(../images/onlineprogram/title_right_o.svg);
}
.wrap_program .online_conversion a,
.wrap_program .online_conversion span.comingsoon {
display: block;
/* background:linear-gradient(#f7a32e 0% , #f18c1d 100%); */
background:linear-gradient(#666 0% , #333 100%);
color: #FFF;
line-height: 1.4;
}
.eng .wrap_program .online_conversion a,
.eng .wrap_program .online_conversion span.comingsoon {
line-height: 1.2;
}
.wrap_program .online_conversion a:after,
.wrap_program .online_conversion span.comingsoon:after {
border-top-color: #FFF;
border-right-color: #FFF;
}
.online_conversion span.comingsoon:before {
position: absolute;
top:-10px;
left:-10px;
content: '';
display: block;
width: 90px;
height: 30px;
background: url(../images/onlineprogram/tip_comingsoon.svg) no-repeat 0 0;
background-size: 100%;
}




.wrap_program .icol4,
.wrap_program .icol5,
.wrap_program .icol7,
.wrap_program .icol8 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.level-icon {
display: block;
padding-top: 16px;
width: 60px;
height: 60px;
background: #404b4c;
text-align: center;
color: #FFF;
font-size: 118%;
font-weight: 700;
border-radius: 50%;
box-sizing: border-box;
}
.level-icon.wide {
padding-top: 0;
width: 200px;
height: auto;
font-size: 100%;
letter-spacing: 0.1em;
border-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


.level-icon.level1 { color: #f8c58e; }
.level-icon.level2 { color: #fde288; }
.level-icon.level3 { color: #a5d9d5; }

.eng .level-icon {
padding-top: 3px;
width: 120px;
height: 30px;
border-radius: 10px;
font-size: 106%;
font-family: var(--font-family-en);
font-weight:700;
}



/*online_program*/
.online_program {
/* background: #fef5eb; */
background: var(--gray5);
padding: 3rem 0;
}
.online_program.new {
background: #f4f2f1;
}

.online_program .section_title h1 strong {
font-size: 165%;
letter-spacing: normal;
}
.online_program .section_title h1:after {
margin: 3rem auto 4rem;
width: 165px;
height: 2px;
}
.online_program dl {
position: relative;
margin: 20px;
padding: 2rem;
letter-spacing: normal;
background: #FFF;
box-shadow: 0 7px 0 rgba(0,0,0,.1);
}
.online_program.new dl {
padding-top: 4rem;
border: 1px solid #d7d7d6;
box-shadow: none;
}

.online_program dl + dl {
margin-top: 60px;
}
.online_program dl:after {
content: "";
position: absolute;
bottom: -52px;
left:50%;
transform: translateX(-50%);
display: block;
width: 30px;
height: 36px;
background:url(../images/onlineprogram/arrow_down_b.svg) no-repeat center center;
background-size: 100%;
}
.online_program dl:last-child:after {
display: none;
}
.eng .online_program dl:after {
display: none;
}

.online_program dl dt {
position: absolute;
top:0;
left:-15px;
}
.online_program.new dl dt {
top:0;
left:50%;
transform: translateX(-50%);
}

.eng .online_program dl dt {
top:-15px;
}
.online_program dl dd p {
padding-left: 4rem;
font-size: 106%;
}
.eng .online_program dl dd p,
.online_program.new dl dd p {
padding-left: 0;
}
.online_program dl dd a {
position: relative;
display: block;
padding: 1.5rem 4rem 1.5rem 2rem;
margin-top:15px;
/* background:linear-gradient(#ffac38 0% , #f18c1d 100%); */
background:linear-gradient(#666 0% , #333 100%);
color: #FFF;
font-size: 120%;
font-weight: 700;
line-height: 1.3;
border-radius: 6px;
box-sizing: border-box;
}
.online_program.new dl dd a {
font-size: 106%;
}

.eng .online_program dl dd a {
padding-right: 4.5rem;
}
.online_program dl dd a:after {
content: "";
position: absolute;
top:50%;
transform: translateY(-50%);
right: 20px;
display: block;
width: 25px;
height: 25px;
background:url(../images/onlineprogram/icon_anchor.svg) no-repeat center center;
background-size: 100%;
}
.eng .online_program dl dd a:after {
right: 15px;
}
.online_program dl dd a.link:after {
background-image: url(../images/onlineprogram/icon_seminar_arrow.svg);
}
.online_program dl dd a .comingsoon {
position: absolute;
top:-10px;
left:10px;
}
.online_program dl dd a.current {
background: #404b4c;
}
.online_program dl dd a.current:after {
background-image: url(../images/onlineprogram/icon_anchor_up.svg);
}



/* セミナーページのヘッド用 */
.online_program.seminar_head {
padding: 2rem 0;
}
.online_program.seminar_head dl {
margin: 0 20px;
padding: 1rem 1rem 1rem 5rem;
box-shadow: none;
}
.online_program.seminar_head dl:after {
bottom: -25px;
width: 18px;
height: 22px;
}
.online_program.seminar_head dl + dl {
margin-top: 28px;
}
.online_program.seminar_head dl dt {
top:50%;
transform: translateY(-50%);
left:5px;
}
.online_program.seminar_head dl dt .level-icon {
padding-top: 10px;
width: 40px;
height: 40px;
font-size: 86.6%;
}
.online_program.seminar_head dl dd a {
padding: .8rem 2.5rem .8rem 1.5rem;
margin-top:0;
font-size: 100%;
}
.online_program.seminar_head dl dd a:after {
width: 20px;
height: 20px;
right: 8px;
}
.online_program.seminar_head dl dd a.current:after {
background-image:url(../images/onlineprogram/icon_anchor.svg);
}
.online_program.seminar_head dl dd a .comingsoon {
top:-18px;
left:auto;
right: 30px;
}
.online_program.seminar_head .wrap_2column > a {
display: inline-block;
width: 52%;
}
.online_program.seminar_head .wrap_2column > a:first-child {
width: 45%;
}




/*program_detail*/
.program_detail {
padding-bottom: 3rem;
}
.program_detail > h1 {
background:#404b4c;
padding: .5rem;
color: #FFF;
/* font-size: 141%; */
font-size: 120%;
font-weight: 700;
text-align: center;
}

/*wrap_program*/
.wrap_program  {
position: relative;
margin: 5rem 10px 20px;
padding: 0;
background:#FFF;
border:1px solid #d7d7d6;
box-sizing: border-box;
z-index: 1;
}
.wrap_program > div {
background:#FFF;
padding: 5rem 2rem 2rem;
text-align: center;
}
.eng .wrap_program > div {
padding-top: 4rem;
}
.wrap_program:after {
content: "";
position: absolute;
bottom: -10px;
right:-10px;
display: block;
width: 100%;
height: 100%;
background:rgba(0,0,0,.1);
z-index: -1;
}
.wrap_program .level-icon {
position: absolute;
top:-35px;
left:50%;
transform: translateX(-50%);
padding-top: 18px;
width: 70px;
height: 70px;
font-size: 147%;
}
.eng .wrap_program .level-icon {
top:-20px;
padding-top: 5px;
width: 180px;
height: 40px;
}
.program_detail.new .wrap_program .level-icon {
top:0;
padding-top: 0;
height: auto;
width: 50%;
font-size: 120%;
}
.wrap_program h1 {
position: relative;
margin-bottom: 2rem;
}
.wrap_program h1 strong {
position: relative;
z-index: 3;
display: inline-block;
padding: 0 1rem; 
background:#FFF;
/* color: #f18c1d; */
font-size: 146%;
font-weight: normal;
line-height: 1.3;
}
.eng .wrap_program h1 strong {
font-size: 150%;
}
.wrap_program h1:after {
content: "";
position: absolute;
top:50%;
transform: translateY(-50%);
display: block;
width: 100%;
height: 1px;
/* background:#fad59d; */
background: var(--orange);
z-index: 2;
}
.wrap_program .info_tag {
margin: 1rem 0;
}
.wrap_program .info_tag span {
display: inline-block;
margin: 0 5px 8px 0;
padding: .8rem .6rem .8rem 30px;
background-color:#f3f3f3;
background-repeat: no-repeat;
background-position: left 10px center;
background-size: 16px;
border-radius: 5px;
line-height: 1;
}
.eng .wrap_program .info_tag span {
font-size: 90%;
}

.wrap_program .info_tag span.time {
background-image: url(../images/onlineprogram/icon_time.svg);
}
.wrap_program .info_tag span.format {
background-image: url(../images/onlineprogram/icon_format.svg);
}
.wrap_program .info_tag span.lang {
background-image: url(../images/onlineprogram/icon_lang.svg);
}
.wrap_program .info_tag span.price {
background-image: url(../images/onlineprogram/icon_price.svg);
}
.wrap_program h2 {
display: inline-block;
margin-top: 4rem;
margin-bottom: 1rem;
padding: .5rem 3rem;
/* color: #f18c1d; */
color: #FFF;
font-weight: 600;
font-size: 106%;
letter-spacing: normal;
line-height: 1.5;
/* background:#fef3e8; */
background: var(--gray80);
border-radius: 6px;
}
.eng .wrap_program h2 {
font-size: 106%;
font-family: var(--font-family-en);
}

.wrap_program dl.target {
display: table;
width: 100%;
margin: 2.5rem 0 1rem;
border-top: 1px solid #d7d7d6;
border-bottom: 1px solid #d7d7d6;
}
.wrap_program dl.target dt,
.wrap_program dl.target dd {
display: table-cell;
padding: 1rem 0;
}
.eng .wrap_program dl.target dt,
.eng .wrap_program dl.target dd {
display: block;
}
.eng .wrap_program dl.target dd {
padding-top: 0;
}
.wrap_program .target dt span {
display: inline-block;
margin-right: 1rem;
padding: 0 .5rem;
background: #727472;
color: #FFF;
font-size: 93.3%;
font-weight: 700;
white-space: nowrap;
}
.wrap_program .target dt span {
font-weight: normal;
}
.wrap_program .target dt {
width: 40px;
}
.wrap_program dl.target dd {
font-weight: 700;
/* font-size: 106%; */
font-size: 100%;
}
.wrap_program .wrap_flex {
display: flex;
justify-content: space-between;
}
.program_tag {
padding: 1rem;
width: 47%;
background:#404b4c;
text-align: center;
color: #FFF;
font-weight: 700;
border-radius: 5px;
letter-spacing: normal;
}
.program_tag.basic { color: #f8c58e; }
.program_tag.exercize { color: #fde288; }

.wrap_package {
margin-top: 3rem;
padding: 1rem 0 0;
border-top: 1px dotted #d7d7d6;
border-bottom: 1px dotted #d7d7d6;
}

.tag_comingsoon {
display: inline-block;
margin: 3rem 0;
padding: .5rem 2rem;
color: #f18c1d;
font-family: var(--font-family-en);
font-weight: 500;
font-size: 120%;
border:1px solid #f5ac3c;
border-radius: 8px;
}


/*online_about*/
.online_about {
padding: 3rem 0;
background:url(../images/onlineprogram/about_bg.jpg) no-repeat center center;
background-size: cover;
color: #FFF;
}
.online_about h1 {
padding: 2rem 0;
/* background:url(../images/onlineprogram/about_title_bg.svg) no-repeat center center;
background-size: auto 100%; */
font-size: 135%;
text-align: left;
color: var(--blue);
}








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

.wrap_flex {
display: flex;
}

.bnr_onlineprogram {
padding: 0;
margin:0 20px;
width: calc(100% - 40px);
}
.bnr_onlineprogram > a {
background-position: right -40px center;
background-size: 305px;
padding: 3rem 15% 1.5rem 20px;
box-sizing: border-box;
}
.bnr_onlineprogram h1,
.bnr_onlineprogram p {
display: inline-block;
vertical-align: middle;
padding: 0 10px;
width: 48%;
}
.bnr_onlineprogram .zoom {
width: 115px;
}

/* online program LP */
section.container.online_fv {
padding: 120px 0 8rem;
background-size: 40% auto;
}
section.container.online_fv:after {
width: 35%;
height: 519px;
background-position: 0 0;
}
.online_fv h1 {
padding: 0 3rem;
}

.select_hij_title {
margin-top: 8rem;
padding: 0 90px;
font-size: 180%;
}
.select_hij_title:before,
.select_hij_title:after {
top:50%;
transform: translateY(-50%);
bottom: auto;
width: 60px;
height: 75px;
}
.select_hij_title:before {
left:30px;
}
.select_hij_title:after {
right:30px;
}


/*select_hij*/
.select_hij.wrap_flex {
padding-top: 8rem;
justify-content: space-around;
}
.select_hij.wrap_flex > dl {
width: 30%;
margin: 0;
padding: 80px 3.5rem 3rem;
box-sizing: border-box;
}
.eng .select_hij.wrap_flex > dl {
padding: 80px 3rem 3rem;
}
.select_hij dl dt span,
.select_hij dl dt strong {
display: block;
width: auto;
text-align: center
}
.select_hij dl dt {
position: relative;
margin-bottom: 1rem;
}
.select_hij dl dt span {
position: absolute;
top:-140px;
left:0;
right: 0;
margin: auto;
padding-right:0;
}
.select_hij dl dt strong {
font-size: 147%;
}


/*conversion*/
.online_conversion a,
.online_conversion span.comingsoon {
padding: 2rem 4rem 2rem 1rem;

}
.online_conversion a:after {
width: 20px;
height: 20px;
right: 30px;
}
.wrap_program .online_conversion .head strong {
font-size: 118%;
}
.wrap_program .online_conversion .head strong:before,
.wrap_program .online_conversion .head strong:after {
top:50%;
bottom: auto;
}
.online_conversion a,
.online_conversion span.comingsoon {
font-size: 146%;
}
.online_conversion span.comingsoon:before {
top:-15px;
left: 50%;
transform: translateX(-50%);
width:120px;
height: 80px;
}
.wrap_program .online_conversion span.comingsoon:before {
top:-20px;
}

/*online_program*/
.level-icon {
padding-top: 20px;
width: 70px;
height: 70px;
}
.eng .level-icon {
padding-top: 6px;
width: 160px;
height: 40px;
font-size: 118%;
}

.online_program {
padding: 5rem 0 8rem;
}
.online_program .section_title h1 strong {
font-size: 240%;
}
.eng .online_program .section_title h1 strong {
font-size: 210%;
}


.online_program .section_title h1:after {
margin: 4rem auto 5rem;
}
.online_program .wrap_flex {
margin-top: 1rem;
justify-content: space-around;
}
.eng .online_program .wrap_flex {
margin-top: 3rem;
}
.online_program .wrap_flex dl {
margin: 0;
width: 29%;
padding: 50px 30px 30px;
}
.eng .online_program .wrap_flex dl {
padding: 40px 30px 30px;
}
.online_program dl + dl {
margin-top:0;
}
.online_program dl:after {
top:50%;
bottom: auto;
left:auto;
right:-32px;
transform: translate(0,-50%);
background-image: url(../images/onlineprogram/arrow_right_b.svg);
width: 30px;
height: 30px;
}
.online_program dl dt {
top:-30px;
left:50%;
transform: translateX(-50%);
}
.online_program dl dd p {
padding-left: 0;
font-size: 100%;
}
.eng .online_program dl dd a {
font-size: 106%;
}


/* セミナーページのヘッド用 */
.online_program.seminar_head {
padding: 3.5rem 0 2rem;
}
.online_program.seminar_head dl dt .level-icon {
padding-top: 17px;
width: 60px;
height: 60px;
font-size: 100%;
}
.online_program.seminar_head dl dt {
top:-30px;
left:50%;
transform: translateX(-50%);
}
.online_program.seminar_head dl + dl {
margin-top:0;
}
.online_program.seminar_head dl:after {
top:50%;
bottom: auto;
left:auto;
right:-42px;
width: 30px;
height: 30px;
}
.online_program.seminar_head .wrap_2column > a,
.online_program.seminar_head .wrap_2column > a:first-child {
display: block;
width: 100%;
}
.online_program.seminar_head .wrap_2column > a:first-child {
margin-bottom: 18px;
}
.online_program.seminar_head dl dd a {
padding: .8rem 2.5rem .8rem 1.5rem;
margin-top:0;
font-size: 106%;
}
.online_program.seminar_head dl dd a:after {
width: 25px;
height: 25px;
right: 20px;
}
.online_program.seminar_head dl dd a .comingsoon {
top:-16px;
right: 20px;
}



/*program_detail*/
.program_detail {
padding-bottom: 8rem;
}


/*wrap_program*/
.wrap_program {
position: relative;
margin-top: 8rem;
}
.wrap_program > div {
padding: 7rem 4rem 4rem;
}
.eng .wrap_program > div {
padding-top: 7rem;
}
.wrap_program .level-icon {
top:-45px;
padding-top: 28px;
width: 90px;
height: 90px;
}
.program_detail.new .wrap_program .level-icon {
max-width: 300px;
}


.eng .wrap_program .level-icon {
top:-22px;
width: 300px;
height: 45px;
font-size: 150%;
}

.wrap_program h1 strong {
padding: 0 2rem;
font-size: 180%;
}
.eng .wrap_program h1 strong {
font-size: 180%;
}
.wrap_program .info_tag {
margin: 4rem 0 2rem;
text-align: center;
}
.wrap_program .info_tag span {
margin: 0 0 8px;
padding: 1rem 1rem 1rem 40px;
background-size: 20px;
}
.wrap_program .info_tag span + span {
margin-left: 12px;
}
.wrap_program dl.target dt,
.wrap_program dl.target dd {
padding: 1rem 0;
}
.eng .wrap_program dl.target dt,
.eng .wrap_program dl.target dd {
display: table-cell;
}

.wrap_program .target dt {
width: 65px;
}
.wrap_program .target dt span {
padding: 0 1.5rem;
}
.wrap_program .wrap_flex {
margin-left: 30px;
}
.program_tag {
padding: 2.5rem 1rem;
}
.wrap_package {
margin-bottom: 3rem;
}

.wrap_program .icol4 {width:33.33333333%;}
.wrap_program .icol5 {width:41.66666667%;}
.wrap_program .icol7 {width:58.33333333%;}
.wrap_program .icol8 {width:66.66666667%;}


/*online_about*/
.online_about {
padding: 5rem 0;
}
.online_about h1 {
padding: 10rem 0;
font-size: 141%;
line-height: 2;
}
.eng .online_about h1 {
line-height: 1.6;
letter-spacing: 0.03em;
}
}/*min-width: 768px*/



@media only screen and (min-width: 1160px) {
.bnr_onlineprogram > a {
background-position: right 0 center;
padding-right: 22%;
}
.bnr_onlineprogram h1,
.bnr_onlineprogram p {
padding: 0 20px;
}
.bnr_onlineprogram h1 {
width: 415px;
}
.bnr_onlineprogram p {
width: calc(98% - 415px);
font-size: 112%;
}

/* online program LP */
section.container.online_fv {
background-size: 450px auto;
}
section.container.online_fv:after {
width: 405px;
}
.online_fv h1 {
padding: 0;
}
.online_program dl:after {
right:-44px;
width: 36px;
}
.wrap_program > div {
padding: 8rem 150px 5rem;
}

}/*min-width: 1160px*/


.movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.movie_head {
position: relative;
display: block;
padding-left: 25px;
margin-bottom: 10px;
font-size: 86%;
line-height: 1.4;
}
.movie_head:before {
position: absolute;
top:3px;
left: 0;
content: "";
display: block;
width: 18px;
height: 16px;
background: url(../images/icon_movie.svg) no-repeat center center;
background-size: 100%;
}
@media only screen and (min-width: 768px) {
.movie_head {
font-size: 100%;
}
}/* min-width: 768px */



/* ブログ詳細ページの著者 */
.link_related_author {
background: #ebebea;
text-align: center;
}
.title_related_author {
display: inline-block;
padding: 0 3rem;
margin: 0 auto 2rem;
background: #404b4c;
color: #FFF;
font-weight: 600;
}
.link_related_author .blog_date {
display: block;
margin-top: 10px;
margin-bottom: 5px;
text-align: right;
}
.link_related_author h1 {
text-align: left;
}
.link_related_author .icol4 {
margin-top: 30px;
vertical-align: top;
}
.link_related_author a figure {
overflow: hidden;
}
.link_related_author a figure img {
transition: transform .3s;
}
.link_related_author a:hover figure img {
transform: scale(1.1);
}



@media only screen and (min-width: 768px) {
.title_related_author {
padding: 0 5rem;
margin: 0 auto 4rem;
}
.link_related_author .icol4 {
padding-left: 20px;
padding-right: 20px;
}
.link_related_author .blog_date {
margin-bottom: 10px;
}
.link_related_author .blog_list_img {
height: 170px;
}

}/* min-width: 768px */



/* 著者一覧タイトル */
.author_list_head {
padding-top: 3rem;
}
.author_list_head + .container.top_blog {
padding-top: 2rem;
}
.author_list_head h2 strong {
font-size: 133%;
}
.author_list_head h2 {
font-weight: normal;
}
.author_list_head h2:after {
content: "";
display: block;
margin: 2rem auto 0;
width: 80px;
height: 1px;
background: #F28000;
}


@media only screen and (min-width: 768px) {
.author_list_head {
padding-top: 4rem;
font-size: 118%;
}
.author_list_head h2:after {
margin-top:3rem;
}
}




/* 動画視聴ページバナー */
.banner_movie {
display: flex;
flex-wrap: wrap;
background : linear-gradient(45deg, #f5ac3c 0%, #f18c1d 100%);
}
.banner_movie > div {
padding: 1rem 1rem 1rem 32%;
box-sizing: border-box;
background: url(../images/banner_movie.png) no-repeat left -10px top;
background-size: 30%;
}
.banner_movie > div > h2 {
margin-bottom: .3rem;
font-weight: 600;
font-size: 120%;
color: #FFF;
}
.banner_movie > div > p {
line-height: 1.5;
font-weight: 600;
font-size: 80%;
}
.banner_movie > p {
position: relative;
padding: .5rem;
box-sizing: border-box;
background:#404b4c;
color: #FFF;
text-align: center;
width: 100%;
}
.banner_movie > p:after {
position: absolute;
top:50%;
transform: translateY(-50%);
right:10px;
content: "";
display: block;
width: 25px;
height: 25px;
background: url(../images/arrow_orange_circle.svg) no-repeat center center;
background-size: cover;
}




@media only screen and (min-width: 768px) {
.banner_movie > div {
width: 70%;
padding-left: 230px;
background-position: left top -5px;
background-size: 190px;
}
.banner_movie > div > h2 {
font-size: 146%;
}
.banner_movie > div > p {
font-size: 100%;
}
.banner_movie > p {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30%;
padding-right: 50px;
font-size: 120%;
}
.banner_movie > p:after {
width: 50px;
height: 50px;
}
}/* min-width: 768px */









/* english-lerning用 */
.list_contents {
position: relative;
margin:2rem;
padding: 2rem 1.5rem 1.5rem;
box-sizing: border-box;
border: 3px solid #ececeb;
}
.list_contents > .head {
position: absolute;
top:0;
left:0;
padding: 0 8px;
background: #ececeb;
font-size: 70%;
font-weight: 600;
letter-spacing: normal;
}
.list_contents li {
font-size: 87%;
font-weight: 600;
border-bottom: 1px dotted #CCC;
}
.list_contents li > a {
display: block;
padding: .5rem 0;
}
.list_contents li > a:after {
content: "";
display: inline-block;
margin-left: 5px;
transform: translateY(4px);
width: 16px;
height: 16px;
background: url(https://hofstede.jp/new/wp-content/themes/hofstede/assets/images/icon_anchor_o.svg) no-repeat center center;
background-size: cover;
}
.list_contents .howto {
display: inline-block;
margin: 0 5px;
padding: .3rem .5rem;
border: 1px solid #f59933;
color: #f59933;
font-weight: normal;
font-size: 80%;
letter-spacing: normal;
line-height: 1;
border-radius: 20px;
}
.wrap_number-list {
margin: 2rem;
padding: 1.5rem;
box-sizing: border-box;
background: #ececeb;
}
.wrap_number-list dt {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-bottom: 1rem;
line-height: 1.4;
}
.wrap_number-list dt > strong {
padding: 0 5px;
font-weight: 600;
}
.wrap_number-list dt:before,
.wrap_number-list dt:after {
content: "";
display: block;
width: 30px;
height: 1px;
background: #363630;
}
.wrap_number-list dd {
margin-top: 2rem;
}
.wrap_number-list dd li {
position: relative;
padding: 15px 10px 15px 35px;
background: #FFF;
border-radius: 6px;
line-height: 1.6;
}
.wrap_number-list dd li + li {
margin-top: 10px;
}
.wrap_number-list dd li > strong {
position: absolute;
top:15px;
left: 10px;
font-weight: normal;
font-size: 173%;
color: #69695e;
line-height: 1;
}
.wrap_number-list dd li > p {
position: relative;
margin: 0;
padding: 10px 0 0 30px;
line-height: 1.4;
font-size: 94%;
font-weight: 600;
letter-spacing: normal;
}
.num_ora {
display: inline-block;
padding-top: 3px;
box-sizing: border-box;
width: 23px;
height: 23px;
border-radius: 50%;
border:1px solid #f59933;
color: #f59933;
font-weight: 700;
font-size: 94%;
line-height: 1;
letter-spacing: normal;
text-align: center;
}
.wrap_number-list dd li > p > .num_ora {
position: absolute;
top:10px;
left:0
}
.wrap_number-list dd li > p > a {
display: inline-block;
margin-left: 5px;
padding: 3px 20px 3px 8px;
background: #f59933 url(https://hofstede.jp/new/wp-content/themes/hofstede/assets/images/icon_anchor_w.svg) no-repeat right 3px center;
background-size: 20px;
border-radius: 20px;
line-height: 1;
font-size: 87%;
color: #FFF;
}


@media only screen and (min-width: 768px) {
.list_contents {
padding: 3rem 3rem 2rem;
margin:4rem 0;
}
.list_contents li {
font-size: 94%;
}
.list_contents li > a {
padding: .8rem 0;
}
.list_contents li > a:after {
width: 18px;
height: 18px;
}
.wrap_number-list {
margin: 4rem 0;
padding: 3rem;
}
.wrap_number-list dt > strong {
padding: 0 10px;
}
.wrap_number-list dd li {
padding:20px 15px 20px 45px;
}
.wrap_number-list dd li > strong {
top:20px;
left:20px;
}
.wrap_number-list dd li > p {
margin-bottom: 10px;
}

}/* min-width: 768px */





/* 『世界の広告クリエイティブを読み解く』ページ */
.book_info .marker.yellow {
background: linear-gradient(transparent 60%, #fff001 0);
border-bottom: 2px solid #fff001;
}
.world-advertising .head {
position: relative;
margin-bottom: 2rem;
text-align: center;
padding: 0 30px;
font-size: 129%;
font-weight: 600;
line-height: 1.3;
}
.world-advertising .head strong {
display: inline-block;
margin-top: .5rem;
font-size: 140%;
}
.world-advertising .head:before,
.world-advertising .head:after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 40px;
height: 50px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.world-advertising .head:before {
left:0;
background-image: url(../images/book/title_left_brown.svg);
}
.world-advertising .head:after {
right:0;
background-image: url(../images/book/title_right_brown.svg);
}
.world-advertising .head .marker {
background: linear-gradient(transparent 60%, #fff001 0);
border-bottom: 2px solid #fff001;
}
.world-advertising .line {
font-size: 106%;
font-weight: 600;
background: linear-gradient(to top, #fff001 5px, transparent 5px);
background-size: 100% 4.5rem;
line-height: 4.5rem;
}
.world-advertising .author_info {
position: relative;
margin: 3rem 0 1rem;
padding:3rem 0;
}
.world-advertising .author_info:before,
.world-advertising .author_info:after {
position: absolute;
top:0;
left:0;
content: "";
display: block;
height: 10px;
width: 100%;
background: url(../images/book/stripe_brown.svg) repeat-x 0 0;
background-size: auto 100%;
}
.world-advertising .author_info:after {
top:auto;
bottom: 0;
}
.world-advertising .author_info h3 {
margin-bottom: 2rem;
font-weight: 600;
font-size: 112%;
color: #a98769;
text-align: center;
line-height: 1.5;
}
.world-advertising .author_info > div + div {
position: relative;
margin-top: 100px;
}
.world-advertising .author_info > div + div:before {
position: absolute;
top:-80px;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
width: 60px;
height: 60px;
background: url(../images/book/author_cross.svg) no-repeat center center;
background-size: cover;
}
.world-advertising .author_info .portrait {
display: flex;
justify-content: space-between;
align-items: center;
}
.world-advertising .author_info .portrait > figure {
width:calc(30% - 5px);
}
.world-advertising .author_info .portrait > dl {
width:calc(70% - 5px);
}
.world-advertising .author_info .portrait dt {
font-size: 165%;
}
.world-advertising .author_info .portrait dd {
font-size: 82%;
letter-spacing: normal;
}
.world-advertising .author_info .portrait + p {
margin-top: 2rem;
font-size: 82%;
line-height: 1.4;
}




@media only screen and (min-width: 768px) {
.world-advertising .head {
margin-bottom: 5rem;
padding: 0 70px;
font-size: 153%;
letter-spacing: 0.1em;
}
.world-advertising .head strong {
margin-top: 1rem;
font-size: 160%;
}
.world-advertising .head:before,
.world-advertising .head:after {
width: 70px;
height: 90px;
}
.world-advertising .line {
font-size: 153%;
background-size: 100% 7rem;
line-height: 7rem;
padding-bottom: 5px;
}
.world-advertising .author_info {
display: flex;
justify-content: space-between;
margin: 4rem 0;
}
.world-advertising .author_info > div {
width:44%;
max-width: 450px;
}
.world-advertising .author_info > div + div {
margin-top: 0;
}
.world-advertising .author_info > div + div:before {
top:60px;
left:-25%;
transform: none;
width: 25%;
height: 80px;
max-width: 140px;
}
.world-advertising .author_info h3 {
text-align: left;
}
.world-advertising .author_info > div + div h3 {
text-align: right;
}
.world-advertising .author_info > div + div .portrait > div {
order: 1;
}
.world-advertising .author_info > div + div .portrait > figure {
order: 2;
}
.world-advertising .author_info .portrait > figure {
width: 140px;
}
.world-advertising .author_info .portrait > dl {
width:calc(100% - 160px);
}
.world-advertising .author_info > div + div .portrait dt,
.world-advertising .author_info > div + div .portrait dd {
text-align: right;
}
}/* min-width: 768px */



@media only screen and (min-width: 1160px) {
.world-advertising .author_info {
padding: 50px 30px;
}
.world-advertising .author_info > div + div:before {
left:-160px;
height: 140px;
width: 140px;
max-width: 140px;
}

}/* min-width: 1160px */



/* INDEX FV下用 */
.bnr_world-advertising {
/* background: #f6f3f0;
border-top: 1px solid #404b4c; */
background: #FFF;
border-top: 1px solid var(--gray80);
}
.bnr_world-advertising .wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
letter-spacing: normal;
padding: 20px 0 10px;
}
.bnr_world-advertising .head {
position: absolute;
top:0;
left:10px;
padding: 5px 10px;
background: var(--gray80);
/* color: #f5ac3c; */
color: #FFF;
font-weight: 600;
font-size: 86%;
line-height: 1;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.bnr_world-advertising .icol7,
.bnr_world-advertising .icol3,
.bnr_world-advertising .wrap_sp {
margin: 0;
padding: 10px;
box-sizing: border-box;
}
.bnr_world-advertising figure.icol3 {
padding-left: 0;
padding-bottom: 0;
transform: translateY(-60px);
margin-bottom: -60px;
}
.bnr_world-advertising h2 {
margin-top: .5rem;
text-align: left;
font-size: 141%;
line-height: 1.5;
letter-spacing: normal;
}
.bnr_world-advertising h2 .marker {
background: linear-gradient(transparent 60%, #fff001 0);
border-bottom: 2px solid #fff001;
}


@media only screen and (min-width: 768px) {
.bnr_world-advertising .wrapper {
justify-content: center;
padding-top: 25px;
}
.bnr_world-advertising .head {
left: 8.5%;
padding: 8px 20px;
}
.bnr_world-advertising .fs14 {
font-size: 100%;
}
.bnr_world-advertising h2 {
margin-bottom: 1rem;
font-size: 188%;
letter-spacing: 0.06em;

}

.bnr_world-advertising figure.icol3 {
transform: translateY(-70px);
margin-bottom: -70px;
}
.bnr_world-advertising .wrap_sp {
padding: 0;
}

}/* min-width: 768px */