@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight:400;
    -webkit-text-size-adjust: 100%;
	color: #3E3A39;
}
html,body,h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight:400;
    -webkit-text-size-adjust: 100%;
	color: #3E3A39;
}
a {
    color: #3E3A39;
    text-decoration: none;
}
a:hover, a:focus {
    color: #3E3A39;
}
.outside_wh{
    background: url(/wp-content/uploads/j_cook_09_01.png) no-repeat right 6px;
    background-size: 13px;
    padding-right: 30px;
}
.mail-box a[target="_blank"]{
    background: url(/wp-content/uploads/j_cook_10.png) no-repeat right 7px;
    background-size: 13px;
    padding-right: 20px;
    margin-right: 7px;
}
.mail-box a[target="_blank"].noicon {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
li {
    list-style: none;
}
.form-control{
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
a:hover {
    opacity: 0.8;
}
.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* ---- */
#masthead,#footer{

}
.topfull{
    text-align: center;
}
.topfull img{
    max-width: 100%;
}
.page-wrapper{
padding: 0;
}
/* ---- */
.owl-carouselxx .pic img{
    width: 100%;
}

/*head*/
.site-header {
    border-top: 5px solid #9d1d22;
}
#masthead #navigation .navbar-nav > li > a {
    padding: 25px 10px!important;
    font-size: 15px;
    font-weight: 500;
}
#navigation .navbar-brand {
    color: #3E3A39;
    margin-top: 11px;
}
.navbar-brand{
    font-weight: 800;
    font-size: 20px;
}
.navbar-brand >span{
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    padding-left: 0;
    margin-left: 0;
    color: #d2382e;
}
#navigation .navbar-nav > li > a {
    font-weight: 600;
    color: #5B5350;
}
#masthead #navigation .navbar-nav > li.head-contact_btn_red > a,
#masthead #navigation .navbar-nav > li.head-contact_btn_wh > a{
    color: #d2382e;
    border: 2px solid #d2382e;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    margin: 17px 5px 10px;
    text-align: center;
    height: 40px;
    width: 120px;
    padding: 5px!important;
}
#masthead #navigation .navbar-nav > li.head-contact_btn_red > a{
    padding: 5px!important;
    color: #fff;
    background:#d2382e;
}

/*top*/
/* slider */
.owl-carousel.o1{
    position: relative;
}
.owl-carousel.o1 .owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.owl-carousel.o1 .owl-nav .owl-prev,
.owl-carousel.o1 .owl-nav .owl-next{
    text-align: center;
}
.owl-carousel.o1 .owl-nav .owl-prev img,
.owl-carousel.o1 .owl-nav .owl-next img{
    width: 29px;
}
.owl-carousel.o1 .owl-nav .owl-prev{
    margin-left: 30px;
}
.owl-carousel.o1 .owl-nav .owl-next{
    margin-right: 30px;
}

/* target-top */
#target{
}
.target-top{
    padding: 20px 15px 10px;
}
.target-top h2{
    background: #9d1d22;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 15px auto;
}
.target-top .wrap{
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 50px 40px;
}
.target-top .wrap h3{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 25px;
}
.target-top .wrap .exp{
    display: flex;
    justify-content: space-between;
}
.target-top .wrap .exp .item{
    width: 48.5%;
    border-radius: 5px;
}
.target-top .wrap .exp .item.per{
    border: 4px solid #4b4a48;
}
.target-top .wrap .exp .item.biz{
    border: 4px solid #d2392d;
}
.target-top .wrap .exp .item .pic{
    text-align: center;
    padding-top: 6px;
}
.target-top .wrap .exp .item .pic img{
    width: 100px;
}
.target-top .wrap .exp .item .tit{
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 8px 0 10px;
}
.target-top .wrap .exp .item.per .tit{
    background: #4b4a48;
}
.target-top .wrap .exp .item.biz .tit{
    background: #d2392d;
}
.target-top .wrap .exp .item .txt{
    padding: 20px 30px;
    font-weight: 500;
}
.target-top .wrap .what{
    background: #F8F9F8;
    margin: 30px 0 0;
    padding: 20px 90px;
}
.target-top .wrap .what h4{
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}
.target-top .wrap .what > div{
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.target-top .wrap .tarex{
    background: #F8F9F8;
    margin: 30px 0 0;
    padding: 20px 90px;
}
.target-top .wrap .tarex h4{
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}
.target-top .wrap .tarex ul{
    margin-top: 20px;
}
.target-top .wrap .tarex ul li{
    display: flex;
    align-items: center;
    border-top: 1px dotted #B5B5B6;
}
.target-top .wrap .tarex ul li:last-child{
    border-bottom: 1px dotted #B5B5B6;
}
.target-top .wrap .tarex ul li .no{
    width: 30px;
}
.target-top .wrap .tarex ul li .no > div{
    background: #342C2A;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.target-top .wrap .tarex ul li .txt{
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    padding: 13px 0 13px 31px;
}
#detail{
    background-image: url(/wp-content/uploads/j_cook_03_00_bg.jpg);
    background-size: 21px;
}
#detail .page-fullwdth-content{
    overflow: hidden;
}
.detail-top{
    background: #fff;
    max-width: 1000px;
    margin: 50px auto;
    padding: 30px 0 0;
    border: 3px solid #9c1e22;
}
.detail-top h2{
    background: #9d1d22;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 0 auto;
}
.detail-top .wrap{
}
.detail-top .wrap .overview{
    display: flex;
    padding: 20px 125px;
}
.detail-top .wrap .overview .pic{
}
.detail-top .wrap .overview .pic img{
    width: 108px;
    display: block;
}
.detail-top .wrap .overview .txt{
    padding: 0 15px;
    font-size: 15px;
}
.detail-top .wrap .part{
    padding: 20px 125px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.detail-top .wrap .part .item{
    display: flex;
    width: 48.5%;
    align-items: center;
    margin-bottom: 20px;
}
.detail-top .wrap .part .item.first{
    border: 2px solid #d2382e;
}
.detail-top .wrap .part .item.second{
    border: 2px solid #036eb8;
 }
.detail-top .wrap .part .item .pic{
    padding: 15px;
}
.detail-top .wrap .part .item.first .pic{
    background-color: #d2382e;
}
.detail-top .wrap .part .item.second .pic{
    background-color: #036eb8;
}
.detail-top .wrap .part .item .pic img{
    width: 66px;
    display: block;
}
.detail-top .wrap .part .item .txt{
    text-align: center;
    flex: 1;
}
.detail-top .wrap .part .item .txt .subtit{
    font-size: 24px;
    font-weight: 600;
}
.detail-top .wrap .part .item .txt .subtxt{
    font-size: 32px;
    font-weight: 600;
}
.detail-top .wrap .purpose{
    display: flex;
    background: #9c1e22;
    padding: 20px 125px;
}
.detail-top .wrap .purpose .pic{
}
.detail-top .wrap .purpose .pic img{
    width: 108px;
    display: block;
}
.detail-top .wrap .purpose .txt{
    padding: 0 15px;
    font-size: 15px;
    color: #fff;
}
.detail-top .wrap .free{
    padding: 20px 15px;
    position: relative;
    max-width: 785px;
    margin: 20px auto;
}
.detail-top .wrap .free .txt{
    border: 5px solid #d1392c;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    padding: 30px 235px 30px 40px;
    line-height: 31px;
}
.detail-top .wrap .free .txt span {
    color: #d2382e;
    font-weight: 600;
}
.detail-top .wrap .free .pic{
    position: absolute;
    right: 45px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 194px;
    height: 194px;
}
.detail-top .wrap .free .pic img{
    max-width: 194px;
    width: 100%;
}
.detail-top .wrap .flow{
}
.detail-top .wrap .flow .pic{
    text-align: center;
}
.detail-top .wrap .flow .pic img{
    max-width: 580px;
    width: 100%;
}
.detail-top .wrap .flow .txt{
    font-size: 12px;
    text-align: center;
    margin-bottom: 30px;
}
.detail-top .wrap .result{
    background: #f0f2ed;
    padding: 0 15px 40px;
}
.detail-top .wrap .result h3{
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    line-height: 80px;
}
.detail-top .wrap .result #tsp {
    display: none;
}
.detail-top .wrap .result table{
    margin: 0 auto;
    width: 740px;
    border-collapse: collapse;
    border: 2px solid #4b4a48;
    font-size: 14px;
}
.detail-top .wrap .result tr th{
    border: 1px dotted #4b4a48;
    border-right-style: solid;
    font-weight: 600;
    padding: 3px 15px;
    width: 95px;
}
.detail-top .wrap .result tr td{
    border: 1px dotted #4b4a48;
    border-right-style: solid;
    background-color: #fff;
    text-align: center;
    padding: 3px 5px;
}
.detail-top .wrap .result tr:first-child td{
    font-weight: 500;
}
.detail-top .wrap .result #tsp table{
    border: 0;
}
.detail-top .wrap .result #tsp tr th{
    border-left-style: solid;
    border-left-width: 2px;
}
.detail-top .wrap .result #tsp tr td:last-child{
    border-right-style: solid;
    border-right-width: 2px;
}
.detail-top .wrap .result #tsp tr:first-child th{
    border-top-style: solid;
    border-top-width: 2px;
}
.detail-top .wrap .result #tsp tr:first-child td{
    border-top-style: solid;
    border-top-width: 2px;
}
.detail-top .wrap .result #tsp tr:last-child th{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.detail-top .wrap .result #tsp tr:last-child td{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.detail-top .wrap .result #tsp tr.end th{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.detail-top .wrap .result #tsp tr.end td{
    border-bottom-style: solid;
    border-bottom-width: 2px;
}
.detail-top .wrap .result #tsp tr.mid th{
    border: 0;
    background-color: transparent;
    height: 16px;
}
.detail-top .wrap .result #tsp tr.mid td{
    border: 0;
    background-color: transparent;
    height: 16px;
}
.detail-top .wrap .result #tsp tr.top th{
    border-top-style: solid;
    border-top-width: 2px;
}
.detail-top .wrap .result #tsp tr.top td{
    border-top-style: solid;
    border-top-width: 2px;
}
/*matter-top*/
.matter-top{
    padding: 40px 0 15px;
}
.matter-top h2{
    background: #9d1d22;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 0 auto;
}
.matter-top .wrap{
}
.matter-top .wrap .lists{
    background: #fff;
    max-width: 1000px;
    margin: 30px auto 50px;
    padding: 30px 50px
}
.matter-top .wrap .lists .list{
}
.matter-top .wrap .lists .list.oversea{
    margin-bottom: 50px;
}
.matter-top .wrap .lists .list h3{
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.matter-top .wrap .lists .list.oversea h3{
    border-bottom: 1px solid #d2392d;
}
.matter-top .wrap .lists .list.domestic h3{
    border-bottom: 1px solid #036eb8;
}
.matter-top .wrap .lists .list .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.matter-top .wrap .lists .list .items .item{
    width: 48%;
}
.matter-top .wrap .lists .list .items .item > div{
    border-radius: 5px;
}
.matter-top .wrap .lists .list.oversea .items .item > div{
    border: 3px solid #d2392d;
}
.matter-top .wrap .lists .list.domestic .items .item > div{
    border: 3px solid #036eb8;
}
.matter-top .wrap .lists .list .items .item h4{
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: 15px center;
    text-decoration: none;
    position: relative;
    height: 48px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding-top: 10px;
}
.matter-top .wrap .lists .list .items .item h4 img{
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 20px;
}
.matter-top .wrap .lists .list.oversea .items .item h4{
    background-color: #d2392d;
}
.matter-top .wrap .lists .list.domestic .items .item h4{
    background-color: #036eb8;
}
.matter-top .wrap .lists .list .items .item .tit{
    font-size: 19px;
    font-weight: 800;
    padding: 15px 30px;
}
.matter-top .wrap .lists .list .items .item ul{
    padding: 15px 30px;
}
.matter-top .wrap .lists .list.oversea .items .item ul{
    background-color: #fbf2ed;
}
.matter-top .wrap .lists .list.domestic .items .item ul{
    background-color: #f0f3fa;
}
.matter-top .wrap .lists .list .items .item ul li{
    background-image: url(/wp-content/uploads/j_cook_2019_04_00.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: 0 center;
    padding-left: 33px;
    font-weight: 600;
    line-height: 28px;
}
.matter-top .wrap .lists .list .items .item .txt{
    padding: 15px 30px;
    font-size: 14px;
    letter-spacing: 1px;
}


/* seminar-top */
.seminar-top{
    max-width: 1000px;
    margin: 0 auto;
    padding: 15px;
}
.seminar-top h2{
    background: #d2392d;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 20px auto 10px;
}
.seminar-top .txt {
    font-size: 13px;
    text-align: center;
}
.seminar-top .seminar-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0 10px;
}
.seminar-top ul{
    width: 48%;
}
.seminar-top ul li{
    width: 100%;
}
.seminar-top ul li > p{
    font-size: 45px;
    font-weight: 600;
    padding-bottom: 5px;
}
.seminar-top ul li > p span{
    font-size: 28px;
    font-weight: 600;
    padding-left: 5px;
}
.seminar-top ul li a{
    display: flex;
    border: 5px solid #d1392c;
    margin: 10px 0;
    background-image: url(/wp-content/uploads/j_cook_04_01.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 15px center;
    text-decoration: none;
}
.seminar-top ul li.end{
}
.seminar-top ul li.end a{
    position: relative;
}
.seminar-top ul li.end a:before {
    content: "申込を終了しました";
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    font-size: 18px;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    letter-spacing: 2px;
}
.seminar-top ul li a .day{
    width: 180px;
    background: #f8e6dc;
    padding: 15px 10px;
    font-weight: 600;
    font-size: 22px;
}
.seminar-top ul li a .name{
    padding: 15px 0 15px 10px;
    font-weight: 600;
    font-size: 22px;
}
.websem-box{
    margin: 30px 0;
}
.websem-box>.wrap {
    display:flex;
    padding: 0 15px;
}
.websem-box>.wrap>.txtbox {
    width: 55%;
}
.websem-box>.wrap>.txtbox>h3 {
    font-size: 20px;
    line-height: 60px;
    font-weight: 600;
}
.websem-box>.wrap>.txtbox>.txt {
    line-height: 30px;
    text-align: left;
}
.websem-box>.wrap>.txtbox>.txt .chk{
    background-image: url(/wp-content/uploads/j_cook_2019_04_00.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: 0 center;
    padding-left: 33px;
    font-weight: 600;
    line-height: 28px;
    font-size: 16px;
}
.websem-box>.wrap>.txtbox>.btt {
    padding-top: 30px;
}
.websem-box>.wrap>.txtbox>.btt>a {
    display: block;
    width: 320px;
    height: 60px;
    margin: 0 auto;
    background: #d2392d;
    border-radius: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background-image: url("/wp-content/uploads/j_cook_2019_05_00_btn.png");
    background-repeat: no-repeat;
    background-position: right 21px bottom 21px;
    background-size: 10px;
}
.websem-box>.wrap>.txtbox>.forSP{
    display: none;
}
.websem-box>.wrap>.txtbox>.btt>a>span {
    font-size: 12px;
    color: #fff;
    margin-left: 10px;
}
.websem-box>.wrap>.pic {
    width: 45%;
}
.websem-box>.wrap>.pic>img {
    max-width: 100%;
    width: 468px;
    display: block;
    margin: 45px 0 0 auto;
}


.why-top{
    padding: 50px 15px;
    background: #f0f2ed;
}
.why-top .wrap{
    max-width: 1100px;
    margin: 0 auto;
    border: 5px solid #036eb8;
    background: #fff;
}
.why-top h2{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    background: #036eb8;
    color: #fff;
    padding: 5px 15px 10px;
}
.why-top h2 span{
    color: #feee02;
    font-weight: 500;
}
.why-top .topic{
    padding: 0 15px;
}
.why-top .topic .tit{
    font-size: 38px;
    font-weight: 600;
    width: 45%;
    line-height: 56px;
    float: left;
    text-align: center;
    margin: 40px 0;
}
.why-top .topic .txt{
    font-weight: 500;
    width: 55%;
    float: left;
    padding: 0 40px;
    margin: 40px 0;
}
.why-top .graph{
    display: flex;
}
.why-top .graph .pic{
}
.why-top .graph .pic img{
    width: 100%;
}
.why-top .delta{
    text-align: center;
}
.why-top .delta img{
    width: 101px;
}
.free-top{
    background: #d2382e;
    padding: 60px 15px 40px;
}
.free-top h3{
    color: #feee02;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 50px;
}
.free-top h3 .sm{
    color: #fff;
    font-size: 11px;
    font-weight: 100;
}
.free-top h3 .wh{
    color: #fff;
    font-size: 48px;
    font-weight: 600;
}
.free-top p{
    color: #fff;
    font-size: 11px;
    text-align: center;
    font-weight: 100;
    margin-top: 30px;
}
.more-top{
    padding: 0 20px;
}
.more-top .wrap{
    max-width: 1000px;
    margin: 0 auto;
}
.more-top .wrap .det{
    display: flex;
}
.more-top .wrap .det .left{
    width: 50%;
    padding: 30px;
}
.more-top .wrap .det .left .txt{
    font-size: 26px;
    font-weight: 600;
    line-height: 43px;
}
.more-top .wrap .det .left .txt span{
    color: #d2382e;
    font-size: 28px;
    font-weight: 600;

}
.more-top .wrap .det .left .sm{
}
.more-top .wrap .det .right{
    width: 50%;
    padding: 30px 0;
}
.more-top .wrap .det .right table{
    width: 100%;
}
.more-top .wrap .det .right table tr{
}
.more-top .wrap .det .right table th{
    background: #d2382e;
    vertical-align: middle;
    width: 54px;
    border: 1px solid #ddd;
    text-align: center;
    color: #fff;
}
.more-top .wrap .det .right table td{
    border: 1px solid #ddd;
}
.more-top .wrap .det .right table td .inr{
    display: flex;
    align-items: center;
    padding: 7px 10px;
}
.more-top .wrap .det .right table td .delta{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #d2382d;
    padding-right: 10px;
}
.more-top .wrap .det .right table td .txt{
    font-size: 14px;
}
.more-top .wrap .catch{
}
.more-top .wrap .catch h3{
    background: #feee02;
    text-align: center;
    padding: 10px 15px 12px;
    font-size: 25px;
    font-weight: 600;
}
.more-top .wrap .flo{
}
.more-top .wrap .flo ul{
    display: flex;
    justify-content: space-between;
}
.more-top .wrap .flo ul li{
    width: 31%;
    margin-top: 30px;
    position: relative;
    border: 5px solid #9d1d22;
}
.more-top .wrap .flo ul li.item01{
    border: 5px solid #d1392c;
}
.more-top .wrap .flo ul li.item02{
}
.more-top .wrap .flo ul li.item03{
}
.more-top .wrap .flo ul li .icon{
    position: absolute;
    top: -5px;
    right: -24px;
}
.more-top .wrap .flo ul li .icon img{
    height: 53px;
    width: 19px;
}
.more-top .wrap .flo ul li .tit{
    background: #9d1d22;
    color: #fff;
    height: 50px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    padding-top: 9px;
}
.more-top .wrap .flo ul li.item01 .tit{
    background: #d1392c;
}
.more-top .wrap .flo ul li.item02 .tit{
}
.more-top .wrap .flo ul li.item03 .tit{
    color: #feee02;
}
.more-top .wrap .flo ul li .txt{
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
}
.more-top .wrap .ss{
    font-size: 11px;
    text-align: center;
    margin: 30px 0 40px;
}
.already-top{
    padding: 50px 15px;
    background: #f0f2ed;
}
.already-top .wrap{
    max-width: 1100px;
    margin: 0 auto;
    border: 5px solid #036eb8;
    background: #fff;
}
.already-top h2{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    background: #036eb8;
    color: #fff;
    padding: 5px 15px 10px;
}
.already-top h2 span{
    color: #feee02;
    font-weight: 500;
}
.already-top h3{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    color: #036eb8;
    margin: 30px 15px 0;
}
.already-top h3 span{
    background: linear-gradient(transparent 70%, #feee02 70%);
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #036eb8;
}
.already-top .tbl{
     margin: 0 15px;
}
.already-top .tbl table{
    width: 610px;
    margin: 40px auto 30px;
}
.already-top .tbl table tr{
}
.already-top .tbl table tr th{
    background: #d2382e;
    height: 48px;
    vertical-align: middle;
    width: 170px;
    border: 1px solid #ddd;
}
.already-top .tbl table tr th .tit{
    color: #fff;
    background-image: url(/wp-content/uploads/j_cook_06_02.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: left 10px center;
    padding: 0 15px 0 50px;
    font-size: 18px;
    font-weight: 600;
}
.already-top .tbl table tr td{
    height: 48px;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 0 15px;
}
.already-top .tbl table tr td .delta{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #d2382d;
    padding-right: 5px;
}
.already-top .tbl table tr td .txt{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}
.balloon-top{
    padding: 0 15px;
}
.balloon-top .wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px;
    margin: 25px auto 10px;
}
.balloon-top .wrap .icon{
    width: 44px;
}
.balloon-top .wrap .icon img{
    width: 100%;
}
.balloon-top .wrap .txt{
    font-size: 30px;
    font-weight: 600;
}


/* contact-top */
#contact{
}
.contact-top{
     padding: 0 15px;
}
.contact-top .wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 5px;
}
.contact-top .wrap > div,
.contact-top .wrap > h3{
}
.contact-top .wrap > h3{
    font-size: 28px;
    font-weight: 600;
    padding: 15px 20px;
}
.contact-top .wrap > div.img-l,
.contact-top .wrap > div.img-r{
    width: 44px;
}
.contact-top .wrap > div.img-l img,
.contact-top .wrap > div.img-r img{
    max-width: 44px;
}

/* seminar */
.seminar-detail{
}
.seminar-detail h2{
    color: #d2382e;
    font-weight: 600;
    padding-bottom: 45px;
}
.seminar-detail table{
    width: 100%;
    margin-bottom: 50px;
}
.seminar-detail table tr{
}
.seminar-detail table tr th{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 15px 20px;
    white-space: nowrap;
    width: 130px;
    vertical-align: top;
}
.seminar-detail table.gray tr th{
    background-color: #f6f6f6;
}
.seminar-detail table.orange tr th{
    background-color: #fcc900;
}
.seminar-detail table tr td{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    vertical-align: top;
}
.seminar-detail table tr td:first-child{
    width:150px;
}
.seminar-detail table tr td p{
    padding: 15px 20px;
    font-size: 16px;
}
.seminar-detail table tr td p a{
    color: #d2382e;
    text-decoration: underline;
}
.ggmap{
    overflow: hidden;
}
.ggmap .wrap {
    position: relative;
    margin: 15px 0;
    height: 450px!important;
    overflow: hidden;
}
.ggmap .wrap iframe,
.ggmap .wrap object,
.ggmap .wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
}


/* contact */
.page-test #main,
.page-contact_web #main,
.page-contact_apply #main,
.page-contact_web #main,
.page-contact_inquiry #main,
.page-confirm #main,
.page-finish #main,
.page-webseminar #main,
.page-2b99c4678137b9719bbdd34d1931437a #main {
    background: #f0f2ed;
    margin: 0 auto;
}
.mail-box{
    background: #f0f2ed;
    overflow: hidden;
    margin-top: 40px;
}
.mail-box > h3{
    max-width: 990px;
    background: #d2392d;
    color: #fff;
    padding: 25px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    margin: auto;
}
.mail-box > .wrap{
    max-width: 990px;
    margin: 0 auto 100px;
    background: #fff;
    padding: 50px;
}
.mail-box .txt{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 40px;
}
.page-finish .mail-box .txt {
    display: none;
}
.mail-box a{
    color: #d2382e;
    text-decoration: underline;
}
.mail-box .item{
    margin-bottom: 25px;
}
.mail-box .item .tit{
    float: left;
    width: 220px;
    font-size: 17px;
    font-weight: bold;
}
.mail-box .item .tit span{
    color: #ddd;
}
.mail-box .item .inp{
    float: right;
    width: 100%;
    margin-left: -220px;
    padding-left: 220px;
}
.mail-box .item .inp.cf{
    margin-top:50px;
}
.mail-box .item .inp .chk{
    float: left;
    width: 35%;
    text-align: center;
    padding: 15px 15px 0 0;
    font-size: 17px;
}
.mail-box .item .inp .chk span label span{
    font-weight: bold;
}
.mail-box .item .inp .bon{
    float: left;
    width: 65%;
}
.mail-box .linkbtn{
    float: left;
    width: 50%;
}
.mail-box .linkbtn a{
    display: block;
    border: 6px solid #000;
    margin: 5px;
    text-align: center;
    padding: 10px;
}
.mail-box .linkbtn a span{
    font-size: 28px;
    font-weight: bold;
}
.mail-box .item .tit2{
    font-size: 17px;
    font-weight: bold;
    padding: 0 0 15px 5px;
}
.mail-box .item .inp2{
}
.btn-zone{
}
.btn-zone .chk{
    max-width: 300px;
    margin: 0 auto 15px;
}
.btn-zone .chk .mwform-checkbox-field{
    margin-left: 10px;
}
.btn-zone .bon{
    text-align: center;
}
.contact-submit{
    background: #fff;
    color: #d2382e;
    border: 2px solid #d2382e;
    border-radius: 4px;
    font-weight: 400;
    font-size: 24px;
    margin: 10px;
    text-align: center;
    padding: 15px 0;
    width: 270px;
}
.contact-submit:hover{
    opacity: 0.6;
}
.contact-return{
    background: #fff;
    color: #ddd;
    border: 2px solid #ddd;
    border-radius: 4px;
    font-weight: 400;
    font-size: 24px;
    margin: 10px;
    text-align: center;
    padding: 15px 0;
    width: 270px;
}
.contact-return:hover{
    opacity: 0.6;
}
.mw_wp_form_input .mail-box .conf-msg{
    display: none;
}
.mw_wp_form.mw_wp_form_input form .mail-box .conf-msg,
.mw_wp_form_preview.mw_wp_form_confirm form .mail-box .conf-msg{
    display: block;
    text-align: center;
    padding-bottom: 40px;
}
.fin-msg{
    text-align: center;
    background: #fff;
    margin-bottom: 40px;
    padding: 40px;
}
.contact-type{
    padding: 4px 4px 6px;
}
.contact-method{
    padding: 4px 4px 6px;
}
.contact-country1,.contact-country2{
    margin-bottom: 13px;
}
.addtxt{
    font-size: 12px;
    font-weight: 200;
}
.addtxt .bred{
    color: #d2382e;
    font-weight: 600;
}
.radiotxt{
    font-size: 12px;
    font-weight: 200;
    position: absolute;
    right: 0;
}
/* archive */
.archive #main .container{
    margin: 50px auto;
}
/* category */
.category #main .container{
    margin: 50px auto;
}
/* single */
.single-cont{
}
.single-cont .container{
    margin: 50px auto;
}
/* side */
.widget ul.catMonth{
    margin-bottom: 40px;
}
.pagination{
    margin-bottom: 30px
}



/* single archive */
.h2-title{
    background: #d2382e;
    height: 78px;
    position: relative;
}
.h2-title h2{
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    padding-top: 3px;
}
.single .entry-title,
.archive .entry-title{
    border-bottom: 3px solid #9d1d22;
    padding-bottom: 5px;
    line-height: 25px;
}
.single .entry-title > a,
.archive .entry-title > a{
    color: #d2382e;
    font-weight: 500;
}
.single .entry-meta .entry-date,
.archive .entry-meta .entry-date{
    color: #d2382e;
    font-weight: 200;
}
.single .entry-meta ul li a,
.archive .entry-meta ul li a{
    font-weight: 200;
    background: #F8E6DC;
    color: #d2382e;
    padding: 0px 7px 1px 5px;
    line-height: 21px;
    margin-right: 5px;
    font-size: 14px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background: #d2382e;
    border-color: #d2382e;
}

/* foot */
.footer-menu {
    display: flex;
    justify-content: space-between;
    max-width: 750px;
    margin: 0 auto;
}
.footer-menu li{
    margin-right: 0;
    margin-left: 0;
}
#footer .btt {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.9);
    padding: 45px 0;
}
#footer .btt>a {
    display: block;
    width: 320px;
    height: 60px;
    margin: 0 auto;
    background: #d2392d;
    border-radius: 30px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px 1px #aaa;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 54px;
    background-image: url("/wp-content/uploads/j_cook_2019_05_00_btn.png");
    background-repeat: no-repeat;
    background-position: right 21px center;
    background-size: 10px;
}
#footer .btt>a>span {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}

.contact-foot{
    border-bottom: 7px solid #9d1d22;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 45px;
    background-image: url(/wp-content/uploads/j_cook_03_00_bg.jpg);
    background-size: 21px;
}
.contact-foot > a{
    display: inline-block;
    background: #fff;
    color: #d2382e!important;
    border: 2px solid #d2382e;
    font-weight: 600;
    font-size: 20px;
    margin: 10px;
    text-align: center;
    padding: 15px 0;
    width: 270px;
    background-image: url(/wp-content/uploads/j_cook_04_01.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 10px center;
    text-decoration: none;
}
.news-box h2 {
    color: #3E3A39;
    padding: 50px 0 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.news-box{
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 15px 50px;
}
.news-box div+a{
    border-top: 1px dotted #ccc;
}
.news-box .item {
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
}
.news-box .item .tit-wrap{
    width: 100%;
    float: left;
}
.news-box .item .tit-wrap .tit{
    margin-right: 8px;
    margin-left: 140px;
    padding-right: 30px;
}
.news-box .item .day{
    float: left;
    margin-left: -100%;
    width: 140px;
    font-weight: bold;
}
.news-box .item .arrow-wrap{
    float: left;
    margin-left: -30px;
    width: 30px;
}
.news-box .item .arrow-wrap .arrow{
    width: 8px;
    height: 8px;
    border-top: 2px solid #3E3A39;
    border-right: 2px solid #3E3A39;
    transform: rotate(45deg);
    margin-top: 8px;
}
.news-cat{
    margin-top: 10px;
    text-align: right;
    font-size: 14px;
}
.news-cat a{
    color: #3E3A39;
}
.partner-box{
    background: #f0f2ed;
    padding-top: 30px;
}
.partner-box.v2{
    background: #fff;
}
.partner-box h2 {
    background: #d2392d;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 210px;
    padding: 8px 0;
    margin: 0 auto;
}
.partner-box.v2 h2 {
    border-radius: 0;
    max-width: 170px;
}
.partner-box .wrap{
    max-width: 1020px;
    margin: 0 auto;
    padding: 30px 15px;
    display: flex;
    align-items: center;
}
.partner-box .wrap .pic{
    flex: 1;
}
.partner-box .wrap .pic a{
    margin: 0 auto;
    max-width: 300px;
    display: block;
}
.partner-box .wrap .pic a img{
    width: 100%;
    max-width: 300px;
    display: block;
    background-color: #fff;
}
.partner-box.v2 .wrap .pic a img{
    max-width: 160px;
    margin: 0 auto;
}
.corp-box {
    text-align: center;
    padding: 40px 15px;
    font-size: 14px;
    border-top: 1px solid #F0F2ED;
}
.corp-box .txt-bold {
    font-weight: 500;
    line-height: 26px;
    padding-top: 20px;
}
.corp-box .txt-bold span {
    font-size: 19px;
    font-weight: 600;
}
#footer{
    background: #9d1d22;
    padding: 30px 0 170px;
}
#footer a{
    color: #FFF;
    font-weight: 200;
    font-size: 14px;
}
.foot-copy{
    text-align: center;
    padding-top: 30px;
}
.foot-copy > p{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}
.foot-copy > p.copy{
    padding-top: 20px;
    font-size: 10px;
    font-weight: 100;
}

#pageTop {
    position: fixed;
    bottom: 67px;
    right: 15px;
    z-index: 1;
}
#pageTop a {
    background-repeat: no-repeat;
    text-decoration: none;
    width: 60px;
    display: block;
}
#pageTop a img {
    width: 100%;
}
/*webseminar*/
.webs-box {
}
.webs-box .wrap {
    background-color: #fff;
    margin: 50px auto;
    padding: 30px 0 1px;
}
.webs-box .wrap h2{
    background: #d2392d;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 20px auto 10px;
}
.webs-box .wrap .inr {
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
}
.webs-box .wrap .inr .txtbox {
    width: 55%;
}
.webs-box .wrap .inr .txtbox .txt {
    line-height: 30px;
    text-align: left;
}
.webs-box .wrap .inr .txtbox .txt .chk {
    background-image: url(/wp-content/uploads/j_cook_2019_04_00.png);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: 0 center;
    padding-left: 33px;
    font-weight: 600;
    line-height: 28px;
    font-size: 16px;
}
.webs-box .wrap .inr .txtbox .txt .det {
    margin-top: 25px;
}
.webs-box .wrap .inr .txtbox .txt .detred {
    color: #d2382e;
    font-weight: 600;
    font-size: 17px;
    margin: 20px 0 0;
}
.webs-box .wrap .inr .pic {
    width: 45%;
    position: relative;
}
.webs-box .wrap .inr .pic img{
    max-width: 100%;
    width: 468px;
    display: block;
    position: absolute;
    bottom: -80px;
}
.webs-box .wrap .addtxt {
    background: #d2392d;
    padding: 60px 50px 20px;
}
.webs-box .wrap .addtxt > p{
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    padding-bottom: 5px;
}
.webs-box .wrap .btt {
    background: #d2392d; 
    padding-bottom: 40px;
}
.webs-box .wrap .btt a{
    display: block;
    width: 320px;
    height: 60px;
    margin: 0 auto;
    background: #fff;
    border-radius: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #d2392d;
    text-align: center;
    line-height: 60px;
    background-image: url(/wp-content/uploads/j_cook_2019_05_00_btn_red.png);
    background-repeat: no-repeat;
    background-position: right 21px bottom 21px;
    background-size: 10px;
}
.webs-box .wrap .cont {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin: 50px;
    padding: 20px 0;
}
.webs-box .wrap .cont .tit {
    width: 190px;
}
.webs-box .wrap .cont .tit h3{
    font-weight: 600;
}
.webs-box .wrap .txt {
    flex: 1;
    width: 100%;
}
.webs-box .wrap .txt .item {
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 30px;
}

/*websec*/
.websec-box {
    background-color: #fff;
    margin: 50px auto;
    padding: 30px 0 1px;
}
.websec-box .wrap {
}
.websec-box .wrap h2{
    background: #9d1d22;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 290px;
    padding: 8px 0;
    margin: 20px auto;
}
.websec-box .wrap .inr {
    max-width: 770px;
    margin: 0 auto;
    padding: 15px;
}
.websec-box .wrap .inr .sec1 {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 20px 40px;
    font-size: 15px;
}
.websec-box .wrap .inr .free{
    padding: 20px 0;
    position: relative;
    max-width: 785px;
    margin: 20px auto;
}
.websec-box .wrap .inr .free .txt{
    border: 5px solid #d1392c;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    padding: 30px 235px 30px 35px;
    line-height: 31px;
}
.websec-box .wrap .inr .free .txt span {
    color: #d2382e;
    font-weight: 600;
}
.websec-box .wrap .inr .free .pic{
    position: absolute;
    right: 45px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 194px;
    height: 194px;
}
.websec-box .wrap .inr .free .pic img{
    max-width: 194px;
    width: 100%;
}
.websec-box .wrap .inr .sec2 {
    border-bottom: 1px dotted #ccc;
    padding: 20px;
    font-size: 15px;
}
.websec-box .wrap .inr .sec2 span{
    text-decoration: underline;
}
.websec-box .wrap .inr > .pic {
    text-align: center;
    padding: 30px 0 10px;
}
.websec-box .wrap .inr .sec2 .secred {
    color: #d2382e;
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
}
.websec-box .wrap .inr > .pic img{
    max-width: 580px;
    width: 100%;
}
.websec-box .wrap .inr .sec3 {
    border-bottom: 1px dotted #ccc;
    padding: 20px 40px;
    font-size: 15px;
}
.websec-box .wrap .inr .balloon-top {
    max-width: 480px;
    margin: 0 auto;
}
.websec-box .wrap .inr .balloon-top .wrap {
}
.websec-box .wrap .inr .balloon-top .wrap .icon {
}
.websec-box .wrap .inr .balloon-top .wrap .txt {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}
.websec-box .wrap .inr .balloon-top .wrap .txt span{
    color: #d2382e;
    font-weight: 600;
}
.websec-box .wrap .inr .btt {
}
.websec-box .wrap .inr .btt a{
    display: block;
    width: 320px;
    height: 60px;
    margin: 0 auto;
    background: #d2392d;
    border-radius: 30px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background-image: url(/wp-content/uploads/j_cook_2019_05_00_btn.png);
    background-repeat: no-repeat;
    background-position: right 21px bottom 21px;
    background-size: 10px;
}
.websec-box .wrap .inr .sec4 {
    font-size: 11px;
    text-align: center;
    margin: 30px 0 40px;
}
.websec-box.v2 {
}
.websec-box.v2 .wrap {
}
.websec-box.v2 .wrap .inr {
}
.websec-box.v2 .wrap .inr .sec1 {
    text-align: center;
}
.websec-box.v2 .wrap .mov-box {
}
.websec-box.v2 .wrap .mov-box ul{
    margin: 30px 50px;
    padding: 30px;
    background-color: #f8e6dc;
}
.websec-box.v2 .wrap .mov-box ul li{
    margin-bottom: 30px;
}
.websec-box.v2 .wrap .mov-box ul li:last-child{
    margin-bottom: 0;
}
.websec-box.v2 .wrap .mov-box ul li .item {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
}
.websec-box.v2 .wrap .mov-box ul li .item .left {
    width: 58%;
}
.websec-box.v2 .wrap .mov-box ul li .item .left h3{
    background-color: #9d1d22;
    color: #fff;
    padding: 0 20px;
    line-height: 40px;
}
.websec-box.v2 .wrap .mov-box ul li .item .left .txt {
    padding: 25px 15px;
    line-height: 30px;
}
.websec-box.v2 .wrap .mov-box ul li .item .left .txt span{
     font-weight: 600;
}
.websec-box.v2 .wrap .mov-box ul li .item .right {
    width: 39%;
}
.websec-box.v2 .wrap .mov-box ul li .item .right .yt {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.websec-box.v2 .wrap .mov-box ul li .item .right .yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.question-box {
}
.question-box .balloon-top {
    max-width: 480px;
    margin: 0 auto;
}
.question-box .balloon-top .wrap {
}
.question-box .balloon-top .wrap .icon {
}
.question-box .balloon-top .wrap .txt {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}
.question-box .balloon-top .wrap .txt span{
    color: #d2382e;
    font-weight: 600;
}
.question-box .mail-box {
    background: #fff;
}
/*pass-box*/
.pass-box {
    background-color: #fff;
    margin: 50px auto;
    padding: 30px 0 50px;
}
.pass-box .wrap h2 {
    background: #9d1d22;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
    max-width: 260px;
    padding: 8px 0;
    margin: 20px auto;
}
.pass-box .wrap .auth-box{
    text-align: center;
}
/*modal*/
.modaal-overlay{
    background: transparent!important;
}
.modaal-container {
    background: rgba(0,0,0,0.5);
    max-width: 670px;
}
.modaal-wrapper .modaal-close {
    top: 15px;
    right: 15px;
    position: absolute;
    background: rgba(255,255,255,0.5);
    border-radius: 0;
    width: 30px;
    height: 30px;
}
.modaal-close:after, .modaal-close:before {
    top: 7px;
    left: 15px;
    width: 1px;
    height: 17px;
    border-radius: 0;
}
.md-end-txt{
    color: #fff;
    text-align: center;
    height: 160px;
    display: flex;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
}


/* media query *
/* just */
@media (max-width: 1200px){
  header .container{
    width: 100%;
  }
}
/* mid */
@media (max-width: 992px){
  /* head */
  #masthead #navigation .navbar-nav > li.head-contact_btn_red > a, #masthead #navigation .navbar-nav > li.head-contact_btn_wh > a {
    width: 95px;
  }
  /* top */
  .detail-top {
    margin: 50px 15px;
  }
  .detail-top .wrap .overview {
    padding: 20px 50px;
  }
  .detail-top .wrap .part {
    padding: 20px 50px;
  }
  .detail-top .wrap .purpose {
    padding: 20px 50px;
  }
  .detail-top .wrap .flow {
    padding: 0 50px;
  }
  .detail-top .wrap .result table {
     width: 100%;
  }
  /* .matter-top */
  .matter-top .wrap .lists {
    margin: 50px 15px;
    padding: 30px 15px;
  }
  .matter-top .wrap .lists .list .items .item h4{
    height: 41px;
    font-size: 16px;
  }
  .matter-top .wrap .lists .list .items .item h4 img {
    width: 85px;
    left: 10px;
  }
  .matter-top .wrap .lists .list .items .item .tit {
    font-size: 15px;
    padding: 15px;
  }
  .matter-top .wrap .lists .list .items .item ul {
    padding: 15px;
    font-size: 13px;
  }
  .matter-top .wrap .lists .list .items .item .txt {
    padding: 15px;
    font-size: 12px;
    letter-spacing: 1px;
  }
  /* seminar-top */
  .seminar-top ul li a .day {
    width: 130px;
    font-size: 16px;
  }
  .seminar-top ul li a .name {
    font-size: 16px;
  }
  .websem-box>.wrap>.txtbox>h3 {
    font-size: 15px;
  }
  .websem-box>.wrap>.pic>img {
    margin: 65px 0 0 auto;
  }
  .why-top .topic .tit {
    font-size: 30px;
  }
  .balloon-top .wrap .txt {
    font-size: 21px;
  }
  .contact-top .wrap > h3 {
    font-size: 20px;
  }
  .radiotxt {
    position: static;
    display: block;
  }
  /*webseminar*/
  .webs-box .wrap .inr .txtbox {
    width: 100%;
  }
  .webs-box .wrap .inr .pic {
    width: 100%;
    margin-top: -50px;
  }
  .webs-box .wrap .inr .pic img {
    position: relative;
    margin: auto;
    left: 0;
    right: 0;
  }
  /*websec*/
  .websec-box.v2 .wrap .mov-box ul {
    margin: 30px 15px;
    padding: 15px;
  }
  .websec-box.v2 .wrap .mov-box ul li {
    margin-bottom: 15x;
  }
  .websec-box.v2 .wrap .mov-box ul li .item {
    padding: 15px;
  }
  .websec-box.v2 .wrap .mov-box ul li .item .left {
    width: 100%;
  }
  .websec-box.v2 .wrap .mov-box ul li .item .right {
    width: 100%;
  }
}
/* mini tablet */
@media (max-width: 767px){
  /*head*/
  #navigation .navbar-nav {
    padding-bottom: 5px;
  }
  #masthead #navigation .navbar-nav > li > a {
    padding: 5px 10px!important;
  }
  .navbar-collapse {
    max-height: none;
  }
  .navbar-collapse.in {
    overflow-y: initial;
  }
  .head-contact_btn_wh,
  .head-contact_btn_red {
    text-align: right;
  }
  #masthead #navigation .navbar-nav > li.head-contact_btn_wh > a,
  #masthead #navigation .navbar-nav > li.head-contact_btn_red > a{
    display: inline-block;
    margin: 5px;
  }
  #navigation.navbar {
    padding-top: 0;
    padding-bottom: 0;
    background: rgba(255,255,255,0.9);
  }
  #navigation .navbar-brand {
    padding-top: 3px;
  }
  #navigation .navbar-nav > li > a {
    text-align: right;
  }
  /* top */
  .contact-top .wrap > h3{
    font-size: 13px;
    padding: 0;
  }
  .owl-carousel.o1 .owl-nav{
    display: none;
  }
  .target-top .wrap {
    padding: 30px 15px 40px;
  }
  .target-top .wrap .exp {
    display: block;
  }
  .target-top .wrap .exp .item {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .target-top .wrap .what {
    padding: 20px 15px;
    line-height: 18px;
  }
  .target-top .wrap .tarex {
    padding: 20px 15px;
    line-height: 20px;
  }
  .target-top .wrap .tarex ul li .txt {
    padding: 13px 0 13px 13px;
  }
  .detail-top .wrap .overview {
    padding: 20px 15px;
  }
  .detail-top .wrap .overview .txt {
    padding: 0 0 0 15px;
  }
  .detail-top .wrap .part {
    padding: 20px 15px;
    display: block;
  }
  .detail-top .wrap .part .item {
    width: 100%;
    margin-bottom: 15px;
  }
  .detail-top .wrap .purpose {
    padding: 20px 15px;
  }
  .detail-top .wrap .purpose .txt {
    padding: 0 0 0 15px;
  }
  .detail-top .wrap .flow {
    padding: 0 15px;
  }
  /*matter-top*/
  .matter-top .wrap .lists .list .items .item {
    width: 100%;
    max-width: 432px;
    margin: 0 auto;
  }
  .matter-top .wrap .lists .list .items .item:first-child {
    margin-bottom: 40px;
  }
  .matter-top .wrap .lists .list .items .item h4 {
    font-size: 15px;
  }
  .matter-top .wrap .lists .list .items .item .tit {
    font-size: 14px;
  }
  .matter-top .wrap .lists .list .items .item ul {
    font-size: 12px;
  }
  .why-top h2 {
    font-size: 25px;
  }
  .why-top .topic .tit {
    font-size: 24px;
    line-height: 32px;
    margin: 25px 0px;
    width: 100%;
  }
  .why-top .topic .txt {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
  }
  .why-top .graph {
    display: block;
  }
  .free-top h3 {
    font-size: 30px;
    line-height: 33px;
  }
  .free-top h3 .wh {
    font-size: 30px;
  }
  .more-top .wrap .det {
    display: block;
  }
  .more-top .wrap .det .left {
    width: 100%;
  }
  .more-top .wrap .det .right {
    width: 100%;
  }
  .more-top .wrap .flo ul {
    display: block;
  }
  .more-top .wrap .flo ul li {
    width: 100%;
  }
  .websem-box>.wrap {
    display: block;
  }
  .websem-box>.wrap>.txtbox{
    width: 100%;
  }
  .websem-box>.wrap>.txtbox>.forSP{
    display: block;
    max-width: 100%;
    padding: 40px 0 15px;
  }
  .websem-box>.wrap>.pic>img {
    display: none;
  }
  .already-top h3 {
    font-size: 17px;
    line-height: 24px;
  }
  .already-top h3 span {
    font-size: 19px;
  }
  .already-top .tbl table {
    width: 100%;
  }
  .already-top .tbl table tr th {
    display: block;
    width: 100%;
    padding: 10px;
    height: auto;
  }
  .already-top .tbl table tr td {
    display: flex;
    width: 100%;
    padding: 10px;v
    display: flex;
    align-items: center;
    height: auto;
  }
  .balloon-top .wrap .txt {
    font-size: 15px;
    padding: 0 10px;
    line-height: 16px;
  }
  /* foot */
  .footer-menu {
    display: none;
  }
  .news-box .item .tit-wrap .tit {
    margin-left: 100px;
  }
  .news-box .item .day {
    width: 100px;
  }
  .partner-box .wrap {
    display: block;
    padding-top: 15px;
  }
  .partner-box .wrap .pic{
    margin-top: 15px;
  }
  .partner-box .wrap .pic a {
    max-width: 100%;
  }
  .partner-box .wrap .pic a img {
    max-width: 100%;
  }
  /* contact */
  .mail-box{
    margin-top: 15px;
  }
  .mail-box > .wrap {
    padding: 15px;
  }
  .mail-box .item .txt ul li{
    width: 100%;
    float: none;
    padding-right: 0px;
  }
  .mail-box .item .tit{
    float: none;
    width: 100%;
  }
  .mail-box .item .inp{
    float: none;
    margin-left: 0;
    padding-left: 0;
  }
  /* privacy */
  .policy-box > .wrap {
    padding: 15px;
  }
  /*websec*/
  .websec-box .wrap .inr .balloon-top {
    max-width: 100%;
  }
  .question-box .balloon-top {
    max-width: 100%;
  }
}
/* mini tablet */
@media (max-width: 650px){
  /* head*/
  #navigation .navbar-brand {
    font-size: 15px;
  }
  /*detail-top*/
  .detail-top .wrap .result #tpc {
    display: none;
  }
  .detail-top .wrap .result #tsp {
    display: block;
  }
  .detail-top .wrap .result tr th {
    width: 60px;
  }
  .detail-top .wrap .free {
    padding: 92px 15px 20px;
  }
  .detail-top .wrap .free .pic {
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
  }
  .detail-top .wrap .free .txt {
    font-size: 19px;
    padding: 110px 15px 15px;
  }
  /* seminar-top */
  .seminar-top .seminar-list{
    display: block;
  }
  .seminar-top .seminar-list ul {
    width: 100%;
  }
  .seminar-top ul li > p {
    padding-top: 25px;
  }
  /* webseminar */
  .webs-box .wrap .cont .tit {
    width: 100%;
  }
  .webs-box .wrap .cont .tit h3 {
    margin-bottom: 20px;
  }
  /*websec*/
  .websec-box .wrap .inr .sec1 {
    padding: 20px 0;
  }
  .websec-box .wrap .inr .sec2 {
    padding: 20px 0;
  }
  .websec-box .wrap .inr .sec3 {
    padding: 20px 0;
  }
  .websec-box .wrap .inr .sec4 {
    padding: 20px 0;
  }
  .websec-box .wrap .inr .free {
    padding: 92px 15px 20px;
  }
  .websec-box .wrap .inr .free .pic {
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
  }
  .websec-box .wrap .inr .free .txt {
    font-size: 19px;
    padding: 110px 15px 15px;
  }
  .websec-box .wrap .inr .balloon-top .wrap .txt {
    font-size: 10px;
    line-height: 22px;
  }
  .websec-box .wrap .inr .balloon-top .wrap .icon {
    width: 25px;
  }
  .question-box .balloon-top .wrap .txt {
    font-size: 10px;
    line-height: 22px;
  }
  .question-box .balloon-top .wrap .icon {
    width: 25px;
  }
}
/* mini sp */
@media (max-width: 450px){
  /* head*/
  #navigation .navbar-brand {
    font-size: 15px;
  }
  .navbar-brand >span {
    font-size: 15px;
  }
  /* top */
  .detail-top h2 {
    max-width: 260px;
  }
  .detail-top .wrap .overview .pic img {
    width: 75px;
  }
  .detail-top .wrap .part .item .txt .subtit {
    font-size: 19px;
  }
  .detail-top .wrap .part .item .txt .subtxt {
    font-size: 28px;
  }
  .detail-top .wrap .part .item .pic img {
    width: 57px;
  }
  .detail-top .wrap .purpose .pic img {
    width: 75px;
  }
  .websem-box>.wrap>.txtbox>.btt>a {
    width: 270px;
  }
  /*foot*/
  .contact-foot > a{
    display: block;
    width: auto;
    max-width: 100%;
  }
  #footer .btt>a {
    width: 270px;
    font-size: 18px;
  }
  /* seminar */
  .seminar-detail table tr td p {
    padding: 5px;
    font-size: 11px;
  }
  .seminar-detail table tr td:first-child {
    width: 90px;
  }
  .ggmap .wrap {
    height: 300px!important;
  }
  .ggmap .wrap iframe,
  .ggmap .wrap object,
  .ggmap .wrap embed {
    height: 300px;
  }
  .corp-box .txt-bold span {
    font-size: 15px;
    font-weight: 600;
  }
  .contact-submit {
    width: 240px;
  }
  /* foot */
  .foot-copy > p {
    font-size: 19px;
  }
  /* webseminar */
  .webs-box .wrap h2 {
    max-width: 260px;
  }
  .webs-box .wrap .inr {
    padding: 35px 15px;
  }
  .webs-box .wrap .addtxt {
    padding: 60px 15px 20px;
  }
  .webs-box .wrap .btt a {
    width: 260px;
    font-size: 17px;
  }
  .webs-box .wrap .cont {
    margin: 15px;
  }
  .webs-box .wrap .cont .tit {
    width: 100%;
  }
  .webs-box .wrap .cont .tit h3 {
    margin-bottom: 20px;
  }
  .websec-box .wrap h2 {
    font-size: 18px;
    max-width: 260px;
  }
  .websec-box .wrap .inr .btt a {
    width: 270px;
  }
  .websec-box.v2 .wrap .mov-box ul li .item .left .txt {
    padding: 15px 0;
    line-height: 18px;
    font-size: 12px;
  }
}
@media (max-width: 370px){
  #navigation .navbar-brand {
    font-size: 12px;
  }
  .matter-top .wrap .lists .list .items .item h4 {
    height: 30px;
    font-size: 14px;
    padding-top: 6px;
  }
  .matter-top .wrap .lists .list .items .item h4 img {
    width: 60px;
    left: 5px;
  }
}