.blue{color:#0599d8}.pc{display:block}@media (max-width: 750px){.pc{display:none}}@media (min-width: 768px) and (max-width: 1024px){.pc{display:none}}.pc-tab{display:block}@media (max-width: 750px){.pc-tab{display:none}}@media (min-width: 768px) and (max-width: 1024px){.pc-tab{display:block}}.tab{display:none}@media (max-width: 750px){.tab{display:none}}@media (min-width: 768px) and (max-width: 1024px){.tab{display:block}}.tab-sp{display:none}@media (max-width: 750px){.tab-sp{display:block}}@media (min-width: 768px) and (max-width: 1024px){.tab-sp{display:block}}.sp{display:none}@media (max-width: 750px){.sp{display:block}}@media (min-width: 768px) and (max-width: 1024px){.sp{display:none}}.center{text-align:center}.flex{display:flex}#csr-test .mainv .mainv-bg,#csr .mainv .mainv-bg{background:url(../src/img/contents/sdgs/mainv.jpg) no-repeat center center/cover;z-index:0}#csr-test .mainv .mainv-ttl .sub-ttl,#csr .mainv .mainv-ttl .sub-ttl{color:#664c1a;font-size:4rem;letter-spacing:0.1em;width:calc(100% - 77%);height:10%;overflow:hidden;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;white-space:nowrap;left:11%;top:60%;z-index:2;font-family:trajan-pro-3, 游明朝, "Yu Mincho", YuMincho, Georgia, "Noto Serif JP", serif;font-weight:300;font-style:normal}#csr-test .mainv .mainv-ttl .sub-ttl:after,#csr .mainv .mainv-ttl .sub-ttl:after{content:none}#csr-test .mainv .mainv-ttl span,#csr .mainv .mainv-ttl span{left:18%;bottom:-20%}#csr-test .mainv .mainv-ttl span:after,#csr .mainv .mainv-ttl span:after{top:-40%}#csr-test .mainv .white:after,#csr .mainv .white:after{content:"CSR"}#csr-test .mainv .white:before,#csr .mainv .white:before{content:"Corporate Social Responsibility";font-size:4rem;color:#fff;letter-spacing:0.1em;font-family:trajan-pro-3, 游明朝, "Yu Mincho", YuMincho, Georgia, "Noto Serif JP", serif;font-weight:300;font-style:normal;position:absolute;top:58.8%;left:11%;z-index:1}@media (min-width: 768px) and (max-width: 1024px){#csr-test .mainv .mainv-ttl .sub-ttl{font-size:4vw}#csr-test .mainv .mainv-ttl span{bottom:-24%}#csr-test .mainv .white:before{font-size:4vw}}@media (max-width: 750px){#csr-test .mainv .main-ttl-wrap{margin:0 auto 16vw}#csr-test .mainv .mainv-ttl .sub-ttl{width:100%;height:15%;position:static;font-size:6vw;white-space:break-spaces;display:block}#csr-test .mainv .mainv-ttl span{left:8%}#csr-test .mainv .mainv-ttl span:after{top:-50%}}main.csr{background:#fff}main.csr#page-default .inner{max-width:1200px;width:92%;margin:0 auto}main.csr#page-default p{margin:0}main.csr#page-default h2,main.csr#page-default h3{margin:0;display:block}main.csr #about h2{color:#664c1a;font-size:clamp(30px, calc(30px + (20) * (100vw - 767px) / (673)), 50px);text-align:center}main.csr #about .txt{margin-top:40px;text-align:center}main.csr #about .txt p{font-size:clamp(14px, calc(14px + (6) * (100vw - 767px) / (673)), 20px);color:#2c1b1e;line-height:3}main.csr #sdgs .image{text-align:center}main.csr #sdgs .text.blue{margin-top:50px;font-size:clamp(12px, calc(12px + (6) * (100vw - 767px) / (673)), 18px);font-weight:bold;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}main.csr #sdgs h3{color:#0599d8;font-size:clamp(19px, calc(19px + (5) * (100vw - 767px) / (673)), 24px);font-weight:bold;margin-top:80px;text-align:center;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}main.csr #sdgs .list{margin:20px auto 0;max-width:940px}main.csr #sdgs .list ul.flex{flex-wrap:wrap;gap:5px;justify-content:center}@media (max-width: 750px){main.csr #sdgs .list ul.flex{justify-content:flex-start}}@media (max-width: 750px){main.csr #sdgs .list ul.flex li{width:calc((100% - (5px * 4)) / 5)}}main.csr #sdgs .list ul.flex li a:hover{cursor:pointer;opacity:0.6}main.csr #sdgs .flexbox{padding:40px 0;border-bottom:1px solid #aaa;display:flex;gap:20px}@media (max-width: 750px){main.csr #sdgs .flexbox{flex-direction:column}}main.csr #sdgs .flexbox:first-of-type{margin-top:80px}main.csr #sdgs .flexbox:last-of-type{border-bottom:none}main.csr #sdgs .flexbox .flex-left{min-width:100px}@media (max-width: 750px){main.csr #sdgs .flexbox .flex-left{display:flex;gap:20px}}main.csr #sdgs .flexbox .flex-left .img:nth-of-type(2){margin-top:20px}@media (max-width: 750px){main.csr #sdgs .flexbox .flex-left .img:nth-of-type(2){margin-top:0}}main.csr #sdgs .flexbox .flex-right .flex-in-box{display:flex;gap:20px}@media (max-width: 750px){main.csr #sdgs .flexbox .flex-right .flex-in-box{flex-direction:column}}main.csr #sdgs .flexbox .flex-right .flex-in-box:nth-of-type(2){margin-top:40px}main.csr #sdgs .flexbox .flex-right .flex-in-box .img{max-width:220px;min-width:220px}@media (max-width: 750px){main.csr #sdgs .flexbox .flex-right .flex-in-box .img{max-width:inherit;min-width:inherit;width:100%}}main.csr #sdgs .flexbox .flex-right .flex-in-box .flex-in-right .ttl{font-size:clamp(19px, calc(19px + (5) * (100vw - 767px) / (673)), 24px);font-weight:bold;color:#664c1a;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}main.csr #sdgs .flexbox .flex-right .flex-in-box .flex-in-right .ttl:nth-of-type(n+2){margin-top:40px}main.csr #sdgs .flexbox .flex-right .flex-in-box .flex-in-right .txt{margin-top:10px;font-size:clamp(14px, calc(14px + (2) * (100vw - 767px) / (673)), 16px);font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}