@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior:url(boxsizing.htc); }
img{border-width:0;display:block}
html,body{margin:0;padding:0;background:#fff;line-height:1;font-family:'Noto Sans JP',sans-serif;overflow-x:hidden;image-rendering:-webkit-optimize-contrast}
body{opacity:0;margin:0;padding:0}
.wrap{width:100%;max-width:1280px;margin:0 auto}
.clear{clear:both}
/*headnav*/
.headnav{height:100px;width:100%;position:fixed;top:0;background-color:#fff;z-index:10004;box-shadow:0 1px rgba(0,0,0,0.05),0px 2px 10px rgba(0,0,0,0.05)}
.logo{float:left;height:60px;width:auto;margin:20px auto}
.logo img{max-height:60px}
.nav.pc{float:right;display:block}
.nav.mobile{display:none}
a.navicon{display:none;text-decoration:none;background-color:#fff;padding:5px 10px;margin-top:23px;float:right;position:absolute;right:5%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
a.navicon:hover{background-color:#eee}
a.navicon.open{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
a.navicon div{width: 24px; height: 3px;background-color:#333;margin: 5px 0;border-radius: 2px;}
.mainnav,.subnav,.thirdnav{float:left;height:100px;overflow:hidden}
.mainnav a{float:left;display:block;color:#333;text-align:center;padding:35px 20px;text-decoration:none;font-size:15px;font-weight:500;line-height:30px;font-feature-settings:"palt" 1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.mainnav .dropmenu,.thirdnav .dropmenu{float:left;overflow:hidden}
.mainnav .dropmenu .dropbtn{font-size:15px;border:none;outline:none;color:#333;padding:35px 20px;background-color:inherit;font-family:inherit;margin:0;line-height:30px;cursor:pointer;letter-spacing:.025em;font-weight:500;background-color:#FFF;font-feature-settings:"palt" 1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.mainnav a:hover,.mainnav .dropmenu:hover .dropbtn{background-color:#eee}
.mainnav .dropmenu .dropcontent{display:none;position:absolute;background-color:#f7f7f7;min-width:160px;box-shadow:inset 0 0 0 1px rgba(235,234,235,1),0 1px 5px .1px rgba(0,0,0,0.1);z-index:1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.mainnav .dropmenu .dropcontent a{float:none;color:#333;font-size:15px;padding:15px 30px;text-decoration:none;display:block;text-align:left;background-color:#f9f9f9;letter-spacing:.025em;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.mainnav .dropmenu .dropcontent a:hover{background-color:#333;color:#fff}
.mainnav .dropmenu:hover .dropcontent{display:block}
.subnav a{float:left;display:block;color:#FFF;background-color:#333;text-align:center;padding:8px 16px;text-decoration:none;font-size:12px;line-height:100%;margin:36px 5px;border-radius:5px;letter-spacing:.025em;font-weight:400;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.subnav a:hover{background-color:#00905d}
.thirdnav{height:32px;margin:34px 5px}
.thirdnav a{height:30px}
.thirdnav .dropmenu .dropbtn{font-size:12px;outline:none;color:#333;padding:0;background-color:#EEE;font-family:inherit;margin:0;line-height:30px;border:none;border-radius:5px;width:32px;margin-right:5px;cursor:pointer;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.thirdnav .dropmenu .dropcontent{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.1);z-index:1}
.thirdnav .dropmenu .dropcontent a{float:none;color:#333;text-decoration:none;display:block;text-align:left;line-height:40px;height:40px;padding-left:16px;letter-spacing:.025em;font-size:15px;font-feature-settings:"palt" 1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.thirdnav .dropmenu .dropcontent a:hover{background-color:#ddd;color:#333}
.thirdnav .dropmenu:hover .dropcontent{display:block}
.lean-overlay{position:fixed;z-index:10000;top:0;right:0;height:100%;width:100%;display:none;background-color:#333;opacity:0}
/*fixed_sidebtn*/
.fixed_sidebtn{position:fixed;right:0;top:160px;z-index:2}
.fixed_sidebtn ul{margin:0;padding:0}
.fixed_sidebtn ul a{text-decoration:none;color:#666;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.fixed_sidebtn ul a:hover{color:#999}
.fixed_sidebtn ul a li{list-style:none;text-align:center;line-height:20px}
.fixed_sidebtn ul.mail-magazine a li{-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;background-color: #129be3;}
.fixed_sidebtn ul.mail-magazine a li span{margin:15px 10px;color: #fff;}
#goTop{color:#666;text-align:center;position:fixed;bottom:0px;right:0px;cursor:pointer;display:none;font-size:20px;opacity:.8;background-color:#151414;padding:0px;width:50px;height:50px;line-height:50px;border-radius:0px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
#goTop:hover{color:#999;background-color:#151414}
/*footer_column*/
.footer{background-color:#151414;overflow:hidden}
.footer .wrap{padding:60px 0}
.footer_cols{margin:0 auto;padding:0;display:flex;flex-wrap:wrap;width:100%;flex-direction: row;justify-content: center;}
.footer_cols .cols{flex:0 0 13%;margin-left:3%}
.footer_cols .cols ul{margin:0;padding:0}
.footer_cols .cols ul .title{color:rgba(256,256,256,1);margin-bottom:35px;font-size:15px;letter-spacing:.025em;font-weight:400;font-feature-settings:"palt" 1}
.footer_cols .cols ul li{list-style:none}
.footer_cols .cols ul li a{text-decoration:none;color:rgba(256,256,256,0.35);font-size:15px;line-height:30px;letter-spacing:.025em;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.footer_cols .cols ul li a:hover{color:rgba(256,256,256,0.6)}
.footer_cols .cols ul li .in{margin-left:1em}
/*copyright_column*/
.copyright{background-color:#151414;overflow:hidden}
.copyright .wrap{padding:20px 0;text-align:center;color:rgba(256,256,256,1);font-size:13px;line-height:20px;letter-spacing:.025em;font-feature-settings:"palt" 1}
/*icon*/
.icon-dma{
  display: inline-block;
  vertical-align: middle;
  opacity: 0.2;
  line-height: 1;
  width: 7px;
  height: 7px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  margin-left: 10px;
  transform: translateY(-25%) rotate(135deg);
}
.icon-gt{
  display: inline-block;
  vertical-align: middle;
  color: #666;
  opacity:0.8;
  line-height: 1;
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
}
.icon-ma{
  display: inline-block;
  vertical-align: middle;
  color: #00905d;
  line-height: 1;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-top: -5px;
  margin-right: 5px;
}
.icon-ta{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 9px;
  height: 9px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-top: -5px;
  margin-right: 5px;
}
.icon-ma-r{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-top: -3px;
  margin-right: 10px;
}
.icon-ma-s{
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  line-height:1;
  width: 6px;
  height: 6px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-top: -3px;
  margin-right: 5px;
}
.icon-ca{
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  line-height:1;
  width: 6px;
  height: 6px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  margin-top: -3px;
  margin-right: 5px;
  margin-left: 7px;
}
.icon-ar {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  position: relative;
  width: 16px;
  height: 2px;
  background: currentColor;
  margin-left: 10px;
}
.icon-ar::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}
/*flexbox*/
.flex{display: flex;}
.flex-fxd--c{flex-direction: column;}
.flex-fxd--r{flex-direction: row;}
.flex-gap--S{gap: 10px;}
.flex-gap--R{gap: 20px;}
.flex-gap--L{gap: 40px;}
@media screen and (max-width: 1480px) {
.wrap{width:1280px}
}
@media screen and (max-width: 1340px) {
.logo img{max-height:50px}
.logo{height:50px;width:auto;margin:10px 0 40px}
.wrap{width:96%}
.mainnav .dropmenu .dropbtn{font-size:14px;padding:35px 10px}
.mainnav a{padding:35px 10px;font-size:14px}
.footer_cols .cols{flex:0 0 30%;margin-left:3%;margin-bottom:60px}
}
@media screen and (max-width: 1023px) {
.headnav{height:80px}
.wrap{width:92%;margin:0 auto}
a.navicon{display:block}
.crumbs{top: 80px;}
.nav{background-color:#eee;width:100%;margin:0}
.nav.pc{display:none}
.nav.mobile{display:none;float:none;position:absolute;top:80px;right:-100%;width:100%;height:auto;background-color:#f7f7f7;z-index:10003;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.nav.mobile.open{right:0;display:block}
.mainnav_m .dropmenu .dropbtn{width:100%;border:none;text-align:left;padding:20px 10%;font-size:15px;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;outline:none;background-color:#eee;letter-spacing:.025em;font-weight:500;color:#333;margin:0;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.mainnav_m .dropmenu.open .dropbtn{background-color:#dedede}
.mainnav_m .dropmenu .dropbtn:hover{background-color:#dedede}
.mainnav_m .dropmenu .dropcontent{display:none}
.mainnav_m .dropmenu.open .dropcontent{display:block}
.mainnav_m .dropmenu .dropcontent a{text-decoration:none}
.mainnav_m .dropmenu .dropcontent a div{width:100%;border:none;text-align:left;padding:15px 10%;font-size:15px;letter-spacing:.025em;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;color:#333;background-color:#f7f7f7;font-weight:400;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.mainnav_m .dropmenu .dropcontent a:hover div{background-color:#151414;color:#fff}
.mainnav_m .undropmenu{width:100%;text-align:left;padding:20px 10%;font-size:15px;letter-spacing:.025em;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;background-color:#eee;letter-spacing:.05em;font-weight:500;color:#333;font-feature-settings:"palt" 1;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.mainnav_m .undropmenu:hover{background-color:#dedede}
.mainnav_m .undropmenu a{text-decoration:none}
.mainnav_m .undropmenu a div{color:#333}
.subnav_m{width:100%;text-align:center;padding:40px 10%;background-color:#eee}
.subnav_m a button{width:45%;margin:0;padding:8px 16px;margin-left:1%;margin-right:1%;border-radius:5px;border:1px solid #333;color:#333;cursor:pointer;font-size:15px;letter-spacing:0;line-height:160%;background-color:transparent;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;font-feature-settings:"palt" 1;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.subnav_m a button:hover{background-color:#00905d;color:#fff;border:1px solid #00905d}
.thirdnav_m{text-align:left;background-color:#eee;height:70px}
.thirdnav_m a{text-decoration:none;font-family:"Noto Sans JP",Arial,Helvetica,sans-serif;color:#fff;background-color:#333;padding:8px 12px;margin-left:5px;margin-right:5px;border-radius:5px}
.thirdnav_m a:hover{background-color:#00905d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.fixed_sidebtn{top:auto;bottom:50px;}
.flex-fxd--r{flex-direction: column;}
/* .sns{display:none}
.fixed_sidebtn ul.mail-magazine{display:block} */

}
@media screen and (max-width: 639px) {
.footer_cols .cols{flex:0 0 45%;margin-left:5%}
.fixed_sidebtn{top:auto;bottom:40px;}
.fixed_sidebtn ul.mail-magazine a li span{margin:15px 10px;color: #fff;font-size: 13px;}
#goTop{color:#666;text-align:center;position:fixed;bottom:0px;right:0px;cursor:pointer;display:none;font-size:20px;opacity:.8;background-color:#333;padding:0px;width:40px;height:40px;line-height:40px;border-radius:0px;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
#goTop:hover{color:#999;background-color:#333}
}
@media screen and (max-width: 479px) {
.footer_cols .cols{flex:0 0 80%;margin-left:auto;margin-right:auto;text-align:center}
}