@charset "utf-8";

.en {
font-family:var(--font-family-en);
font-weight: 300;
}
.blue {color: var(--blue);}


:root {
--blue-7:#F0F6FC;
--blue-20:#D6E7F8;
--blue-30:#C0DAF4;
--blue-40:#ACCFF1;
--blue-60:#83B6E9;
}


/* parts */
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
}
hr.double-line_blue {
height: 4px;
width: 100%;
border-top: 1px solid var(--blue-20);
border-bottom: 1px solid var(--blue-20);
}
article > hr.double-line_blue,
.wrapper > hr.double-line_blue {
width: calc(100% - 30px);
margin: 0 auto;
max-width: 1260px;
}
.wrapper > hr.double-line_blue {
margin: 3rem auto;
}
hr.dot-line_blue {
height: 1px;
width: 100%;
border-top: 1px dotted var(--blue-60);
margin:3rem auto;
max-width: 1260px;
}
.container.bottomline {
position:relative;
}
.container.bottomline:after {
content:"";
display:block;
height:1px;
width:100%;
max-width:1280px;
background-color: var(--blue-20);
margin:0 auto;
position:absolute;
bottom:0;
left:0;
right:0;
}
.wrap_sns_links {
background: #F5F5F5;
}
.bg_blue-grade {
background: linear-gradient(180deg, #f7fafe 0%, #eaf3fb 100%);
}
.list-dot > li {
position: relative;
padding-left: 15px;
}
.list-dot > li:before {
position: absolute;
top:0;
left:0;
content: "・";
display: inline-block;
}
.check_list li {
padding: 3px 0 3px 20px;
background: url(../images/common/title_icon_check.svg) no-repeat left top 5px;
background-size: 16px;
font-weight: 500
}
.list_outline {
display: flex;
flex-wrap: wrap;
}
.list_outline dt,
.list_outline dd {
padding: 2px 0;
}
.list_outline dt {
width: 24%;
font-weight: 600;
}
.list_outline dd {
width: 76%;
}

@media screen and (min-width:768px) {
hr.double-line_blue {
height: 5px;
}
.check_list li {
padding: 3px 0 3px 26px;
background-size: 18px;
background-position: left top 7px;
}
.list_outline dt,.list_outline dd {
padding: 3px 0;
}
.list_outline dt {
width:90px;
}
.list_outline dd {
width:calc(100% - 90px);
}
.jc-start_tb {
justify-content: flex-start;
}
}/* min-width:768px */


@media screen and (min-width:1320px) {
article > hr.double-line_blue,
.wrapper > hr.double-line_blue {
width: calc(100% - 60px);
}
.wrapper > hr.double-line_blue {
margin: 5rem auto;
}
.check_title {
margin-bottom: 3rem;
}
.bg_gray_box {
padding-top: 70px;
padding-bottom: 70px;
}
}/* min-width:1320px */



@media screen and (max-width:767px) {
.text-center-sp {
text-align: center;
}
}/* max-width:767px */













/* hamburger menu */
.hmenu-wrapper{
position:fixed;
top:0;
right:0;
z-index: 999;
}
.hmenu{
width: 46px;
height:46px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 999;
}
.hmenu1{top:13px;}
.hmenu2{top:20px;}
.hmenu3{top:27px;}
.hmenu1,.hmenu2,.hmenu3{
position:absolute;
left:11px;
height:2px;
width: 24px;
transition: all 0.3s ease-out;
display: inline-block;
background-color:var(--blue);
}
.hmenu_text{
position:absolute;
bottom:0;
display: inline-block;
color:var(--blue);
font-family:var(--font-family-en);
left: 11px;
font-size: 8px;
font-weight: 600;
}
.hmenuclick1,
.hmenuclick3 {
top:20px;
box-shadow: none;
background-color:var(--blue);
}
.hmenuclick1{transform: rotate(45deg);}
.hmenuclick2{opacity:0;}
.hmenuclick3{transform: rotate(-45deg);}
.hmenu-back{
display: none;
position: fixed;
background: url(/sweat-smell/images/common/humburger_back.jpg) no-repeat;
background-size: cover;
opacity: 1;
z-index: 997;
width: 100%;
height: 100%;
top:0;
left:0;
}
.hmenu-nav {
display: none;
position:fixed;
top: 0;
width: 100%;
height: 100%;
padding: 1rem 9vw;
box-sizing: border-box;
z-index: 998;
}
.hmenu-nav .logo {
padding: 20px 0;
}
.hmenu-nav > nav {
width: 100%;
height: 100%;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
text-align: center;
}
.hmenu-nav nav > p {
display: block;
text-align: center;
padding: 20px;
box-sizing: border-box;
}
.hmenu-nav nav > p + p {
display: block;
border-top: 1px solid #8394bb;
}
.hmenu-nav a {
font-family:var(--font-family-zen);
position: relative;
display: block;
padding:10px 0;
text-align: center;
font-size: 17px;
}
.hmenu-nav a.subpage {
font-size: 14px;
padding:0 10px 5px;
display: inline-block;
font-family: var(--font-family);
font-weight:500;
}
.hmenu-nav a.current:after {
position: absolute;
bottom:5px;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
width: 60px;
height: 2px;
background-color:var(--blue);
}
.hmenu-nav hr {
border: none;
border-top: 3px double #d6e7f8;
}
.header {display: none;}
.hmenu-nav .share_text{
display: none;
}
.share_text_hmenu{
text-align: center;
font-size: 12px;
line-height: 18px;
padding-bottom: 0!important;
}
.hmenu-nav .sns_link_section{
max-width: calc(100% - 4rem);
padding-top: 0;
margin-top: 0;
}
.hmenu-nav .sns_link_section .col12{
padding-top: 0;
}
.hmenu-nav .sns_link_wrap {
gap: 0px 20px;
}
.hmenu-nav .sns_link_wrap a {
width: 30px;
}
/* /hamburger menu */

/* header */
.index#top .sp_header{
display: none;
}
.sp_header .logo {
display: block;
padding: 8px;
width: min(34vw,176px);
}


@media screen and (min-width:768px) {
article {
padding-top: 62px;
}
#top article {
padding-top: 30px;
}
.hmenu-wrapper,.sp_header{display: none;}
.index#top .header .logo,
.index#top .gnav {
display: none;
}
.header {
display: block;
position: fixed;
z-index: 100;
background: #FFF;
transition: all .2s;
}
#top .header {
display: none;
}
.header .logo {
display: block;
width: min(15vw,176px);
transition: all .2s;
}
.header .col12 {
padding-top: 0px;
padding-bottom: 0px;
}
.header .gnav {
display: flex;
justify-content: flex-end;
}
.header .gnav a {
position: relative;
display: block;
padding: 20px 0;
margin-left: 20px;
font-size: var(--17px);
font-weight: 600;
transition: all .1s;
}
.header .gnav a:before {
position: absolute;
top:0;
left:0;
content: "";
display: block;
width: 100%;
height: 4px;
background: var(--blue);
transition: transform .2s;
transform-origin: 50% center;
transform: scaleX(0);
}
.header .gnav a:hover:before,
.header .gnav a.current:before {
transform: scaleX(1);
}
.header.scroll-nav .gnav a {
padding: 10px 0;
}
.header.scroll-nav .logo {
max-width: 140px;
}

}/* min-width:768px */

@media screen and (min-width:1320px) {
article {
padding-top: 77px;
}
.header .gnav a {
padding: 25px 0;
margin-left: 30px;
}

}/* min-width:1320px */










/* top page */
/* FV */
#fv{
background: url(/sweat-smell/images/top/top_fv_back_sp.jpg);
background-position: center top;
min-height: 1300px;
background-size: cover;
padding-bottom: 5rem;
}
#fv h1{
text-align: center;
padding-top: 3rem;
}
#fv h1 img{
width: 85%;
margin-bottom: 3rem;
}
#fv h2{
font-size: var(--20px);
text-align: center;
font-family:var(--font-family-zen);
}
#fv h3{
font-size: var(--22px);
font-weight: 600;
text-align: center;
line-height: 1;
border-bottom: #c0daf4 1px solid;
padding: 1.5rem 2rem;
}
#fv .col6 h3{
text-align: left;
}
#fv .fv_animation{
padding: 2rem 0 0 1rem;
}
#fv .fv_animation:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
display: block;
background: url(/sweat-smell/images/top/fv_animation_back.svg) no-repeat;
background-size: 100%;
mix-blend-mode: multiply;
z-index: 1;
opacity: 0;
transition: opacity 1s;
}
#fv .fv_animation.after_visible:after{
opacity: 1;
}
#fv .fv_animation object{
position: relative;
z-index: 100;
}
/* /FV */

.back_beige{
background-color: #fcf8ed;
}
.back_blue{
background-color: #eff6fc;
}
.top_links a{
background-color: #fff;
border-radius: 5px;
display: inline-block;
width: 100%;
height: 100%;
box-shadow: 2px 5px 0px #e0edfa;
box-sizing: border-box;
padding-bottom: 1rem;
position: relative;
}
.back_beige .top_links a{
box-shadow: 2px 5px 0px #f0ebdf;
}
.top_links h3 > img.max40 {
display: block;
width: min(7vw,40px);
}

.top_links p{
padding: 1.5rem 1rem .5rem 2rem;
}
.top_links figure{
width: 100%;
text-align: center;
}
.top_links .col4 h3 + div{
display: flex;
align-items: center;
}
.top_links .col4 h3 + div figure{
min-width: 40%;
max-width: 90%;
margin: 0 auto;
padding: 1.5rem .5rem 0 0;
}
.top_links .col4.knowledge h3 + div figure{
padding-top: 2rem;
padding-right: 1.5rem;
}
.top_links .col6 a{
display: flex;
padding-bottom: .5rem;
}
.top_links .col6 a > div{
width: calc(100% - 80px);
}
.top_links .col6 p{
padding-bottom: 1.2rem;
}
.top_links .col6 figure{
width: 80px;
padding: 2rem 1.5rem 0 1rem;
}
.top_links .col6.qa figure{
transform: translateY(-.5rem);
}
.top_links .col6 h3{
text-align: left;
padding: 2rem;
}
.under_cursole:after{
content: "";
height:30px;
width: 30px;
background: url(/sweat-smell/images/top/top_under_cursole.svg) no-repeat;
display: inline-block;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;
border-bottom-right-radius:5px;
}
.top_links.bacteria figure img{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}
.section_title{
text-align: center;
}
.section_title h2{
text-align: center;
}
.section_title > div{
display: flex;
color: var(--blue);
font-family:var(--font-family-en);
line-height: 14px;
font-size: var(--10px);
margin-bottom: 1rem;
justify-content: center;
}
.section_title > div img{
margin-right: 1rem;
width: 40px;
transform: translateY(-2px);
}
.section_title h2{
font-size: var(--26px);
font-family:var(--font-family-zen);
line-height: 1.4;
margin-bottom: 1.2rem;
}

.top_sections a.under_cursole {
padding-bottom: 0;
}
.top_sections .top_links h3{
padding: 1.5rem 2rem 1rem;
border-bottom: #c0daf4 1px solid;
text-align: center;
font-size: var(--21px);
font-weight: 600;
}
.top_sections .top_links h3 img{
margin-right: 1rem;
transform: translateY(-3px);
max-width: 25%;
}
.big_blue{
margin-right: 2px;
font-size: 115%;
color: var(--blue);
}
.top_sections .top_links h4{
font-size: var(--20px);
line-height: 1.4;
font-weight: 600;
padding: 2.2rem 0 0.8rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.top_sections .top_links p{
padding: 1.5rem 2rem 1.5rem;
}
.top_sections .top_links .tags{
padding: 0 2rem 2rem;
}
.top_links.under_photo .tags span{
background-color: #eff6fc;
color: var(--blue);
line-height: 1;
display: inline-block;
border-radius: 5px;
font-size: var(--14px);
margin-right: .7rem;
margin-bottom: .7rem;
padding: 5px;
}
.top_links.under_photo .tags span:last-child{
margin-right: 0;
}
.top_links.bacteria a{
display: flex;
}
.top_links.bacteria h3{
text-align: left;
padding-bottom: 1.1rem;
}
.top_links.bacteria h3 img{
max-width: 40%;
margin-left: 3%;
}
.top_links.bacteria a > div{
width: calc(100% - 120px);
}
.top_links.bacteria figure{
width: 120px;
}
.top_links.bacteria figure img{
object-fit: cover;
height: 170px;
}
.top_sections.opinion p .name{
font-size: 120%;
font-weight: 600;
}
.top_sections.opinion .top_links h3 + div{
display: flex;
padding: 2rem;
justify-content: center;
align-items: center;
font-size: var(--15px);
}
.top_sections.opinion .top_links h3 + div figure{
width: 100px;
}
.top_sections.opinion .top_links h3 + div p{
padding: 0 0 0 1.5rem;
}

.top_sections.qa .top_links{
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.top_sections.qa .top_links a{
display: flex;
justify-content: center;
align-items: center;
max-width: 31%;
height: 100px;
}
.top_sections.qa .top_links a p{
text-align: center;
font-weight: 600;
padding: 4rem 1rem;
}
.top_sections.qa .section_title p{
text-align: center;
}
.top_sections.qa .top_links a:last-child p em{
letter-spacing: -2px;
}
#top .top_sections.news h2{
text-align:left;
}
#top .top_sections.news .section_title > div{
font-size: var(--18px);
margin-bottom: 0;
}
#top .top_sections.news h2,
#top .top_sections.news h2 + a{
display:none;
}


.flex_sp{
display: flex;
}
.top_links .flex_sp{
padding-bottom: 2rem;
}
.top_links .flex_sp figure{
padding: 1.2rem 2rem 0 0;
width:110px;
}
.top_links .flex_sp p{
width: calc(100% - 110px);
padding: 1rem 1.5rem 0 2rem;
}


.news_list a{
background-color:transparent;
display: block;
}
.news_list a:hover{
background-color:rgba(238, 246, 252, .5);
transition: background-color .2s;
opacity: 1;
}
.news_list a:first-child dl{
border-top:#c0daf4 1px solid;
}
.news_list dl{
border-bottom:#c0daf4 1px solid;
padding: 2rem;
}
.news_list dt,
.news_list dd{
display: block;
}
.news_list dt{
padding-bottom:.5rem;
}
.news_list dt{
color: var(--blue);
font-family:var(--font-family-en);
font-size: var(--16px);
}
.news_list dd{
font-weight: 500;
}
body#qa_top .news_list dl{
padding: 2rem 0;
}
.btn_back{
position: relative;
display: inline-block;
background: #F5F7F9;
padding: 8px 10px 8px 25px;
font-size: var(--16px);
color: var(--blue);
line-height: 1.4;
font-weight: 500;
}
.btn_back:after {
position: absolute;
top: 50%;
left: 10px;
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 1px solid var(--blue);
border-right: 1px solid var(--blue);
transform: rotate(-135deg) translateY(50%);
}
.top_about.container{
padding-bottom: 3rem;
}
.top_about h3{
font-size: var(--20px);
font-weight: 600;
margin-bottom: 1rem;
}
.top_about .col6{
align-content: center;
display: flex;
flex-wrap: wrap;
}
#top .container.pd-6em {
padding-bottom:4rem;
}
.research_knowledge_top .top_links a{
padding-bottom:0;
box-shadow: none;
background-color: #f2f8fd;
}
.research_knowledge_top .top_links a .tags span {
background-color:#fff;
}

@media screen and (min-width:768px) {
/* FV */
#fv{
background: url(/sweat-smell/images/top/top_fv_back.jpg);
background-position: center top;
background-size: 2700px 2160px;
background-attachment: fixed;
min-height: auto;
padding-bottom: 8rem;
}
#fv h1{
padding-top: 0rem;
}
#fv h1 img{
width: 450px;
margin-bottom: 5rem;
}
#fv h2{
font-size: var(--22px);
}
#fv .fv_animation{
padding: 2rem;
}
#fv .header_text{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
#fv h3{
font-size: var(--22px);
padding: 2.5rem 3rem 2rem;
line-height: 1.5;
}
/* /FV */


.top_links a{
border-radius: 10px;
padding-bottom: 3rem;
box-shadow: 6px 8px 0px #e0edfa;
}
.back_beige .top_links a{
box-shadow: 6px 8px 0px #f0ebdf;
}
.top_links .col4 h3:before{
height:40px;
width: 40px;
margin-right: 15px;
}
.top_links figure{
width: 100%;
}
.top_links .col4 h3 + div{
display: block;
}
.top_links .col4.knowledge h3 + div figure{
padding: 0;
}
.top_links p{
padding: 2rem 3rem;
}
#fv .top_links .col4 p{
min-height: 9em;
}
.top_links .col6 p{
min-height:0;
padding-bottom:2rem;
}
.section_title{
text-align: left;
padding-top: 2rem;
}
.section_title h2{
text-align: left;
font-size: var(--22px);
}
.section_title > div{
justify-content: flex-start;
line-height: 16px;
font-size: var(--10px);
}
.section_title > div img{
width: 30px;
margin-right: .5rem;
}
.top_links .col6 a > div{
width: calc(100% - 150px);
}
.top_links .col6 figure{
width: 130px;
padding: 2.2rem 2rem 0 2rem;
}
.top_links .col6 h3{
padding: 3rem;
}
.top_sections .top_links h3{
padding: 2.5rem 3rem 2.5rem;
line-height: 1.5;
font-size: var(--24px);
}
.top_sections .top_links h3 img{
margin-right: 1.5rem;
}
.top_sections .top_links h4{
padding: 2rem 0 0;
min-height: 5.2rem;
}
.big_blue{
font-size: 120%;
}
.top_sections .top_links .tags{
padding: 0 3rem 2rem;
min-height: 11rem;
}
.top_links.under_photo .tags span{
margin-bottom: 1rem;
padding: 7px;
}
.top_sections .top_links p{
padding: 2rem 3rem 2rem;
min-height: 10rem;
}
.top_sections .top_links.bacteria p,
.top_sections.fact .top_links p{
min-height: auto;
}
.top_links .flex_sp{
padding-bottom: 0;
}
.under_cursole:after{
height:50px;
width: 50px;
border-bottom-right-radius:10px;
}
.top_links.under_photo figure {
position: absolute;
bottom: 0;
left:0;
width: 100%;
}
.top_sections .top_links.under_photo a.under_cursole {
position: relative;
padding-bottom: min(19.5vw,220px);
}
.top_sections.research_knowledge_top .top_links.under_photo a {
position: relative;
padding-bottom: min(18vw,200px);
min-height: 55rem;
}
.top_links.under_photo figure img{
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
.top_links.bacteria figure img,
.fact .top_links figure img{
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
.bacteria,
.bacteria + .col10  {
margin-left: var(--col2);
}
#research_top .research .bacteria {
margin-left: 0;
}
.bacteria{
width: var(--col10);
}
.top_links.bacteria a > div{
width: calc(100% - 220px);
}
.top_links.bacteria figure{
width: 220px;
}
.top_links.bacteria figure img{
object-fit: cover;
height: 187px;
}
.flex_sp{
display: block;
}
.top_links .flex_sp p{
width:auto;
}
.fact .top_links a{
display: flex;
}
.fact .top_links h3{
text-align: left;
}
.fact .top_links a > div{
width: calc(100% - 300px);
}
.fact .top_links figure{
width: 300px;
}
.fact .top_links figure img{
object-fit: cover;
height: 210px;
}
.top_sections.opinion .top_links h3 + div figure{
width: 120px;
}
.top_sections.qa .top_links a{
display: inline-flex;
align-items: center;
}
.top_sections.qa .top_links a p{
padding: 1rem;
min-height: auto;
}
.top_sections.qa .top_links a:last-child p em{
letter-spacing: 0;
}
.top_sections.qa .section_title p{
text-align: left;
}
.news_list dl{
padding: 3rem 2rem;
}
body#qa_top .news_list dl{
padding: 3rem 0;
}
.news_list dt,
.news_list dd{
display: inline-block;
}
.news_list dt{
padding: 0 2rem 0 0;
}
.top_about h3{
font-size: var(--23px);
margin-bottom: 2rem;
}
.top_about.pd-10em{
padding-bottom: 6rem;
}
#top .container.pd-6em {
padding-bottom:7rem;
}
#top .top_sections.news .section_title > div{
font-size: var(--10px);
}
#top .top_sections.news h2,
#top .top_sections.news h2 + a{
display:block;
}
#top .top_sections.news h2{
margin-bottom: 1.2rem;
}
#top .top_sections.news .section_title > div{
margin-bottom: 1rem;
}

}/* min-width:768px */


@media screen and (min-width:1080px) {
.bacteria{
width: var(--col6);
}
.fact .top_links a > div{
width: calc(100% - 490px);
}
.fact .top_links figure{
width: 490px;
}
.top_sections .top_links p{
min-height: 6.4rem;
}
.top_sections .top_links .tags {
min-height: 8rem;
}
.top_links.under_photo .tags span{
margin-right: 1.5rem;
}
.section_title{
padding-top: 4rem;
}
.section_title h2{
font-size: var(--26px);
}
.section_title > div{
font-size: var(--13px);
line-height: 16px;
}
.section_title > div img{
margin-right: 1rem;
width: 40px;
}
.top_sections.opinion .top_links h3 + div figure{
width: 140px;
}
.top_sections.qa .top_links{
display: flex;
gap: 1rem;
flex-wrap: nowrap;
align-items: stretch;
}
.top_sections.qa .top_links a{
height: auto;
}
.top_sections.qa .top_links a p{
padding: 4rem 2rem;
}
.top_sections.qa .top_links a:last-child p{
padding: 2.9rem 2rem;
}
#top .container.pd-6em {
padding-bottom:7rem;
}
.fact .top_links figure img {
height: 268px;
}
}/* min-width:1080px */

/* /top page */


@media screen and (min-width:1320px) {
.top_sections .top_links.under_photo a.under_cursole {
padding-bottom: min(19vw,240px);
}
.top_sections.research_knowledge_top .top_links.under_photo a {
position: relative;
padding-bottom: min(19vw,240px);
}
}/*min-width:1320px*/
























/* LOWER */
/* COMMON */
.bg_gray {background: #F5F7F9;}
a.underline {
text-decoration: underline;
color: var(--blue);
}
.bg_gray_box {
background: #F5F7F9;
padding: 20px;
box-sizing: border-box;
border-radius:1rem;
}
.t18 {font-size: var(--18px);}
.t20 {font-size: var(--20px);}
.t22 {font-size: var(--22px);}
/* title */
.list_title {
position: relative;
z-index: 1;
}
.list_title:after {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
display: block;
width: min(20vw,115px);
height: 123px;
content: "";
background: url(../images/common/title_bg_sweat.svg) no-repeat center center;
background-size: 100%;
z-index: -1;
}
.list_title.smell:after {
background-image:  url(../images/common/title_bg_smell.svg);
}
.list_title > span {
display: block;
padding: 1rem 0;
border-top: 1px solid var(--blue-60);
border-bottom: 1px solid var(--blue-30);
text-align: center;
font-family: var(--font-family-zen);
font-size: var(--22px);
letter-spacing: 0.03em;
}
.section_title_line {
font-size: var(--24px);
font-family: var(--font-family-zen);
text-align: center;
line-height:1.7;
padding-top:0;
}
.section_title_line .smaller{
font-family: var(--font-family);
font-size: var(--13px);
display:block;
text-align:center;
font-weight:500;
margin-top: 1rem;
}
.section_title_line:after {
content: "";
display: block;
margin: 30px auto 0;
width: min(16vw,60px);
height: 2px;
background: var(--blue);
}
.section_title_line + .col12{
padding-top:1rem;
padding-bottom:0;
}
.number_title {
font-size: var(--22px);
font-weight: 600;
margin-bottom: 2.5rem;
}
.number_title > .num {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.number_title > .num > small,
.number_title > .num > strong {
display: block;
line-height: 1;
color: var(--blue);
}
.number_title > .num > small {
margin-right:1rem;
font-size: 64%;
font-weight:500;
}
.number_title > .num > small:after {
content: "";
display: block;
margin-top: 10px;
width: 100%;
height: 1px;
background: var(--blue);
}
.number_title > .num > small.en {
font-weight: 600;
font-size: 60%;
}
.number_title > .num > strong {
font-size: 172%;
font-weight: 500;
}
.border_title {
text-align: center;
font-size: var(--28px);
font-weight: 500;
color: var(--blue);
letter-spacing: 0.2em;
}
.border_title > span.en {
display: block;
margin-bottom: 1rem;
padding: .5rem 0;
text-align: center;
font-size: 50%;
font-weight: 500;
border-top: 1px solid var(--blue-60);
border-bottom: 1px solid var(--blue-30);
letter-spacing: normal;
}
.title_22 {
font-size: var(--22px);
font-weight: 600;
}
.point_title {
display: flex;
align-items: center;
justify-content: center;
gap:10px;
padding: 3px 0;
text-align: center;
border-top:1px solid var(--blue-30);
border-bottom:1px solid var(--blue-30);
font-size: var(--22px);
font-weight: 600;
color: var(--blue);
letter-spacing: 0.1em;
line-height: 1;
}
.point_title > span {
font-family: var(--font-family-en);
letter-spacing: 0.05em;
}
.point_title:before {
content: "";
display: inline-block;
width: min(6vw,30px);
height: 38px;
background: url(../images/common/icon_point.svg) no-repeat center center;
background-size: 100%;
transform: translateY(-2px);
}
.check_title {
margin-bottom: 1.5rem;
padding: 5px 0 5px 24px;
background: url(../images/common/title_icon_check.svg) no-repeat left top 8px;
background-size: 18px;
font-size: var(--18px);
font-weight: 500;
}
.check_title + .flex {
font-size: var(--15px);
}
.bottombar_title {
margin-bottom: 20px;
font-size: var(--22px);
font-weight: 600;
color: var(--blue);
}
.bottombar_title:after {
content: "";
display: block;
margin-top:15px;
width: min(10vw,70px);
height: 1px;
background: var(--blue);
}
.column_title {
margin-bottom: 20px;
padding: 5px 10px;
text-align: center;
background: var(--blue);
border-radius: 8px;
}
.column_title > img {
width: min(40vw,230px);
}
.top-border_title {
position: relative;
padding-top: 20px;
font-size: var(--20px);
font-weight: 600;
}
.top-border_title:before,
.top-border_title:after {
position: absolute;
top:0;
left:0;
content: "";
display: block;
width: 100%;
height: 4px;
background:#EBEBEB;
}
.top-border_title:after {
width: min(20vw,120px);
background: var(--blue);
}
.left_line_title {
padding-left: 20px;
font-size: var(--22px);
position: relative;
font-weight:500;
line-height:1.5;
}
.left_line_title:before {
position: absolute;
top:0;
left:0;
content: "";
display: block;
width: 4px;
height: 100%;
background: var(--blue);
}
.research_table{
background-color:#fff;
}
.research_table th{
width:30%;
}


@media screen and (min-width:768px) {
.section_title_line {
font-size: var(--27px);
}
.section_title_line:after {
margin-top: 40px;
}
.list_title > span {
font-size: var(--25px);
}
.number_title {
font-size: var(--25px);
margin-bottom:4rem;
}
.number_title > .num {
margin-bottom: 2rem;
}
.number_title > .num > small {
margin-right: 1.5rem;
}
.number_title > .num > small:after {
margin-top: 15px;
}
.point_title {
padding: 10px 0;
}
.point_title:before {
transform: translateY(-5px);
}
.check_title {
background-size: 28px;
background-position: left top 2px;
padding-top: 0;
padding-left: 36px;
font-size: var(--20px);
}
.check_title + .flex {
font-size: var(--17px);
}
.bottombar_title {
margin-bottom: 30px;
}
.bottombar_title:after {
margin-top:25px;
}
.bg_gray_box {
padding: min(4vw,100px);
border-radius:2rem;
}
.bg_gray_box.light {
padding: min(4vw,50px);
}
.column_title {
padding: 10px 20px;
margin-bottom: 40px;
}
.top-border_title {
padding-top: 40px;
font-size: var(--24px);
}
.research_table th{
width:15%;
}
}/* title min-width:768px */






/* ぱんくず */
.breadcrumb {
border-bottom: 1px solid var(--blue-20);
font-size: var(--12px);
}
.breadcrumb a {
display: inline-block;
color: var(--blue);
}
.breadcrumb a:after {
content: ">";
display: inline-block;
margin: 0 8px;
}
.breadcrumb .col12 {
padding-top: 8px;
padding-bottom: 8px;
}



/* 下層のカテゴリタイトル */
.category_title {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0 30px;
min-height: 100px;
box-sizing: border-box;
border-top: 2px solid var(--blue-40);
background: url(../images/common/bg_category-title.jpg) no-repeat center center;
background-size: auto 100%;
}
.category_title h1 {
font-family: var(--font-family-zen);
font-size: var(--26px);
letter-spacing: 0.05em;
}
.category_title h1.size_s {
font-size: var(--25px);
}
.category_title h1.size_ss {
font-size: var(--22px);
line-height:1.5;
}
.category_title h1 img {
display: inline-block;
margin-right: min(3vw,18px);
width: min(10vw,55px);
transform: translateY(-2px);
}
.category_title h1 > small {
display: block;
width: 100%;
text-align: center;
font-size: 60%;
color: var(--blue);
} 



/* 一覧ページのリスト */
.list_container,.blue_container {
padding: 3rem 0;
background: var(--blue-7);
border-top: 1px solid var(--blue-30);
border-bottom: 1px solid var(--blue-30);
}
.list_lower-link {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.list_lower-link li {
width: calc(50% - 8px);
min-height: 50px;
box-shadow: 0 5px 0 rgba(24, 69, 109, 0.05);
}
.list_lower-link li:nth-of-type(n+3) {
margin-top: 12px;
}
.list_lower-link li > a {
position: relative;
display: flex;
width: 100%;
height: 100%;
background: #FFF;
padding-right: 15px;
box-sizing: border-box;
color: var(--blue);
font-size: var(--16px);
font-weight: 600;
line-height: 1.4;
}
.list_lower-link li > a:after {
position: absolute;
top:50%;
right:10px;
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 1px solid var(--blue);
border-right: 1px solid var(--blue);
transform: rotate(45deg) translateY(-50%);
}
.list_lower-link li > a > em,
.list_lower-link li > a > strong {
display:inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
box-sizing: border-box;
}
.list_lower-link li > a > em {
position: relative;
justify-content: center;
width: 26px;
font-size: 139%;
font-family: var(--font-family-en);
font-weight: 300;
line-height: 1;
}
.list_lower-link li > a > em:after {
position: absolute;
top:0;
right:0;
content: "";
display: block;
width: 1px;
height: 100%;
background: var(--blue-20);
}
.list_lower-link li > a > strong {
width: calc(100% - 26px);
padding-left: 6px;
}


/* 下層Pからのナビ */
.wrap_lower_nav {
display: none;
}
.research.sweat .wrap_lower_nav.research_sweat,
.research.smell .wrap_lower_nav.research_smell,
.knowledge.sweat .wrap_lower_nav.knowledge_sweat,
.knowledge.smell .wrap_lower_nav.knowledge_smell {
display: block;
}
.lower_nav {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 3rem 10px 0;
}
.lower_nav li {
width: calc(33.3% - 10px);
min-height: 55px;
margin: 0 5px;
}
.lower_nav li:nth-of-type(n+4) {
margin-top: 12px;
}
.knowledge_smell .lower_nav {
flex-wrap: nowrap;
}
.knowledge_smell .lower_nav li,
.knowledge_smell .lower_nav li:nth-of-type(n+4) {
margin-top: 0;
width: calc(100% - 10px);
}
.lower_nav li > a {
position: relative;
display: flex;
align-items: center;
align-content: center;
width: 100%;
height: 100%;
background: #F5F7F9;
padding: 5px;
box-sizing: border-box;
color: var(--blue);
font-size: var(--16px);
font-weight: 600;
line-height: 1.4;
}
.lower_nav li > a.active:after {
position: absolute;
bottom: 0;
left:0;
content: "";
display: block;
width: 100%;
height: 2px;
background: var(--blue);
}
.lower_nav li > a > em,
.lower_nav li > a > strong {
display:inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-align: center;
}
.lower_nav li > a > em {
display: none;
}
.lower_nav li > a > strong {
width: 100%;
flex-wrap: wrap;
align-content: center;
}

/* 次ページ誘導 */
.nav_bottom {
margin-top: 4rem;
border-top: 1px solid #E5E5E5;
}
.nav_bottom a.btn_nextpage {
position: relative;
display: inline-block;
background: #F5F7F9;
padding: 8px 20px 8px 10px;
font-size: var(--16px);
color: var(--blue);
line-height: 1.4;
font-weight: 500;
}
.nav_bottom a.btn_nextpage:after {
position: absolute;
top:50%;
right:10px;
content: "";
display: block;
width: 6px;
height: 6px;
border-top: 1px solid var(--blue);
border-right: 1px solid var(--blue);
transform: rotate(45deg) translateY(-50%);
}


@media screen and (min-width:768px) {
.category_title {
background-size: cover;
min-height: 140px;
}
.category_title h1,
.category_title h1.size_s {
font-size: var(--30px);
}
.category_title h1.size_ss {
font-size: var(--25px);
}
.category_title h1 img {
transform: translateY(-3px);
}
.list_container {
padding: 4rem 0;
}
.blue_container {
padding: 4rem 0;
}
.list_lower-link {
justify-content:flex-start;
}
.list_lower-link li {
width: calc(33.3% - 19px);
min-height: 70px;
margin-right: 28px;
}
.list_lower-link li:nth-of-type(3n) {
margin-right: 0;
}
.list_lower-link li:nth-of-type(n+3) {
margin-top: 0;
}
.list_lower-link li:nth-of-type(n+4) {
margin-top: 16px;
}
.list_lower-link li > a {
padding-right: 20px;
font-size: var(--17px);
}
.list_lower-link li > a > em,
.list_lower-link li > a > strong {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
box-sizing: border-box;
}
.list_lower-link li > a:after {
right:15px;
width: 8px;
height: 8px;
}
.list_lower-link li > a > em {
width: 40px;
}
.list_lower-link li > a > strong {
width: calc(100% - 40px);
padding-left: 15px;
}
.col6 .list_lower-link li {
width: calc(50% - 15px);
}
.col6 .list_lower-link li:nth-of-type(3n) {
margin-right: 30px;
}
.col6 .list_lower-link li:nth-of-type(2n) {
margin-right: 0;
}
.col6 .list_lower-link li:nth-of-type(n+3) {
margin-top: 16px;
}

.nav_bottom {
margin-top: 7rem;
}

/* 下層Pからのナビ */
.lower_nav li {
min-height: 70px;
width: calc(20% - 10px);
}
.lower_nav li:nth-of-type(n+4) {
margin-top:0;
}
.lower_nav li > a {
align-items: stretch;
padding: 0;
font-size: var(--18px);
}
.lower_nav li > a > em {
display: inline-flex;
position: relative;
width: 38px;
font-size: 139%;
font-family: var(--font-family-en);
font-weight: 300;
line-height: 1;
}
.lower_nav li > a > em:after {
position: absolute;
top:0;
right:0;
content: "";
display: block;
width: 1px;
height: 100%;
background: var(--blue-20);
}
.lower_nav li > a > strong {
padding: 0 10px;
}
.list_lower-link li > a > strong {
width: calc(100% - 38px);
padding-left: 15px;
}
}/* min-width:768px*/


@media screen and (min-width:1320px) {
.lower_nav {
padding: 6rem 14px 0;
}
.lower_nav li {
width: calc(20% - 16px);
margin: 0 8px;
}

}/*min-width:1320px*/











/* popup */
.popup_trigger {
display: inline-block;
padding: 6px 10px;
border: 1px solid var(--blue);
color: var(--blue);
line-height: 1;
cursor: pointer;
}
.popup_contents {
display: none;
position: fixed;
left:50%;
top:50%;
transform: translate(-50%,-50%);
width: calc(100% - 20px);
max-width: 820px;
background: #FFF;
padding: 20px;
box-sizing: border-box;
border: 1px solid var(--blue-60);
z-index: 10;
}
.popup_contents dd {
font-size: var(--16px);
}
.btn_close {
position: absolute;
top:8px;
right:8px;
display: block;
width: 24px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
}
.btn_close:before,
.btn_close:after {
position: absolute;
top:0;
left:8px;
content: "";
display: block;
height: 100%;
width: 2px;
background: var(--blue);
transform: rotate(45deg);
}
.btn_close:after {
transform: rotate(-45deg);
}

@media screen and (min-width:768px) {
.popup_contents {
padding: 40px;
}
.btn_close {
width: 30px;
height: 30px;
}

}/* min-width:768px */










/* STEP */
.list_step {
display: flex;
align-items: stretch;
}
.list_step li {
position: relative;
width: 100%;
padding: 8px 5px;
box-sizing: border-box;
background: linear-gradient(150deg, #F3F8FD 10%,#ECF4FC 60%);
color: var(--blue);
font-weight: 600;
}
.list_step li:after {
position: absolute;
right:-10px;
top:0;
content: "";
display: block;
width: 20px;
height: 100%;
background: url(../images/common/step_arrow_sp.svg) no-repeat center right;
background-size:auto 100%;
z-index: 2;
}
.list_step li:last-of-type:after {
display: none;
}
.list_step li a {
display: flex;
flex-wrap: wrap;
color: var(--blue);
font-size:min(3.2vw,var(--13px));
}
.list_step li a > span {
display: block;
text-align: center;
width: 100%;
line-height: 1.4;
}
.list_step li a > span.num {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-family-en);
font-size: 60%;
line-height: 1;
}
.list_step li a > span.num strong {
font-size: 250%;
font-weight: 500;
}
.list_step li a > span.num + span {
position: relative;
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
min-height: 38px;
padding-top: 10px;
}
.list_step li a > span.num + span:before {
position: absolute;
top:0;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
margin-top: 6px;
width: min(9vw,40px);
height: 1px;
background: var(--blue-30);
}

@media screen and (min-width:768px) {
.list_step li a {
min-height: 60px;
align-items: center;
align-content: center;
font-size: var(--18px);
}
.list_step li a > span.num,
.list_step li a > span.num + span {
display: block;
text-align: center;
}
.list_step li a > span.num {
width: 50px;
}
.list_step li a > span.num strong {
display: block;
text-align: center;
}
.list_step li a > span.num + span {
padding: 0;
min-height: auto;
width: calc(100% - 50px);
}
.list_step li a > span.num + span:before {
top:50%;
transform: translateY(-50%);
left:0;
height: min(3vw,40px);
width: 1px;
margin-top: 0;
}
}/* min-width:768px */

@media screen and (min-width:1320px) {
.list_step li a {
padding-left: 10px;
}
}/* min-width:1320px */


.step_head-box {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.step_head-box > div {
padding: 20px;
box-sizing: border-box;
}

@media screen and (min-width:768px) {
.step_head-box {
flex-wrap: nowrap;
}
.step_head-box > div {
padding: 50px 0 50px 50px;
}
.step_head-box > figure {
padding-left: 46px;
}

}/* min-width:768px */



.inner_page_link {
box-shadow: 0 5px 0 rgba(24, 69, 109, 0.05);
}
.inner_page_link + .inner_page_link  {
margin-top: 1rem;
}
.inner_page_link a {
position: relative;
display: block;
padding: 20px 35px 20px 20px;
box-sizing: border-box;
color: var(--blue);
font-weight: 600;
font-size: var(--18px);
background: #FFF;
}
.inner_page_link a:after {
position: absolute;
top:50%;
right:20px;
width: 7px;
height: 7px;
content: "";
display: block;
border-right: 1px solid var(--blue);
border-top: 1px solid var(--blue);
transform: rotate(45deg) translateY(-50%);
}
.inner_page_link a.num {
padding-left: 50px;
}
.inner_page_link a.num > em {
position: absolute;
top:50%;
transform: translateY(-50%);
left:15px;
display: block;
width: 30px;
box-sizing: border-box;
font-size: var(--18px);
line-height: 1;
}
.inner_page_link a.num:before {
position: absolute;
top:0;
left:40px;
content: "";
display: block;
width: 1px;
height: 100%;
background: var(--blue-30);
}
.inner_page_link > ul {
padding: 10px 0;
border-top: 1px solid var(--blue-40);
background: #FFF;
}
.inner_page_link > ul > li {
position: relative;
padding-left: 10px;
}
.inner_page_link > ul > li:before {
position: absolute;
top:18px;
left:20px;
content: "・";
line-height: 0;
z-index: 5;
}
.inner_page_link li > a {
font-size: var(--16px);
padding: 8px 35px 8px 20px;
}
.box_white {
padding: 10px 20px;
box-sizing: border-box;
background: #FFF;
}


@media screen and (min-width:768px) {
.inner_page_link > ul > li {
padding-left: 15px;
}
.inner_page_link a.num {
padding-left: 60px;
}
.box_white {
padding: 10px 0;
min-height: 100%;
}
}/* min-width:768px */




/* FACT */
.fact_trigger {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 20px;
box-sizing: border-box;
background: linear-gradient(180deg, #f7fafe 0%, #eaf3fb 100%);
cursor: pointer;
}
.fact_trigger:after {
position: absolute;
bottom:20px;
right:20px;
content: "";
width: min(10vw,50px);
height: 55px;
display: block;
background: url(../images/fact/btn_fact-open.svg) no-repeat center bottom;
background-size: 100%;
}
.fact_trigger.current:after {
background-image: url(../images/fact/btn_fact-close.svg) ;
}
.fact_trigger > figure {
width: 40%;
max-width: 260px;
}
.fact_trigger > figure img{
border-radius:1rem;
}
.fact_trigger .fact_title {
width: calc(60% - 20px);
}
.fact_trigger .fact_title h2 {
font-family: var(--font-family-zen);
font-size: var(--20px);
line-height: 1.5;
}
.fact_trigger > ul.list-dot {
width: calc(100% - 60px);
font-size: var(--16px);
}
.fact_detail {
display: none;
}

@media screen and (min-width:768px) {
.fact_trigger {
padding-right: 100px;
}
.fact_trigger:after {
right:min(2vw,25px);
bottom:auto;
top:50%;
transform: translateY(-50%);
width: min(6vw,50px);
}
.fact_trigger > figure {
width: 30%;
}
.fact_trigger .fact_title {
width: calc(70% - 30px);
}
.fact_trigger .fact_title h2 {
margin-bottom: 1.4rem;
font-size: var(--24px);
}
}/* min-width:768px */


@media screen and (min-width:1320px) {
.fact_trigger {
padding-right: 120px;
padding-left: 60px;
}
.fact_trigger > figure {
width: 260px;
}
.fact_trigger .fact_title {
width: calc(100% - 300px);
}

}/* min-width:1320px */






/* INTERVIEW */
.btn_interview {
position: relative;
display: flex;
padding: 25px 20px;
border-radius:10px;
box-sizing: border-box;
}
.btn_interview:after {
position: absolute;
top:50%;
right:20px;
content: "";
display: block;
width: 20px;
height: 20px;
border-top:3px solid var(--blue);
border-right:3px solid var(--blue);
transform: translateY(-50%) rotate(45deg);
}
.btn_interview > figure {
width: min(23vw,144px);
}
.btn_interview > dl {
width: calc(77vw - 10px);
padding-left: 10px;
box-sizing: border-box;
}
.btn_interview > dl .bottombar_title {
line-height: 1.5;
margin-bottom: 15px;
}


/* interview detail */
.interview_head {
font-weight: 600;
font-size: var(--26px);
}
.interview .wrapper > hr.double-line_blue {
margin: 0 0 20px;
}
.interview .answer_head {
display: flex;
gap:15px;
margin-bottom: 1rem;
}
.interview .answer_head > figure {
width: min(16vw,60px);
}
.interview .answer_head > figure + div {
width:calc(100% - 60px);
font-size: var(--18px);
}
.interview-detail .wrapper:nth-of-type(n + 2) {
margin-top: 3rem;
}
.interview_point {
display:block;
padding-bottom:1rem;
font-size:110%;
font-weight:500;
}
.bg_gray_box.profile {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
.bg_gray_box.profile > figure {
width: 40%;
max-width: 230px;
}
.bg_gray_box.profile > dl {
width: calc(60% - 10px);
}
.bg_gray_box.profile > dl dd {
margin-top: .6rem;
font-size: var(--15px);
}
.bg_gray_box.profile p {
margin-top:1rem;
width: 100%;
}


@media screen and (min-width:768px) {
.interview .answer_head {
gap:20px;
}
.interview-detail .wrapper:nth-of-type(n + 2) {
margin-top: 5rem;
}

.bg_gray_box.profile > figure {
width: 26%;
}
.bg_gray_box.profile > dl {
width: calc(74% - 30px);
}

.btn_interview {
padding: 40px 30px;
border-radius:15px;
}
.btn_interview > figure {
width:30%;
max-width: 144px;
}
.btn_interview > dl {
width:70%;
padding-left: 20px;
}
.btn_interview > dl .bottombar_title:after {
margin-top: 15px;
}
.interview .wrapper > hr.double-line_blue {
margin: 0 0 25px;
}

}/* min-width:768px */


@media screen and (min-width:1320px) {
.btn_interview > dl {
padding-left: 40px;
}
.bg_gray_box.profile > dl {
width: calc(100% - 300px);
}
}/* min-width:1320px */































/* Q&A */

body.qa .lower_nav li {
width: calc(33.3% - 8px);
min-height: 45px;
margin: 4px;
position: relative;
}
body.qa .lower_nav li a {
padding-right: 10px;
}
body.qa .lower_nav li:after {
content:"";
width: 5px;
height: 5px;
display: inline-block;
border-top:var(--blue) 1px solid;
border-right:var(--blue) 1px solid;
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto 5px auto;
transform: rotate(135deg);
}
.header_line_bluegray{
position: relative;
margin-top: 3rem;
margin-bottom: 3rem;
}
.header_line_bluegray span{
display: inline-block;
padding-top: 1.5rem;
font-size: var(--20px);
font-weight: 600;
}
.header_line_bluegray em{
font-size: var(--20px);
color: var(--blue);
}
.header_line_bluegray:before,
.header_line_bluegray:after{
content: "";
padding: 0;
height: 4px;
display: inline-block;
position: absolute;
left: 0;
}
.header_line_bluegray:before{
width: 100%;
background-color: #ebebeb;
}
.header_line_bluegray:after{
width: 60px;
background-color: var(--blue);
}
.qa_list dl{
margin-bottom: 1rem;
transition: margin-bottom .2s;
}
.qa_list dl.opened{
margin-bottom: 3rem;
}
.qa_list dt{
background-color: #f5f7f9;
padding: 1rem 3.5rem;
margin-bottom: 1.2rem;
font-size: var(--18px);
font-weight: 500;
position: relative;
cursor: pointer;
transition: background-color .2s;
}
.qa_list dd{
margin-top: 1.2rem;
}
.qa_list dt:hover{
background-color: #e8f1fb;
}
.qa_list dt:before{
content: "Q";
padding: .6rem 1.2rem;
position: absolute;
left: 0;
top:0;
color: var(--blue);
font-family: var(--font-family-en);
font-size: var(--22px);
font-weight: 500;
}
.qa_list dt:after{
position: absolute;
right:.5rem;
top:8px;
bottom: 0;
margin: auto;
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
border-top: 2px solid var(--blue);
border-right: 2px solid var(--blue);
transform: rotate(135deg) translateY(100%);
}
.qa_list .opened dt:after{
transform: rotate(-45deg) translateY(-2px);
margin-right: .6rem;
}
.qa_list dd{
display: none;
}
.link_detail{
border-bottom: var(--blue) dotted 1px;
padding: 0 1.2rem .2rem 0;
color: var(--blue);
display: inline-block;
margin-top: 1rem;
position: relative;
font-weight: 600;
font-size: var(--16px);
}
.link_detail:after{
position: absolute;
right:4px;
top:4px;
bottom: 0;
margin: auto;
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-top: 1px solid var(--blue);
border-right: 1px solid var(--blue);
transform: rotate(45deg) translateY(-50%);
}

@media screen and (min-width: 768px){
body.qa .lower_nav {
justify-content: space-between;
}
body.qa .lower_nav li {
min-height: 65px;
width: calc(16.6% - 10px);
}
body.qa .lower_nav li:after {
width: 8px;
height: 8px;
right: 10px;
margin: auto 5px auto;
}
body.qa .lower_nav li a {
padding-right: 0;
}
.header_line_bluegray em{
font-size: var(--22px);
}
.header_line_bluegray span{
padding-top: 4rem;
}
.header_line_bluegray:after{
width: 120px;
}
.qa_list dt{
padding: 1rem 3rem 1rem 4.5rem;
}
.qa_list dd{
margin-top: 2rem;
}
.qa_list dt:before{
padding: .5rem 1.7rem;
}
.qa_list dt:after{
width: 1.2rem;
height: 1.2rem;
right:1rem;
}
.qa_list dl.opened{
margin-bottom: 4rem;
}
.link_detail{
margin-top: 2rem;
}


}