@charset "utf-8";
/* CSS Document */

/*==================================================
下層ページ共通
================================================== */

.page-contents{padding-top: 80px;}

#page-mainimg{position: relative;}
#page-mainimg img{width: 100%; vertical-align: bottom;}
#page-mainimg div{display:block; width: 45%; background-color: rgba(255,255,255,0.8); vertical-align: middle; padding: 0 50px 0 100px; height: 100%; box-sizing: border-box; position: absolute; top:0; }
#page-mainimg h2{display: block; box-sizing: border-box; text-align: left; font-weight: normal; font-size: 500%; line-height: 1.0em;  letter-spacing: 0.2em; position: absolute; top: 40%; }
#page-mainimg h2 span{display: block; font-size: 40%; letter-spacing: 0.1em; line-height: 1.5em; padding-top: 35px;}

.title-contents-frame{display: block; margin:0 auto 30px; width: 1000px; font-size: 200%; color: #fff; letter-spacing: 0.2em; font-weight: normal;}
.title-contents-frame span{display: inline-block; border-bottom: 5px solid #fff; padding: 0 5px 12px;}

.contents-frame{width: 1000px; margin: 0 auto 100px; background-color: #fff; box-shadow:0px 0px 6px 3px #c2c2c2; padding: 70px 40px; box-sizing: border-box;}
.contents-frame h3{display: block; text-align: center; font-size: 240%; letter-spacing: 0.2em; margin: 0 0 70px; font-weight: normal;}
.contents-frame h3 span{
    display: block;
    font-size: 60%;
    letter-spacing: 0;
    padding: 20px 0 0;
}
@media (max-width: 1090px) {
#page-mainimg h2{top:35%; font-size: 420%;}

}

@media (max-width: 767px) {
.title-contents-frame{margin:0 auto 30px; width: 90%; font-size: 150%; letter-spacing: 0.06em; font-weight: bold;}
.title-contents-frame span{border-bottom: 3px solid #fff; padding: 0 5px 10px;}
.contents-frame{width: 90%; margin: 0 auto 70px; padding: 40px 20px; }
.contents-frame h3{font-size: 160%; letter-spacing: 0.1em; margin: 0 0 40px; font-weight: normal; line-height: 1.7em;}
.contents-frame h3 span{
    font-size: 50%;
    padding: 0;
}	
#page-mainimg{position: relative;}
#page-mainimg img{width: 100%;}
#page-mainimg div{display:block; width: 42%; background-color: rgba(255,255,255,0.8); vertical-align: middle; padding: 0 15px; height: 100%; box-sizing: border-box; position: absolute; top:0; }
#page-mainimg h2{display: block; font-weight: normal; font-size: 170%; letter-spacing: 0.2em; position: absolute; top: 33%; line-height: 1.0em; }
#page-mainimg h2 span{display: block; font-size: 50%; letter-spacing: 0.1em; padding-top: 10px;}
}

#contents-copy{text-align: center; padding: 70px 0;}
#contents-copy h3{font-size: 160%; font-weight: normal; line-height: 2.0em;}

#contents-base{background:#f0f0f0;}
#contents-base article span{display: block; width: 360px; text-align: center; padding: 10px 0; border-radius: 26px; margin-bottom: 15px; color: #fff;}
#contents-base article span.base01{background:#f35d52;}
#contents-base article span.base02{background:#88c231;}
#contents-base article span.base03{background:#20bed9;}
.box-contents-base{width: 900px; margin: 0 auto; position: relative; }
.box-contents-base img{position: absolute; top:-30px;}
.box-contents-base article{margin-left: 470px; min-height: 300px; padding-top: 50px;}
.box-contents-base h4{display: block; text-align: center; margin: 40px 0; font-size: 180%; font-weight: normal;}

.box-contents-base2{width: 900px; margin: 0 auto; position: relative; }
.box-contents-base2 img{position: absolute; top:-30px; right: 0;}
.box-contents-base2 article{min-height: 350px; padding-top: 50px;}
.box-contents-base2 article span{font-size: 18px;}
.box-contents-base2 h4{display: block; text-align: left; margin: 30px 0; font-size: 180%; font-weight: normal; line-height: 1.8em;}


#contents-main{padding: 50px 0 80px; text-align: center;}
#contents-main article{display: inline-block; width: 480px; margin: 0 25px 30px; vertical-align: top;}
#contents-main article h3{display: block; width: 60%; border-radius: 10px; padding: 15px 0; margin: 0 auto; border:1px solid #333; font-weight: normal; font-size: 140%; margin-bottom: 30px;}
#contents-main article h4{display: block; font-size: 180%; font-weight: normal; margin-bottom: 50px; line-height: 1.6em;}
#contents-main article ul{display: inline-block; margin-left: 20px; }
#contents-main article ul li{text-align: left; line-height: 1.7em;}

.exam-main article{
    width: auto !important;
    max-width: 480px !important;
}

.exam-main article h3{
    width: 100% !important;
}

#contents-more{background-size: cover; background-position: top center; background-repeat: no-repeat; padding: 70px 0; text-align: center;}
#contents-more article h3{display: block; width: 260px; border-radius: 10px; padding: 15px 0; margin: 0 auto; border:2px solid #fff; font-weight: normal; font-size: 160%; margin-bottom: 50px; color: #fff;}
#contents-more ul{display: inline-block; color: #fff; margin-left: 30px; font-size: 140%; line-height: 1.8em; }
#contents-more ul li{text-align: left; margin-bottom: 15px;}

#contents-introduce{padding: 70px 0 100px; text-align: center;}
#contents-introduce h2{display: block; font-size: 200%; font-weight: normal; margin-bottom: 70px;}
#contents-introduce a.btn{display: inline-block; margin: 0 50px 50px; width: 400px; text-align: center; padding: 15px; font-size: 120%; border-radius: 30px;}
#contents-introduce a.btn span{font-size: 80%; padding-left: 5px;}

#page-footer-navi{background: #f0f0f0; padding: 25px 0;}
#page-footer-navi a:link{color: #111 !important; text-decoration: none;}
#page-footer-navi a:visited{color: #111 !important; text-decoration: none;}
#page-footer-navi a:hover{color: #111 !important; text-decoration: underline;}
.left-btn{width: 45%; text-align: left; float: left;}
.right-btn{width: 45%; text-align: right; float: right;}
.right-btn a{padding-left: 20px;}

@media (max-width: 767px) {
.page-contents{padding-top: 80px;}
	
#contents-copy{text-align: center; padding: 30px 0 50px;}
#contents-copy h3{font-size: 140%; font-weight: normal; line-height: 1.9em;}

#contents-base{background:#f0f0f0; padding-bottom: 10px;}
#contents-base article span{width: 100%; text-align: center; padding: 12px 0; border-radius: 24px; margin-bottom: 15px; color: #fff;}
.box-contents-base{width: 90%; margin: 0 auto; position: relative; }
.box-contents-base img{position: relative; top:-30px; width: 100%;}
.box-contents-base article{margin-left: 0; min-height: inherit; padding-top: 0;}
.box-contents-base h4{display: block; text-align: center; margin: 40px 0; font-size: 150%; font-weight: normal;}
	
.box-contents-base2{width: 90%; margin: 0 auto; position: relative; }
.box-contents-base2 img{position: relative; top:-30px; width: 100%;}
.box-contents-base2 article{margin-left: 0; min-height: inherit; padding-top: 0;}
.box-contents-base2 h4{display: block; text-align: center; margin: 40px 0; font-size: 150%; font-weight: normal;}
	

#contents-main{padding: 50px 0; text-align: center;}
#contents-main article{display: block; width: 90%; margin: 0 auto 35px; vertical-align: top;}
#contents-main article h3{display: block; width: 70%; border-radius: 10px; padding: 12px 0; margin: 0 auto; border:1px solid #333; font-weight: normal; font-size: 140%; margin-bottom: 20px;}
#contents-main article h4{display: block; font-size: 150%; font-weight: normal; margin-bottom: 30px;}
#contents-main article ul{display: inline-block; margin: 0 auto 30px;}
#contents-main article ul li{text-align: left; line-height: 1.7em; margin-left: 20px;}
    
.exam-main article{
    width: 90% !important;
    max-width: 90% !important;
}

.exam-main article h3{
    width: 90% !important;
}

#contents-more{background-size: cover; background-position: top center; background-repeat: no-repeat; padding: 50px 0 30px; text-align: center;}
#contents-more article h3{display: block; width: 60%; border-radius: 10px; padding: 12px 0; margin: 0 auto; border:2px solid #fff; font-weight: normal; font-size: 160%; margin:0 auto 30px; color: #fff;}
#contents-more ul{display: block; width: 90%; color: #fff; margin:0 auto 30px; font-size: 140%; line-height: 1.8em; }
#contents-more ul li{text-align: left; margin-bottom: 0; margin-left: 20px;}

#contents-introduce{padding: 30px 0 50px; text-align: center;}
#contents-introduce h2{display: block; font-size: 180%; font-weight: normal; margin-bottom: 50px; line-height: 1.8em;}
#contents-introduce a.btn{display: block; margin: 0 auto 20px; width: 90%; text-align: center; padding: 15px 0; font-size: 14px;}
#contents-introduce a.btn span{font-size: 80%; padding-left: 5px;}

#page-footer-navi{background: #f0f0f0; padding: 25px 0;}
#page-footer-navi a:link{color: #111 !important; text-decoration: none;}
#page-footer-navi a:visited{color: #111 !important; text-decoration: none;}
#page-footer-navi a:hover{color: #111 !important; text-decoration: underline;}
.left-btn{display: block; width: 100%; text-align: center; float: none; padding-top: 10px; clear: both;}
	.left-btn a{display: block; width: 50%; border:1px solid #111; border-radius: 20px; padding: 10px; margin: 20px auto 0;}
.right-btn{display: block; width: 100%; text-align: center; float: none;}
.right-btn a{padding-left: 0;}
	.btn-prev{display: block; width: 45%; text-align: left; float: left;}
	.btn-next{display: block; width: 45%; text-align: right; float: right;}
}


/*==================================================
製品紹介
================================================== */
#products-top h2{display: block; text-align: center; padding: 50px 0; font-size: 240%; font-weight: normal; line-height: 1.7em; letter-spacing: 0.1em;}
#products-top h2 span{display: block; font-size: 60%;}
#products-top article{width: 800px; margin: 50px auto; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.products-img{display: inline-block; width: 220px; margin-left: 15px; text-align: center; vertical-align: middle;}
.products-info{display: inline-block; width: 460px; min-height: 170px; vertical-align: middle; padding-left: 70px;}
.products-info h3{display: block; font-size: 180%; font-weight: normal;}
.products-info p{margin: 30px 0;}
.products-info a.btn{display: block; width: 35%; padding: 7px 0;}
.img-productsTop01, .img-productsTop_op06{width:90%;}
.img-productsTop02{width:75%;}
.img-productsTop03, .img-productsTop_op02, .img-productsTop_op03, .img-productsTop_op04, .img-productsTop_op05{width:100%;}
.img-productsTop_op01{width:55%;}

@media (max-width: 767px) {
#products-top h2{display: block; text-align: center; padding: 30px 0; font-size: 190%; font-weight: normal; line-height: 1.5em; letter-spacing: 0;}
#products-top h2 span{display: block; font-size: 60%; line-height: 1.3em;}
#products-top article{width: 90%; margin: 30px auto; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.products-img{display: block; width: 90%; margin: 0 auto; text-align: center; vertical-align: top;}
.products-info{display: block; width: 90%; min-height: inherit; vertical-align: top; padding-left: 0; margin: 20px auto;}
.products-info h3{display: block; text-align: center; font-size: 170%; line-height: 1.5em; font-weight: normal;}
.products-info p{margin: 20px 0 30px; text-align: center;}
.products-info a.btn{display: block; width: 80%; padding: 7px 0; margin: 0 auto;}
.img-productsTop01{width:80%;}
.img-productsTop02{width:65%;}
.img-productsTop03{width: 90%;}
.img-productsTop_op02, .img-productsTop_op03, .img-productsTop_op04, .img-productsTop_op05{width:100%;}
.img-productsTop_op01{width:45%;}
.img-productsTop_op06{width:65%;}
}

/*==================================================
会社概要
================================================== */
#company{background:url(../img/mainimg_company.jpg) no-repeat center top; background-size: 100%; padding-top: 590px;  margin-top: 80px;}
#info-company{}
#info-company table{width: 100%; box-sizing: border-box;}
#info-company table th{font-weight: normal; text-align: right; vertical-align: top; width: 180px; padding: 0 0 25px;}
#info-company table td{text-align: left; padding: 0 0 25px 100px; vertical-align: top;}
#info-company table td ul{margin-left: 20px;}
#g-map{width: 100%; height: 450px;}
#g-map iframe{width: 100%; height: 450px;}

.btn-com{margin: 80px auto 50px !important; width: 94%; position: relative; padding-bottom: 30px !important;}
.btn-com a.btn{width: 160px !important; margin: 0 auto !important; padding: 7px 0; position: absolute;}
.btn-com-right{top:0; right:0;}
.btn-com-left{top:0; left:0;}

#profile-kashino{
    padding: 60px 0 0;
}

.pic-prof{
    width: 50%;
    float: left;
    margin-right: 40px;
}

.pic-prof img{
    width: 100%;
    height: auto;
}

.prof{
    padding: 10px 0 0;
}

.prof span{
    display: block;
}

.prof-sign{
    display: block;
    text-align: right;
}

.prof-sign img{
    width: 230px;
    padding: 10px 10px 0 ;
}

p.txt-prof{
    margin: 0 0 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}

#profile-kashino .btn-black{
    width: 280px;
    margin: 40px auto;
}

@media (max-width: 1200px) {
#company{padding-top: 500px;}
}

@media (max-width: 767px) {
#company{padding-top: 120px; margin-top:70px;}
#info-company table{width: 100%; box-sizing: border-box;}
#info-company table th{display: block; font-weight: normal; text-align: left; vertical-align: top; width: 100%; padding: 0;}
#info-company table td{display: block; text-align: left; padding: 25px 20px; vertical-align: top;}
#info-company table td ul{margin-left: 20px;}
#g-map{width: 90%; margin: 0 auto 50px; height: 250px;}
#g-map iframe{width: 100%; height: 250px;}
	
.btn-com{margin: 70px auto 30px !important; width: 100%; position: relative; padding-bottom: 30px !important;}
.btn-com a.btn{width: 35% !important; margin: 0 auto !important; padding: 5px 0; position: absolute;}
.btn-com-right{top:0; right:0;}
.btn-com-left{top:0; left:0;}
    
.pic-prof{
    float: none;
    width: 100%;
    margin: 0;
}

p.txt-prof{
    margin: 15px 0 ;
    line-height: 1.6;
}

.pic-kashino{
    float: none;
    display: block;
    margin: 0 auto 5px;
}

.prof-sign img{
    width: 55%;
} 
    
.prof-name{
    text-align: right;
    display: block;
    margin-bottom: 15px;
}    
	
}

/*==================================================
story
================================================== */
#story{background:url(../img/mainimg_story.jpg) no-repeat center top; background-size: 100%; padding-top: 590px; margin-top: 80px;}
.story-message{line-height: 2.4em; font-size: 110%; letter-spacing: 0.08em; text-align: center; margin-bottom: 50px;}
.story-message strong{font-size: 180%; font-weight: normal;}
#story a.btn{width: 40%; margin: 70px auto 70px;}

@media (max-width: 1200px) {
#story{padding-top: 500px;}
}

@media (max-width: 767px) {
#story{padding-top: 120px; margin-top:92px;}
.story-message{line-height: 2.4em; font-size: 100%; letter-spacing: 0.08em; text-align: center;}
.story-message strong{font-size: 150%; font-weight: normal;}
#story a.btn{width: 100%; margin: 50px auto;}
}

/*==================================================
recruit
================================================== */

#recruit{background:url(../img/mainimg_recruit.jpg) no-repeat center top; background-size: 100%; padding-top: 590px; margin-top: 80px;}
#recruit .contents-frame h3{
    margin: 0;
}

#recruit h4{
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: normal;
    margin: 45px 0 0;
    line-height: 1.7;
}

#recruit h5{
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
    margin: 45px 0 0;
    line-height: 1.7;
}

#recruit h5 span{
    display: block;
    font-size: 70%;
}

.movie{
    /*background: url("../img/bg_01.png") bottom center repeat-x;*/
    text-align: center;
}

.box-movie{
    width:920px;
    margin: 0 auto;
    background: url("../img/mbp.png") center center no-repeat;
    background-size: 100%;
    min-height: 660px;
}

.box-movie iframe{
    margin: 80px 0 0;
    width: 650px;
    height: 420px;
}

.box-movie p{
    margin: 80px 0 0;
}

#recruit .btn-black{
    width: 420px;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 36px;
    font-size: 18px;
}

@media (max-width: 767px) {
#recruit{padding-top: 120px; margin-top:92px;}
    #recruit .contents-frame{
        padding: 30px 10px;
    }
    #recruit .contents-frame h3{
    margin: 0 0 15px;
}

#recruit h4{
    font-size: 18px;
    margin: 25px 0 ;
}

#recruit h5{
    font-size: 150%;
    margin: 25px 0 ;
}

#recruit h5 span{
    font-size: 70%;
}
.box-movie{
    width: 100%;
    min-height: auto;
    background-position: top center;
}

.box-movie iframe{
    margin: 0 ;
    width: 230px;
    height: 155px;
}

.box-movie p{
    margin: 30px 0 14px;
    font-size: 14px;
}

#recruit .btn-black{
    width: 100%;
    box-sizing: border-box;
    padding: 12px 0;
    font-size: 15px;
}
}

@media (max-width: 320px) {
    
.box-movie iframe{
    margin: 0 ;
    width: 190px;
    height: 130px;
}
    
}

/*==================================================
mission
================================================== */
#mission{background:url(../img/mainimg_mission.jpg) no-repeat center top; background-size: 100%; padding-top: 590px; margin-top: 80px;}
#mission h4{display: block; font-size: 140%; font-weight: normal; line-height: 3.2em; letter-spacing: 0.08em; margin-bottom: 60px; text-align: center;}
#mission h4 span{border-bottom: 3px solid #e2dbc5; padding: 0 5px 3px;}
.mission-message{line-height: 2.4em; font-size: 110%; letter-spacing: 0.08em; text-align: center;}
.mission-message span{display: block; padding-top: 40px;}

@media (max-width: 1200px) {
#mission{padding-top: 500px;}
}

@media (max-width: 767px) {
#mission{padding-top: 120px; margin-top:92px;}
#mission h4{display: block; font-size: 120%; font-weight: normal; line-height: 2.4em; letter-spacing: 0.08em; margin-bottom: 60px; text-align: center;}
#mission h4 span{border-bottom: 3px solid #e2dbc5; padding: 0 5px 3px;}
.mission-message{line-height: 2.4em; font-size: 100%; letter-spacing: 0.08em; text-align: center;}
.mission-message span{display: block; padding-top: 40px;}
}


/*==================================================
募集
================================================== */
.gaiji-copy{padding-bottom: 20px !important;}
.gaiji-copy h3{margin-bottom: 50px; font-size: 180% !important;}
.gaiji-copy p{font-size: 110%; margin:0 auto 50px; width: 800px; line-height: 1.9em;}
.gaiji-copy p strong{}
.gaiji-copy p strong span{display: inline-block; border-bottom: 4px solid #FAF001; line-height: 1.2;}
.gaiji-contents{padding: 50px 0; background: #f0f0f0; text-align: center;}
.box-gaiji{width: 1140px; margin: 0 auto; padding: 50px 0; background: #fff;}
.box-gaiji h2{display: block; font-size: 240%; margin: 0 0 50px; font-weight: normal; line-height: 1.5em;}
.box-gaiji-box{width: 420px; display: inline-block; vertical-align: top; margin: 0 50px;}
.box-gaiji-box article{ border-top: 4px solid #111; padding-top: 30px; margin-bottom: 50px;}
.box-gaiji-box article h3{display: block; width: 98%; margin: 0 auto; font-weight: normal; font-size: 120%; text-align: left;}
.box-gaiji-box article p{width: 85%; margin: 30px auto; text-align: left;}
.gaiji-subcopy h2{display: block; margin: 50px auto; width: 1000px; font-size: 180%; text-align: center; font-weight: normal; line-height: 1.8em;}

@media (max-width: 767px) {
.gaiji-copy{padding-bottom: 0 !important;}
.gaiji-copy h3{margin-bottom: 30px; font-size: 140% !important;}
.gaiji-copy p{font-size: 100%; margin:0 auto 30px; width: 90%; line-height: 1.9em;}
.gaiji-contents{padding: 30px 0; }
.box-gaiji{width: 94%; padding: 30px 0 0; }
.box-gaiji h2{width: 94%; font-size: 160%; margin: 0 auto 30px;}
.box-gaiji-box{width: 90%; display: block; margin: 0 auto;}
.box-gaiji-box article{ border-top: 4px solid #111; padding-top: 30px; margin-bottom: 50px;}
.box-gaiji-box article h3{width: 94%; font-size: 110%;}
.box-gaiji-box article p{width: 94%; margin: 30px auto; font-size: 14px; }
.gaiji-subcopy h2{margin: 30px auto; width: 94%; font-size: 130%;line-height: 1.5em;}
}

/*==================================================
外字
================================================== */

.boshu-base span{display: inline-block !important; width: 120px !important; height: 95px !important; padding-top: 22px !important; padding-bottom: 0 !important; text-align: center !important; color: #fff; border-radius: 60px !important; margin-right: 20px !important;}
.boshu-more{background-image: url(../img/bg_boshu.jpg);}

@media (max-width: 767px) {
.boshu-base{text-align: center;}
.boshu-base span{display: inline-block !important; width: 100px !important; height: 85px !important; padding-top: 15px !important; padding-bottom: 0 !important;  text-align: center !important; color: #fff; border-radius: 50px !important; margin-right: 5px !important;}
.boshu-more{background-image: url(../img/bg_boshu.jpg);}
}

/*==================================================
入試
================================================== */

.mainimg-exam div{position: absolute; right:0 !important; }
.exam-more{background-image: url(../img/bg_exam.jpg);}
.exam-introduce{padding-bottom: 30px !important;}

#webapplication{padding: 80px 0; text-align: center; border-top:1px solid #ccc;}
.mainimg-webapplication{margin-bottom: 50px;}
.mainimg-webapplication h2{display: block; font-size: 420%; font-weight: normal; margin-bottom: 70px;}
.mainimg-webapplication h3{display: block; font-size: 220%; font-weight: normal; margin-bottom: 70px;}
.mainimg-webapplication img{width: 350px; margin-bottom: 50px;}
.mainimg-webapplication h4{display: block; font-size: 160%; font-weight: normal; line-height: 1.7em; margin-bottom: 70px;}
.mainimg-webapplication article span {display: block; width: 600px; text-align: center; padding: 10px 0; border-radius: 20px; margin-bottom: 15px; color: #fff; margin: 0 auto 20px; font-size: 120%;}
.mainimg-webapplication article span.base01{background:#f35d52;}
.mainimg-webapplication article span.base02{background:#88c231;}
.mainimg-webapplication article span.base03{background:#20bed9;}
.mainimg-webapplication article span.base04{background:#f6862b;}
.webapplication-main article{display: inline-block; width: 520px; margin: 50px 30px; vertical-align: top;}
.webapplication-main article h3{display: block; width: 90%; border-radius: 10px; padding: 15px 0; margin: 0 auto; border:1px solid #333; font-weight: normal; font-size: 140%; margin-bottom: 50px;}
.webapplication-main article h4{display: block; font-size: 180%; font-weight: normal; margin-bottom: 50px; line-height: 1.6em;}
.webapplication-main article ul{display: block; width: 90%; margin: 0 auto; margin-left: 40px; }
.webapplication-main article ul li{text-align: left; line-height: 1.7em; margin-bottom: 25px; font-size: 120%;}
.webapplication-main article ul li span{display: block; font-size: 76%; margin-top: 15px; line-height: 1.5em;}
.webapplication-main article ul li span:before{content: "-"; padding-right: 5px;}

@media (max-width: 767px) {
#webapplication{padding: 70px 0 30px;}
.mainimg-webapplication{margin-bottom: 30px;}
.mainimg-webapplication h2{display: block; font-size: 220%; font-weight: normal; margin-bottom: 30px;}
.mainimg-webapplication h3{display: block; font-size: 140%; font-weight: normal; margin-bottom: 50px;}
.mainimg-webapplication img{width: 50%; margin-bottom: 20px;}
.mainimg-webapplication h4{display: block; font-size: 120%; font-weight: normal; line-height: 1.7em; margin-bottom: 50px;}
.mainimg-webapplication article span{display: block; width: 94%; text-align: center; padding: 10px 0; border-radius: 20px; margin-bottom: 15px; color: #fff; margin: 0 auto 20px; font-size: 90%;}
.webapplication-main article{display: block; width: 94%; margin: 50px auto; vertical-align: top;}
.webapplication-main article h3{display: block; width: 100%; border-radius: 10px; padding: 15px 0; margin: 0 auto; border:1px solid #333; font-weight: normal; font-size: 110%; margin-bottom: 30px;}
.webapplication-main article h4{display: block; font-size: 180%; font-weight: normal; margin-bottom: 50px; line-height: 1.6em;}
.webapplication-main article ul{display: block; width: 90%; margin: 0 auto; margin-left: 30px; }
.webapplication-main article ul li{text-align: left; line-height: 1.7em; margin-bottom: 25px; font-size: 120%;}
.webapplication-main article ul li span{display: block; font-size: 76%; margin-top: 15px; line-height: 1.5em;}
.webapplication-main article ul li span:before{content: "-"; padding-right: 5px;}
}

/*==================================================
学納金
================================================== */

.expense-base span{width: 100% !important;}
.expense-base article h4{line-height: 1.6em; padding-bottom: 40px; margin-left: -24px; font-size: 170%;}
.expense-more{background-image: url(../img/bg_expense.jpg);}
.expense-more ul{list-style: none; margin-left: 0 !important;}
.expense-more ul li{text-align: center !important; font-size: 140%;}
.expense-more ul li span{display: block; font-size: 14px;}

@media (max-width: 767px) {
.expense-base span{width: 100% !important;}
.expense-base article h4{line-height: 1.6em; padding-bottom: 0; margin-left: 0; font-size: 150%;}
.expense-main h3{width: 90% !important;}
.expense-more ul li{font-size:110%;}
.expense-more ul li span{display: block; line-height: 1.5em; padding-bottom: 20px; font-size: 65%;}
}

/*==================================================
図書
================================================== */

.mainimg-books div{position: absolute; right:0 !important; }
.books-more{background-image: url(../img/bg_books.jpg);}
.books-base article{padding-bottom: 30px;}
.books-more ul{list-style: none; margin-left: 0 !important;}
.books-more ul li{text-align: center !important; font-size: 140%;}
.books-more ul li span{display: block; font-size: 14px;}
@media (max-width: 767px) {
	.books-base article{padding-bottom: 0;}
	.books-more ul li{font-size:110%;}
	.books-more ul li span{display: block; line-height: 1.5em; padding-bottom: 20px; font-size: 65%;}
}


/*==================================================
保護者連絡システム
================================================== */

#e-massage #page-mainimg h2 {
  letter-spacing: 0.1em;
}
#e-massage #page-mainimg h2 span.ls-05 {
  display:inline;
  font-size: unset;
  letter-spacing: .05em;
}
.e_massage-contents-base {
  background-color: #f0f0f0;
}
.e_message_merrit-wrap {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.e_message_merrit {
  width: 90%;
  max-width: 1140px;
  margin: auto;
  display: flex;
  align-items: center;
}
.e_message_merrit:nth-of-type(even){
  flex-direction: row-reverse;
}
.e_message_merrit > img {
  max-width: 55%;
  height: auto;
}
.contents-e_massage h2 {
  font-size: 240%;
  text-align: center;
  font-weight: normal;
  margin-bottom: 50px;
  line-height: 1.5em;
}
#contents-main .e_message_merrit article h3 {
  width: 80%;
  line-height: 1.25em;
  background-color: #fff;
}
#contents-main .e_message_merrit ul li {
  margin-bottom: .5em;
}
.contents-e_massage > p {
  font-size: 240%;
  font-weight: normal;
  margin: 120px auto;
  line-height: 1.6em;
}
@media (max-width: 767px) {
  .e_massage-copy {
    padding-left: 1em;
    padding-right: 1em;
  }
  .contents-e_massage h2 {
    font-size: 180%;
  }
  .e_message_merrit-wrap {
    gap: 40px;
  }
  .e_message_merrit,
  .e_message_merrit:nth-of-type(even) {
    flex-direction: column;
    gap: 1em;
  }
  #contents-main .e_message_merrit article h3 {
    width: 100%;
  }
  .contents-e_massage > p {
    margin: 60px auto;
  }
}

/*==================================================
KinQ.jp
================================================== */

.mainimg-kinq{padding: 100px 0 70px; text-align: center;}
#kinq-copy{background:#f0f0f0; padding: 10px 0;}
#kinq-copy article{width: 1200px; margin: 0 auto;}
.kinq-copy-pic{width: 468px; height: 395px; float: right;}
.kinq-copy-txt{width: 732px; height: 365px; float: left; text-align: center; font-size: 140%; line-height: 1.8em; padding-top: 30px;}
.kinq-copy-txt p{margin-bottom: 50px;}
#kinq-base{padding: 70px 0; text-align: center;}
#kinq-base article{width: 1000px; margin: 0 auto 50px; text-align: left;}
.kinq-base-left{width: 450px; float: left;}
.kinq-base-right{width: 450px; float: right;}
#kinq-base article h3{display: block; border-radius: 24px; text-align: center; padding: 10px 0; font-size: 120%; color: #fff; margin-bottom: 30px; font-weight: normal;}
#kinq-base article h3.kinq-base1{background:#f35d52;}
#kinq-base article h3.kinq-base2{background:#88c231;}
#kinq-base article h3.kinq-base3{background:#20bed9;}
#kinq-base article h3.kinq-base4{background:#f6862b;}
#kinq-base article p{width: 90%; margin: 0 auto;}
#kinq-base article p span{display: block; font-size: 85%;}
#kinq-base h4{display: block; font-size: 220%; line-height: 1.7em; font-weight: normal;}
.kinq-main{padding: 70px 0 !important; border-top: 1px solid #ccc;}
.kinq-main h2{display: block; font-size: 220%; font-weight: normal; margin-bottom: 70px;}
.kinq-more{background:url(../img/bg_kinq.jpg);}
.kinq-more ul{list-style: none; margin-left: 0 !important;}
.kinq-more ul li{text-align: center !important; font-size: 140%;}
.kinq-more ul li span{display: block; font-size: 60%; margin: 10px 0 10px;}

.box-kinq-base{width: 1000px; margin: 0 auto 30px; border-radius: 12px; border:1px solid #ccc; padding: 20px; text-align: center;}
.box-kinq-base h4{display: block; font-size: 150% !important; margin-bottom: 30px;}

@media (max-width: 767px) {
.mainimg-kinq{padding: 50px 0 20px; text-align: center;}
	.mainimg-kinq img{width: 100%;}
#kinq-copy{background:#f0f0f0; padding: 20px 0;}
#kinq-copy article{width: 92%; margin: 0 auto;}
.kinq-copy-pic{width: 100%; height: auto; float: none; margin-top: 30px;}
	.kinq-copy-pic img{width: 100%;}
.kinq-copy-txt{width: 100%; height: auto; float: none; text-align: left; font-size: 100%; line-height: 1.5em; padding-top: 0;}
.kinq-copy-txt p{margin-bottom: 20px;}
#kinq-base{padding: 50px 0; text-align: center;}
#kinq-base article{width: 90%; margin: 0 auto 20px; text-align: left;}
.kinq-base-left{width: 100%; float: none; margin-bottom: 30px;}
.kinq-base-right{width: 100%; float: none; margin-bottom: 30px;}
#kinq-base article h3{margin-bottom: 20px; }
#kinq-base article p{width: 90%; margin: 0 auto;}
#kinq-base article p span{display: block; font-size: 85%;}
#kinq-base img{width: 95%; }
#kinq-base h4{font-size: 160%; line-height: 1.5em;}
.kinq-main{padding: 50px 0 !important;}
.kinq-main h2{font-size: 180%; margin-bottom: 50px;}
.kinq-more ul{list-style: none; margin-left: 0 !important;}
.kinq-more ul li{text-align: center !important; font-size: 120%; margin-top: 25px;}
.kinq-more ul li span{display: block; font-size: 60%; margin: 0 0 10px; line-height: 1.4em;}
.box-kinq-base{width: 94%; margin: 0 auto 20px; padding: 10px; box-sizing: border-box;}
.box-kinq-base h4{display: block; font-size: 120% !important; margin-bottom: 20px;}
}

/*==================================================
topics
================================================== */

#topics-list{padding: 230px 0 80px; text-align: center;}
#topics-list h2{margin-bottom: 40px;}
#topics-list #con-topics{padding-top: 0;}
#topics-list #con-topics tr{display: block; border-bottom: 1px solid #ccc; margin:50px 0 30px; padding-bottom: 30px;}
.entry-title h3{display: block; font-weight: normal; font-size: 120%; margin-bottom: 50px; line-height: 1.5em;}
.entry-body{line-height: 1.8em;}
.entry-body p{margin-bottom: 30px;}
.entry-body dl{margin-bottom: 30px;}
.entry-body dt{}
.entry-body dd{margin: 0 0 20px;}
.entry-body img{max-width: 100%; height: auto;}

@media (max-width: 767px) {
#topics-list{padding: 130px 0 30px;}
#topics-list h2{margin-bottom: 30px;}
#topics-list #con-topics tr{display: block; border-bottom: none; margin:20px 0; padding-bottom: 0;}
.entry-title h3{display: block; font-weight: normal; font-size: 120%; margin-bottom: 30px; margin-top: 20px; line-height: 1.5em;}
.entry-body{line-height: 1.8em;}
.entry-body p{margin-bottom: 30px;}	
}

/*==================================================
ユーザーの声TOP
================================================== */

#voice-top-main{background:#f0f0f0; padding: 50px 0;}
.contents-voice-top{width: 1140px; margin: 0 auto;}
.contents-voice-top a{display: block; width: 520px; float: left; margin: 0 25px 50px; background:#fff; text-decoration: none; color: #111;}
.contents-voice-top a:hover{background:#e1e1e1;}
.contents-voice-top a h3{display: block; margin: 30px 20px; border:1px solid #111; border-radius: 32px; height: 64px; line-height: 64px; font-size: 124%; font-weight: normal; padding-left:20px; padding-right: 20px; box-sizing: border-box;}
.contents-voice-top a h3.voice-top-new, .contents-voice-top a h3.voice-top-pickup{padding-left: 0 !important;}
.contents-voice-top a h3 i.icon-new{display: inline-block; width: 62px; height: 62px; border-radius: 50%; text-align: center; line-height: 64px; color: #fff; background:#f35d52; margin-right: 10px; font-size: 70%; font-style: normal; vertical-align: top;}
.contents-voice-top a h3 i.icon-pickup{display: inline-block; width: 62px; height: 62px; border-radius: 50%; text-align: center; line-height: 64px; color: #fff; background:#20bed9; margin-right: 10px; font-size: 70%; font-style: normal; vertical-align: top;}
.contents-voice-top a h3 span{display: inline-block; height: 64px; line-height: 64px; padding-left: 7px; font-size: 85%;}
.contents-voice-top a h4{display: block; margin: 0 30px 30px; font-size: 130%; font-weight: normal;}
.voice-top-txt{width: 230px; height: 150px; float: left; padding: 15px; background:#e1e1e1; font-size: 90%; line-height: 1.4em; overflow: hidden; display: -webkit-box;}
.voice-top-txt >p {  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 7; max-height: calc(1.4em * 7); margin:0;}
.voice-top-img{width: 260px; height: 180px; float: left;}
.voice-top-img img{width: 260px; height: 180px; object-fit: cover;}

#voice-top-list{padding: 70px 0; text-align: center;}
#voice-top-list h2{display: block; font-size: 200%; font-weight: normal; margin-bottom: 70px;}
#voice-top-list article{width: 860px; margin: 0 auto 50px; text-align: left;}
.voice-list-left{width:400px; float: left;}
.voice-list-right{width:400px; float: right;}
#voice-top-list article h3{display: block; font-weight: normal; font-size: 130%; border-bottom: 1px solid #ccc; padding: 0 5px 10px; margin-bottom: 30px;}
#voice-top-list article ul{width: 96%; margin: 0 auto; list-style: none;}
#voice-top-list article li{margin-bottom: 12px;}
#voice-top-list article > p{
	clear: left;
	padding: 50px 7px;
}

@media (max-width: 767px) {
#voice-top-main{padding: 30px 0;}
.contents-voice-top{width: 90%;}
.contents-voice-top a{ width: 100%; float:none; margin: 0 auto 30px; clear: left; padding: 20px 0 0; box-sizing: border-box;}
.contents-voice-top a h3{display: block; position: relative; width: 90%; margin: 0 auto; border-radius: 6px; height: auto; line-height: 1.2em; font-size: 120%; padding: 15px; text-align: left;}
.contents-voice-top a h3.voice-top-new, .contents-voice-top a h3.voice-top-pickup{padding-left: 15px !important;}
.contents-voice-top a h3 i{display: inline-block; position: absolute; top:-48px; left:-10px; width: 64px; height: 64px; border-radius: 32px; text-align: center; line-height: 64px; color: #fff; background:#f35d52; margin-right: 10px; font-size: 80%; font-style: normal; vertical-align: top;}
.contents-voice-top a h3 i.icon-new{width: 54px; height: 54px; line-height: 54px; font-size: 60%; left: -20px; top: -40px;}    
.contents-voice-top a h3 i.icon-pickup{width: 54px; height: 54px; line-height: 54px; font-size: 60%;  left: -20px; top: -40px;}
.contents-voice-top a h3 span{display: inline-block; height: auto; line-height: inherit; padding-left: 7px; font-size: 85%;}
.contents-voice-top a h4{display: block; margin: 20px; font-size: 120%; font-weight: normal;}
.voice-top-txt{width: 90%; height: auto; float: none; padding: 0; margin: 0 auto 20px; box-sizing: border-box; background:#fff;}
.voice-top-img{width: 90%; height: 180px; float: none; margin: 0 auto 20px;}
.voice-top-img img{width: 100%; height: 180px; object-fit: cover;}
	
#voice-top-list{padding: 50px 0;}
#voice-top-list h2{font-size: 180%; margin-bottom: 50px;}
#voice-top-list dl.accordion{width: 90%; margin: 0 auto;}

dl.accordion dt {
    background:url(/assets/img/open.png) 95% center no-repeat; background-color:#333; background-size: 6%;
    font-size:100%; text-indent:10px; color:#333; cursor:pointer; margin:0 0 10px; padding:16px 0; border-radius: 28px;}
dl.accordion dt.open {
    background:url(/assets/img/close.png) 95% center no-repeat; background-color:#111; background-size: 6%; }
dl.accordion dd { background:#fff; padding:10px 40px; display:none; margin:0 0 10px; border-bottom: 0; }

	#voice-top-list ul{text-align: left; list-style: disc !important;}
	
	#voice-top-list > p{
		padding: 35px 0 0;
		margin: 0;
		
	}
	
}

@media screen and (min-width:768px) and ( max-width:1024px) {
#voice-top-main{padding: 30px 0;}
.contents-voice-top{width: 90%;}
.contents-voice-top a{ width: 100%; float:none; margin: 0 auto 50px; clear: left; padding: 20px 0 0; box-sizing: border-box;}
.contents-voice-top a h3{display: block; position: relative; width: 90%; margin: 0 auto; border-radius: 32px; height: auto; line-height: 1.2em; font-size: 120%; padding: 15px; text-align: left;}
.contents-voice-top a h3.voice-top-new, .contents-voice-top a h3.voice-top-pickup{padding-left: 15px !important;}
.contents-voice-top a h3 i{display: inline-block; position: absolute; top:-48px; left:-10px; width: 64px; height: 64px; border-radius: 32px; text-align: center; line-height: 64px; color: #fff; background:#f35d52; margin-right: 10px; font-size: 80%; font-style: normal; vertical-align: top;}
.contents-voice-top a h3 span{display: inline-block; height: auto; line-height: inherit; padding-left: 7px; font-size: 85%;}
.contents-voice-top a h4{display: block; width: 90%; margin: 20px auto; font-size: 120%; font-weight: normal;}
.voice-top-txt{width: 90%; height: auto; float: none; padding: 0; margin: 0 auto 20px; box-sizing: border-box; background:#fff;}
.voice-top-img{width: 90%; height: 280px; float: none; margin: 0 auto 20px;}
.voice-top-img img{width: 100%; height: 280px; object-fit: cover;}
	
#voice-top-list{padding: 50px 0;}
#voice-top-list h2{font-size: 180%; margin-bottom: 50px;}
#voice-top-list dl.accordion{width: 90%; margin: 0 auto;}

dl.accordion dt {
    background:url(/assets/img/open.png) 95% center no-repeat; background-color:#333; background-size: 6%;
    font-size:100%; text-indent:10px; color:#333; cursor:pointer; margin:0 0 10px; padding:16px 0; border-radius: 28px;}
dl.accordion dt.open {
    background:url(/assets/img/close.png) 95% center no-repeat; background-color:#111; background-size: 6%; }
dl.accordion dd { background:#fff; padding:10px 40px; display:none; margin:0 0 10px; border-bottom: 0; }
	

#voice-top-list article{width: 90%; margin: 0 auto 50px; text-align: left;}
.voice-list-left{width:45%; float: left;}
.voice-list-right{width:45%; float: right;}
#voice-top-list article h3{display: block; font-weight: normal; font-size: 130%; border-bottom: 1px solid #ccc; padding: 0 5px 10px; margin-bottom: 50px;}
#voice-top-list article ul{width: 94%; margin: 0 auto; list-style: none;}
#voice-top-list article li{margin-bottom: 12px; margin-left: 25px;}
#voice-top-list ul{text-align: left; list-style: disc !important;}
}


/*==================================================
ユーザーの声詳細
================================================== */

#header-voice{height: 148px;}
#header-voice h2{display: block; width: 85%; height: 148px; float: left; vertical-align: middle; line-height: 148px; font-weight: normal; font-size: 210%; letter-spacing: 0.06em;}
#header-voice h2 i{display: inline-block; padding-right: 10px; }
#header-voice h2 i img{width: 40px; vertical-align: middle;}
#header-voice h2 span.sama{font-size: 70%; padding-left: 10px;}
#header-voice h2 span.icn-new{display: inline-block; width: 64px; height: 64px; border-radius: 32px; text-align: center; line-height: 64px; color: #fff; background:#f35d52; font-size: 50%; font-style: normal; vertical-align: top; letter-spacing: 0; margin: 42px 0 0 10px;}
#header-voice p{display: block; width: 15%; padding-top: 60px; float: right; text-align: right; vertical-align: middle; font-weight: normal;}
#header-voice p span{display: inline-block; border-bottom: 3px solid #111; letter-spacing: 0.08em; font-size: 100%; }

#catch-voice{background:url(../img/bg_voice_catch.gif) top left repeat; padding: 12px 0; text-align: center;}
#catch-voice h4{display: block; width: 960px; margin: 0 auto; border-radius: 6px; background:#fff; font-size: 172%; padding: 10px 20px; font-weight: normal; line-height: 1.5em;}

#mainimg-page-voice img{width: 100%; vertical-align: middle;}

#report-voice{background:url(../img/bg_voice_contents.png) no-repeat top center; background-size:100%; text-align: center; padding: 40px 0 100px;}

.point-voice{display: inline-block; list-style:none; margin: 0 0 30px;}
.point-voice li{height: 80px; line-height: 80px; text-align: left; margin-bottom: 20px;}
.point-voice li i{display: inline-block; padding-right: 10px; height: 80px;}
.point-voice li i img{vertical-align: bottom;}
.point-voice li span{display: inline-block; line-height: 80px; height: 80px; font-size: 150%;}

.subcatch-voice{display: block; font-size: 180%; font-weight: normal; margin: 50px 0 100px; line-height: 1.9;}
.subcatch-voice span{border-bottom: 1px solid #111; padding-bottom: 5px;}

#report-voice article{width: 920px; margin: 0 auto; text-align: left;}
#report-voice article h3{display: block; margin-bottom: 50px; font-size: 160%; font-weight: normal; line-height: 1.5;}
.box-voice{border-left: 1px solid #111; padding: 20px 0 1px 40px; margin-left: 5px; margin-bottom: 50px; line-height: 2.0;}
.box-voice p{margin-bottom: 30px;}
#report-voice article h4{display: block; margin-bottom: 30px; font-size: 130%; }
#report-voice article h5{display: block; margin-bottom: 30px; font-size: 110%; }
.img-alighRight-voice{display: block; width:220px; text-align: center; margin-left: 40px; margin-bottom: 20px; float: right;}
.img-alighLeft-voice{display: block; width:220px; text-align: center; margin-right: 40px; margin-bottom: 20px; float: left;}
.pic-voice{
	width: 220px;
	border-radius: 50%;
	vertical-align: bottom;
	margin-bottom: 5px;
}

#report-voice a.btn{width: 420px; margin: 0 auto;}

.txt-voice{margin-bottom: 90px !important; line-height: 1.7em;}

#voice-page #page-footer-navi{background: #f0f0f0; padding: 25px 0;}
#voice-page #page-footer-navi a:link{color: #111 !important; text-decoration: none;}
#voice-page #page-footer-navi a:visited{color: #111 !important; text-decoration: none;}
#voice-page #page-footer-navi a:hover{color: #111 !important; text-decoration: underline;}
#voice-page .left-btn{width: 20%; text-align: left; float: left;}
#voice-page .right-btn{width: 75%; text-align: right; float: right;}
#voice-page .right-btn a{padding-left: 20px;}

.shutten-info{text-align: right !important; margin-bottom: 50px !important; font-size: 90% !important; }

.box-voice-grey{
    padding: 30px 30px 20px;
    background: #f0f0f0;
    margin: 0 0 35px;
}

@media (max-width: 767px) {
	
#header-voice{height: auto;}
#header-voice h2{display: block; width: 98%; margin: 0 auto 30px; height: auto; float: none;  line-height: 1.4em; font-weight: normal; font-size: 160%; letter-spacing: 0.04em; position: relative;}
#header-voice h2 i{display: none; padding-right: 10px; }
#header-voice h2 i img{width: 40px; vertical-align: middle;}
#header-voice h2 span.sama{font-size: 70%; padding-left: 10px;}
#header-voice h2 span.icn-new{display: inline-block; width: 40px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; color: #fff; background:#f35d52; font-size: 50%; font-style: normal; vertical-align: top; letter-spacing: 0; margin: 0; position: absolute; top: -44px; left: 0;}
#header-voice p{display: block; width: 98%; margin: 0 auto 20px; padding-top: 0; float: none; text-align: right; vertical-align: middle; font-weight: normal;}
#header-voice p span{display: inline-block; border-bottom: 3px solid #111; letter-spacing: 0.06em; font-size: 100%; }

#catch-voice{padding: 10px 0; text-align: left;}
#catch-voice h4{display: block; width: 96%; font-size: 130%; padding: 10px; box-sizing: border-box; line-height: 1.4em;}

#report-voice{text-align: left; background:url(../img/sp_bg_voice_contents.png) no-repeat top center; background-size:100%; padding: 30px 0 70px;}

.point-voice{display:block; width: 94%; margin: 0 auto 20px; list-style:none;}
.point-voice li{height: auto; line-height: inherit; text-align: left; margin-bottom: 10px;}
.point-voice li i{display: inline-block; padding-right: 10px; width: 15%; height: auto; vertical-align: top;}
.point-voice li i img{vertical-align: bottom; width: 100%;}
.point-voice li span{display: inline-block; width: 82%; height: auto; line-height: inherit; font-size: 110%; vertical-align: top;}

.subcatch-voice{width: 88%; font-size: 120%; margin: 30px auto 50px; line-height: 1.6;}
.subcatch-voice span{border-bottom: 1px solid #111; padding-bottom: 0;}

#report-voice article{width: 90%; }
#report-voice article h3{display: block; margin-bottom: 30px; font-size: 150%; font-weight: normal; line-height: 1.4;}
.box-voice{border-left: 1px solid #111; padding: 10px 0 1px 15px; margin-left: 5px; margin-bottom: 40px;}

.box-voice-grey{
    padding: 30px 30px 5px;
    margin: 0 0 25px;
}
.box-voice p, .box-voice-grey p{margin-bottom: 30px; font-size: 14px;}
#report-voice article h4{display: block; margin-bottom: 30px; font-size: 120%; font-weight: normal;}
.img-alighRight-voice{display: block; width:30%; text-align: center; margin-left: 20px; margin-bottom: 10px; float: right; font-size: 90%; line-height: 1.4;}
.img-alighLeft-voice{display: block; width:30%; text-align: center; margin-right: 20px; margin-bottom: 10px; float: left; font-size: 13px; line-height: 1.4;}
.img-alighRight-voice img, .img-alighLeft-voice img{width: 100%;}
.pic-voice{
	border-radius: 50%;
	vertical-align: bottom;
	margin-bottom: 5px;
}

#report-voice a.btn{width: 80%; margin: 0 auto;}

.txt-voice{margin-bottom: 50px !important; line-height: 1.6em;}

#voice-page #page-footer-navi{background: #f0f0f0; padding: 25px 0;}
#voice-page .left-btn{display: block; width: 100%; text-align: center; float: none; padding-top: 10px; clear: both;}
#voice-page .left-btn a{display: block; width: 50%; border:1px solid #111; border-radius: 26px; padding: 10px; margin: 20px auto 0;}
#voice-page .right-btn{display: block; width: 100%; text-align: center; float: none;}
#voice-page .right-btn a{padding-left: 0;}
#voice-page .btn-prev{display: block; width: 100%; text-align: center; float: none; margin-bottom: 12px; } 
#voice-page .btn-next{display: block; width: 100%; text-align: center; float: none; }
	
.shutten-info{text-align: left !important;}
	
}

/*==================================================
スクールマスターZeus
================================================== */

#zeus-mainimg{width: 100%; background:url(../img/bg_zeus_mainimg.svg) no-repeat bottom center #f6f6f6; background-size: cover; padding: 80px 0 60px; text-align: center;}
#zeus-mainimg h2{display: block; font-size: 320%; margin:0 0 50px; font-weight: normal; line-height: 1.7em;}
#zeus-mainimg h3{display: block; font-size: 280%; margin:0 0 50px; font-weight: normal; line-height: 1.7em;}
#zeus-mainimg h3 span{display: block; font-size: 60%;}
#zeus-mainimg h4{display: block; font-size: 200%; margin:50px 0 50px; font-weight: normal;}
#zeus-mainimg h5{display: block; font-size: 160%; font-weight: normal; line-height: 1.7em;}
#zeus-mainimg img{width: 80%;}

#zeus-con01{height: 600px; position: relative; padding: 50px 0; text-align: center;}
#zeus-con01 h2{display: block; font-size: 320%; margin:0 0 50px; font-weight: normal; line-height: 1.7em;}
#zeus-con01 img{margin: 0 30px;}
.box-zeus-con01{position: absolute; text-align: center; width: 100%; top:380px;}
.box-zeus-con01 span{display: inline-block; width: 240px; font-size: 28px; line-height: 1.3em; height: 240px; border-radius: 50%; margin: 0 25px; border:1px solid; vertical-align: middle; text-align: center; background-color:rgba(255,255,255,0.7); box-sizing: border-box;}
.box-zeus-con01 span.zeus-con01-txt01{border-color: #20bed9; color: #20bed9; padding-top: 45px;}
.box-zeus-con01 span.zeus-con01-txt02{border-color: #f6862b; color: #f6862b; padding-top: 62px;}
.box-zeus-con01 span.zeus-con01-txt03{border-color: #88c231; color: #88c231; padding-top: 45px;}

#zeus-con02{height: 700px; position: relative; padding: 50px 0; text-align: center; background:url(../img/zeus05.jpg) no-repeat top center; background-size:cover;}
#zeus-con02 h2{display: block; font-size: 320%; margin:0 0 50px; font-weight: normal; line-height: 1.7em;}
.zeus-con02-txt{position: absolute; width: 800px; bottom:30px; left:50%; margin-left: -400px; background-color:rgba(255,255,255,0.7); text-align: left; padding: 30px; font-size: 120%; line-height: 1.8em; }
.zeus-con02-txt ul{margin: 30px 50px; font-size: 150%; line-height: 1.6em;}
.zeus-con02-txt ul li{margin-bottom: 15px;}
.zeus-con02-txt h3{display: block; text-align: center; font-weight: normal; font-size: 150%; margin: 0 0 25px; line-height: 1.4;}
.zeus-con02-txt h3 span{display: block; height: 1px; border-top: 1px solid #000; width: 120px; margin: 15px auto;}

#zeus-con03{position: relative; padding: 50px 0 0; text-align: center;}
#zeus-con03 h2{display: block; font-size: 320%; margin:0 0 50px; font-weight: normal; line-height: 1.5em;}
#zeus-con03 h3{display: block; margin-bottom: 20px; color: #fff; font-size: 250%; font-weight: normal; position: relative; line-height: 100px;}
#zeus-con03 h3 span{display: inline-block; position: absolute; top:0; left:50%; margin-left: -245px; width: 0; height: 0; border-style: solid; border-width: 145px 245px 0 245px; border-color: #000111 transparent transparent transparent; z-index: -1;  }
.zeus-con03-txt{width: 1200px; margin: 100px auto 0; vertical-align: middle;}
.zeus-con03-txt > div{display: inline-block;  padding-top: 0; width: 550px; font-size: 130%; line-height: 1.7em; vertical-align: middle; text-align: center;}
.zeus-con03-txt p{margin: 30px 0 40px;}
.zeus-con03-txt span{display: inline-block; vertical-align: top; width: 550px; text-align: right;}
.zeus-con03-txt span img{width: 100%;}
.box-zeus-con03{margin-bottom: 50px;}
.box-zeus-con03 span{display: inline-block; font-size: 120%; width: 358px; border:1px solid #111; border-radius: 8px; padding: 20px 0; text-align: center; vertical-align: middle; margin: 0 20px;}
.box02-zeus-con03{display: table; width: 100%;}
.box02-zeus-con03 span{display: table-cell; width: 50%; padding: 40px 50px; box-sizing: border-box; vertical-align: middle; line-height: 1.6em;}
.box02-zeus-con03-txt01{background:#f7c3c3; text-align: right; font-size: 250%;}
.box02-zeus-con03-txt02{background:#9adcdc; text-align: left; font-size: 150%;}

.telework{
    padding: 40px 0 60px;
    position: relative;
}
.img-telework{margin: 30px 0 50px; width: 900px; vertical-align: bottom; position: relative; margin-left: -30px;}
.telework h2{margin-bottom: 25px !important;}
.telework h3{display: flex !important; align-items: center; justify-content: center; font-size: 200% !important; color: #111 !important; line-height: 1.4 !important; margin-bottom: 30px !important; }
.telework p{font-size: 130%; line-height: 1.7em;}
.ul-telework{display: flex; background:#f0f0f0; list-style: none; margin: 40px 0;}
.ul-telework li{width : calc(100% / 3) ; padding: 25px; margin: 10px 5px; box-sizing: border-box; text-align: center; background: #fff;}
.ul-telework li h4{display: block; font-size: 180%; margin: 0 0 25px;}
.ul-telework li p{margin: 0; font-size: 100%; text-align: left;}
.telework h4{display: block; font-size: 200%; font-weight: normal;}
.telework h4 span{display: block; margin: 40px 0 0; line-height: 1.5;}

#zeus-con04{position: relative; padding: 50px 0; text-align: center; background:#f0f0f0;}
#zeus-con04 h2{display: block; font-size: 280%; margin:0 0 50px; font-weight: normal; line-height: 1.5em;}
.zeus-contents{width: 1140px; margin: 0 auto;}
.zeus-contents-left{width: 730px; float: left;}
.zeus-contents-right{width: 380px; float: right;}

.zeus-contents article{background:#fff; margin-bottom: 40px;}
.zeus-con04-01{height: 578px;}
.zeus-contents article.zeus-con04-01 h3{display: block; text-align: center; font-size: 180%; font-weight: normal; padding: 50px 0;}

.box-zeus-con04-01{text-align: left; position: relative; height: 248px;}
.box-zeus-con04-01 h4{display: block; width: 280px; height: 200px; padding: 17px 0 0 26px; background:url(../img/bg_zeustitle01.png) no-repeat top left; color: #fff; font-weight: normal; position: absolute; top:0; left: 0;  line-height: 1.5em;  font-size: 170%;}
.box-zeus-con04-01 img{position: absolute; top:0; right: 20px; width:240px;}
.box-zeus-con04-01 p{position: absolute; top:90px; left: 190px; font-size: 90%;}

.box-zeus-con04-02{text-align: left; position: relative; height: 248px;}
.box-zeus-con04-02 h4{display: block; width: 280px; height: 200px; padding: 10px 15px 0 0; background:url(../img/bg_zeustitle02.png) no-repeat top right; color: #fff; font-weight: normal; position: absolute; top:0; right: 0; text-align: right; line-height: 1.5em;  font-size: 170%;}
.box-zeus-con04-02 p{position: absolute; top:40px; left: 60px; font-size: 90%;}


.box-zeus-con04-03{text-align: left; position: relative; height: 220px;}
.box-zeus-con04-03 h3{display: block; position: absolute; font-size: 180%; font-weight: normal; top:50px; left: 240px;}
.box-zeus-con04-03 h4{display: block; width: 280px; height: 200px; padding: 17px 0 0 26px; background:url(../img/bg_zeustitle03.png) no-repeat top left; font-weight: normal; position: absolute; top:0; left: 0;  line-height: 1.5em;  font-size: 170%;}
.box-zeus-con04-03 p{position: absolute; top:115px; left: 210px; font-size: 90%;}

.box-zeus-con04-04{text-align: left; position: relative; height: 838px;}
.box-zeus-con04-04 h3{display: block; position: absolute; font-size: 180%; font-weight: normal; top:175px; right:20px; text-align: right; line-height: 1.5em;}
.box-zeus-con04-04 h4{display: block; width: 280px; height: 200px; padding: 10px 0 0 16px; background:url(../img/bg_zeustitle01.png) no-repeat top left; color: #fff; font-weight: normal; position: absolute; top:0; left: 0;  line-height: 1.5em;  font-size: 170%;}
.box-zeus-con04-04 p{position: absolute; top:435px; left: 30px; font-size: 90%; padding-right: 30px;}

.zeus-con-04-05{background:#fff; margin-bottom: 40px;  padding-top: 50px;}
.zeus-con-04-05 h2{display: block; font-size: 280%; margin:0 0 50px; font-weight: normal; line-height: 1.5em;}
.box-zeus-con-04-05{width: 420px; display: inline-block; vertical-align: top; margin: 0 50px;}
.zeus-con-04-05 article{border-top: 4px solid #111; padding-top:30px; margin-bottom: 50px; clear: left;}
.zeus-con-04-05 article h3{display: block; width: 98%; margin: 0 auto; font-weight: normal; font-size: 120%; text-align: left;}
.zeus-con-04-05 article p{width: 85%; margin: 30px auto; text-align: left; text-indent: -1em;}
.zeus-con-04-05 article ul{text-align: left; margin: 19px auto; width: 95%; margin-left: 30px; line-height: 1.7em;}

.zeus-con-04-06{background:#fff; margin-bottom: 40px;  padding-top: 50px;  padding-bottom: 30px;}
.zeus-con-04-06 h2{display: block; font-size: 280%; margin:0 0 50px; font-weight: normal; line-height: 1.5em;}
.zeus-con-04-06 h3{display: block; font-size: 170%; margin:0 0 60px; font-weight: normal; line-height: 1.5em;}
.zeus-con-04-06 article{display: inline-block; vertical-align: top; width: 220px; padding:0 15px; height: 400px; }
.zeus-con-04-06 article h4{display: block; margin-bottom: 50px; font-size: 110%; font-weight: normal;}
.zeus-con-04-06-01, .zeus-con-04-06-02, .zeus-con-04-06-03{border-right: 1px solid #ccc;}
.zeus-con-04-06 article p{font-size: 95%; text-align: left; width: 96%; margin: 0 auto;}

.zeus-con-04-07{margin-bottom: 40px;  padding-top: 50px;  padding-bottom: 30px; text-align: left; background:url(../img/zeus07.jpg) no-repeat bottom right #fff; background-size:40%;}
.zeus-con-04-07 h2{display: block; font-size: 280%; margin:0 0 50px; font-weight: normal; line-height: 1.5em; text-align: center;}
.zeus-con-04-07 h3{display: block; font-size: 170%; margin:0 0 60px; font-weight: normal; line-height: 1.5em; text-align: center;}
.box-zeus-con-04-07-01{display: inline-block; vertical-align: top; width: 250px; padding:0 15px;  margin-left: 120px; }
.box-zeus-con-04-07-02{display: inline-block; vertical-align: top; width: 250px; padding:0 15px;  margin-left: 60px; }
.zeus-con-04-07 article h4{display: block; width: 100%; text-align: center; margin-bottom: 30px; font-size: 110%; font-weight: normal; border:1px solid #111; border-radius: 25px; padding: 7px 0;}
.zeus-con-04-07 article p{font-size: 95%; text-align: left; width: 96%; margin: 0 auto;}

#zeus-con05{position: relative; padding: 70px 0; text-align: center;}
#zeus-con05 h2{display: block; font-size: 280%; margin:0 0 70px; font-weight: normal; line-height: 1.5em;}
#zeus-con05 img{width: 620px;}
#zeus-con05 h3{display: block; font-size: 150%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con05 ul{display: inline-block; vertical-align: top; width: 420px; margin: 0 20px; text-align: left; list-style: none;}
#zeus-con05 ul li{border-radius: 6px; background: #111; text-align: center; padding: 10px 0; color: #fff; margin-bottom: 15px;}
#zeus-con05 strong{display: block; font-size: 200%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con05 p{font-size: 150%; line-height: 1.6em;}

#zeus-con06{position: relative; padding: 70px 0; text-align: center; background: #f0f0f0;}
#zeus-con06 h2{display: block; font-size: 280%; margin:0 0 70px; font-weight: normal; line-height: 1.5em;}
#zeus-con06 img{width: 628px;}
#zeus-con06 h3{display: block; font-size: 150%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con06 ul{display: inline-block; vertical-align: top; width: 420px; margin: 0 20px 50px; text-align: left; list-style: none;}
#zeus-con06 ul li{border-radius: 6px; background: #111; text-align: center; padding: 10px 0; color: #fff; margin-bottom: 15px;}
.box-zeus-con06{display: inline-block; width: 500px; vertical-align: top;}
.pic-zeus-con06{display: inline-block; width: 500px; vertical-align: top;}
.pic-zeus-con06 img{width:428px !important;}
#zeus-con06 strong{display: block; font-size: 200%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con06 p{font-size: 150%; line-height: 1.6em;}

#zeus-con07{position: relative; padding: 70px 0; text-align: center; background:url(../img/bg_zeus_ipad.png) no-repeat top left #cacacc;}
#zeus-con07 article{width: 1140px; margin: 0 auto; padding-left:20%; box-sizing: border-box;}
#zeus-con07 h2{display: block; font-size: 280%; margin:0 0 70px; font-weight: normal; line-height: 1.5em;}
#zeus-con07 h3{display: block; font-size: 150%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con07 h4{display: block; width: 140px; text-align: center; margin: 0 auto 50px; font-size: 110%; font-weight: normal; border:1px solid #111; border-radius: 25px; padding: 7px 0;}
#zeus-con07 dl{text-align: left; padding-left: 10%; }
#zeus-con07 dt{width: 20%; box-sizing: border-box; float: left; border-left:5px solid #111; padding: 2px 8px; margin-bottom: 20px;}
#zeus-con07 dd{width:80%; box-sizing: border-box; float: left; padding: 2px 8px; margin-bottom: 20px;}

#zeus-con08{position: relative; padding: 70px 0; text-align: center; background:url(../img/bg_zeus_air.png) no-repeat  #fff; background-position: right 100px;}
#zeus-con08 article{width: 1140px;}
#zeus-con08 h2{display: block; width:70%; text-align: center; font-size: 280%; margin:0 0 70px; font-weight: normal; line-height: 1.5em;}
#zeus-con08 h3{display: block; width:70%; text-align: center;  font-size: 200%; margin:50px 0; font-weight: normal; line-height: 1.6em;}
#zeus-con08 h4{display: block; width:70%; text-align: center;  font-size: 120%; margin:50px 0; font-weight: normal; line-height: 1.7em;}
#zeus-con08 dl{text-align: left; margin-left: 100px; }
#zeus-con08 dt{border-left:5px solid #111; padding: 2px 8px; margin-bottom: 20px;}
#zeus-con08 dd{padding: 2px 8px; margin-bottom: 20px;}



@media (max-width: 767px) {
	
#zeus-mainimg{width: 100%; background:url(../img/bg_zeus_mainimg.svg) no-repeat bottom center #f6f6f6; background-size: cover; padding: 30px 0; text-align: center;}
#zeus-mainimg h2{font-size: 220%; margin:0 0 30px; line-height: 1.5em;}
#zeus-mainimg h3{font-size: 150%; margin:0 0 30px; line-height: 1.5em;}
#zeus-mainimg h3 span{font-size: 70%;}
#zeus-mainimg h4{font-size: 150%; width: 94%; margin:30px auto; line-height: 1.5em;}
#zeus-mainimg h5{font-size: 100%; width: 94%; margin: 0 auto; line-height: 1.7em;}
#zeus-mainimg img{width: 96%;}

#zeus-con01{height: auto; padding: 30px 0; text-align: center;}
#zeus-con01 h2{font-size: 150%; margin:0 0 30px; line-height: 1.5em;}
#zeus-con01 img{width: 94%; margin: 0; }

#zeus-con02{height: 600px; padding: 30px 0; background-position: center center;}
#zeus-con02 h2{font-size: 150%; margin:0 0 30px; line-height: 1.5em;}
.zeus-con02-txt{width: 94%; margin-left: -47%; padding: 15px; box-sizing: border-box; font-size: 100%; line-height: 1.5em; }
.zeus-con02-txt ul{margin: 10px; margin-left: 35px; font-size: 110%; line-height: 1.5em;}
.zeus-con02-txt ul li{margin-bottom: 15px;}

#zeus-con03{padding: 30px 0 0; }
#zeus-con03 h2{width: 94%; font-size: 200%; margin:0 auto 30px; }
#zeus-con03 h3{font-size: 200%; line-height: 75px;}
#zeus-con03 h3 span{margin-left: -165px; border-width: 115px 165px 0 165px; }
.zeus-con03-txt{width: 100%; margin: 50px auto 0; vertical-align: middle;}
.zeus-con03-txt p{display: block;  padding-top: 10px; width: 90%; margin: 0 auto 20px; font-size: 15px; line-height: 1.5em; vertical-align: middle; text-align: left;}
.zeus-con03-txt span{display: block; vertical-align: top; width: 100%; text-align: center;}
.zeus-con03-txt span img{width: 100%;}
.box-zeus-con03{margin-bottom: 30px;}
.box-zeus-con03 span{display: block; font-size: 110%; width: 94%; padding: 15px 0; text-align: center; vertical-align: middle; margin:0 auto 15px;}
.box02-zeus-con03{display: block; width: 100%;}
.box02-zeus-con03 span{display: block; width: 100%; padding: 20px; vertical-align: middle; line-height: 1.5em;}
.box02-zeus-con03-txt01{text-align: center; font-size: 200%;}
.box02-zeus-con03-txt02{text-align: left; font-size: 110%;}
.zeus-con03-txt > div{width: 100%;} 
.zeus-con02-txt h3{font-size: 140%; margin-bottom: 20px;}
    
.telework{
    padding: 10px 0 40px;
}
.img-telework{margin: 0 0 30px; width: 100%; margin-left: 0;}
.telework h2{margin-bottom: 25px !important; font-size: 200% !important; line-height: 1.4 !important;}
.telework h3{display: block; font-size: 136% !important;margin-bottom: 30px !important; }
.telework p{width: 90%; margin: 0 auto; font-size: 110%; line-height: 1.5em; text-align: left;}
.ul-telework{display: block; margin: 40px 0; padding: 5px 10px;}
.ul-telework li{width : 100% !important; padding: 15px; margin: 10px auto; box-sizing: border-box; }
.ul-telework li h4{font-size: 150%; margin: 0 0 20px;}
.ul-telework li p{width: 100%; }
.telework h4{width: 90%; margin: 0 auto; font-size: 150%;}
.telework h4 span{display: block; margin: 20px 0 0; line-height: 1.5;}    

#zeus-con04{padding: 30px 0;}
#zeus-con04 h2{font-size: 200%; margin:0 0 30px;}
.zeus-contents{width: 94%; margin: 0 auto;}
.zeus-contents-left{width: 100%; float: none;}
.zeus-contents-right{width: 100%; float: none;}

.zeus-contents article{margin-bottom: 30px;}
.zeus-con04-01{height: auto;}
.zeus-contents article.zeus-con04-01 h3{width: 94%; font-size: 150%; padding: 25px 0; margin: 0 auto; line-height: 1.5em; text-align: left;}

.box-zeus-con04-01{text-align: left; position: relative; height: 300px;}
.box-zeus-con04-01 h4{display: block; width: 65%; height: 180px; padding: 12px 0 0 17px;  background-size: 100%;  font-size: 150%;}
.box-zeus-con04-01 img{position: absolute; top:20px; right: 20px; width:50%;}
.box-zeus-con04-01 p{position: absolute; top:140px; left: 70px; font-size: 90%;}

.box-zeus-con04-02{text-align: left; position: relative; height: 350px;}
.box-zeus-con04-02 h4{display: block; width: 65%; height: 180px; padding: 10px 10px 0 0; background-size: 100%; font-size: 150%;}
.box-zeus-con04-02 p{position: absolute; top:80px; left: 20px; width: 50%; font-size: 90%;}


.box-zeus-con04-03{height: 380px;}
.box-zeus-con04-03 h3{font-size: 150%; font-weight: normal; top:100px; left: 80px; z-index: 10; line-height: 1.5em;}
.box-zeus-con04-03 h4{width: 65%; height: 180px; padding: 12px 0 0 17px; background-size: 100%; font-size: 150%;}
.box-zeus-con04-03 p{position: absolute; top:190px; left: 40px; font-size: 90%;}

.box-zeus-con04-04{height: 600px;}
.box-zeus-con04-04 h3{font-size: 150%; top:100px; right:20px; text-align: right; line-height: 1.5em;}
.box-zeus-con04-04 h4{width: 70%; height: 180px; padding: 10px 0 0 10px; background-size: 100%; font-size: 170%;}
.box-zeus-con04-04 p{position: absolute; top:300px; left: 30px; font-size: 90%; padding-right: 30px;}

.zeus-con-04-05{margin-bottom: 20px; padding: 30px 15px;}
.zeus-con-04-05 h2{font-size: 180% !important; margin:0 0 30px;  text-align: center;}
.box-zeus-con-04-05{width: 100%; display: block; vertical-align: top; margin: 0 auto; text-align: center;}
	.box-zeus-con-04-05 img{width: 90%;}
.zeus-con-04-05 article{border-top: 4px solid #111; padding-top:30px; margin-bottom: 50px; clear: left;}
.zeus-con-04-05 article h3{display: block; width: 98%; margin: 0 auto; font-weight: normal; font-size: 120%; text-align: left;}
.zeus-con-04-05 article p{width: 94%; margin: 20px auto; }
.zeus-con-04-05 article ul{text-align: left; margin: 30px auto; width: 95%; margin-left: 30px; line-height: 1.7em;}


.zeus-con-04-06{margin-bottom: 30px; padding:30px 15px; padding-bottom: 30px;}
.zeus-con-04-06 h2{font-size: 180% !important; margin:0 0 50px; font-weight: normal; line-height: 1.5em;}
.zeus-con-04-06 h3{font-size: 140%; margin:0 0 60px; font-weight: normal; line-height: 1.5em;}
.zeus-con-04-06 article{display: block; width: 100%; padding:0; padding-bottom: 30px; height: auto; }
.zeus-con-04-06 article h4{display: block; margin-bottom: 30px; font-size: 140%; font-weight: normal;}
.zeus-con-04-06-01, .zeus-con-04-06-02, .zeus-con-04-06-03{border-right:none; border-bottom: 1px solid #ccc;}
.zeus-con-04-06 article p{font-size: 95%; text-align: left; width: 96%; margin: 0 auto;}

.zeus-con-04-07{margin-bottom: 40px;  padding: 30px 15px 200px;  background:url(../img/zeus07.jpg) no-repeat bottom center #fff; background-size:88%;}
.zeus-con-04-07 h2{font-size: 180%; margin:0 0 30px; }
.zeus-con-04-07 h3{font-size: 140%; margin:0 0 40px;}
.box-zeus-con-04-07-01{display: block; width: 100%; padding:0;  margin-left: 0; }
.box-zeus-con-04-07-02{display: block; width: 100%; padding:0;  margin-left: 0; }
.zeus-con-04-07 article h4{display: block; width: 100%; text-align: center; margin-bottom: 20px; font-size: 110%; font-weight: normal; border:1px solid #111; border-radius: 25px; padding: 7px 0;}
.zeus-con-04-07 article p{font-size: 95%; text-align: left; width: 96%; margin: 0 auto;}

#zeus-con05{padding: 30px 15px; text-align: center;}
#zeus-con05 h2{font-size: 180%; margin:0 0 50px;}
#zeus-con05 img{width: 96%;}
#zeus-con05 h3{width: 94%; margin: 30px auto; font-size: 140%; line-height: 1.5em; text-align: left;}
#zeus-con05 ul{display: block; width: 94%; margin: 0 auto; }
#zeus-con05 ul li{padding: 10px;}
#zeus-con05 strong{font-size: 200%; margin:30px 0; line-height: 1.5em;}
#zeus-con05 p{font-size: 110%; width: 96%; margin: 0 auto; line-height: 1.5em; text-align: left;}

#zeus-con06{padding: 30px 15px; background: #f0f0f0;}
#zeus-con06 h2{font-size: 180%; margin:0 0 30px;}
#zeus-con06 img{width: 96%;}
#zeus-con06 h3{width: 94%; margin: 30px auto; font-size: 140%; line-height: 1.5em; text-align: left;}
#zeus-con06 ul{display: block; width: 94%; margin: 0 auto; }
#zeus-con06 ul li{padding: 10px;}
.box-zeus-con06{display: block; width: 94%; margin: 0 auto;}
.pic-zeus-con06{display: block; width: 94%; margin: 0 auto;}
.pic-zeus-con06 img{width:100% !important;}
#zeus-con06 strong{font-size: 200%; margin:0 0 30px; line-height: 1.5em;}
#zeus-con06 p{font-size: 110%; width: 96%; margin: 0 auto 30px; line-height: 1.5em; text-align: left;}

#zeus-con07{padding: 30px 0; background:url(../img/spbg_zeus_ipad.png) no-repeat #cacacc; background-position: left 285px; background-size: 100%;}
#zeus-con07 article{width: 94%; margin: 0 auto; padding-left:0; }
#zeus-con07 h2{display: block; font-size: 180%; margin:0 0 30px;}
#zeus-con07 h3{display: block;  font-size: 120%; margin:30px 0; line-height: 1.5em;}
#zeus-con07 h4{display: block; width: 60%; margin: 400px auto 30px; }
#zeus-con07 dl{ padding-left: 0; width: 90%; margin: 0 auto;}
#zeus-con07 dt{width: 100%; box-sizing: border-box; float: none; border-left:5px solid #111; padding: 2px 8px; margin-bottom: 10px;}
#zeus-con07 dd{width:100%; box-sizing: border-box; float: none; padding: 2px 8px; margin-bottom: 15px;}

#zeus-con08{padding: 30px 0; background:url(../img/bg_zeus_air.png) no-repeat  #fff; background-position: right 100px; background-size: 100%;}
#zeus-con08 article{width: 94%; margin: 0 auto;  }
#zeus-con08 h2{width:100%; font-size: 180%; margin:0 0 30px; }
#zeus-con08 h3{width:100%; text-align: center;  font-size: 120%; margin:390px 0 0; line-height: 1.5em;}
#zeus-con08 h4{width:90%; text-align: left; font-size: 100%; margin:30px auto; font-weight: normal; line-height: 1.5em;}
#zeus-con08 dl{padding-left: 0; width: 90%; margin: 0 auto;}
#zeus-con08 dt{width: 100%; box-sizing: border-box; float: none; border-left:5px solid #111; padding: 2px 8px; margin-bottom: 10px;}
#zeus-con08 dd{width:100%; box-sizing: border-box; float: none; padding: 2px 8px; margin-bottom: 15px;}
}


/*==================================================
お問い合わせフォーム（別サーバー：welldone-system.com）
================================================== */

#inquiry{padding:150px 0 70px;}
#inquiry h2{display: block; font-size: 180%; margin-bottom: 70px; text-align: center; }
#inquiry dl, .btn-form{width: 800px; margin: 0 auto;}
#inquiry dt{border-left:8px solid #111; padding: 2px 0 2px 10px; font-size: 110%; margin-bottom: 30px;}
#inquiry dt span{
	display: inline-block;
	padding: 2px 10px;
	font-size: 80%;
	color: #B70000;
	border:1px solid #B70000;
	margin-left: 15px;
}

.mw_wp_form_confirm dt span{
	display: none !important;
}
#inquiry dd{
	margin: 0 50px 50px;
}

.mw_wp_form_confirm #inquiry dt span{
	display: none;
}

.mw_wp_form .vertical-item{margin-bottom: 8px;}

button.btn-confirm, button.btn-submit{display: block !important; margin: 60px auto 0; font-size: 110% !important; width: 300px; padding: 12px 0; text-align: center; border:1px solid #111; border-radius: 20px; text-decoration: none; color: #111 !important; background:#fff; font-size: 90%; }
button.btn-confirm:hover, button.btn-submit:hover{background:#111; color: #fff !important; cursor: pointer;}

@media (max-width: 767px) {

#inquiry{padding:120px 0 50px;}
#inquiry h2{font-size: 150% !important; margin-bottom: 50px;}
#inquiry dl, .btn-form{width: 90%; margin: 0 auto;}
#inquiry dt{border-left:8px solid #111; padding: 2px 0 2px 10px; font-size: 110%; margin-bottom: 20px;}
#inquiry dt span{
	display: inline-block;
	padding: 2px 8px;
	font-size: 70%;
	color: #B70000;
	border:1px solid #B70000;
	margin-left: 15px;
}
#inquiry dd{
	margin: 0 0 40px;
}

.mw_wp_form_confirm #inquiry dt span{
	display: none;
}

.mw_wp_form .vertical-item{margin-bottom: 8px;}

button.btn-confirm, button.btn-submit{display: block !important; margin: 30px auto 0; font-size: 110% !important; width: 100%; padding: 12px 0; text-align: center; border:1px solid #111; border-radius: 20px; text-decoration: none; color: #111 !important; background:#fff; font-size: 90%; }
button.btn-confirm:hover, button.btn-submit:hover{background:#111; color: #fff !important; cursor: pointer;}
	
}

/*==================================================
フォーム画面
================================================== */

input[type="text"], input[type="date"], input[type="datetime-local"], input[type="number"], input[type="email"], input[type="password"] , input[type="tel"] ,input[type="search"]  {
	width: 100%;
	height:52px;
	font-size:120%;
	border:1px solid #bababa;
	padding:2px 8px;
	border-radius:8px;
	background:#f1f1f1;
}

input[type="tel"]{
	width: 22%;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 1px solid #010000;
}

textarea{
	min-height:80px;
	font-size:120%;
	border:1px solid #bababa;
	padding:2px 8px;
	width:100%;
	border-radius:8px;
	background:#f1f1f1;
}

input[type="checkbox"]{display: inline-block; width: 22px; height: 22px; background:#f1f1f1; vertical-align: bottom;}


@media (max-width: 767px) {

input[type="text"], input[type="date"], input[type="datetime-local"], input[type="number"], input[type="email"], input[type="password"] , input[type="tel"] ,input[type="search"]  {
	width: 95%;
}

input[type="tel"]{
	width: 25%;
}

input[type="submit"]{
	width: 90%;
}

textarea{
	width:95%;
	min-height: 160px;
}	
	
}



/*==================================================
AWARD
================================================== */

#award{
    padding-top: 80px;
}

#award .title-page{
    font-size: 38px;
}

.lead-award{
    text-align: center;
    padding: 50px 0 35px;
}

.lead-award > p{
    font-size: 20px;
}

.contents-award{
    background-position: center center;
    background-size: cover;
    height: 725px;
    padding: 50px 0 0;
}

.contents-award article{
    width: 1100px;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.contents-award article h2{
    display: block;
    font-size: 38px;
    font-weight: normal;
}

.contents-award article h3{
    display: block;
    font-size: 18px;
    margin-bottom: 40px;
    letter-spacing: 0.04em;
    font-weight: normal;
}

.contents-award article h3 span{
    display: block;
}

.award-movie{
    margin: 30px 0 0;
    width: 60%;
}

.award-movie > span{
    display: block;
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

#award2020{
    background-image: url("../img/bg_award2020.jpg");
}

#award2019{
    background-image: url("../img/bg_award2019.jpg");
}

#award2019.contents-award article{
    width: 650px;
    margin: 0 auto ;
    color: #111;
    padding-left: 450px;
}

#award2019.contents-award article .award-movie{
    width: 100%;
}

#award2018{
    background-image: url("../img/bg_award2018.jpg");
}

#award2018 article{
    padding-top: 190px;
}

.img-award{
    display: none;
}

@media (max-width: 767px) {

#award{
    padding-top: 70px;
}

#award .title-page{
    font-size: 32px;
}

.lead-award{
    width: 90%;
    text-align: left;
    margin: 0 auto;
    padding: 30px 0 15px;
}
    
.lead-award h2{
    display: block;
    text-align: center;
}
    
.lead-award p{
    font-size: 15px;
}

.contents-award{
    height: auto;
    padding: 40px 0 ;
}

#award2020{
    background-image: url("../img/bg_sp_award2020.jpg");
}

#award2019{
    background-image: url("../img/bg_sp_award2019.jpg");
}

#award2018{
    background-image: url("../img/bg_sp_award2018.jpg");
}

.contents-award article{
    width: 90%;
    line-height: 1.5;
}

.contents-award article h2{
    font-size: 32px;
    margin-bottom: 10px;
}

.contents-award article h3{
    font-size: 16px;
    margin-bottom: 35px;
    letter-spacing: 0.02em;
}

.contents-award article h3 span{
    padding-top: 0;
}
    
.contents-award article p{
    font-size: 14px;
    line-height: 1.8;
}

.award-movie{
    clear: right;
    margin: 20px 0 0;
    width: 100%;
}

#award2019.contents-award article{
    width: 90%;
    margin: 0 auto ;
    padding-left: 0;
}

#award2019.contents-award article .award-movie{
    width: 100%;
}

#award2018 article{
    padding-top: 0;
}
    


.img-award{
    display: inline;
    float: right;
    margin: 0 0 0 15px;
    width: 40%;
}    
    
}

#research-award{
    height: auto !important;
    padding: 50px 0 80px !important;
}

#research-award article{
    color: #222 !important;
    text-align: center;
}

#research-award article ul{
    list-style: none;
    margin-top: 50px;
}

#research-award article ul li{
    display: inline-block;
    width: 240px;
    margin: 0 45px;
    vertical-align: top;
}

#research-award article ul li img{
    width: 100%;
}

.top-award{
    border-top: 1px solid #ccc !important;
}

.top-award .top-title{
    font-size: 26px !important;
}

@media (max-width: 767px) {
    
#research-award{
    padding: 40px 0 30px !important;
}

#research-award article ul{
    margin-top: 40px;
}

#research-award article ul li{
    display: block;
    width: 70%;
    margin: 0 auto 25px;
}  
    
}