@charset "utf-8";
/*
 Theme Name:   JMLA-Child
 Template:     jmla
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-fifteen-child
*/

/*********************************************** 共通 ****/

body{font-family:"Noto Sans Japanese";font-size:16px; color: #2b2b2b; font-weight: 300;}
a, a:visited{color:#5a5a5a;text-decoration:none;}
a:active, a:hover{color:#5a5a5a;outline:0;}
ul{margin:0;padding:0;}
.entry-contents ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}
h1, h2, h3, h4, h5, h6{clear:both;font-family:"Noto Sans Japanese";line-height:1.3;}
a img:hover{opacity:0.6;}
.flexbox{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-stretch{ -webkit-justify-content: space-between; justify-content: space-between;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{color:inherit;font-style:inherit;}
.site{border:inherit;background-color:inherit;margin:0 auto;max-width:100%;width:100%;}
.clearfix:after{content:"";display:table;clear:both;}
.entry-header, .entry-content, .entry-summary, .entry-meta{margin:0 auto;max-width:1000px;width:100%;}
.entry-title a:hover{color:#b5b5b5;}
.a-info-title{margin:20px auto;}
button, input, textarea{border:2px solid #59c3e1;font-family:inherit;padding:5px;}
.textwidget img{max-width:100%;}
br.sp{display:none}
.custom-course{font-size:0.8em;margin:0 auto !important;}
.entry-content a, .comment-content a{color:#111111;}
.post-password-required input[type="submit"]{width:100px;margin:30px auto;float:right;background:#111;border:none;padding:10px;box-shadow:2px 4px 2px #b5b5b5;}
.post-password-required input[type="submit"]:active{padding:10px;background:#59504c;box-shadow:none;}
.page-header{background-color:#e1ecff;padding:0px 20px;}
a:visited {
    color: #474747;
}
p {
    font-weight: 300;
}
input:focus, textarea:focus {
    border: 1px solid #474747;
    outline: 0;
}
img{    max-width: 100%;}

/*********************************************** Header ****/

.site-description {
    position: relative !important;
    font: inherit;
    font-size: 0.7em;
    width: 1000px;
    margin: 5px auto;
}
.header-box{max-width:1000px;margin:15px auto;}
.header-logo-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.header-box >div{width:50%;}
.header-logo-container h1{margin:0;}
.header-right-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;}
ul#header-right-menu{-webkit-justify-content:center;justify-content:center;margin-top:5px;}
ul#header-right-menu > li {
      line-height: 1em;
    list-style-type: none;
    padding: 0 20px;
    border-left: 1px solid #c3c3c3;
    font-size: 0.85em;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}
ul#header-right-menu > li a{color:#595656;}
ul#header-right-menu > li a:hover {
    color: #fff;
    background: #929292;
    text-decoration: none;
}
ul#header-right-menu > li:last-child{border-right:1px solid #c3c3c3;}
span.openclose{display:block;}
.header-right, .custom-html-widget, .up-container {
    width: 100%;
}
.tel-box {
    width: 30%;
    text-align: right;
    padding-right: 5px;
    font-size: 1.1em;
}
.contact-box {
    width: 70%;
}
.contactbtn {
    width: 60%;
}
.head-icon {
    width: 40%;
}
a.head-bluebtn {
    width: 90%;
    text-align: center;
    background: #ffffff;
    border: solid 1px #9a9a9a;
    color: #474747;
    margin: auto;
    display: block;
    padding: 7px 0;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #c3c3c3;
}
.head-icon a {
    padding-right: 2px;
    position: relative;
    top: -3px;
}

span.openclose{display:block;font-weight:normal;font-size:0.7em;text-align:right;line-height:100%;}
.contactbtn a:hover{text-decoration:none;background:rgb(170,170,170);background:-moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(61,61,61,1) 100%);background:-webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);background:linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#3d3d3d',GradientType=0 ); color: #FFF;}


.colorblue{color:#2b2b2b;}
.colorf{color:#3b5998;}
.colort{color:#55acee;}
.colory{color:#d12123;}
.top-catchcopy-sm{display:none;}
.front-topview img {
    max-width: 100%;
}
.top-catchcopy-pc{width:1000px;padding:20px;margin:auto;}
.site-content{width:1000px;margin:auto;padding:20px 0 100px;}


/*********************************************** G-navi****/

.navbar{background-color:#fff;max-width:100%; margin-bottom: 10px;}
ul.nav-menu,.contactbtn{-webkit-justify-content:center;justify-content:center;}
ul.nav-menu li > a {
    color: #474747 !important;
    border-right: 1px solid #c3c3c3;
}
ul.nav-menu li:first-child,li#menu-item-3136 a {
    border-left: 1px solid #c3c3c3;
}
ul.nav-menu li > a:hover,.nintei-detail a:hover,p.nintei-contact-bottun:hover{background:rgb(170,170,170);background:-moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(61,61,61,1) 100%);background:-webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);background:linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#3d3d3d',GradientType=0);color: #FFF !important;}
li.w25{width:25%;text-align:center;border-right:1px solid #FFF; margin-bottom: 10px;}
li.w25:first-child{border-left:1px solid #FFF;}
li.w25 a{font-size:1.2em;}
ul.course-nav>li a, ul.old-item>li a {
    padding: 3px 10px;
    background: #ffffff;
    border: 1px solid #9a9a9a;
    display: block;
    font-size: 0.8em;
}
ul.course-nav>li a:hover, ul.old-item>li a:hover {
    background: #474747;
    color: #FFF;
    text-decoration: none;
}
ul.course-nav>li{margin:5px;}
ul.old-item>li{list-style-type:none;margin:5px;}
.old-contents{width:70%;margin:auto;background:#e1e8ea;padding:10px;box-shadow:2px 4px 5px #a7a7a7;}
.active{color:red;}

/*********************************************** Footer ****/

.footer-logo{padding-top:30px;}
.site-footer{background-color:#cecece;}


/*********************************************** frontpage ****/

span.info-day,span.archive-day{color:#9a9a9a;font-weight:500;font-size:0.9em;}
h3.fronth3,h2.archive-posttitle{font-size:1.1em;border-bottom:solid #CCC 1px;padding:10px 0;margin:0;font-weight:bold;}
h3.fronth3b{font-size:1.1em;text-align:left;color:#474747;}
h3.fronth3 a,h2.archive-posttitle a{color:#474747; font-weight: 500;}
h3.fronth3 a:hover{color:#707070;}
.bluebtn a {
    background: #474747;
    color: #FFF;
    border-radius: 3px;
    font-size: 0.8em;
    padding: 5px 10px;
}
.bluebtn a:hover{background:rgb(170,170,170);background:-moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(61,61,61,1) 100%);background:-webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);background:linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#3d3d3d',GradientType=0);text-decoration:none;}
.info-btn a,.blog-btn a{float:right;margin:20px auto;}
.front-widget{text-align:center;margin:20px auto;}
.blog-container>div{width:30%;text-align:center;border:solid 2px #CCC;margin:1% auto;padding:10px;position:relative;box-shadow:2px 4px 10px #CCC;}
.blog-container>div a{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;}
.blog-container>div:hover{opacity:0.6;}
.btn-box,.course-system{width:100%;}
.course-system>div>div{border:solid 1px #FFF;padding:5px;}
.f-left,.f-right{width:25%;}
.f-center{width:50%;}
.f-left{-webkit-align-items:flex-end;align-items:flex-end;}
.f-left img {
        width: auto !important;
}
.f-middle.f-center {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.f-center a,.f-left a{max-width:50%;}
.f-bottom.f-center{-webkit-justify-content:flex-end;justify-content:flex-end;}
.f-top{background:#b3b3b3;}
.f-middle{background:#d6d6d6;}
.f-bottom{background:#e8e8e8;}

.course-area{margin:80px auto;}
.course-system img{max-width:100%;width:100%;}
h3.course-titleh3{margin:10px auto;border-bottom:1px solid #CCC;padding:10px 0;}
h2.fronth2,.pagecontent-title, h2.contentTitle,h2.single-blogh2 {
    font-weight: 300;
    font-size: 1.4em;
    margin: 50px auto;
    background: #e6e6e6;
    padding: 5px 10px;
    color: #474747;
    border-left: 3px solid #707070;
}
.dl2019 {
    margin: 50px auto;
}

/*********************************************** Pagenation ****/

.pagination{clear:both;padding:20px 0;position:relative;font-size:14px;line-height:14px;text-align:center;}
.pagination-box{display:inline-block;}
.pagination span, .pagination a{display:block;float:left;margin:2px 2px 2px 0;padding:10px 15px 10px 15px;text-decoration:none;width:auto;color:#fff;background:#474747;}
.pagination a:hover{color:#ffffff;background:rgb(170,170,170);background:-moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(61,61,61,1) 100%);background:-webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);background:linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(61,61,61,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#3d3d3d',GradientType=0);}
.pagination .current{padding:10px 15px 10px 15px;background:#cecece;color:#ffffff;}

@media only screen and (max-width:413px)
{.pagination{font-size:12px;line-height:12px;}
.pagination span, .pagination a{padding:8px 10px 8px 10px;}
.pagination .current{padding:8px 10px 8px 10px;}
}


/*********************************************** Single Page ****/
/******blog******/

.thumbnail{text-align:center;margin:50px auto;}
.single-content{color:#424242;text-align:justify;padding:50px;border:solid 1px #CCC;margin:50px;box-shadow:3px 5px 3px #bdbdbd;}
.single-content h3 {
    font-size: 1.3em;
    border-bottom: solid #474747 1px;
    border-left: 5px solid #474747;
    font-weight: 500;
    padding: 5px 10px 10px;
    margin: 40px auto;
}
.ts-fab-wrapper{margin-top:100px;}


/*********************************************** Archive ****/

article.blog-archive-card {
    border: 1px solid #CCC;
    border-radius: 5px;
    margin: 60px auto;
    padding: 0 50px;
    box-shadow: 1px 5px 5px #c3c3c3;
}


/*********************************************** Custom ****/

.custom-item{border:solid 1px #b1b1b1;}
.custom-item>div{width:100%;padding:0px 10px;}
.custom-item>div:first-child{height:30px;text-align:center;background:#e6e6e6;padding:0 10px;}
.custom-box{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:50px auto;width:96%;}
.custom-box>div:nth-child(1){-webkit-flex-shrink:1;flex-shrink:1;}
.custom-box>div:nth-child(2){-webkit-flex-shrink:1;flex-shrink:1;}
.custom-box>div:nth-child(3){-webkit-flex-shrink:2;flex-shrink:2;}
.custom-box>div:nth-child(4){-webkit-flex-shrink:1;flex-shrink:1;}
.custom-box>div:nth-child(5){-webkit-flex-shrink:1;flex-shrink:1;}
.custom-box>div:nth-child(6){-webkit-flex-shrink:1;flex-shrink:1;}
p.forformlink, p.forformlink_full{width:90%;margin:5px auto;font-size:0.8em;text-align:center;background:#2b2b2b;color:#FFF;padding:10px;border-radius:5px;box-shadow:1px 3px 2px #a9a9a9;}
p.forformlink_full{margin:auto;font-weight:bold;background:#777777;}


/*********************************************** 404****/

.seach-course{margin:50px;background:#ccc;padding:20px;}
.error404 .page-content{text-align:center;}
.error404 .page-wrapper{background-color:#ccc;}
ul.searchlist>li{list-style-type:none;margin:auto 3px;line-height:200%;}
ul.searchlist>li a{padding:0 20px;color:#FFF;box-shadow:2px 2px 2px #afafaf;}
ul.searchlist>li a:hover{background-color:#595655 !important;}
a.bacic-color{background-color:#69bd83 !important;}
a.analytics-color{background-color:#ffec51 !important;color:#111 !important;}
a.product-color{background-color:#0097e0 !important;}


/*********************************************** page ****/

.page-content,.nintei-content{border:1px solid #CCC;margin:30px 0;padding:50px; box-shadow: 1px 3px 10px #c3c3c3;}
.page-content h2 {
    border-bottom: solid 1px #474747;
    padding: 10px;
    color: #474747;
}
.page-content h3 {
    font-weight: 600;
    color: #474747;
    padding: 5px 10px;
    border-bottom: 1px solid #9a9a9a;
}
.page-content h3:before {
    content: '\f054';
    font-family: "Font Awesome 5 free";
    font-weight: bold;
    margin-right: 10px;
    color: #9a9a9a;
}
.page-content h4 {
    color: #474747;
    border-left: 5px #474747 solid;
    padding: 2px 15px;
    font-weight: 500;
}
.page-content h5 {
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
    color: #707070;
}
.outline-box{width:100%;margin:20px auto;line-height:150%;}
.outline-box-left{width:15%;color:#929292;text-align:right;padding-right:20px;}
.outline-box-right{width:85%;}
.page-content a{color:#474747;}
.page-content section{ margin: 30px auto 120px;}
img.margin50{margin-top:50px;}
.page-content ul {
    margin: 0;
    padding: 0;
    margin-left: 40px;
}
.page-content ul li {
    list-style-type: disc;
}
.service-item{width:46%;margin:2%;}
section.fullwidth{width:100%;}
.page-content .bluebtn a{color: #ffffff !important;}
.old-contents h2{font-size:1em;margin:10px;color:#00047c;}

.syllabus-box {
    background: #e6e6e6;
    padding: 3%;
    margin: 5%;
}

/************************************** お問い合わせフォーム****/

.page-content button, input, textarea{width:100%;border:1px solid #d2d2d2;border-radius:2px;}
input#zip, input#zip1{width:auto;}
.contact-box-01>div:first-child,.c-appli-box>div:first-child{width:30%;background:#737373;color:#FFF;border:solid 1px #ccc;padding:10px 0 0 10px;}
.contact-box-01>div:last-child,.c-appli-box>div:last-child{width:70%;padding:10px;border:solid #CCC 1px;}
span.contact-red,span.c-appli-req{font-size:0.7em;color:red;}
span.contact-titletex,span.c-appli-titletex{display:block;font-size:0.8em;color:#f9ff00;}
.contact-box-02,.c-appli-box-02{text-align:center;margin:50px;}
input.c-send{width:150px;background:#474747 !important;border-bottom:none;border-radius:5px;box-shadow:2px 5px 3px #a5a5a5;transition:all 0.3s;}
input.c-send:hover{background:#737373 !important;box-shadow:none;transition-property:all;transition:0.1s linear;}
input.license,input.ca-textbook{width:auto;}
h3.course-titleh3{background:none;border-radius:0;padding: 5px;font-weight: 500;}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    border-top: none;
}

/************************************** 認定者****/

h4.nintei-alltitlename {
    font-size: 1.2em;
    font-weight: 500;
    margin: 5px 0 20px;
}
article.nintei-lineup {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    margin: 50px 0;
    padding: 20px;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.nintei-archive-item img{width:150px;}
.nintei-archive-item{width:50%;}
span.title2 {
    background: #c3c3c3;
    padding: 0 5px;
    margin-right: 2%;
    display: block;
}
ul.tax-list li{list-style-type:none;}
.nintei-detail a {
    padding: 5px 20px;
    background: #474747;
    color: #FFF;
}
.flexbox-nintei {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
}
.nintei-s-img{width:30%;margin:0px 20px 30px 0px;}
.nintei-s-item{width:65%;}
.archive-nintei{margin-bottom:10px; word-break: break-all;}
span.nintei-s-title{display:block;background:#cfeeff;padding:5px 15px;font-weight:bold;margin:20px auto;}
p.nintei-contact-bottun {
    padding: 5px;
    width: 240px;
    background: #474747;
    color: #ffffff;
    font-size: 1.2em;
    margin: 42px auto 5px;
    text-align: center;
}
.nintei-archive {
    width: 100%;
    margin-bottom: 20px;
}
ul.menu_nintei li {
    list-style-type: none;
    margin: 8px 0;
    font-size: 0.9rem;
}
ul.menu_nintei li a {
    list-style-type: none;
    margin: 5px;
    border: 1px solid #969696;
    padding: 2px 15px;
}
ul.menu_nintei li a:hover {
    background: #CCC;
    text-decoration: none;
}
ul.menu_nintei li.current-menu-item a {
    background: #85b7dc;
    color: #FFF;
}

/************************************** Page-Voice****/

section.v-box{width:24%;margin:0.5%;}
section.v-box h4{height:55px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size: 1.3em;}
iframe.video{width:100%;height:500px;}
.voice-thumbnail{margin:20px auto;}
.voice-card{border:solid #CCC 1px;padding:10px 20px;margin:20px 0;width:32%;box-shadow:2px 4px 5px #a7a7a7;position:relative}
.voice-card a{position:absolute;top:0;left:0;width:100%;height:100%;}
.voice-card:hover{opacity:0.7;}


/************************************** Page-Lec****/

.lec-img{width:30%;}
.lec-img img{margin:0px auto 20px;}
.lec-tex {
    width: 70%;
    font-size: 0.9em;
    color: #707070;
}
section.lec-sec h3 {
    margin: 30px auto;
}
.v-img img{width:100%;}


/************************************** Page-Course****/

section.course-container h3{margin:50px auto 20px;}
h3.course-maintitle{background:none;border-bottom:2px solid #111111;color:#59504c;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}
p.price001,p.price002,p.price003,p.price004,p.price005,p.price006{text-align:center;font-size:1.4em;font-weight:bold;margin-bottom:5px;}
p.price005 {
    font-size: 2em;
    border: solid 1px #CCC;
    box-shadow: 2px 2px 7px #CCC;
    background: #ffffff;
    width: 500px;
    margin: 40px auto;
    padding: 10px;
}
p.price001:before,p.price002:before,p.price003:before,p.price004:before,p.price005:before,p.price006:before{content:'受講料（現行・改定前）';font-size:0.7em;color:#9a9a9a;margin-right:10px;}
p.price002:before{content:'認定料';}
p.price003:before{content:'登録料';}
p.price004:before{content:'年会費（現行・改定前）';}
p.price005:before{content:'合計金額';}
p.price006:before{content:'再試験費用（現行・改定前）';}
p.price001:after,p.price002:after,p.price003:after,p.price004:after,p.price005:after,p.price006:after{content:'円';font-size:0.7em;margin-left:5px;}
p.subprice,p.subprice002{text-align:center;}
p.subprice002{font-size:1.2em;}
span.subprice-a:before{content:'税抜価格';font-size:0.8em;color:#9a9a9a;margin-right:5px;}
span.subprice-b:before{content:'消費税（現行・改定前）';font-size:0.8em;color:#9a9a9a;margin-right:5px;}
span.subprice-b:after,span.subprice-a:after{content:'円';font-size:0.8em;}

span.price-title {
    font-size: 1.4rem !important;
    border-bottom: 2px solid #9a9a9a;
    color: #2b2b2b !important;
    padding: 0 10px;
    line-height: 2em;
    font-weight: bold;
}
.total-text .bk-text:nth-child(1) {
    border-bottom: 2px solid #9a9a9a;
    line-height: 2.0;
    font-size: 1.4rem;
}
span.gray-text {
    color: #929292;
}
span.bk-text {
    font-size: 1.2rem;
    font-weight: bold;
}
p.mintex {
    font-size: 12px !important;
    background: #ececec;
    padding: 10px;
    width: 50%;
    margin: 20px auto;
}
span.gray-text.min-tex, span.bk-text.min-tex {
    font-size: 0.9rem;
}
.total-text {
    border: solid 1px #CCC;
    box-shadow: 2px 2px 7px #CCC;
    background: #ffffff;
    width: 100%;
    margin: 40px auto;
    padding: 10px;
}

.day-curriculum {
    color: #2b2b2b;
    font-size: 1.2em;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}
section.curriculum {
    background: #ffffff;
    border: 1px #c3c3c3 solid;
    padding: 50px;
    margin: 20px;
    box-shadow: 2px 2px 7px #CCC;
}
.btnbox{-webkit-justify-content:center;justify-content:center;}
.course-btn{text-align:center;margin:20px;font-size:1.7em;}
.course-btn a{padding:10px 30px;border-radius:30px;box-shadow:2px 4px 5px #afafaf;}
section.curriculum.flexbox{width:100%;}
.basicitem{width:50%;}
span.sub-title2 {
    font-size: 1.1em;
    font-weight: 400;
    background: #707070;
    color: #FFF;
    padding: 0px 20px;
    border-radius: 0;
    line-height: 200%;
    box-shadow: 1px 3px 4px #c3c3c3;
}
.page-course-area{width:31%;border:1px solid #CCC;margin:1%;box-shadow:2px 2px 5px #a2a2a2;padding:0 2%;-webkit-align-content:space-between;align-content:space-between;}
h3.quo-h3{background:none;border-bottom:1px solid #CCC;}
.entry-content a:hover{color:#ffffff;}
.page-content a:hover{color:#111;}
.video-container{margin:100px auto;}



/************************************** 新体系****/
.flexleft,.flexright{width:50%;text-align:center;}
.m-box{margin:20px auto;}
.basic-banlarge{margin:auto;}
.m-boxnone{display:none;}
.tri-box{margin:10px;}
.mbox-top{margin-top:40px;}


/***20181219***/
.flexleft.sense-img-box {
    margin-bottom: 20px;
}
.flexright.sense-img-text {
    display: flex;
    align-items: center;
    padding: 30px 20px;
    text-align: left;
}

/************************************** Page-Service****/
.service-box-title{width:47%;text-align:center;}
.service-box-title h4{border-left:none;}
.service-box-title2{margin-left:5%;}
.service-box{text-align:center;width:47%;border:1px solid #7a7a7a;border-radius:20px;padding:10px;position:relative;}
.flexbox.tri-box2{align-items:center;margin:1%;}
.tri-right{width:0;height:0;border-style:solid;border-width:50px 0 50px 30px;border-color:transparent transparent transparent #7a7a7a;}
h4.sp-title{display:none;}
.textleft,ul.service-list1{text-align:left;}
.border-box img{position:absolute;bottom:15%;left:15%;}
.textleft{margin-top:30px;padding:10px;}
.flexbox.service-container{margin:20px auto;}
.cmstudio-btn{width:80%;font-size:1.6rem;}
.border-box h5{margin:20px auto;}
ul.service-list1 li{list-style-type:none;}
li.circle-list{list-style-type:disc !important;}
li.check-list:before{content:url( '/wp/wp-content/themes/jmla/images/check.png');margin-left:-17px;}


/************************************** レスポ****/

@media screen and (max-width:1000px){
.site-content,.site-description{width:96%;}
section.course-area{width:47%;}
.outline-box-left{width:100%;text-align:left;border-bottom:solid 1px #CCC;padding:5px 0;}
.single-content{margin:20px auto;}
.top-catchcopy-pc{width:100%;}
.flexleft, .flexright{width:100%;text-align:center;}
.m-boxnone{display:inherit;margin-bottom:100px;}
.basic-banlarge{display:none;}
.border-box img{left:10%;}
.sense-about{text-align:justify;border-top:1px solid #CCC;border-left:none;align-items:center;}
  
}
@media screen and (max-width:900px){
.service-box{width:100%;}
.service-box-title{display:none;}
.border-box img{position:relative;bottom:auto;left:auto;margin:20px;}
h4.sp-title{display:inherit;border-left:none;margin:20px auto;}
.tri-under{width:0;height:0;border-style:solid;border-width:30px 50px 0 50px;border-color:#cccccc transparent transparent transparent;}
.flexbox.tri-box2{margin:1% auto;}
.flexbox.service-container{border-bottom:1px solid #CCC;padding-bottom:25px;} 
}

@media screen and (max-width:769px)
{.header-box >div{width:96%;margin:auto;}
.header-logo-container h1{margin:0 auto;text-align:center;}
.header-logo-container img,.footer-logo img{max-width:100%;}
.up-container{-webkit-justify-content:center;justify-content:center;margin:20px auto;}
.site-content{padding:0 0 30px;}
.hentry{padding:20px 0;}
.page-content section{width:100%;}
.custom-item{width:103%;}
.custom-box{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:100px auto;}
.custom-box>div:nth-child(1){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
.custom-box>div:nth-child(2){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
.custom-box>div:nth-child(3){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
.custom-box>div:nth-child(4){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
.custom-box>div:nth-child(5){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
.custom-box>div:nth-child(6){-webkit-flex-shrink:inherit;flex-shrink:inherit;}
p.forformlink, p.forformlink_full{width:50%;margin:20px auto;}
li.w25 a {font-size: 1.0em;}
ul.nav-menu, div.nav-menu > ul {margin: 0; padding: 10px;}
 }
@media screen and (max-width:643px){
.blog-container>div,section.course-area{width:96%;}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active{color:#59504c;font:inherit;font-weight:500;}
ul#primary-menu > li{border-bottom:1px solid #CCC;}
ul.nav-menu li:first-child, li#menu-item-2323 a{border-left:none;}
ul.nav-menu li > a{border-right:none;}
.entry-header{padding:0 !important;}
p.price005{width:80%;}
section.curriculum{margin:20px auto;}
.top-catchcopy-sm{display:inherit;}
.top-catchcopy-pc{display:none;}
.top-catchcopy-sm{text-align:center;padding-top:20px;}
.top-catchcopy-sm img{max-width:100%;}
.tel-box{margin-bottom:10px;}
span.openclose{text-align:center;}
.site-info{width:96%;font-size:0.8em;}
.single-content{padding:20px 20px;}
 br .sp{display:inherit}
.course-btn{font-size:1.2em;}
 .basicitem{width:100%;}
 .f-left, .f-center,.f-right{width:100%;}
 .f-bottom.f-center{-webkit-justify-content:flex-start;justify-content:flex-start;}
 .f-right a{width:50%;}
 .f-bottom.f-right{display:none;}
 li.w25{width:100%;}
 div#navbar2{display:none;}
/*  .front-topview img {
   display : none;
}
.front-topview {
    background-image: url(http://renewal.marketing-literacy.org/wp/wp-content/themes/jmla/images/topview.jpg);
    background-position: center center;
    background-size: cover;
    height: 260px;
    background-repeat: no-repeat;
}  */
ul.menu_nintei li{list-style-type:none;margin:5px 0;font-size:0.7rem;}
.nintei-content{padding:0px;}
article.nintei-lineup{width:100%;}
.flexright.sense-img-text{padding:0 0 50px;}
.service-btn a{font-size:1.4rem;}
.topbtn.bluebtn a{width:100% !important;} 

.media { display: inherit !important; }  
p.mintex { width: 90%; } 
.total-text span.gray-text { font-size: 0.70em; }  
}
@media screen and (max-width:500px){
.tel-box{width:100%;text-align:center;padding-right:5px;font-size:1.2em;}
.contact-box{width:100%;}
.nintei-archive-item{width:100%;text-align:center;margin:10px;}
.border-box img{max-width:90%;width:100%;position:initial;}
}

@media screen and (max-width:360px){
ul.nav-menu, .contactbtn{-webkit-justify-content:center;justify-content:center;width:100%;margin:5px;}
.head-icon{margin:auto;}
a.head-bluebtn{text-align:center;display:block;}
ul#header-right-menu > li {
    border-left: none;
    width: 30%;
    line-height: 1.2em;
    text-align: center;
}
ul#header-right-menu > li{border-left:none;width:100%;text-align:center;}
ul#header-right-menu > li:last-child{border-right:none;}
.head-icon {width: 90%;}
.page-content h3 {font-size: 1.2em; font-weight: 500;}
 }

/***/
.topbtn.bluebtn{margin:20px auto;}
.topbtn.bluebtn a{width:60% !important;display:block;margin:auto;}
.newmap{margin:20px auto;}
.newmap a{background:#00afdd;color:#FFF;display:block;text-align:center;padding:5px;border-radius:5px;box-shadow:2px 2px 5px #8a8a8a;}
.flexbox.sense-feature{border:solid 1px #CCC;}
.sense-title, .sense-about{text-align:left;padding:20px;}
.sense-title, .sense-about{text-align:left;padding:10px 20px;}
.sense-title p, .sense-about p{margin:0;}
.sense-about{text-align:justify;border-left:1px solid #CCC;align-items:center;}
.sense-title{font-size:1.7rem;font-weight:bold;align-items:center;}
span.s-color{color:#58c3e0;}
.sense-num:before{counter-increment:sample;content:counter(sample) " ";display:block;font-size:1.7rem;position:relative;background:#CCC;top:20px;left:-20px;width:40px;height:40px;text-align:center;border-radius:1.7rem;}
.site-main{counter-reset:sample;}
.service-btn{font-size:2.1rem;}
.c-voice-left{width:15%;padding:10px;}
.c-voice-right{width:85%;align-items:center;padding:10px;}

/***** Sercvice *****/
.bg-gray{color:#FFF;background:#707070;padding:30px;}
.bg-gray h4{border:none;font-size:1.8rem;font-weight:bold;color:#FFF;text-align:center;padding:0;margin:0 auto 15px;}
.bg-gray h4 span{display:block;font-size:1.0rem;font-weight:normal;}
.s-contact-box{width:50%;}
.s-contact-box p.tel{font-size:1.3rem;font-weight:bold;margin:5px auto 0px;line-height:1.2;}
.s-contact-box p.tel span.strong{font-size:2rem;}
.bg-gray p{text-align:center;margin:15px auto;}
.s-contact-box{width:50%;justify-content:center;align-items:center;}
.mail-btn-box a{background:#FFF;padding:20px 40px;}
.s-contact-box .mail-btn a:before{content:'\f0e0';font-family:"Font Awesome 5 Free";margin-right:10px;font-weight:900;}
.s-contact-box .mail-btn a:hover{background:#656565;color:#FFF;}

@media screen and (max-width:500px){
.s-contact-box{width:100%;}
.mail-btn-box a{background:#FFF;padding:10px;}
.bg-gray{padding:20px;}
.s-contact-box p.tel span.strong{font-size:2rem;display:block;} 
}


/******20200206kubota******/
.wakulabo-bg h4 {
    border: none;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #FFF;
}
.wakulabo-bg {
    background: #FF9100;
    padding: 10px 20px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
}
.w-course {
    width: calc(50% - 10px);
    text-align: center;
    background: #fff;
    margin: 5px 5px 20px;
}
.w-course a {
    font-size: 1.8rem;
    color: #ff9100;
    padding: 10px;
    display: block;
}
.w-course-box {
    width: calc(50% - 20px);
    padding: 10px 20px;
    margin: 10px;
    border: #CCC 1px solid;
}
.w-course-box h5 {
    margin: 10px 0 20px;
    color: #ff9100;
}
.w-course-box h6 {
    margin: 20px 0;
    color: #ff9100;
    font-size: 1.1rem;
    border-left: 5px solid #ff9100;
    padding-left: 8px;
}
ul.w-course-list,.w-linklist ul {
    margin: 0;
}
ul.w-course-list li {
    list-style: none;
}
p.headline {
    margin: 10px 0;
    font-weight: bold;
    color: #ff9100;
}
ul.w-course-list li p span {
    font-size: 0.7rem;
}
.w-course-btn a {
    background: #777;
    color: #FFF;
    padding: 10px 20px;
    display: block;
    margin: 5px auto 20px;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0 5px 3px #CCC;
    font-size: 1.2rem;
}
.w-course-btn a:hover,.w-contact-btn.course-btn a:hover {
    background: #000;
    color: #FFF;
}
.flexbox>.w-course-btn {
    width: calc(50% - 20px);
    padding: 10px 20px;
    margin: 10px;
}
p.red-tex {
    text-align: center;
    font-size: 1.2rem;
    margin: 10px auto;
    color: #dc3545;
}
.w-contact-btn.course-btn a {
	width: 100%;
    background: #777;
    color: #FFF;
	display: inline-block;
}
.wakulabo-box h4 {
    color: #ff9100;
    border: none;
    padding: 0;
}
span.orange-large-text {
    font-size: 1.4rem;
    display: block;
    margin: 20px auto;
    color: #ff9100;
    font-weight: bold;
}
span.orange-text {
    color: #ff9100;
}
.w-linklist ul li {
    list-style: none;
}
.w-linklist ul li a {
    color: #00b0da;
}
@media screen and (max-width:600px){
.w-course-box {
    width: 100%;
}
}
/********************2020.05.07*******************/

h2#month6 {
    font-size: 50px;
}
h2#day2 {
    font-size: 50px;
}

/********************2020.10.07*******************/
.widget_text.product-planner-ban {
    margin: 30px auto -60px;
}