body{touch-action: manipulation;}

.pc{display: none;}
.sp{display: block;}

#nav{display: none;}

.pa{padding:25px 0}

#head{padding:15px 10px}

#head section em{display: block;font-size: 20px;letter-spacing: 0}

.btn-trigger span{background-color:rgba(0,163,216,1.0)!important }
#head section em,
#head #nav .flex li a,
.subnav li a,
.ft_nav li a{color:rgba(0,163,216,1.0)}

.btn a{width: 90%;}

.tl{letter-spacing: 0.05em}

/*=============================
.btn-trigger
=============================*/

.btn-trigger {
  position: relative;
  width: 50px;
  height: 44px;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 20px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

/*=============================
#btn08
=============================*/
#btn08.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
}
#btn08.active span:nth-of-type(2) {
  opacity: 0;
}
#btn08.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
}



/*35px*/
#second #mainview h1,
.btn_conv a,
.ol_sec02 ul li h3,
.conv li a,
.tl{font-size: 20px; }

/*30px*/
.in_btn.in_btn3 .btn_form a,
#head .flex #name,
.ol_sec01 ul li,
.sub_tl,
.sec03 li dt,
.in_btn li a span,
#foot p.name,
.btn_form a{font-size: 18px; }

/*25px*/
.pl_sec dl dt,
.blogsingle .entrybody h2 a,
.pl_sec .copy h3,
.btn a span,
.cl_sec .flex .copy .wide h3{font-size: 16px; }

/*18px*/
#foot p.name span,
#head .flex #name span,
body,
.btn input,
.ol_sec02 ul li h3 span,
.sec03 li dt span,
#foot p.dis,
#foot p.copyright{font-size:14px }

#mainview p.copy{width: 45vw;left:3.5vw;bottom: 3.5vw}
#mainview p.img{width: 35vw;right:3.5vw;bottom: 3.5vw}

#head section{zoom:60%;z-index: 99999}

#nav{position: fixed;height: 100vh;width: 100vw;background: #fff;z-index: 999;left: 0;top:0;}

#nav{justify-content: center;flex-direction: column;align-items: center;}
#nav ul{justify-content: center;flex-direction: column;align-items: center;}
#head #nav .flex{width: 100%;}
#head #nav .flex li{margin: 0;width: 100%;text-align: center;}
#head #nav .flex li a{font-size: 6vw;padding: 2vh 0;display: block;width: 100%;}
#head #nav .flex li a::after{display: none;}
#head #nav p{margin-top: 3vh}
#head #nav p a{width: 90vw; font-size: 6vw;}

.in_btn {display: block;}
.in_btn li{width: 100%;margin-bottom: 10px}
.in_btn li a{display: flex;justify-content: space-between;align-items: center;}
.in_btn li a img{width: 40%;border-radius: 10px 0 0 10px}
.in_btn li a span{width: 60%;text-align: left;padding:0 5vw}
.in_btn.in_btn2 li{width: 100%;}
.in_btn.in_btn2 li a{padding:0 5vw}
.in_btn.in_btn2 li a span{width: 100%;padding:8vw 0}
.btn_form3 a{width: 100%;letter-spacing: 0;padding:8vw 0}
.in_btn.in_btn3 .btn_form svg{width: 21px !important;}

.in_btn.in_btn3{display: block;}
.in_btn.in_btn3 .btn_form{width: 100%;}

.sec02 .btn a{width: 90%;}
.sec02 .slick{margin-bottom: 5vw}

.sec03 ul{display: block;}
.sec03 li{width: 100%;padding:0;border: none;display: flex;border-bottom: dotted 1px #fff;padding-bottom: 10px;margin-bottom: 10px;align-items: flex-start;justify-content: flex-start;}
.sec03 li img{width: 35%;}
.sec03 li dl{width: 65%;padding:0 0 0 10px;text-align: left;}
.sec03 li:last-child{margin-bottom: 0;padding-bottom: 0}


.sec04 div.flex{display: block;}
.sec04 div.flex div.left,
.sec04 div.flex div.right{width: 100%;padding:0;border:none;}
.sec04 div.flex div.left{margin-bottom: 20px}

.support .flex{margin-bottom: 15px}
.support .flex li{width: 49%;}

.ft_nav{flex-wrap: wrap;padding:15px 0;margin-bottom: 15px;}
.ft_nav li{width: 48%;border-right: dotted 1px #ccc;}
.ft_nav li a{display: block;padding: 2vw 0;text-align: center;}
.ft_nav li:nth-child(2n){border: none;}
.footer .conv{display: block;}
.conv li{width: 100%;margin-bottom: 10px}
.conv li a{padding:25px 0;}
.conv li a img,
.conv li a svg{width: 20px}

#foot p.copyright{padding:20px 0 50px}

.btn_conv{bottom:0;top:auto;left:10%;right: 10%;}
.btn_conv a{writing-mode:horizontal-tb;border-radius: 10px 10px 0 0;border-bottom:none;text-align:center; padding:12px 0}
.btn_conv a svg{width: 20px;margin-right: 5px;vertical-align: bottom;}

.subnav{flex-wrap: wrap;border-radius: 10px;padding:10px 0}
.subnav li{width: 48%;border: none;}
.subnav li a{text-align: center;padding:5px 0}

.cl_sec .flex{display: block;}
.cl_sec .flex .ph{width: 96%;margin-bottom: 5%}
.cl_sec .flex .copy{width: 100%;}
.cl_sec .flex .copy .wide{width: 94%;margin: 0 auto;}
.cl_sec .flex .copy .wide p{margin-bottom: 15px;}
.btn_form{margin-top: 15px}
.btn_form a{width: 90%;}

.cl_sec02 .flex .ph{float: right;}

.pl_sec .flex{display: block;margin-bottom: 15px}
.pl_sec dl,
.pl_sec .copy{width: 100%;}
.pl_sec .ph,
.pl_sec .copy h3{margin-bottom: 15px;}
.pl_sec dl{margin-top: 15px;padding:12px;}
.pl_sec dl dt{margin-bottom: 5px;}

.ol_sec01 ul{width: 100%;padding:10px 15px}
.ol_sec02 ul{display: block;}
.ol_sec02 ul li{width: 100%;margin-bottom: 20px}
.ol_sec02 ul li h3{padding-bottom: 5px}
.ol_sec02 ul li li{margin: 0}

.ol_sec02 table{width: 100%;}

.page-template-page-sponsor .su_sec .flex li{width: 49%;}
.page-template-page-contact #content table th,
.page-template-page-contact #content table td{display: block;float: none;width:100%;}
.page-template-page-contact #content table th{border-bottom: none;border-top: none;padding:8px 15px}
.page-template-page-contact #content table td{border-top: none;}
.page-template-page-contact #content table td label{display: inline-block;}
.mw_wp_form .horizontal-item{margin:0 10px 0 0 !important;}
.page-template-page-contact #content table{margin-bottom: 15px;border: none;border-top: solid 1px #ccc;}

#blog #sidebar,
#blog .left{width: 100% !important;}

.btn a span{padding: 12px 0}

.single-post #sidebar{margin-top: 30px}
.single #blog .entrysingle{padding-bottom: 15px}

.mwform-checkbox-field input, .mwform-radio-field input{margin: 0 !important}