/***************************************************
PC
***************************************************/

@media screen and (min-width:768px){
/* 768px 以上 */
.pc {display: block;}
.sp {display: none;}

div#header .pos {padding: 10px 0; position: relative;}
div#header .back { position: absolute; top:20px; right:20px; margin-right: 0; text-align: center; width: 255px;}
div#header .back a { display: block; border:1px solid #fff; border-radius: 6px; padding: 4px 8px; color: #fff; text-decoration: none; transition: 0.3s;}
div#header .back a:hover {opacity: 0.75;}

div#header .shareBox {
    top: 20px;
    right: 40px;
}
div#header .shareBox {
    position: absolute;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div#header .shareBox > ul {
    width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
div#header .shareBox > ul li {
    width: 35px;
    height: 24px;
    margin: 0 0.2rem;
}
 div#header .shareBox > ul li img {width: 100%;}
div#header .shareBox > ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    color: #fff;
}
div#header .ah {
    transition: all .4s ease;
}
 
 div.main {padding-top:65px;}
 
 #contents { }
 #news-contents {}

.ss {position: relative;}
.ss_main_txt {position: absolute; top:52%; left:6%; font-size: 1.5vw; line-height: 2;}
h1{text-align: center; font-size: 140%; letter-spacing: 0.3em; line-height: 1.7; margin: 2% 0;}
.LH1-2{line-height: 1.2; display: block;}

.btn { max-width: 960px; margin: 0 auto;}
.btn ul {display: flex; justify-content: space-between; flex-flow: wrap; margin: 0 4% 8%;}
.btn ul li {width: 48%; margin-bottom: 20px; }
.btn ul li.otameshi a { display: block; background: #b9002e; border-radius: 6px; padding: 4%; text-align: center;text-decoration: none; color: #fff; font-size: 140%;}
.btn ul li.seminar a { display: block; background: #666; border-radius: 6px; padding: 4%; text-align: center;text-decoration: none; color: #fff; font-size: 140%;}
.btn ul li a:hover {opacity: 0.7;}


 
/* footer
-------------------- */
footer#footer .footer_inner { max-width: 1024px; margin: 0 auto; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
footer#footer .footer_inner .F_Left {width: 55%;}
footer#footer .footer_inner .F_Left_inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
footer#footer .footer_inner .F_Left_inner .footer_logo {width: 20%;}
footer#footer .footer_inner .F_Left_inner .address {width: 75%; font-size: 1.6rem; text-align: left;}
 footer#footer .footer_inner .F_Left_inner .address h5 { font-size: clamp(1rem, 0.773rem + 1.14vw, 1.5rem); line-height: 1; margin-bottom: 0.5rem;}
footer#footer .footer_inner .F_Right { width: 40%; text-align: right;}
footer#footer .footer_inner .F_Right h4.tel { font-size: clamp(2rem, 1.091rem + 4.55vw, 4rem); line-height: 1; text-align: right;}
footer#footer .footer_inner .F_Right p.time { text-align: right;}


/* トップページへボタン
-------------------- */
.pagetop { bottom: 24px; right: 24px;}

.mg0a { margin: 0 auto;}.mgb20 {margin-bottom: 2rem;} .mgb40 {margin-bottom: 4rem;} .mgb60 {margin-bottom: 6rem;} .mgb90 {margin-bottom: 9rem;}
.pdt10 {padding-top: 10px;}
.pdb40 {padding-bottom: 40px;}
 
.pdl20 {padding-left: 20px!important;}
.pdr20 {padding-right: 20px!important;}
.pdl10 {padding-left: 10px!important;}
 .max-wdx {max-width: 780px;}
 .wdp32 {width: 32%;} .wdp40 {width: 40%!important;} .wdp50 {width: 50%;} .wdp60 {width: 60%;} .wdp70 {width: 70%;} .wdp80 {width: 80%;}

}