@media print,  screen and (min-width: 1000px){
.hamburger{
display: none;
}
.draft{
display: none !important;
} .header .navi{
width: calc(100% - 380px);
margin: 0 -20px 0 auto;
padding: 0;
font-weight: 500;
} .header .navi .members-btn{
width: 160px;
margin: 14px 20px 6px auto; 
}
.header .navi .members-btn a.login-btn{
display: block;
text-align: center;
height: 35px;
line-height: 35px;
border-radius: 5px;
color: #fff;
background-color: #8fc31f;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
}
.category-5 .header .navi .members-btn a.login-btn,
.categoryid-5 .header .navi .members-btn a.login-btn,
.members .header .navi .members-btn a.login-btn{
background-color: #00a0e9;
}
.header .navi .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.category-5 .header .navi .members-btn a.login-btn:hover,
.categoryid-5 .header .navi .members-btn a.login-btn:hover,
.members .header .navi .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
} .header .navi ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
color: #fff;
text-align: center;
font-weight: 600;
font-size: 1.7rem;
}
.header .navi ul li a{
display: block;
padding: 7px 20px 11px;
color: #fff;
}
.header .navi ul li a:hover{
background-color: rgba(255,255,255,0.15);
} .navi ul.menu ol{
position: absolute; 
display: none;
top: 100px;
margin: 0;
padding: 0;
background-color: rgba(0,160,233,0.7);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
font-size: 1.5rem;
list-style: none;
z-index: 100;
}
.category-5 .navi ul.menu ol,
.categoryid-5 .navi ul.menu ol,
.members .navi ul.menu ol{
background-color: rgba(143,195,31,0.7);
}
.navi ul.menu ol li{
position: relative;
margin: 0;
padding: 0;
text-align: left;
}
.navi ul.menu ol li a{
display: block;
padding: 10px 30px 10px 20px;
border: none;
}
.navi ul.menu ol li a:hover{
border: none;
background-color: rgba(0,160,233,1);
color: #fff;
}
.category-5 .navi ul.menu ol li a:hover,
.categoryid-5 .navi ul.menu ol li a:hover,
.members .navi ul.menu ol li a:hover{
background-color: rgba(143,195,31,1);
}
.header .navi ul.menu li.current ol li a{
border: none;
}
}
@media screen and (max-width: 999px){
.draft{
display: none !important;
} .header .navi{
width: 130px;
margin: 0 50px 0 auto;
padding: 0;
font-weight: 500;
} .header .navi ul{
display: none;
} .header .navi  .members-btn{
width: 130px;
margin: 0 0 0 auto; 
}
.header .navi  .members-btn a.login-btn{
display: block;
text-align: center;
height: 32px;
line-height: 32px;
border-radius: 3px;
color: #fff;
background-color: #8fc31f;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
font-size: 1.4rem;
}
.category-5 .header .navi .members-btn a.login-btn,
.categoryid-5 .header .navi .members-btn a.login-btn,
.members .header .navi .members-btn a.login-btn{
background-color: #00a0e9;
}
.header .navi  .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.category-5 .header .navi .members-btn a.login-btn:hover,
.categoryid-5 .header .navi .members-btn a.login-btn:hover,
.members .header .navi .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.hamburger{
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width:  60px;
height: 60px;
padding: 0;
overflow: visible;
background-color: rgba(255,255,255,0.15);
}
.hamburger .menu{
width: 60px;
height: 60px;
z-index: 9999;
}
.hamburger .menu .toggle:hover{
opacity: 0.7;
}
.hamburger .menu .toggle{
transition: 0.3s ease;
position: relative;
width: 46px;
height: 46px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
z-index: 100;
background-color: transparent;
}
.hamburger .menu .toggle.navi-btn{
outline: none;
}
.hamburger .menu .toggle.navi-btn-on{
outline: none;
}
.navi-btn {
position: relative;
display: inline-block;
box-sizing: border-box;
}
.navi-btn div {
position: absolute;
left: 17px;
height: 2px;
width: 26px;
border-radius: 2px;
display: inline-block;
box-sizing: border-box;
}
.navi-btn div{
background-color: #fff;
}
.navi-btn div:nth-of-type(1) {
top: 20px;
}
.navi-btn div:nth-of-type(2) {
top: 29px;
}
.navi-btn div:nth-of-type(3) {
bottom: 6px;
}
.navi-btn-on {
position: relative;
display: inline-block;
box-sizing: border-box;
transition: 0.3s;
}
.navi-btn-on div {
position: absolute;
left: 17px;
height: 2px;
width: 26px;
border-radius: 2px;
display: inline-block;
box-sizing: border-box;
transition: 0.3s;
}
.navi-btn-on div:nth-of-type(1) {
top: 14px;
transform: translateY(14px) rotate(45deg);
}
.navi-btn-on div:nth-of-type(2) {
display: none;
}
.navi-btn-on div:nth-of-type(3) {
bottom: 28px;
transform: translateY(12px) rotate(-45deg);
}
.sp-navi{ display: none;
top: 60px;
position: absolute;
right: 0;
margin: 0;
padding: 0 20px 40px;
box-sizing: border-box;
background-color: rgba(0,160,233,0.8);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
width: 100vw;
box-sizing: border-box;
overflow-y: auto;
touch-action: manipulation;
-webkit-overflow-scrolling: touch;
z-index: 5;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .sp-navi,
.categoryid-5 .sp-navi,
.members .sp-navi{
background-color: rgba(143,195,31,0.8);
}
.sp-navi ul{
width: 90%;
max-width: 640px;
margin: 0 auto;
padding: 10px;
list-style: none;
font-size: 1.6rem;
}
.sp-navi ul li{
display: block;
padding: 10px 6px;
border-bottom: 1px solid #eee;
color: #fff;
cursor: pointer;
}
.sp-navi ul li a{
display: block;
color: #fff;
}
.sp-navi ul li:hover,
.sp-navi ul li a:hover{
color: #ddd;
}
.sp-navi ul li.accordion {
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_accordion_off.png);
background-position: right 10px top 20px;
background-repeat: no-repeat; 
}
.sp-navi ul li.accordion.open {
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_accordion_on.png);
background-position: right 10px top 20px;
background-repeat: no-repeat; 
}
.sp-navi ul li.accordion ul{
width: 90%;
margin: 10px 0 0 5%;
padding: 0;
font-size: 1.5rem;
}
.sp-navi ul li.accordion ul li{
border: none;
padding: 6px 0;
}
.sp-navi .sns{
text-align: center;
margin: 50px auto;
}
.sp-navi .sns a:hover{
opacity: 0.6;
}
}
@media screen and (max-width: 699px){ .header .navi{
display: none;
}
.draft{
display: none !important;
}
}@media screen and (max-width: 699px) { html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow-x: hidden;
font-size: 62.5%;
}
body{
position: relative;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #fff;
color: #444; 
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.3rem;
line-height: 1.7;
-webkit-text-size-adjust: 100%;	
}
img{
border: none; 
max-width: 100%;
height: auto;
width :auto;
}
a{
outline: none;
transition: 0.3s ease;
text-decoration: none;
color: #222;
}
a:hover{
text-decoration: none;
}
.aligncenter{
text-align: center;
}
.alignright{
text-align: right;
}
img.alignleft{
display: block;
float: left;
margin: 10px 20px 10px 0;
}
img.aligncenter{
display: block;
margin: 10px auto;
}
img.alignright{
display: block;
float: right;
margin: 10px 0 10px 20px;
}
hr{
clear: both;
width: 100%;
height: 1px;
background-color: #ddd;
border: 0;
}
.sp{
display: none;
}
.space-top{
margin-top: 40px !important;
}
.space-bottom{
margin-bottom: 40px !important;
}
.tight-top{
margin-top: -20px !important;
}
.tight-bottom{
margin-bottom: -20px !important;
}
.contents table a,
.contents p a{
text-decoration: underline;
}
a img{
transition: 0.3s ease;
}
a img:hover{
opacity: 0.7;
}
.pum-content p a{
color: #1e73be;
text-decoration: underline;
}
.grecaptcha-badge {
visibility: hidden; 
}
.small{
font-size: 90%;
color: #999;
} .header{
width: 100%;
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 10;
background-color: #00a0e9;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .header,
.categoryid-5 .header,
.members .header{
background-color: #8fc31f;
}
.header .inner{
width: 94%;
height: 60px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
display: flex;
align-items: center;
justify-content: space-between;
} .header .title{
width: 230px;
margin: 0;
padding: 10px 0 0;
text-align: center;
}   .footer{
clear: both;
width: 100%;
margin: 0;
padding: 30px 0;
background-color: #00a0e9;
color: #fff;
}
.category-5 .footer,
.categoryid-5 .footer,
.members .footer{
background-color: #8fc31f;
}
.footer .inner{
width: 90%;
margin: 0 auto;
} .footer .info{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
.footer .info .name{
width: 230px;
margin: 0;
padding: 10px 0 0;
} .footer .members-btn{
width: 100px;
margin: 20px 0 0 auto; 
}
.footer .members-btn a.login-btn{
display: block;
text-align: center;
height: 30px;
line-height: 30px;
border-radius: 3px;
color: #fff;
background-color: #8fc31f;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
font-size: 1.2rem;
}
.category-5 .footer .members-btn a.login-btn,
.categoryid-5 .footer .members-btn a.login-btn,
.members .footer .members-btn a.login-btn{
background-color: #00a0e9;
}
.footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.category-5 .footer .members-btn a.login-btn:hover,
.categoryid-5 .footer .members-btn a.login-btn:hover,
.members .footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
} .footer .sub{
}
.footer .sub div{
width: 100%;
}
.footer .sub ul{
display: none;
}
.footer .sub a{
color: #fff;
}
.category-5 .footer .sub ul a:hover,
.categoryid-5 .footer .sub ul a:hover,
.members .footer .sub ul a:hover{
color: #8fc31f;
}
.footer .sub img{
width: 100px;
margin: 5px 0 0;
border-radius: 5px;
}
.footer .copyright{
border-top: 1px solid #fff;
padding: 10px 0 0;
font-size: 1rem;
} .pagescroll{
position: fixed;
bottom: 0;
right: 0;
z-index: 999;
}
.pagescroll a{
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
color: #00a0e9;
font-size: 0.9rem;
background-color: rgba(255,255,255,1);
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .pagescroll a,
.categoryid-5 .pagescroll a,
.members .pagescroll a{
color: #8fc31f;
}
.pagescroll a:hover{
color: #fff;
background-color: rgba(0,160,233,1);
}
.category-5 .pagescroll a:hover,
.categoryid-5 .pagescroll a:hover,
.members .pagescroll a:hover{
color: #fff;
background-color: rgba(143,195,31,1);
} .mv{
width: 100%;
height: 100dvh;
color: #fff;
background-color: #eee;
display: grid;
place-items: center;
position: relative;
}
.category-5 .mv,
.categoryid-5 .mv,
.members .mv{
height: 250px;
color: #fff;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_mv_members.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: #d0ecf8;
background-blend-mode: multiply;
}
.mv .inner{
width: 94%;
text-align: center;
z-index: 1;
}
.category-5 .mv .inner,
.categoryid-5 .mv .inner,
.members .mv .inner{
width: 94%;
margin-top: 60px;
text-align: center;
z-index: 1;
} .mv h1{
font-size: 7vw;
line-height: 1.5;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.mv h1 span{
display: block;
}
.mv h2{
font-size: 1.3rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h3,
.categoryid-5 .mv h3,
.members .mv h3{
font-size: 1.5rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h2,
.categoryid-5 .mv h2,
.members .mv h2{
font-size: 2.6rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .mv .slide{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.xo-slider,
.mv .slide ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 100%;
}
.xo-slider img,
.mv .slide ul img{
width: 100% !important;
height: 100vh !important;
object-fit: cover !important;
}
.category-5 .mv .btn,
.categoryid-5 .mv .btn,
.members .mv .btn{
display: inline-block;
margin: 15px auto 0;
padding: 8px 18px;
text-align: center;
font-weight: 600;
background-color: #fff;
color: #666;
border-radius: 3px;
}
.category-5 .mv .btn:hover,
.categoryid-5 .mv .btn:hover,
.members .mv .btn:hover{
background-color: #00a0e9;
color: #fff;
} .section{
width: 100%;
padding: 30px 0;
box-sizing: border-box;
} .section h2{
font-family: 'Fjalla One', sans-serif;
font-size: 2.2rem;
position: relative;
font-weight: 400;
margin: 0;
}
.section h2 span{
font-family: 'Noto Sans JP', sans-serif;
display: block;
font-size: 1.1rem;
} .btn{
display: block;
margin-top: 15px;
padding: 5px 10px;
text-align: center;
font-weight: 600;
color: #fff;
background-color: #00a0e9;
border-radius: 4px;
font-size: 1.2rem;
}
.category-5 .btn,
.categoryid-5 .btn,
.members .btn{
background-color: #8fc31f;
}
.btn:hover{
color: #00a0e9;
background-color: #fff;
}
.category-5 .btn:hover,
.categoryid-5 .btn:hover,
.members .btn:hover{
color: #8fc31f;
background-color: #fff;
} .flex{
display: flex;
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
}
.flex .left{
width: 100%;
background-color: #eee;
border-radius: 6px 6px 0 0;
box-sizing: border-box;
padding: 15px;
position: relative;
}
.flex .right{
width: 100%;
background-color: #fafafa;
border-radius: 0 0 6px 6px;
box-sizing: border-box;
padding: 15px;
}  .section.shortcut{
position: relative;
}
.section.shortcut:after{
content: "";
position: absolute;
bottom: 30px;
left: 0;
width:100%;
height: 100px;
background-color: #d5ebf5;
z-index: 0;
}
.section.shortcut .flex{
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.section.shortcut .flex div{
width: 48%;
text-align: center;
}
.section.shortcut .flex div:first-child{
width: 100%;
height: 200px;
}
.section.shortcut .flex div a img{
width: 100%;
height: 100px;
border-radius: 4px;
object-fit: cover;
transition: 0.3s ease;
}
.section.shortcut .flex div:first-child a img{
height: 150px;
}
.section.shortcut .flex div a:hover img{
opacity: 0.7;
}
.section.shortcut .flex div p{
margin: 5px 0 20px;
font-size: 1.1rem;
} .section.news{
position: relative;
} .section.news ul{
margin: -10px 5px;
padding: 0;
list-style: none;
}
.section.news ul li{
margin: 20px 0;
}
.section.news ul li a{
color: #333;
text-decoration: underline;
}
.section.news ul li a:hover{
color: #999;
}
.section.news ul .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.2rem;
width: 60px;	
display: inline-block;
}
.section.news ul .cate{
font-size: 1.2rem;
width: 60px;
display: inline-block;
}
.section.news ul .txt{
display: block;
width: 100%;
}
.section.news ul .txt a{
} .section.banner{
position: relative;
margin-top: -30px;
}
.category-5 .section.banner,
.categoryid-5 .section.banner,
.members .section.banner{
padding-bottom: 0px;
}
.section.banner:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-color: #00a0e9;
z-index: 0;
}
.category-5 .section.banner:after,
.categoryid-5 .section.banner:after,
.members .section.banner:after{
background-color: #8fc31f;
height: 80px;
}
.section.banner .flex{
position: relative;
z-index: 1;
} .section.banner .panel{
text-align: center;
width: 100%;
height: 100px;
border-radius: 6px;
display: grid;
place-items: center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
background-color: #ccc;
transition: 0.3s ease;
margin: 5px 0;
}
.section.banner .panel:hover{
cursor: pointer;
background-color: #999;
}
.section.banner .panel a{
color: #fff;
}
.section.banner .panel p{
font-size: 1.2rem;
margin: 0;
}
.section.banner .panel h3{
font-feature-settings: "palt";
font-size: 2.2rem;
margin: 0;
}
.section.banner .panel small{
font-size: 1.1rem;
margin: 0;
}
.section.banner .panel.entry{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_entry.jpg);
}
.section.banner .panel.elearning{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_elearning.jpg);
} .section.media{
position: relative;
}
.section.media .right{
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.section.media .right div{
width: 31%;
}
.section.media .right div a img{
width: 100%;
height: 80px;
border-radius: 6px;
object-fit: cover;
transition: 0.3s ease;
}
.section.media .right div a:hover img{
opacity: 0.7;
}
.section.media .right div p{
margin: 5px 0;
font-size: 1.5rem;
} .section.contact{
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_contact.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
background-blend-mode: multiply;
background-color: #00a0e9;
}
.section.contact .flex div{
width: 90%;
margin: 5px 5%;
color: #fff;
position: relative;
}
.section.contact .flex div:first-child{
content: "";
width: 100%;
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px dashed rgba(255,255,255,0.5);
}
.section.contact div p{
margin: 15px 0;
} .section.contact .btn{
color: #00a0e9;
background-color: #fff;
}
.section.contact a.btn:hover{
color: #fff;
background-color: #00a0e9;
} .section.access{
position: relative;
}
.section.access .right{
padding: 0;
margin: 0;
}
.section.access .right iframe{
display: block;
width: 100%;
height: 200px;
border-radius: 0 0 8px 8px;
} .section.shortcut-m{
background-color: #e9f3d4;
margin: 1px 0 0;
padding:  20px 0;
}
.section.shortcut-m ul{
width: 90%;
margin: 0 auto;
padding: 0;
position: relative;
list-style: none;
display: flex;
flex-wrap: wrap;	
}
.section.shortcut-m ul li{
width: 50%;
font-size: 1.3rem;
font-weight: 500;
text-align: center;
font-feature-settings: "palt";
}
.section.shortcut-m ul li a{
display: block;
margin: 2px auto;
width: 98%;
padding: 6px 0;
box-sizing: border-box;
border-radius: 5px;
color: #fff;
background-color: #8fc31f;
}
.section.shortcut-m ul li a:hover{
color: #8fc31f;
background-color: #fff;
}
.section.shortcut-m ul li.wide{
width: 98%;
margin: 0 1%;
}
.section.shortcut-m ul li.wide a{
width: 100%;
}  .fv{
width: 100%;
height: 160px;
color: #fff;
background-color: #d0ecf8;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv.jpg);
background-position: center top 50px;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
}
.category-5 .fv,
.categoryid-5 .fv,
.members .fv{
background-color: #edf9d3;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv_members.jpg);
}
.fv .inner{
width: 94%;
margin-top: 60px;
text-align: center;
z-index: 1;
}
.fv h1{
font-size: 2.2rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .pankuzu{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin: 0 auto;
position: relative;
font-size: 1rem;
background-color: #eee;
}
.pankuzu::-webkit-scrollbar {
display: none;
}
.pankuzu ul{
width: max-content;
margin: 0;
padding: 5px 10px;
list-style: none;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
.pankuzu ul li a{
text-decoration: none;
color: #000;
}
.pankuzu ul li a:hover{
color: #666;
}
.pankuzu ul li a:after{
content: ">"; 
margin: 0 2px;
pointer-events: none;
} .title-area{
margin: 0 0 30px;
padding: 0 0 15px;
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
}
.title-area h2{
width: 100%;
margin-bottom: 20px !important;
}
.title-area .date{
width: 50%;
}
.title-area .cate{
text-align: right;
width: 50%;
} .pager{
clear: both;
display: flex;
justify-content: space-between;
border-top: 1px solid #ddd;
margin: 30px 0 0;
padding: 20px 0 0;
}
.pager span{
width: 33%;
}
.pager span:nth-child(1){
text-align: left;
}
.pager span:nth-child(2) {
text-align: center;
}
.pager span:nth-child(3) {
text-align: right;
}
.pager a{
text-decoration: none;
color: #fff;
background-color: #00a0e9;
display: inline-block;
padding: 5px 15px;
transition: 0.3s ease;
text-decoration: none;
font-size: 1rem;
border-radius: 0.3em;
}
.pager a:hover{
color: #00a0e9;
background-color: #eee;
} .pagination{	
clear: both;
width: 98%;
border-top: 1px solid #ddd;
margin: 30px 0 0;
padding: 30px 0 0;
display: flex;
align-items: stretch;
justify-content: center;
text-align: center;
font-size: 1.2rem;
}
.pagination a{
width: 22px;
padding: 4px;
color: #00a0e9;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 2px;
}
.pagination a:hover{
color: #fff;
background-color: #00a0e9;
}
.pagination span{
width: 22px;
padding: 4px;
color: #00a0e9;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 1px;
}
.pagination span.current{
color: #fff;
background-color: #00a0e9;
}
.pagination a.next,
.pagination a.prev{
color: #00a0e9;
}
.pagination a.next:hover,
.pagination a.prev:hover{
color: #fff;
} .members-news .pagination ul{
display: flex;
align-items: stretch;
justify-content: center;
list-style: none;
}	
.members-news .pagination ul li a{
display: block;
width: 22px;
padding: 4px;
color: #8fc31f;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 2px;
}
.members-news .pagination ul li a:hover{
color: #fff;
background-color: #8fc31f;
}
.members-news .pagination ul li{
width: 22px;
padding: 4px;
}
.members-news .pagination .current{
display: block;
color: #fff;
background-color: #8fc31f;
}
.members-news .pagination a.next,
.members-news .pagination a.prev{
color: #8fc31f;
}
.members-news .pagination a.next:hover,
.members-news .pagination a.prev:hover{
color: #fff;
} .section.login-area{
position: relative;
padding: 0;
margin: 30px -5% 20px;
width: 110%;
} .login{
margin: 30px 0;
}
.login input[type="text"],
.login input[type="password"]{
font-size: 1.6rem;
width: 100%;
padding: 6px;
margin: 0 0 6px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.login input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 8px 0;
margin: 10px 0;
border: 0;
border-radius: 3px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.login input[type=submit]:hover{
background-color: #fff;
color: #8fc31f;
} .message{
text-align: left;
padding: 10px 20px;
margin: 30px auto;
background-color: #e9f3d4;
border-radius: 6px;
}
.message br{
display: none;
} .news-area ul{
margin: -10px 5px;
padding: 0;
list-style: none;
}
.news-area ul li{
margin: 20px 0;
}
.news-area ul li a{
display: block;
color: #333;
text-decoration: underline;
}
.news-area ul li a:hover{
color: #999;
}
.news-area ul .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.2rem;
width: 60px;	
display: inline-block;
}
.news-area ul .cate{
font-size: 1.2rem;
width: 60px;
display: inline-block;
}
.news-area ul .txt{
display: block;
width: 100%;
}
.news-area ul .txt a{
}
.members .section.news{
position: relative;
padding: 0;
margin: 20px -5% 0;
width: 110%;
} .cate a{
font-size: 90%;
display: inline-block !important;
color: #fff !important;
text-decoration: none !important;
padding: 1px 5px;
border-radius: 3px;
}
.cate a[href*="default"],
.cate a[href*="news"],
.cate a[href*="event"]{
background-color: #00a0e9;
}
.cate a[href*="for-member"]{
background-color: #8fc31f;
}
.cate a[href*="emergency"]{
background-color: #c6001c;
} .category-5 .pager a,
.categoryid-5 .pager a{
background-color: #8fc31f;
}
.category-5 .pager a:hover,
.categoryid-5 .pager a:hover{
color: #8fc31f;
background-color: #eee;
} .category-5 .pagination a,
.categoryid-5 .pagination a{
color: #8fc31f;
}
.category-5 .pagination a:hover,
.categoryid-5 .pagination a:hover{
color: #fff;
background-color: #8fc31f;
}
.category-5 .pagination span,
.categoryid-5 .pagination span{
background-color: #8fc31f;
}
.category-5 .pagination span.current,
.categoryid-5 .pagination span.current{
background-color: #8fc31f;
}
.category-5 .pagination a.next,
.category-5 .pagination a.prev,
.categoryid-5 .pagination a.next,
.categoryid-5 .pagination a.prev{
color: #8fc31f;
}
.category-5 .pagination a.next:hover,
.category-5 .pagination a.prev:hover,
.categoryid-5 .pagination a.next:hover,
.categoryid-5 .pagination a.prev:hover{
color: #fff;
} #OMLlogin .login-error{
display: none;
}
.login-modal-box{
background-color: #8fc31f !important;
}
.home .modal-content{
margin: 0 !important;
padding: 20px !important;
width: 90% !important;
max-width: 320px !important;
}
.modal-content h4{
font-size: 1.6rem !important;
margin: 0;
}
.modal-content label{
font-size: 1.4rem !important;
}
.modal-content input[type="text"],
.modal-content input[type="password"]{
font-size: 1.6rem;
width: 100%;
padding: 6px;
margin: 0 0 6px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.modal-content input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 8px 0;
margin: 10px 0;
border: 0;
border-radius: 3px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.modal-content input[type=submit]:hover{
background-color: #fff;
color: #8fc31f;
}  .contents h2:not(.flex h2){
clear: both;
font-weight: 600;
font-size: 2rem;
margin: 30px 0;
background-color: #f7f7f7;
padding: 6px 6px 6px 35px;
position: relative;
}
.contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 16px;
content: " "; 
width: 20px;
height: 14px;
background-color: #00a0e9;
}
.contents h3:not(.flex h3){
clear: both;
font-size: 1.6rem;
font-weight: 800;
margin: 25px auto;
padding: 4px 0 4px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 10px;
width: 5px;
height: 16px;
left: 0;
background-color: #00a0e9;
border-radius: 3px;
}
.contents h4:not(.flex h4){
clear: both;
font-weight: 600;
font-size: 1.5rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .members .contents h2:not(.flex h2){
font-weight: 600;
font-size: 2rem;
margin: 30px 0;
background-color: #f7f7f7;
padding: 6px 6px 6px 35px;
position: relative;
}
.category-5 .contents h2:not(.flex h2):before,
.categoryid-5 .contents h2:not(.flex h2):before,
.members .contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 16px;
content: " "; 
width: 20px;
height: 14px;
background-color: #8fc31f;
}
.members .contents h3:not(.flex h3){
font-size: 1.6rem;
font-weight: 800;
margin: 25px auto;
padding: 4px 0 4px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.members .contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 10px;
width: 5px;
height: 16px;
left: 0;
background-color: #8fc31f;
border-radius: 3px;
}
.members .contents h4:not(.flex h4){
font-weight: 600;
font-size: 1.5rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .contents{
width: 100%;
padding: 0 0 15px;
box-sizing: border-box;
}
.contents .inner{
width: 90%;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
} .contents a[href$='.docx'], 
.contents a[href$='.doc'], 
.contents a[href$='.rtf'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-general.svg);
}
.category-5 .contents a[href$='.docx'], 
.category-5 .contents a[href$='.doc'], 
.category-5 .contents a[href$='.rtf'] ,
.categoryid-5 .contents a[href$='.docx'], 
.categoryid-5 .contents a[href$='.doc'], 
.categoryid-5 .contents a[href$='.rtf'] ,
.members .contents a[href$='.docx'], 
.members .contents a[href$='.doc'], 
.members .contents a[href$='.rtf'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-member.svg);
}
.contents a[href$='.txt'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-general.svg);
}
.category-5 .contents a[href$='.txt'],
.categoryid-5 .contents a[href$='.txt'],
.members .contents a[href$='.txt'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-member.svg);
}
.contents a[href$='.xlsx'],
.contents a[href$='.xls'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-general.svg);
}
.category-5 .contents a[href$='.xlsx'],
.category-5 .contents a[href$='.xls'],
.categoryid-5 .contents a[href$='.xlsx'],
.categoryid-5 .contents a[href$='.xls'],
.members .contents a[href$='.xlsx'],
.members .contents a[href$='.xls'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-member.svg);
}
.contents a[href$='.pdf'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-general.svg);
}
.category-5 .contents a[href$='.pdf'],
.categoryid-5 .contents a[href$='.pdf'],
.members .contents a[href$='.pdf'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-member.svg);
}
.contents a[href$='.ppt'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.ppt'],
.categoryid-5 .contents a[href$='.ppt'],
.members .contents a[href$='.ppt'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.pptx'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.pptx'],
.categoryid-5 .contents a[href$='.pptx'],
.members .contents a[href$='.pptx'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.zip'], 
.contents a[href$='.rar']{ 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-general.svg);
}
.category-5 .contents a[href$='.zip'], 
.category-5 .contents a[href$='.rar'],
.categoryid-5 .contents a[href$='.zip'], 
.categoryid-5 .contents a[href$='.rar'],
.members .contents a[href$='.zip'], 
.members .contents a[href$='.rar']{ 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-member.svg);
}
.contents a[href$='.docx']:hover, 
.contents a[href$='.doc']:hover, 
.contents a[href$='.rtf']:hover,
.contents a[href$='.txt']:hover,
.contents a[href$='.xlsx']:hover,
.contents a[href$='.xls']:hover,
.contents a[href$='.pdf']:hover,
.contents a[href$='.zip']:hover,
.contents a[href$='.rar']:hover,
.category-5 .contents a[href$='.docx']:hover, 
.category-5 .contents a[href$='.doc']:hover, 
.category-5 .contents a[href$='.rtf']:hover,
.category-5 .contents a[href$='.txt']:hover,
.category-5 .contents a[href$='.xlsx']:hover,
.category-5 .contents a[href$='.xls']:hover,
.category-5 .contents a[href$='.pdf']:hover,
.category-5 .contents a[href$='.zip']:hover,
.category-5 .contents a[href$='.rar']:hover,
.categoryid-5 .contents a[href$='.docx']:hover, 
.categoryid-5 .contents a[href$='.doc']:hover, 
.categoryid-5 .contents a[href$='.rtf']:hover,
.categoryid-5 .contents a[href$='.txt']:hover,
.categoryid-5 .contents a[href$='.xlsx']:hover,
.categoryid-5 .contents a[href$='.xls']:hover,
.categoryid-5 .contents a[href$='.pdf']:hover,
.categoryid-5 .contents a[href$='.zip']:hover,
.categoryid-5 .contents a[href$='.rar']:hover,
.members .contents a[href$='.docx']:hover, 
.members .contents a[href$='.doc']:hover, 
.members .contents a[href$='.rtf']:hover,
.members .contents a[href$='.txt']:hover,
.members .contents a[href$='.xlsx']:hover,
.members .contents a[href$='.xls']:hover,
.members .contents a[href$='.pdf']:hover,
.members .contents a[href$='.zip']:hover,
.members .contents a[href$='.rar']:hover{
background-color: #eee;	
}
a.no-icon {
color: #00a0e9;
display: inline;
background: none !important;
padding: 0 !important;
} .contents table{
width: 100%;
border-collapse: collapse;
margin: 20px auto 30px;
}
.contents table p{
margin: 0;
}
.contents table th{
display: block;
width: 100%;
padding: 10px 5px;
box-sizing: border-box;
text-align: left;
font-weight: 400;
vertical-align: top;
background-color: #fafafa;
border-bottom: 1px solid #ddd;
}
.contents table td{
display: block;
width: 100%;
padding: 10px 5px;
box-sizing: border-box;
} .contents table thead th{
width: 100%;
padding: 20px;
box-sizing: border-box;
text-align: center;
background-color: #edf6fa;
}
.contents table thead td{
padding: 20px;
box-sizing: border-box;
}
.gmark-list table td:nth-child(odd){
background-color: #fafafa;
}
.gmark-list .contents table p{
margin: auto;
}
.gmark-list .contents table th{
display: inline-block;
width: 150px;
padding: 15px;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid #ddd;
font-weight: 400;
vertical-align: top;
}
.gmark-list .contents table td{
display: inline-block;
padding: 15px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.gmark-list .select-area{
width: 100%;
margin: 60px 0 0;
text-align: center;
}
.gmark-list select{
display: block;
appearance: none;
margin: 0 auto;
padding: 15px 90px 15px 30px;
font-size: 1.6rem;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
background-color: #00a0e9;
cursor: pointer;
transition: 0.3s ease;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
background-size: 16px;
text-align: left;
}
.gmark-list select:hover{
opacity: 0.8;
}
.gmark-list .table{
width: 100%;
display: block;
overflow: auto;
}
.gmark-list table{
width: 100%;
margin: 0;
white-space: nowrap;
}
.gmark-list th{
text-align: center !important;
}
.gmark-list th:first-child{
width: 40%;
min-width: 300px;
}
.gmark-list td:first-child{
width: 40%;
min-width: 300px;
}
.gmark-list th:nth-child(2){
width: 40%;
min-width: 250px;
}
.gmark-list td:nth-child(2){
width: 40%;
min-width: 250px;
}
.gmark-list th:last-child{
width: 20%;
min-width: 100px;
}
.gmark-list td:last-child{
text-align: center;
width: 20%;
min-width: 100px;
} .contact .telfax{
font-weight: 600;
}
.contact .telfax strong{
font-family: 'Fjalla One', sans-serif;
font-size: 2.2rem;
font-weight: 700;
} .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 textarea{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 10px;
font-size: 1.6rem;
box-sizing: border-box;
border-radius: 5px;
background-color: #fff;	
border: 1px solid #ddd;
}
.wpcf7 textarea{
height: 80px;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset]{
display: block;
appearance: none;
margin: 0 auto;
width: 50%;
padding: 20px;
font-size: 1.8rem;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
background-color: #00a0e9;
border: 0;
}
.wpcf7 input[type=submit]:disabled{
opacity: 0.2;
cursor: default;
}
.wpcf7 input[type=submit]{
background-color: #00a0e9;
color: #fff;
cursor: pointer;
}
.wpcf7 input[type=submit]:enabled:hover{
background-color: #eee;
color: #00a0e9;
}
.wpcf7 .req{
color: #dc3232;
margin: 5px;
}
.wpcf7 .half{
width: 50% !important;
} .contents .yt{
position: relative;
width: 100%;
padding-top: 56.25%;
background-color: #eee;
}
.contents .yt iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
} .links .contents ul{
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.links .contents a[href^="http"]{ 
display: block;
margin: 10px 0;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_link.svg);
}
.links .contents a[href^="http"]:hover{ 
background-color: #eee;	
} .contents .box{
margin: 0 auto;
}
.contents .box.double div:not(.yt){
width: 100%;
}
.contents .box.triple div:not(.yt){ 
width: 100%;
} .contents fieldset{
padding: 5px 20px;
box-sizing: border-box;
margin: 30px 0;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
}
.contents legend{
font-weight: 600;
color: #fff;
background: #00a0e9;
padding: 2px 10px;
box-sizing: border-box;
border-radius: 3px;
} .e-learning strong{
display: block;
padding: 5px 10px;
margin: 10px 0;
box-sizing: border-box;
color: #8fc31f;
border: 2px solid #8fc31f;
}
.e-learning .btn{
display: block;
text-decoration: none;
margin: 50px auto;
font-size: 120%;
width: 90%;
box-sizing: border-box;
} .bar-chart{
width: 100%;
margin: 20px auto;
}
.bar-chart .chart{
margin: 0 auto 25px;
}
.bar-chart .chart strong{
color: #8fc31f;
margin: 0 0 5px;
display: block;
font-size: 110%;
}
.bar-chart .chart p{
font-size: 1.3rem;
color: #333;
margin: 0;
}
.bar-chart .chart .budget{
font-size: 1.3rem;
color: #333;
margin: 10px 0 5px;	
}
.bar-chart .close {
position: relative;
}
.bar-chart .close:after {
content: "申請受付は終了しました";
position: absolute;
text-align: center;
width: 180px;
height: 26px;
line-height: 26px;
font-size: 1.2rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #C95743;
border: 1px solid #fff;
box-sizing: border-box;
}
.bar-chart .shorttime {
position: relative;
}
.bar-chart .shorttime:after {
content: "申請受付は残り僅かです";
position: absolute;
text-align: center;
width: 180px;
height: 26px;
line-height: 26px;
font-size: 1.2rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #fca702;
border: 1px solid #fff;
box-sizing: border-box;
}
.bar-chart .bar {
width: 100%;
margin: 10px 0 0;
border-radius: 3px;
background-color: #eee;
}
.bar-chart span {
display: inline-block;
padding-right: 15px;
border-radius: 3px 0 0 3px;
background-color: #8fc31f;
color: #fff;
font-weight: 600;
line-height: 36px;
text-align: right;
white-space: nowrap;
animation: anime 2s ease;
box-sizing: border-box;
}
@keyframes anime {
from {
width: 0;
}
}
.bar-chart .bar.shorttime span {
opacity: 0.7;
background-color: #fca702;
}
.bar-chart .bar.close span {
opacity: 0.3;
background-color: #C95743;
}
.bar-chart .update{
margin: 30px 0 0;
padding: 20px 30px;
border-radius: 15px;
background-color: #eee;
}
.bar-chart .update strong{
color: #C95743;
}
.bar-chart .update p{
font-size: 80%;
margin: 5px auto;
}
}
@media (orientation: landscape) { .mv .inner{
margin-top: 60px;
}
.mv h2{
font-size: 4vw;
line-height: 1.5;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.mv h2 br{
display: block;
}
.mv h2 span{
display: inline-block;
margin-left: 20px;
}
.mv h3{
font-size: 1.5rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
}@media print,  screen and (min-width: 700px) and (max-width: 999px){ html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow-x: hidden;
font-size: 62.5%;
}
body{
position: relative;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #fff;
color: #444; 
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.5rem;
line-height: 1.7;
-webkit-text-size-adjust: 100%;	
}
img{
border: none; 
max-width: 100%;
height: auto;
width :auto;
}
a{
outline: none;
transition: 0.3s ease;
text-decoration: none;
color: #222;
}
a:hover{
text-decoration: none;
}
.aligncenter{
text-align: center;
}
.alignright{
text-align: right;
}
img.alignleft{
display: block;
float: left;
margin: 10px 25px 10px 0;
}
img.aligncenter{
display: block;
margin: 10px auto;
}
img.alignright{
display: block;
float: right;
margin: 10px 0 10px 25px;
}
hr{
clear: both;
width: 100%;
height: 1px;
background-color: #ddd;
border: 0;
}
.sp{
display: none;
}
.space-top{
margin-top: 80px !important;
}
.space-bottom{
margin-bottom: 80px !important;
}
.tight-top{
margin-top: -40px !important;
}
.tight-bottom{
margin-bottom: -40px !important;
}
.contents table a,
.contents p a{
text-decoration: underline;
}
a img{
transition: 0.3s ease;
}
a img:hover{
opacity: 0.7;
}
.pum-content p a{
color: #1e73be;
text-decoration: underline;
}
.grecaptcha-badge {
visibility: hidden; 
}
.small{
font-size: 90%;
color: #999;
} .header{
width: 100%;
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 10;
background-color: #00a0e9;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .header,
.categoryid-5 .header,
.members .header{
background-color: #8fc31f;
}
.header .inner{
width: 92%;
height: 60px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
display: flex;
align-items: center;
justify-content: space-between;
} .header .title{
width: 300px;
margin: 0;
padding: 10px 0 0;
text-align: center;
}   .footer{
clear: both;
width: 100%;
margin: 0;
padding: 30px 0;
background-color: #00a0e9;
color: #fff;
}
.category-5 .footer,
.categoryid-5 .footer,
.members .footer{
background-color: #8fc31f;
}
.footer .inner{
width: 92%;
margin: 0 auto;
} .footer .info{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
.footer .info .name{
width: 300px;
margin: 0;
padding: 0;
} .footer .members-btn{
width: 130px;
margin: 20px 0 0 auto; 
}
.footer .members-btn a.login-btn{
display: block;
text-align: center;
height: 32px;
line-height: 32px;
border-radius: 3px;
color: #fff;
background-color: #8fc31f;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
font-size: 1.4rem;
}
.category-5 .footer .members-btn a.login-btn,
.categoryid-5 .footer .members-btn a.login-btn,
.members .footer .members-btn a.login-btn{
background-color: #00a0e9;
}
.footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.category-5 .footer .members-btn a.login-btn:hover,
.categoryid-5 .footer .members-btn a.login-btn:hover,
.members .footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
} .footer .sub{
display: flex;
justify-content: space-between;
}
.footer .sub div{
width: 50%;
}
.footer .sub ul{
width: 100%;
margin: 20px 0;
padding: 0;
list-style: none;
text-align: right;
}
.footer .sub ul a{
display: inline-block;
padding: 0 10px;
text-decoration: none;
color: #fff;
position: relative;
}
.footer .sub ul a:hover{
color: #00a0e9;
background-color: #fff;
border-radius: 3px;
}
.category-5 .footer .sub ul a:hover,
.categoryid-5 .footer .sub ul a:hover,
.members .footer .sub ul a:hover{
color: #8fc31f;
}
.footer .sub a{
color: #fff;
}
.footer .sub img{
width: 120px;
margin: 15px 5px 0 0;
border-radius: 15px;
}
.footer .copyright{
border-top: 1px solid #fff;
padding: 10px 0 0;
font-size: 1.3rem;
} .pagescroll{
position: fixed;
bottom: 5px;
right: 5px;
z-index: 999;
}
.pagescroll a{
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 3px;
color: #00a0e9;
font-size: 1.1rem;
background-color: rgba(255,255,255,1);
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .pagescroll a,
.categoryid-5 .pagescroll a,
.members .pagescroll a{
color: #8fc31f;
}
.pagescroll a:hover{
color: #fff;
background-color: rgba(0,160,233,1);
}
.category-5 .pagescroll a:hover,
.categoryid-5 .pagescroll a:hover,
.members .pagescroll a:hover{
color: #fff;
background-color: rgba(143,195,31,1);
} .mv{
width: 100%;
height: 100dvh;
color: #fff;
background-color: #eee;
display: grid;
place-items: center;
position: relative;
}
.category-5 .mv,
.categoryid-5 .mv,
.members .mv{
height: 350px;
color: #fff;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_mv_members.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: #d0ecf8;
background-blend-mode: multiply;
}
.mv .inner{
width: 90%;
margin-top: 60px;
text-align: center;
z-index: 1;
}
.category-5 .mv .inner,
.categoryid-5 .mv .inner,
.members .mv .inner{
width: 90%;
margin-top: 60px;
text-align: center;
z-index: 1;
} .mv h1{
font-size: 4.2vw;
line-height: 1.5;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.mv h1 span{
margin-left: 25px;
}
.mv h2{
font-size: 1.8rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h3,
.categoryid-5 .mv h3,
.members .mv h3{
font-size: 2rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h2,
.categoryid-5 .mv h2,
.members .mv h2{
font-size: 3.5rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .mv .slide{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.xo-slider,
.mv .slide ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 100%;
}
.xo-slider img,
.mv .slide ul img{
width: 100% !important;
height: 100vh !important;
object-fit: cover !important;
}
.category-5 .mv .btn,
.categoryid-5 .mv .btn,
.members .mv .btn{
display: block;
margin: 30px auto 0;
width: 140px;
height: 36px;
line-height: 36px;
text-align: center;
font-weight: 600;
background-color: #fff;
color: #666;
border-radius: 5px;
}
.category-5 .mv .btn:hover,
.categoryid-5 .mv .btn:hover,
.members .mv .btn:hover{
background-color: #00a0e9;
color: #fff;
} .section{
width: 100%;
padding: 60px 0;
box-sizing: border-box;
} .section h2{
font-family: 'Fjalla One', sans-serif;
font-size: 2.8rem;
position: relative;
font-weight: 400;
margin: 0;
}
.section h2 span{
font-family: 'Noto Sans JP', sans-serif;
display: block;
font-size: 1.2rem;
} .btn{
display: block;
width: 170px;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: 600;
color: #fff;
background-color: #00a0e9;
border-radius: 5px;
}
.category-5 .btn,
.categoryid-5 .btn,
.members .btn{
background-color: #8fc31f;
}
.btn:hover{
color: #00a0e9;
background-color: #fff;
}
.category-5 .btn:hover,
.categoryid-5 .btn:hover,
.members .btn:hover{
color: #8fc31f;
background-color: #fff;
} .flex{
display: flex;
width: 90%;
margin: 0 auto;
}
.flex .left{
width: 240px;
min-height: 200px;
background-color: #eee;
border-radius: 10px 0 0 10px;
box-sizing: border-box;
padding: 30px;
position: relative;
}
.flex .right{
width: calc(100% - 240px);
background-color: #fafafa;
border-radius: 0 10px 10px 0;
box-sizing: border-box;
padding: 30px;
}  .section.shortcut{
position: relative;
}
.section.shortcut:after{
content: "";
position: absolute;
bottom: 30px;
left: 0;
width:100%;
height: 200px;
background-color: #d5ebf5;
z-index: 0;
}
.section.shortcut .flex{
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.section.shortcut .flex div{
width: 48%;
text-align: center;
}
.section.shortcut .flex div:first-child{
width: 100%;
height: 260px;
}
.section.shortcut .flex div a img{
width: 100%;
height: 150px;
border-radius: 8px;
object-fit: cover;
transition: 0.3s ease;
}
.section.shortcut .flex div:first-child a img{
height: 200px;
}
.section.shortcut .flex div a:hover img{
opacity: 0.7;
}
.section.shortcut .flex div p{
margin: 5px 0 20px;
font-size: 1.4rem;
} .section.news{
position: relative;
} .section.news .btn{
position: absolute;
bottom: 30px;
} .section.news ul{
margin: -20px 0;
padding: 0;
list-style: none;
}
.section.news ul li{
margin: 20px 0;
}
.section.news ul li a{
color: #333;
text-decoration: underline;
}
.section.news ul li a:hover{
color: #999;
}
.section.news ul .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.4rem;
width: 70px;	
display: inline-block;
}
.section.news ul .cate{
font-size: 1.4rem;
width: 70px;
display: inline-block;
}
.section.news ul .txt{
display: block;
width: 100%;
}
.section.news ul .txt a{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} .section.banner{
position: relative;
padding: 20px 0 40px;
}
.category-5 .section.banner,
.categoryid-5 .section.banner,
.members .section.banner{
padding-bottom: 0px;
}
.section.banner:after{
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 150px;
background-color: #00a0e9;
z-index: 0;
}
.category-5 .section.banner:after,
.categoryid-5 .section.banner:after,
.members .section.banner:after{
background-color: #8fc31f;
}
.section.banner .flex{
justify-content: space-between;
position: relative;
z-index: 1;
} .section.banner .panel{
text-align: center;
width: 48%;
height: 200px;
border-radius: 10px;
display: grid;
place-items: center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
background-color: #ccc;
transition: 0.3s ease;
}
.section.banner .panel:hover{
cursor: pointer;
background-color: #999;
}
.section.banner .panel a{
color: #fff;
}
.section.banner .panel p{
font-size: 1.5rem;
margin: 0;
}
.section.banner .panel h3{
font-feature-settings: "palt";
font-size: 2.6rem;
margin: 0;
}
.section.banner .panel small{
font-size: 1.2rem;
margin: 0;
}
.section.banner .panel.entry{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_entry.jpg);
}
.section.banner .panel.elearning{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_elearning.jpg);
} .section.media{
position: relative;
} .section.media .btn{
position: absolute;
bottom: 30px;
}
.section.media .right{
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.section.media .right div{
width: 31%;
}
.section.media .right div a img{
width: 100%;
height: 160px;
border-radius: 6px;
object-fit: cover;
transition: 0.3s ease;
}
.section.media .right div a:hover img{
opacity: 0.7;
}
.section.media .right div p{
margin: 5px 0;
font-size: 1.5rem;
} .section.contact{
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_contact.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
background-blend-mode: multiply;
background-color: #00a0e9;
}
.section.contact .flex div{
width: 47%;
margin-right: 3%;
color: #fff;
}
.section.contact div p{
margin: 30px 0 50px;
} .section.contact .btn{
color: #00a0e9;
background-color: #fff;
}
.section.contact a.btn:hover{
color: #fff;
background-color: #00a0e9;
} .section.access{
position: relative;
} .section.access .btn{
position: absolute;
bottom: 30px;
}
.section.access .right{
padding: 0;
margin: 0;
}
.section.access .right iframe{
display: block;
width: 100%;
height: 300px;
border-radius: 0 10px 10px 0;
} .section.shortcut-m{
background-color: #e9f3d4;
margin: -19px 0 0;
padding:  20px 0;
}
.section.shortcut-m ul{
width: 90%;
margin: 0 auto;
padding: 0;
position: relative;
list-style: none;
display: flex;
flex-wrap: wrap;	
}
.section.shortcut-m ul li{
width: 33%;
font-size: 1.6rem;
font-weight: 500;
text-align: center;
font-feature-settings: "palt";
}
.section.shortcut-m ul li a{
display: block;
margin: 5px auto;
width: 95%;
padding: 10px 0;
box-sizing: border-box;
border-radius: 5px;
color: #fff;
background-color: #8fc31f;
}
.section.shortcut-m ul li a:hover{
color: #8fc31f;
background-color: #fff;
}  .fv{
width: 100%;
height: 200px;
color: #fff;
background-color: #d0ecf8;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv.jpg);
background-position: center top 30px;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
}
.category-5 .fv,
.categoryid-5 .fv,
.members .fv{
background-color: #edf9d3;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv_members.jpg);
}
.fv .inner{
width: 90%;
margin-top: 60px;
text-align: center;
z-index: 1;
}
.fv h1{
font-size: 3rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .pankuzu{
width: 100%;
padding: 10px 0;
margin: 0 auto 20px;
position: relative;
font-size: 1.2rem;
background-color: #eee;
}
.pankuzu ul{
width: 92%;
margin: 0 auto;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
}
.pankuzu ul li a{
text-decoration: none;
color: #000;
}
.pankuzu ul li a:hover{
color: #666;
}
.pankuzu ul li a:after{
content: ">"; 
margin: 0 5px;
pointer-events: none;
} .title-area{
margin: 0 0 40px;
padding: 0 0 15px;
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
}
.title-area h2{
width: 100%;
margin-bottom: 20px !important;
}
.title-area .date{
width: 50%;
}
.title-area .cate{
text-align: right;
width: 50%;
} .pager{
clear: both;
display: flex;
justify-content: space-between;
border-top: 1px solid #ddd;
margin: 40px 0 0;
padding: 40px 0 0;
}
.pager span{
width: 33%;
}
.pager span:nth-child(1){
text-align: left;
}
.pager span:nth-child(2) {
text-align: center;
}
.pager span:nth-child(3) {
text-align: right;
}
.pager a{
text-decoration: none;
color: #fff;
background-color: #00a0e9;
display: inline-block;
padding: 5px 20px;
transition: 0.3s ease;
text-decoration: none;
font-size: 1.3rem;
border-radius: 0.3em;
}
.pager a:hover{
color: #00a0e9;
background-color: #eee;
} .pagination{	
clear: both;
width: 98%;
border-top: 1px solid #ddd;
margin: 40px 0 0;
padding: 40px 0 0;
display: flex;
align-items: stretch;
justify-content: center;
text-align: center;
font-size: 1.3rem;
}
.pagination a{
width: 28px;
padding: 5px;
color: #00a0e9;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 2px;
}
.pagination a:hover{
color: #fff;
background-color: #00a0e9;
}
.pagination span{
width: 28px;
padding: 5px;
color: #00a0e9;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 1px;
}
.pagination span.current{
color: #fff;
background-color: #00a0e9;
}
.pagination a.next,
.pagination a.prev{
color: #00a0e9;
}
.pagination a.next:hover,
.pagination a.prev:hover{
color: #fff;
} .members-news .pagination ul{
display: flex;
align-items: stretch;
justify-content: center;
list-style: none;
}	
.members-news .pagination ul li a{
display: block;
width: 30px;
padding: 5px;
color: #8fc31f;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 2px;
}
.members-news .pagination ul li a:hover{
color: #fff;
background-color: #8fc31f;
}
.members-news .pagination ul li{
width: 30px;
padding: 5px;
}
.members-news .pagination .current{
display: block;
color: #fff;
background-color: #8fc31f;
}
.members-news .pagination a.next,
.members-news .pagination a.prev{
color: #8fc31f;
}
.members-news .pagination a.next:hover,
.members-news .pagination a.prev:hover{
color: #fff;
} .section.login-area{
position: relative;
padding: 0;
margin:  40px -5% 30px;
width: 110%;
} .login{
margin: 30px 0;
}
.login input[type="text"],
.login input[type="password"]{
font-size: 1.6rem;
width: 100%;
padding: 8px;
margin: 0 0 6px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.login input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 13px 0;
margin: 10px 0;
border: 0;
border-radius: 5px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.login input[type=submit]:hover{
background-color: #fff;
color: #8fc31f;
} .message{
text-align: center;
padding: 10px 20px;
margin: 40px auto;
background-color: #e9f3d4;
border-radius: 8px;
} .news-area ul{
margin: -20px 0;
padding: 0;
list-style: none;
}
.news-area ul li{
margin: 20px 0;
}
.news-area ul li a{
display: block;
color: #333;
text-decoration: underline;
}
.news-area ul li a:hover{
color: #999;
}
.news-area ul .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.4rem;
width: 70px;	
display: inline-block;
}
.news-area ul .cate{
font-size: 1.4rem;
width: 70px;
display: inline-block;
}
.news-area ul .txt{
display: block;
width: 100%;
}
.news-area ul .txt a{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.members .section.news{
position: relative;
padding: 0;
margin: 30px -5% 0;
width: 110%;
} .cate a{
font-size: 90%;
display: inline-block !important;
color: #fff !important;
text-decoration: none !important;
padding: 1px 5px;
border-radius: 3px;
}
.cate a[href*="default"],
.cate a[href*="news"],
.cate a[href*="event"]{
background-color: #00a0e9;
}
.cate a[href*="for-member"]{
background-color: #8fc31f;
}
.cate a[href*="emergency"]{
background-color: #c6001c;
} .category-5 .pager a,
.categoryid-5 .pager a{
background-color: #8fc31f;
}
.category-5 .pager a:hover,
.categoryid-5 .pager a:hover{
color: #8fc31f;
background-color: #eee;
} .category-5 .pagination a,
.categoryid-5 .pagination a{
color: #8fc31f;
}
.category-5 .pagination a:hover,
.categoryid-5 .pagination a:hover{
color: #fff;
background-color: #8fc31f;
}
.category-5 .pagination span,
.categoryid-5 .pagination span{
background-color: #8fc31f;
}
.category-5 .pagination span.current,
.categoryid-5 .pagination span.current{
background-color: #8fc31f;
}
.category-5 .pagination a.next,
.category-5 .pagination a.prev,
.categoryid-5 .pagination a.next,
.categoryid-5 .pagination a.prev{
color: #8fc31f;
}
.category-5 .pagination a.next:hover,
.category-5 .pagination a.prev:hover,
.categoryid-5 .pagination a.next:hover,
.categoryid-5 .pagination a.prev:hover{
color: #fff;
} #OMLlogin .login-error{
display: none;
}
.login-modal-box{
background-color: #8fc31f !important;
}
.modal-content h4{
font-size: 2rem !important;
margin: 0;
}
.modal-content label{
font-size: 1.6rem !important;
}
.modal-content input[type="text"],
.modal-content input[type="password"]{
font-size: 1.6rem;
width: 100%;
padding: 8px;
margin: 0 0 6px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.modal-content input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 13px 0;
margin: 10px 0;
border: 0;
border-radius: 5px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.modal-content input[type=submit]:hover{
background-color: #fff;
color: #8fc31f;
}  .contents h2:not(.flex h2){
clear: both;
font-weight: 600;
font-size: 2.4rem;
margin: 40px 0;
background-color: #f7f7f7;
padding: 6px 6px 6px 35px;
position: relative;
}
.contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 18px;
content: " "; 
width: 20px;
height: 14px;
background-color: #00a0e9;
}
.contents h3:not(.flex h3){
clear: both;
font-size: 2rem;
font-weight: 800;
margin: 50px auto 25px;
padding: 6px 0 6px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 15px;
width: 5px;
height: 20px;
left: 0;
background-color: #00a0e9;
border-radius: 3px;
}
.contents h4:not(.flex h4){
clear: both;
font-weight: 600;
font-size: 1.8rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .members .contents h2:not(.flex h2){
font-weight: 600;
font-size: 2.4rem;
margin: 40px 0;
background-color: #f7f7f7;
padding: 6px 6px 6px 35px;
position: relative;
}
.category-5 .contents h2:not(.flex h2):before,
.categoryid-5 .contents h2:not(.flex h2):before,
.members .contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 18px;
content: " "; 
width: 20px;
height: 14px;
background-color: #8fc31f;
}
.members .contents h3:not(.flex h3){
font-size: 2rem;
font-weight: 800;
margin: 50px auto 25px;
padding: 6px 0 6px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.members .contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 15px;
width: 5px;
height: 20px;
left: 0;
background-color: #8fc31f;
border-radius: 3px;
}
.members .contents h4:not(.flex h4){
font-weight: 600;
font-size: 1.8rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .contents{
width: 100%;
padding: 0 0 20px;
box-sizing: border-box;
}
.contents .inner{
width: 90%;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
} .contents a[href$='.docx'], 
.contents a[href$='.doc'], 
.contents a[href$='.rtf'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-general.svg);
}
.category-5 .contents a[href$='.docx'], 
.category-5 .contents a[href$='.doc'], 
.category-5 .contents a[href$='.rtf'] ,
.categoryid-5 .contents a[href$='.docx'], 
.categoryid-5 .contents a[href$='.doc'], 
.categoryid-5 .contents a[href$='.rtf'] ,
.members .contents a[href$='.docx'], 
.members .contents a[href$='.doc'], 
.members .contents a[href$='.rtf'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-member.svg);
}
.contents a[href$='.txt'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-general.svg);
}
.category-5 .contents a[href$='.txt'],
.categoryid-5 .contents a[href$='.txt'],
.members .contents a[href$='.txt'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-member.svg);
}
.contents a[href$='.xlsx'],
.contents a[href$='.xls'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-general.svg);
}
.category-5 .contents a[href$='.xlsx'],
.category-5 .contents a[href$='.xls'],
.categoryid-5 .contents a[href$='.xlsx'],
.categoryid-5 .contents a[href$='.xls'],
.members .contents a[href$='.xlsx'],
.members .contents a[href$='.xls'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-member.svg);
}
.contents a[href$='.pdf'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-general.svg);
}
.category-5 .contents a[href$='.pdf'],
.categoryid-5 .contents a[href$='.pdf'],
.members .contents a[href$='.pdf'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-member.svg);
}
.contents a[href$='.ppt'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.ppt'],
.categoryid-5 .contents a[href$='.ppt'],
.members .contents a[href$='.ppt'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.pptx'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.pptx'],
.categoryid-5 .contents a[href$='.pptx'],
.members .contents a[href$='.pptx'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.zip'], 
.contents a[href$='.rar']{ 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-general.svg);
}
.category-5 .contents a[href$='.zip'], 
.category-5 .contents a[href$='.rar'],
.categoryid-5 .contents a[href$='.zip'], 
.categoryid-5 .contents a[href$='.rar'],
.members .contents a[href$='.zip'], 
.members .contents a[href$='.rar']{ 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-member.svg);
}
.contents a[href$='.docx']:hover, 
.contents a[href$='.doc']:hover, 
.contents a[href$='.rtf']:hover,
.contents a[href$='.txt']:hover,
.contents a[href$='.xlsx']:hover,
.contents a[href$='.xls']:hover,
.contents a[href$='.pdf']:hover,
.contents a[href$='.zip']:hover,
.contents a[href$='.rar']:hover,
.category-5 .contents a[href$='.docx']:hover, 
.category-5 .contents a[href$='.doc']:hover, 
.category-5 .contents a[href$='.rtf']:hover,
.category-5 .contents a[href$='.txt']:hover,
.category-5 .contents a[href$='.xlsx']:hover,
.category-5 .contents a[href$='.xls']:hover,
.category-5 .contents a[href$='.pdf']:hover,
.category-5 .contents a[href$='.zip']:hover,
.category-5 .contents a[href$='.rar']:hover,
.categoryid-5 .contents a[href$='.docx']:hover, 
.categoryid-5 .contents a[href$='.doc']:hover, 
.categoryid-5 .contents a[href$='.rtf']:hover,
.categoryid-5 .contents a[href$='.txt']:hover,
.categoryid-5 .contents a[href$='.xlsx']:hover,
.categoryid-5 .contents a[href$='.xls']:hover,
.categoryid-5 .contents a[href$='.pdf']:hover,
.categoryid-5 .contents a[href$='.zip']:hover,
.categoryid-5 .contents a[href$='.rar']:hover,
.members .contents a[href$='.docx']:hover, 
.members .contents a[href$='.doc']:hover, 
.members .contents a[href$='.rtf']:hover,
.members .contents a[href$='.txt']:hover,
.members .contents a[href$='.xlsx']:hover,
.members .contents a[href$='.xls']:hover,
.members .contents a[href$='.pdf']:hover,
.members .contents a[href$='.zip']:hover,
.members .contents a[href$='.rar']:hover{
background-color: #eee;	
}
a.no-icon {
color: #00a0e9;
display: inline;
background: none !important;
padding: 0 !important;
} .contents table{
width: 100%;
border-collapse: collapse;
margin: 20px auto 40px;
}
.contents table p{
margin: 0;
}
.contents table th{
width: 150px;
padding: 15px;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid #ddd;
font-weight: 400;
vertical-align: top;
}
.contents table td{
padding: 15px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
} .contents table thead th{
padding: 15px;
box-sizing: border-box;
text-align: center;
background-color: #edf6fa;
}
.contents table thead td{
padding: 15px;
box-sizing: border-box;
}
.gmark-list table td:nth-child(odd){
background-color: #fafafa;
}
.gmark-list .select-area{
width: 100%;
margin: 50px 0 0;
text-align: center;
}
.gmark-list select{
display: block;
appearance: none;
margin: 0 auto;
padding: 15px 90px 15px 30px;
font-size: 1.6rem;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
background-color: #00a0e9;
cursor: pointer;
transition: 0.3s ease;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_arrow.svg);
background-repeat: no-repeat;
background-position: center right 20px;
background-size: 16px;
text-align: left;
}
.gmark-list select:hover{
opacity: 0.8;
}
.gmark-list .table{
width: 100%;
display: block;
overflow: auto;
}
.gmark-list table{
margin: 0;
white-space: nowrap;
}
.gmark-list th:first-child{
width: 300px;
}
.gmark-list td:first-child{
width: 300px;
}
.gmark-list td:nth-child(2){
width: auto;
}
.gmark-list td:last-child{
text-align: center;
width: 100px;
} .contact .telfax{
font-size: 1.8rem;
font-weight: 600;
}
.contact .telfax strong{
font-family: 'Fjalla One', sans-serif;
font-size: 2.8rem;
font-weight: 700;
} .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 textarea{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 12px;
font-size: 1.6rem;
box-sizing: border-box;
border-radius: 5px;
background-color: #fafafa;	
border: 1px solid #ddd;
}
.wpcf7 textarea{
height: 120px;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset]{
display: block;
appearance: none;
margin: 0 auto;
width: 40%;
padding: 20px;
font-size: 1.8rem;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
background-color: #00a0e9;
border: 0;
}
.wpcf7 input[type=submit]:disabled{
opacity: 0.2;
cursor: default;
}
.wpcf7 input[type=submit]{
background-color: #00a0e9;
color: #fff;
cursor: pointer;
}
.wpcf7 input[type=submit]:enabled:hover{
background-color: #eee;
color: #00a0e9;
}
.wpcf7 .req{
color: #dc3232;
margin: 5px;
}
.wpcf7 .half{
width: 50% !important;
} .contents .yt{
position: relative;
width: 100%;
padding-top: 56.25%;
background-color: #eee;
}
.contents .yt iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
} .links .contents ul{
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.links .contents a[href^="http"]{ 
display: block;
margin: 10px 0;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_link.svg);
}
.links .contents a[href^="http"]:hover{ 
background-color: #eee;	
} .contents .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.contents .box.double div:not(.yt){
width: 48%;
}
.contents .box.triple div:not(.yt){ 
width: 31%;
} .e-learning .contents .box,
.media-library .contents .box{
margin: -50px 0 80px;
} .contents fieldset{
padding: 5px 30px;
box-sizing: border-box;
margin: 40px 0;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
}
.contents legend{
font-weight: 600;
color: #fff;
background: #00a0e9;
padding: 3px 15px;
box-sizing: border-box;
border-radius: 3px;
} .e-learning strong{
display: block;
padding: 5px 10px;
margin: 10px 0;
box-sizing: border-box;
color: #8fc31f;
border: 2px solid #8fc31f;
}
.e-learning .btn{
display: block;
text-decoration: none;
margin: 50px auto;
font-size: 120%;
width: 90%;
box-sizing: border-box;
} .bar-chart{
width: 100%;
margin: 20px auto;
}
.bar-chart .chart{
margin: 0 auto 30px;
}
.bar-chart .chart strong{
color: #8fc31f;
margin: 0 0 5px;
display: block;
font-size: 110%;
}
.bar-chart .chart p{
font-size: 1.3rem;
color: #333;
margin: 0;
}
.bar-chart .chart .budget{
font-size: 1.3rem;
color: #333;
margin: 10px 0 5px;	
}
.bar-chart .close {
position: relative;
}
.bar-chart .close:after {
content: "申請受付は終了しました";
position: absolute;
text-align: center;
width: 180px;
height: 28px;
line-height: 28px;
font-size: 1.2rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #C95743;
border: 1px solid #fff;
box-sizing: border-box;
}
.bar-chart .shorttime {
position: relative;
}
.bar-chart .shorttime:after {
content: "申請受付は残り僅かです";
position: absolute;
text-align: center;
width: 180px;
height: 28px;
line-height: 28px;
font-size: 1.2rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #fca702;
border: 1px solid #fff;
box-sizing: border-box;
}
.bar-chart .bar {
width: 100%;
margin: 10px 0 0;
border-radius: 3px;
background-color: #eee;
}
.bar-chart span {
display: inline-block;
padding-right: 15px;
border-radius: 3px 0 0 3px;
background-color: #8fc31f;
color: #fff;
font-weight: 600;
line-height: 38px;
text-align: right;
white-space: nowrap;
animation: anime 2s ease;
box-sizing: border-box;
}
@keyframes anime {
from {
width: 0;
}
}
.bar-chart .bar.shorttime span {
opacity: 0.7;
background-color: #fca702;
}
.bar-chart .bar.close span {
opacity: 0.3;
background-color: #C95743;
}
.bar-chart .update{
margin: 30px 0 0;
padding: 20px 30px;
border-radius: 15px;
background-color: #eee;
}
.bar-chart .update strong{
color: #C95743;
}
.bar-chart .update p{
font-size: 80%;
margin: 5px auto;
}
}@media screen and (min-width: 1000px){ html{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
overflow-x: hidden;
font-size: 62.5%;
}
body{
position: relative;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background-color: #fff;
color: #444; 
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-size: 1.6rem;
line-height: 1.7;
-webkit-text-size-adjust: 100%;	
}
img{
border: none; 
max-width: 100%;
height: auto;
width :auto;
}
a{
outline: none;
transition: 0.3s ease;
text-decoration: none;
color: #222;
}
a:hover{
text-decoration: none;
}
.aligncenter{
text-align: center;
}
.alignright{
text-align: right;
}
img.alignleft{
display: block;
float: left;
margin: 10px 25px 10px 0;
}
img.aligncenter{
display: block;
margin: 10px auto;
}
img.alignright{
display: block;
float: right;
margin: 10px 0 10px 25px;
}
hr{
clear: both;
width: 100%;
height: 1px;
background-color: #ddd;
border: 0;
}
.sp{
display: none;
}
.space-top{
margin-top: 100px !important;
}
.space-bottom{
margin-bottom: 100px !important;
}
.tight-top{
margin-top: -60px !important;
}
.tight-bottom{
margin-bottom: -60px !important;
}
.contents table a,
.contents p a{
text-decoration: underline;
}
a img{
transition: 0.3s ease;
}
a img:hover{
opacity: 0.7;
}
.pum-content p a{
color: #1e73be;
text-decoration: underline;
}
.grecaptcha-badge {
visibility: hidden; 
}
.small{
font-size: 90%;
color: #999;
} .header{
width: 100%;
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
z-index: 10;
background-color: #00a0e9;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .header,
.categoryid-5 .header,
.members .header{
background-color: #8fc31f;
}
.header .inner{
width: 94%;
max-width: 1480px;
height: 100px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
display: flex;
align-items: center;
justify-content: space-between;
} .header .title{
width: 380px;
margin: 0;
padding: 18px 0 0;
text-align: center;
}   .footer{
clear: both;
width: 100%;
margin: 0;
padding: 50px 0 100px;
background-color: #00a0e9;
color: #fff;
}
.category-5 .footer,
.categoryid-5 .footer,
.members .footer{
background-color: #8fc31f;
}
.footer .inner{
width: 94%;
max-width: 1480px;
margin: 0 auto;
} .footer .info{
display: flex;
justify-content: space-between;
border-bottom: 1px solid #fff;
}
.footer .info .name{
width: 380px;
margin: 0;
padding: 0;
} .footer .members-btn{
width: 160px;
margin: 20px 0 0 auto; 
}
.footer .members-btn a.login-btn{
display: block;
text-align: center;
height: 34px;
line-height: 34px;
border-radius: 5px;
color: #fff;
background-color: #8fc31f;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.15));
}
.category-5 .footer .members-btn a.login-btn,
.categoryid-5 .footer .members-btn a.login-btn,
.members .footer .members-btn a.login-btn{
background-color: #00a0e9;
}
.footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
}
.category-5 .footer .members-btn a.login-btn:hover,
.categoryid-5 .footer .members-btn a.login-btn:hover,
.members .footer .members-btn a.login-btn:hover{
color: #8fc31f;
background-color: #fff;
} .footer .sub{
display: flex;
justify-content: space-between;
}
.footer .sub ul{
width: 560px;
margin: 20px auto;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
.footer .sub ul a{
display: block;
padding: 0 10px;
text-decoration: none;
color: #fff;
position: relative;
}
.footer .sub ul a:hover{
color: #00a0e9;
background-color: #fff;
border-radius: 3px;
}
.category-5 .footer .sub ul a:hover,
.categoryid-5 .footer .sub ul a:hover,
.members .footer .sub ul a:hover{
color: #8fc31f;
}
.footer .sub a{
color: #fff;
}
.footer .sub img{
width: 150px;
margin: 15px 5px 0 0;
border-radius: 15px;
}
.footer .copyright{
margin-top: 50px;
font-size: 1.4rem;
} .pagescroll{
position: fixed;
bottom: 10px;
right: 10px;
z-index: 999;
}
.pagescroll a{
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
border-radius: 3px;
color: #00a0e9;
font-size: 1.2rem;
background-color: rgba(255,255,255,1);
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
}
.category-5 .pagescroll a,
.categoryid-5 .pagescroll a,
.members .pagescroll a{
color: #8fc31f;
}
.pagescroll a:hover{
color: #fff;
background-color: rgba(0,160,233,1);
}
.category-5 .pagescroll a:hover,
.categoryid-5 .pagescroll a:hover,
.members .pagescroll a:hover{
color: #fff;
background-color: rgba(143,195,31,1);
} .mv{
width: 100%;
height: 100vh;
color: #fff;
background-color: #eee;
display: grid;
place-items: center;
position: relative;
}
.category-5 .mv,
.categoryid-5 .mv,
.members .mv{
height: 500px;
color: #fff;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_mv_members.jpg);
background-repeat: no-repeat;
background-size: cover;
background-color: #d0ecf8;
background-blend-mode: multiply;
}
.mv .inner{
width: 80%;
margin-top: 100px;
text-align: center;
z-index: 1;
}
.category-5 .mv .inner,
.categoryid-5 .mv .inner,
.members .mv .inner{
width: 80%;
margin-top: 100px;
text-align: center;
z-index: 1;
} .mv h1{
font-size: 3.8vw;
line-height: 1.5;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.mv h1 span{
margin-left: 30px;
}
.mv h2{
font-size: 2rem;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h3,
.categoryid-5 .mv h3,
.members .mv h3{
font-size: 3rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.category-5 .mv h2,
.categoryid-5 .mv h2,
.members .mv h2{
font-size: 6rem;
margin: 0;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .mv .slide{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.xo-slider,
.mv .slide ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 100%;
}
.xo-slider img,
.mv .slide ul img{
width: 100% !important;
height: 100vh !important;
object-fit: cover !important;
}
.category-5 .mv .btn,
.categoryid-5 .mv .btn,
.members .mv .btn{
display: block;
margin: 50px auto 0;
width: 160px;
height: 36px;
line-height: 36px;
text-align: center;
font-weight: 600;
background-color: #fff;
color: #666;
border-radius: 5px;
}
.category-5 .mv .btn:hover,
.categoryid-5 .mv .btn:hover,
.members .mv .btn:hover{
background-color: #00a0e9;
color: #fff;
} .section{
width: 100%;
padding: 80px 0;
box-sizing: border-box;
} .section h2{
font-family: 'Fjalla One', sans-serif;
font-size: 4rem;
position: relative;
font-weight: 400;
margin: 0;
}
.section h2 span{
font-family: 'Noto Sans JP', sans-serif;
display: block;
font-size: 1.4rem;
} .btn{
display: block;
width: 250px;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: 600;
color: #fff;
background-color: #00a0e9;
border-radius: 7px;
}
.category-5 .btn,
.categoryid-5 .btn,
.members .btn{
background-color: #8fc31f;
}
.btn:hover{
color: #00a0e9;
background-color: #fff;
}
.category-5 .btn:hover,
.categoryid-5 .btn:hover,
.members .btn:hover{
color: #8fc31f;
background-color: #fff;
} .flex{
display: flex;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.flex .left{
width: 400px;
min-height: 300px;
background-color: #eee;
border-radius: 10px 0 0 10px;
box-sizing: border-box;
padding: 50px 60px;
position: relative;
}
.flex .right{
width: calc(100% - 400px);
background-color: #fafafa;
border-radius: 0 10px 10px 0;
box-sizing: border-box;
padding: 50px 60px;
}  .section.shortcut{
position: relative;
}
.section.shortcut:after{
content: "";
position: absolute;
top: 200px;
left: 0;
width:100%;
height: 200px;
background-color: #d5ebf5;
z-index: 0;
}
.section.shortcut .flex{
justify-content: space-between;
position: relative;
z-index: 1;
}
.section.shortcut .flex div{
width: 19%;
text-align: center;
}
.section.shortcut .flex div.narrow{
letter-spacing: -0.06em; 
}
.section.shortcut .flex div a img{
width: 100%;
height: 200px;
border-radius: 8px;
object-fit: cover;
transition: 0.3s ease;
}
.section.shortcut .flex div a:hover img{
opacity: 0.7;
}
.section.shortcut .flex div p{
margin: 5px 0;
font-size: 1.4rem;
} .section.news{
position: relative;
} .section.news .btn{
position: absolute;
bottom: 50px;
} .section.news ul{
margin: -20px 0;
padding: 0;
list-style: none;
}
.section.news ul li{
margin: 20px 0;
display: flex;
}
.section.news ul li a{
color: #333;
text-decoration: underline;
}
.section.news ul li a:hover{
color: #999;
}
.section.news ul .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.4rem;
width: 80px;	
display: inline-block;
}
.section.news ul .cate{
font-size: 1.4rem;
width: 80px;
display: inline-block;
}
.section.news ul .txt{
width: calc(100% - 160px);
}
.section.news ul .txt a{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} .section.banner{
position: relative;
padding: 40px 0 100px;
}
.category-5 .section.banner,
.categoryid-5 .section.banner,
.members .section.banner{
padding-bottom: 10px;
}
.archive .section.banner,
.single .section.banner,
.pages .section.banner,
.page .section.banner{
padding-bottom: 10px;
}
.section.banner:after{
content: "";
position: absolute;
top: 170px;
left: 0;
width: 100%;
height: 200px;
background-color: #00a0e9;
z-index: 0;
}
.category-5 .section.banner:after,
.categoryid-5 .section.banner:after,
.members .section.banner:after{
background-color: #8fc31f;
}
.section.banner .flex{
justify-content: space-between;
position: relative;
z-index: 1;
} .section.banner .panel{
text-align: center;
width: 48%;
height: 270px;
border-radius: 10px;
display: grid;
place-items: center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
background-color: #ccc;
transition: 0.3s ease;
}
.section.banner .panel:hover{
cursor: pointer;
background-color: #999;
}
.section.banner .panel a{
color: #fff;
}
.section.banner .panel p{
font-size: 2rem;
margin: 0;
}
.section.banner .panel h3{
font-feature-settings: "palt";
font-size: 3.6rem;
margin: 0;
}
.section.banner .panel small{
font-size: 1.4rem;
margin: 0;
}
.section.banner .panel.entry{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_entry.jpg);
}
.section.banner .panel.elearning{
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/banner_big_elearning.jpg);
} .section.media{
position: relative;
} .section.media .btn{
position: absolute;
bottom: 50px;
}
.section.media .right{
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.section.media .right div{
width: 30%;
}
.section.media .right div a img{
width: 100%;
height: 200px;
border-radius: 8px;
object-fit: cover;
transition: 0.3s ease;
}
.section.media .right div a:hover img{
opacity: 0.7;
}
.section.media .right div p{
margin: 5px 0;
font-size: 1.5rem;
} .section.contact{
position: relative;
height: 530px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_contact.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
background-blend-mode: multiply;
background-color: #00a0e9;
}
.section.contact .flex div{
width: 45%;
margin-right: 5%;
color: #fff;
}
.section.contact div p{
margin: 60px 0;
} .section.contact .btn{
color: #00a0e9;
background-color: #fff;
}
.section.contact a.btn:hover{
color: #fff;
background-color: #00a0e9;
} .section.access{
position: relative;
} .section.access .btn{
position: absolute;
bottom: 50px;
}
.section.access .right{
padding: 0;
margin: 0;
}
.section.access .right iframe{
display: block;
width: 100%;
height: 350px;
border-radius: 0 10px 10px 0;
} .section.shortcut-m{
background-color: #e9f3d4;
margin: -19px 0 0;
padding:  40px 0;
}
.section.shortcut-m ul{
width: 92%;
max-width: 1200px;
margin: 0 auto;
padding: 0;
position: relative;
list-style: none;
display: flex;
flex-wrap: wrap;	
}
.section.shortcut-m ul li{
width: 25%;
font-size: 1.8rem;
font-weight: 500;
text-align: center;
font-feature-settings: "palt";
}
.section.shortcut-m ul li a{
display: block;
margin: 10px auto;
width: 92%;
padding: 15px 0;
box-sizing: border-box;
border-radius: 5px;
color: #fff;
background-color: #8fc31f;
}
.section.shortcut-m ul li a:hover{
color: #8fc31f;
background-color: #fff;
}
.section.shortcut-m ul li.wide{
width: 98%;
margin: 0 1%;
}
.section.shortcut-m ul li.wide a{
width: 100%;
}  .fv{
width: 100%;
height: 300px;
color: #fff;
background-color: #d0ecf8;
display: grid;
place-items: center;
position: relative;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply;
}
.category-5 .fv,
.categoryid-5 .fv,
.members .fv{
background-color: #edf9d3;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/bg_fv_members.jpg);
}
.fv .inner{
width: 80%;
margin-top: 100px;
text-align: center;
z-index: 1;
}
.fv h1{
font-size: 4.2rem;
line-height: 70px;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
} .pankuzu{
width: 100%;
padding: 10px 0;
margin: 0 auto 20px;
position: relative;
font-size: 1.3rem;
background-color: #eee;
}
.pankuzu ul{
width: 94%;
max-width: 1480px;
margin: 0 auto;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
}
.pankuzu ul li a{
text-decoration: none;
color: #000;
}
.pankuzu ul li a:hover{
color: #666;	
}
.pankuzu ul li a:after{
content: ">"; 
margin: 0 5px;
pointer-events: none;
} .title-area{
margin: 0 0 50px;
padding: 0 0 15px;
border-bottom: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
}
.title-area h2{
width: 100%;
margin-bottom: 20px !important;
}
.title-area .date{
width: 50%;
}
.title-area .cate{
text-align: right;
width: 50%;
} .pager{
clear: both;
display: flex;
justify-content: space-between;
border-top: 1px solid #ddd;
margin: 50px 0 0;
padding: 50px 0 0;
}
.pager span{
width: 33%;
}
.pager span:nth-child(1){
text-align: left;
}
.pager span:nth-child(2) {
text-align: center;
}
.pager span:nth-child(3) {
text-align: right;
}
.pager a{
text-decoration: none;
color: #fff;
background-color: #00a0e9;
display: inline-block;
padding: 5px 20px;
transition: 0.3s ease;
text-decoration: none;
font-size: 1.4rem;
border-radius: 0.3em;
}
.pager a:hover{
color: #00a0e9;
background-color: #eee;
} .pagination{	
clear: both;
width: 100%;
border-top: 1px solid #ddd;
margin: 50px 0 0;
padding: 50px 0 0;
display: flex;
align-items: stretch;
justify-content: center;
text-align: center;
font-size: 1.4rem;
}
.pagination a{
width: 30px;
padding: 5px;
color: #00a0e9;
background-color: #fff;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 2px;
}
.pagination a:hover{
color: #fff;
background-color: #00a0e9;
}
.pagination span{
width: 30px;
padding: 5px;
color: #fff;
background-color: #00a0e9;
transition: 0.3s ease;
text-decoration: none;
border-radius: 0.3em;
margin: 0 1px;
}
.pagination span.current{
color: #fff;
background-color: #00a0e9;
}
.pagination a.next,
.pagination a.prev{
color: #00a0e9;
}
.pagination a.next:hover,
.pagination a.prev:hover{
color: #fff;
} .section.login-area{
position: relative;
padding: 0;
margin: 50px -5% 30px;
width: 110%;
} .login{
margin: 30px 0;
}
.login input[type="text"],
.login input[type="password"]{
font-size: 1.8rem;
width: 100%;
padding: 10px;
margin: 0 0 10px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.login input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 14px 0;
margin: 15px 0;
border: 0;
border-radius: 5px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.login input[type=submit]:hover{
background-color: #fff;
color: #8fc31f;
} .message{
text-align: center;
padding: 10px 20px;
margin: 50px auto;
background-color: #e9f3d4;
border-radius: 10px;
} .news-area ul{
margin: 0;
padding: 0;
list-style: none;
}
.news-area ul li{
margin: 20px 0;
display: flex;
}
.news-area ul li .date{
font-family: 'Fjalla One', sans-serif;
font-size: 1.4rem;
width: 80px;	
display: inline-block;
}
.news-area ul li .cate{
font-size: 1.4rem;
width: 80px;
display: inline-block;
}
.news-area ul li .txt{
width: calc(100% - 160px);
}
.news-area ul li a{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
text-decoration: underline;
}
.members .section.news{
position: relative;
padding: 0;
margin: 30px -5% 0;
width: 110%;
} .cate a{
font-size: 90%;
display: inline-block !important;
color: #fff !important;
text-decoration: none !important;
padding: 1px 5px;
border-radius: 3px;
}
.cate a[href*="default"],
.cate a[href*="news"],
.cate a[href*="event"]{
background-color: #00a0e9;
}
.cate a[href*="for-member"]{
background-color: #8fc31f;
}
.cate a[href*="emergency"]{
background-color: #c6001c;
} .category-5 .pager a,
.categoryid-5 .pager a{
background-color: #8fc31f;
}
.category-5 .pager a:hover,
.categoryid-5 .pager a:hover{
color: #8fc31f;
background-color: #eee;
} .category-5 .pagination a,
.categoryid-5 .pagination a{
color: #8fc31f;
}
.category-5 .pagination a:hover,
.categoryid-5 .pagination a:hover{
color: #fff;
background-color: #8fc31f;
}
.category-5 .pagination span,
.categoryid-5 .pagination span{
background-color: #8fc31f;
}
.category-5 .pagination span.current,
.categoryid-5 .pagination span.current{
background-color: #8fc31f;
}
.category-5 .pagination a.next,
.category-5 .pagination a.prev,
.categoryid-5 .pagination a.next,
.categoryid-5 .pagination a.prev{
color: #8fc31f;
}
.category-5 .pagination a.next:hover,
.category-5 .pagination a.prev:hover,
.categoryid-5 .pagination a.next:hover,
.categoryid-5 .pagination a.prev:hover{
color: #fff;
} #OMLlogin .login-error{
display: none;
}
.login-modal-box{
background-color: #8fc31f !important;
}
.modal-content h4{
font-size: 2.2rem !important;
margin: 0;
}
.modal-content label{
font-size: 1.6rem !important;
}
.modal-content input[type="text"],
.modal-content input[type="password"]{
font-size: 1.8rem;
width: 100%;
padding: 10px;
margin: 0 0 10px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.modal-content input[type=submit]{
cursor: pointer;
font-size: 1.6rem;
font-weight: 600;
width: 100%;
padding: 14px 0;
margin: 15px 0;
border: 0;
border-radius: 5px;
background-color: #8fc31f;
color: #fff;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
transition: 0.3s ease;
}
.modal-content input[type=submit]:hover{
background-color: #eee;
color: #8fc31f;
}  .contents h2:not(.flex h2){
clear: both;
font-weight: 600;
font-size: 2.6rem;
margin: 50px 0;
background-color: #f7f7f7;
padding: 10px 10px 10px 35px;
position: relative;
}
.contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 24px;
content: " "; 
width: 20px;
height: 14px;
background-color: #00a0e9;
}
.contents h3:not(.flex h3){
clear: both;
font-size: 2.2rem;
font-weight: 800;
margin: 50px auto 25px;
padding: 10px 0 10px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 18px;
width: 5px;
height: 28px;
left: 0;
background-color: #00a0e9;
border-radius: 3px;
}
.contents h4:not(.flex h4){
clear: both;
font-weight: 600;
font-size: 1.8rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .members .contents h2:not(.flex h2){
font-weight: 600;
font-size: 2.6rem;
margin: 50px 0;
background-color: #f7f7f7;
padding: 10px 10px 10px 35px;
position: relative;
}
.category-5 .contents h2:not(.flex h2):before,
.categoryid-5 .contents h2:not(.flex h2):before,
.members .contents h2:not(.flex h2):before{
position: absolute;
left: 0px;
top: 24px;
content: " "; 
width: 20px;
height: 14px;
background-color: #8fc31f;
}
.members .contents h3:not(.flex h3){
font-size: 2.2rem;
font-weight: 800;
margin: 50px auto 25px;
padding: 10px 0 10px 20px;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
position: relative;	
}
.members .contents h3:not(.flex h3):before{
content: "";
position: absolute;
top: 18px;
width: 5px;
height: 28px;
left: 0;
background-color: #8fc31f;
border-radius: 3px;
}
.members .contents h4:not(.flex h4){
font-weight: 600;
font-size: 1.8rem;
position: relative;
padding: 5px;
margin: 30px 0 30px !important;
border-bottom: 1px dotted #ccc;
} .contents{
width: 100%;
padding: 0 0 20px;
box-sizing: border-box;
}
.contents .inner{
width: 90%;
max-width: 1180px;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 0;
} .contents a[href$='.docx'], 
.contents a[href$='.doc'], 
.contents a[href$='.rtf'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-general.svg);
}
.category-5 .contents a[href$='.docx'], 
.category-5 .contents a[href$='.doc'], 
.category-5 .contents a[href$='.rtf'] ,
.categoryid-5 .contents a[href$='.docx'], 
.categoryid-5 .contents a[href$='.doc'], 
.categoryid-5 .contents a[href$='.rtf'] ,
.members .contents a[href$='.docx'], 
.members .contents a[href$='.doc'], 
.members .contents a[href$='.rtf'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_doc-member.svg);
}
.contents a[href$='.txt'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-general.svg);
}
.category-5 .contents a[href$='.txt'],
.categoryid-5 .contents a[href$='.txt'],
.members .contents a[href$='.txt'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_txt-member.svg);
}
.contents a[href$='.xlsx'],
.contents a[href$='.xls'] {
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-general.svg);
}
.category-5 .contents a[href$='.xlsx'],
.category-5 .contents a[href$='.xls'],
.categoryid-5 .contents a[href$='.xlsx'],
.categoryid-5 .contents a[href$='.xls'],
.members .contents a[href$='.xlsx'],
.members .contents a[href$='.xls'] {
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_xls-member.svg);
}
.contents a[href$='.pdf'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-general.svg);
}
.category-5 .contents a[href$='.pdf'],
.categoryid-5 .contents a[href$='.pdf'],
.members .contents a[href$='.pdf'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_pdf-member.svg);
}
.contents a[href$='.ppt'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.ppt'],
.categoryid-5 .contents a[href$='.ppt'],
.members .contents a[href$='.ppt'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.pptx'] { 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-general.svg);
}
.category-5 .contents a[href$='.pptx'],
.categoryid-5 .contents a[href$='.pptx'],
.members .contents a[href$='.pptx'] { 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_ppt-member.svg);
}
.contents a[href$='.zip'], 
.contents a[href$='.rar']{ 
display: block;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-general.svg);
}
.category-5 .contents a[href$='.zip'], 
.category-5 .contents a[href$='.rar'],
.categoryid-5 .contents a[href$='.zip'], 
.categoryid-5 .contents a[href$='.rar'],
.members .contents a[href$='.zip'], 
.members .contents a[href$='.rar']{ 
background-color: #f5f9ec;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_zip-member.svg);
}
.contents a[href$='.docx']:hover, 
.contents a[href$='.doc']:hover, 
.contents a[href$='.rtf']:hover,
.contents a[href$='.txt']:hover,
.contents a[href$='.xlsx']:hover,
.contents a[href$='.xls']:hover,
.contents a[href$='.pdf']:hover,
.contents a[href$='.zip']:hover,
.contents a[href$='.rar']:hover,
.category-5 .contents a[href$='.docx']:hover, 
.category-5 .contents a[href$='.doc']:hover, 
.category-5 .contents a[href$='.rtf']:hover,
.category-5 .contents a[href$='.txt']:hover,
.category-5 .contents a[href$='.xlsx']:hover,
.category-5 .contents a[href$='.xls']:hover,
.category-5 .contents a[href$='.pdf']:hover,
.category-5 .contents a[href$='.zip']:hover,
.category-5 .contents a[href$='.rar']:hover,
.categoryid-5 .contents a[href$='.docx']:hover, 
.categoryid-5 .contents a[href$='.doc']:hover, 
.categoryid-5 .contents a[href$='.rtf']:hover,
.categoryid-5 .contents a[href$='.txt']:hover,
.categoryid-5 .contents a[href$='.xlsx']:hover,
.categoryid-5 .contents a[href$='.xls']:hover,
.categoryid-5 .contents a[href$='.pdf']:hover,
.categoryid-5 .contents a[href$='.zip']:hover,
.categoryid-5 .contents a[href$='.rar']:hover,
.members .contents a[href$='.docx']:hover, 
.members .contents a[href$='.doc']:hover, 
.members .contents a[href$='.rtf']:hover,
.members .contents a[href$='.txt']:hover,
.members .contents a[href$='.xlsx']:hover,
.members .contents a[href$='.xls']:hover,
.members .contents a[href$='.pdf']:hover,
.members .contents a[href$='.zip']:hover,
.members .contents a[href$='.rar']:hover{
background-color: #eee;	
}
a.no-icon {
color: #00a0e9;
display: inline;
background: none !important;
padding: 0 !important;
} .contents table{
width: 100%;
border-collapse: collapse;
margin: 20px auto 60px;
}
.contents table th{
width: 150px;
padding: 20px;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid #ddd;
font-weight: 400;
vertical-align: top;
}
.contents table td{
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
} .contents table thead th{
padding: 20px;
box-sizing: border-box;
text-align: center;
background-color: #edf6fa;
}
.contents table thead td{
padding: 20px;
box-sizing: border-box;
}
.gmark-list table td:nth-child(odd){
background-color: #fafafa;
}
.gmark-list .select-area{
width: 100%;
margin: 60px 0 0;
text-align: center;
}
.gmark-list select{
display: block;
appearance: none;
margin: 0 auto;
padding: 20px 100px 20px 40px;
font-size: 1.8rem;
color: #fff;
box-sizing: border-box;
border-radius: 5px;
background-color: #00a0e9;
cursor: pointer;
transition: 0.3s ease;	
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_arrow.svg);
background-repeat: no-repeat;
background-position: center right 25px;
background-size: 20px;
text-align: left;
}
.gmark-list select:hover{
opacity: 0.8;
}
.gmark-list th:first-child{
width: 45%;
}
.gmark-list td:first-child{
width: 320px;
}
.gmark-list td:nth-child(2){
width: auto;
}
.gmark-list td:last-child{
text-align: center;
width: 100px;
} .contact .telfax{
font-size: 2rem;
font-weight: 600;
}
.contact .telfax strong{
font-family: 'Fjalla One', sans-serif;
font-size: 3.4rem;
font-weight: 700;
} .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=number],
.wpcf7 textarea{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
padding: 15px;
font-size: 1.6rem;
box-sizing: border-box;
border-radius: 5px;
background-color: #fafafa;	
border: 1px solid #ddd;
}
.wpcf7 textarea{
height: 160px;
}
.wpcf7 input[type=submit],
.wpcf7 input[type=reset]{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.8rem;
width: 40%;
height: 60px;
line-height: 60px;
color: #fff;
text-align: center;
border: 0px;
transition: 0.3s ease;
margin: 30px auto;
border-radius: 5px;
display: block;
}
.wpcf7 input[type=submit]:disabled{
opacity: 0.2;
cursor: default;
}
.wpcf7 input[type=submit]{
background-color: #00a0e9;
color: #fff;
cursor: pointer;
}
.wpcf7 input[type=submit]:enabled:hover{
background-color: #eee;
color: #00a0e9;
}
.wpcf7 .req{
color: #dc3232;
margin: 5px;
}
.wpcf7 .half{
width: 50% !important;
} .contents .yt{
position: relative;
width: 100%;
padding-top: 56.25%;
background-color: #eee;
}
.contents .yt iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
} .links .contents ul{
list-style: none;
margin: 10px 0 30px;
padding: 0;
}
.links .contents a[href^="http"]{ 
display: block;
margin: 10px 0;
padding: 10px 50px 10px 20px;
border-radius: 5px;
background-color: #edf6fa;	
background-repeat: no-repeat;
background-position: center right 15px;
background-size: 25px;
background-image: url(//www.yta-net.or.jp/wp-content/themes/yta/assets/images/icon_link.svg);
}
.links .contents a[href^="http"]:hover{ 
background-color: #eee;	
} .contents .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.contents .box.double div:not(.yt){
width: 48%;
}
.contents .box.triple div:not(.yt){ 
width: 31%;
} .contact .contents .box,
.e-learning .contents .box,
.media-library .contents .box{
margin: -50px 0 80px;
} .contents fieldset{
padding: 10px 40px;
box-sizing: border-box;
margin: 50px 0;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
}
.contents legend{
font-weight: 600;
color: #fff;
background: #00a0e9;
padding: 3px 15px;
box-sizing: border-box;
border-radius: 3px;
} .e-learning strong{
display: block;
padding: 5px 10px;
margin: 10px 0;
box-sizing: border-box;
color: #8fc31f;
border: 2px solid #8fc31f;
}
.e-learning .btn{
display: block;
text-decoration: none;
margin: 50px auto;
font-size: 120%;
width: 100%;
} .bar-chart{
width: 100%;
margin: 30px auto;
}
.bar-chart .chart{
margin: 0 auto 35px;
}
.bar-chart .chart strong{
color: #8fc31f;
margin: 0 0 5px;
display: block;
font-size: 110%;
}
.bar-chart .chart p{
font-size: 1.4rem;
color: #333;
margin: 0;
}
.bar-chart .chart .budget{
font-size: 1.4rem;
color: #333;
margin: 10px 0;	
}
.bar-chart .close {
position: relative;
}
.bar-chart .close:after {
content: "申請受付は終了しました";
position: absolute;
text-align: center;
width: 180px;
height: 30px;
line-height: 30px;
font-size: 1.3rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #C95743;
}
.bar-chart .shorttime {
position: relative;
}
.bar-chart .shorttime:after {
content: "申請受付は残り僅かです";
position: absolute;
text-align: center;
width: 180px;
height: 30px;
line-height: 30px;
font-size: 1.3rem;
top: 5px;
left: calc(50% - 90px);
border-radius: 15px;
z-index: 100;
opacity: 1;
color: #fff;
background-color: #fca702;
border: 1px solid #fff;
box-sizing: border-box;
}
.bar-chart .bar {
width: 100%;
margin: 10px 0 0;
border-radius: 3px;
background-color: #eee;
}
.bar-chart span {
display: inline-block;
padding-right: 15px;
border-radius: 3px 0 0 3px;
background-color: #8fc31f;
color: #fff;
font-weight: 600;
line-height: 40px;
text-align: right;
white-space: nowrap;
animation: anime 2s ease;
box-sizing: border-box;
}
@keyframes anime {
from {
width: 0;
}
}
.bar-chart .bar.shorttime span {
opacity: 0.7;
background-color: #fca702;
}
.bar-chart .bar.close span {
opacity: 0.3;
background-color: #C95743;
}
.bar-chart .update{
margin: 30px 0 0;
padding: 20px 30px;
border-radius: 15px;
background-color: #eee;
}
.bar-chart .update strong{
color: #C95743;
}
.bar-chart .update p{
font-size: 80%;
margin: 5px auto;
}
}