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



/* PCサイズ 1000px以上から適用 */
@media screen and (min-width:1000px) {
}

/* PCサイズ 769px以上から適用 */
@media screen and (min-width:769px) {
    .sp { display: none; }
    div.wrap {
        max-width: 1160px;
        margin: 0 auto;
        padding: 0 80px;
    }
    
    .link_icon {
        position: absolute;
        display: flex;
        right: 10px;
        top: 5px;
    }
    .link_icon li {
        width: 23px;
        margin-left: 10px;
    }
    .foot_icon {
        display: flex;
        margin-top: 15px;
    }
    .foot_icon li {
        width: 23px;
        margin-right: 10px;
    }
    
    /* header
    -----------------------------------------------------------------*/
    header {
        padding: 50px 95px;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        line-height: 1;
    }
    header .ttl h1 {
        color: #593823;
        font-size: 1.4em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        margin-bottom: 0.2em;
    }
    header .ttl h1 span.sub {
        font-size: 0.8em;
    }
    header .ttl h1 a {
        color: #593823;
    }
    header .ttl p.subttl {
        color: #593823;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    header .navi ul {
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    header .navi ul li {
        margin-left: 1.5em;
        padding-top: 0.6em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    header .navi ul li:first-child {
        margin-left: 0;
    }
    header .navi ul li a {
        color: #593823;
        font-size: 1em;
        font-weight: bold;
    }
    
    /* right_banner
    -----------------------------------------------------------------*/
    p.right_banner {
        position: fixed;
        right: 0px;
        top: 90px;
        z-index: 10000;
    }
    p.right_banner2 {
        position: fixed;
        right: 0px;
        top: 410px;
        z-index: 10000;
    }
    
    /* footer
    -----------------------------------------------------------------*/
    footer {
        line-height: 1;
    }
    .footer1 {
        background-color: #fff3eb;
        padding: 55px 0;
    }
    .footer1 ul.foot_banner {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footer1 ul.foot_banner li:first-child {
        margin-right: 30px;
    }
    .footer2 {
        position: relative;
        max-width: 660px;
        margin: 0 auto;
        padding: 45px 0 45px 145px;
    }
    p.foot_img {
        position: absolute;
        width: 118px;
        left: 0;
        bottom: 0;
    }
    p.foot_ttl {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 0.8em;
    }
    p.foot_ttl span {
        font-size: 0.8em;
    }
    ul.foot_navi {
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    ul.foot_navi li {
        margin-left: 0.4em;
        color: #222222;
        font-size: 0.9em;
    }
    ul.foot_navi li:first-child {
        margin-left: 0;
    }
    ul.foot_navi li a {
        color: #222222;
    }
    .copyright {
        padding: 14px 0;
        background-color: #461212;
        text-align: center;
        color: #FFFFFF;
        font-size: 0.8em;
    }
    
    /*================================================
     top
    ================================================*/

    /* top_img
    -----------------------------------------------------------------*/
    div.top_img {
        max-width: 1400px;
        height: auto;
        margin: 0 auto;
        padding: 0 30px;
        position: relative;
    }


    /* top_intro
    -----------------------------------------------------------------*/
    .top_intro {
        position: relative;
        z-index: 1000;
        background-image: url("../images/bg_word01.png"), url("../images/bg_word02.png");
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center bottom;
        margin-top: -30px;
        padding-bottom: 110px;
    }
    .top_intro div.wrap {
        padding-top: 120px;
    }
    .top_intro dl {
        display: flex;
        justify-content: flex-start;
    }
    .top_intro dl dt {
        flex-shrink: 0;
        width: 43%;
        text-align: center;
    }
    .top_intro dl dd {
        padding-top: 1em;
    }
    .top_intro dl.img_left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 4em;
    }
    .top_intro dl.img_left dt {
        margin-right: 30px;
    }
    .top_intro dl.img_right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-bottom: 4em;
    }
    .top_intro dl.img_right dt {
        margin-left: 30px;
    }
    .top_intro h2 {
        color: #593823;
        font-size: 1.9em;
        line-height: 1.2;
        border-bottom: 3px solid #ff6600;
        padding: 0 0.2em 0.3em;
        margin-bottom: 0.4em;
    }
    .top_intro dl dd p {
        padding: 0 0.5em;
    }
    .top_intro dl dd p strong {
        color: #ff6600;
        font-weight: bold;
    }

    p.link_btn {
        display: table;
        margin: 0 auto;
        background: #ffffff url("../images/arrow01.png") left center no-repeat;
    }
    p.link_btn a {
        display: block;
        text-align: center;
        font-weight: bold;
        color: #593823;
        padding: 0.6em 2em 0.6em 3em;
        font-size: 1.2em;
        border: 3px solid #ff6600;
    }
    p.link_btn a:hover {
        border: 3px solid #ffcfa0;
    }
    p.btn_long {
        width: 16em;
    }


    /* top_seminar
    -----------------------------------------------------------------*/
    .top_seminar {
        margin-top: -8px;
        padding-bottom: 100px;
        background:linear-gradient(180deg,#FFF 0%,#FFF 0%,#f2f2f2 50%,#f2f2f2 100%);
    }
    .top_seminar .top_seminar_inner {
        -webkit-transform: skew(0deg, -3deg);
        -ms-transform: skew(0deg, -3deg);
        transform: skew(0deg, -3deg);
        background-color: #f2f2f2;
    }
    .top_seminar .wrap {
        -webkit-transform: skew(0deg, 3deg);
        -ms-transform: skew(0deg, 3deg);
        transform: skew(0deg, 3deg);
        padding-top: 100px;
        background: url("../images/bg_word03.png") center top 90px no-repeat;
        background-size: contain;
    }
    .top_seminar h2 {
        position: relative;
        display: inline-block;
        color: #593823;
        font-size: 2.6em;
        padding-bottom: 0.2em;
        margin-bottom: 0.2em;
    }
    .top_seminar h2:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: inline-block;
        width: 2.4em;
        height: 5px;
        background-color: #ff6600;
        border-radius: 2px;
    }
    .top_seminar h3 {
        color: #593823;
        font-size: 1.7em;
        margin-bottom: 0.9em;
    }
    .top_seminar ul.curriculum {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .top_seminar ul.curriculum li {
        background-color: #ffffff;
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 0 2em;
        text-align: center;
        width: 16em;
        height: 4.3em;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1.3;
        color: #593823;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }


    /* top_highclass
    -----------------------------------------------------------------*/
    .top_highclass {
        text-align: center;
        background: url("../images/highclass_bg.png") center center no-repeat;
        background-size: cover;
        margin-top: -20px;
    }
    .top_highclass div.box {
        background-color: #033f83;
        color: #ffffff;
        border-radius: 10px;
        display: inline-block;
        margin: 0 auto;
        padding: 2em 5em 3em;
    }
    .top_highclass div.box h2 {
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        margin-bottom: 0.4em;
        font-size: 1.8em;
    }
    .top_highclass div.box ul {
        padding: 0 3.2em;
        margin-bottom: 2em;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        background-image: 
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png");
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: left top, right top, left bottom, right bottom;
    }
    .top_highclass div.box li {
        margin-bottom: 0.7em;
    }
    .top_highclass div.box li:last-child {
        margin-bottom: 0;
    }
    .high_btn {
        display: table;
        margin: 0 auto;
    }
    .high_btn a {
        display: block;
        color: #ffffff;
        font-size: 1.2em;
        font-weight: bold;
        padding: 0.8em 2em;
        background: url("../images/arrow02.png") left center no-repeat;
        border: 2px solid #ffffff;
    }


    /* top_blog
    -----------------------------------------------------------------*/
    .top_blog {
        position: relative;
    }
    .top_blog .wrap {
        background: url("../images/bg_word04.png") center top 75px no-repeat;
        background-size: contain;
        padding-top: 70px;
        padding-bottom: 90px;
    }
    .top_blog h2 {
        color: #6e5b4f;
        font-size: 2.6em;
        margin-bottom: 0.3em;
        text-align: center;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    .top_blog h3 {
        text-align: center;
    }
    .top_blog ul.list {
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 3em 0;
    }
    .top_blog ul.list li {
        margin-right: 1em;
        width: 200px;
    }
    .top_blog ul.list li:last-child {
        margin-right: 0;
    }
    .top_blog ul.list li a {
        color: #222222;
    }
    .top_blog h4.blog_title {
        line-height: 1.3;
    }
    .blog_img img {
        border: 1px solid #aaa89f;
        padding: 3px;
    }
    .blog_date {
        font-size: 0.8em;
    }
    p.top_blog_img {
        position: absolute;
        bottom: 0;
        right: 110px;
        width: 160px;
    }


    /*================================================
     profile
    ================================================*/
    .page_h1 {
        margin: -42px 0 50px;
    }
    h1.page_ttl {
        position: relative;
        color: #593823;
        font-size: 2.4em;
        text-align: right;
        padding-bottom: 0.2em;
        margin-right: 40px;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    .page_wrap01 {
        padding-bottom: 80px;
    }
    .page_wrap02 {
        padding: 70px 0 60px;
        background-color: #f2f2f2;
    }
    .page_wrap03 {
        padding: 70px 0 110px;
        background-color: #ffffff;
    }
    h2.ttl01 {
        position: relative;
        display: inline-block;
        font-size: 1.8em;
        padding-left: 1.3em;
        margin-bottom: 0.8em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    h2.ttl01:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 47%;
        display: inline-block;
        width: 1em;
        height: 5px;
        background-color: #ff6600;
        border-radius: 2px;
    }
    h2.ttl01 span {
        font-size: 0.8em;
    }
    h2.ttl02 {
        text-align: center;
        font-size: 1.8em;
        margin-bottom: 1.2em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    ul.profile {
    }
    ul.profile li {
        margin-bottom: 1.4em;
    }
    ul.profile li:last-child {
        margin-bottom: 0;
    }
    div.profile_message p {
        margin-bottom: 1.2em;
    }
    div.profile_message p:last-child {
        margin-bottom: 0;
    }
    div.profile_message p.img_float {
        width: 30%;
        float: left;
        margin: -0.4em 3em 2em 0;
    }
    
    .h2media {
        margin-top: 2em;
    }
    ul.media {
        margin-left: 2em;
    }
    ul.media li {
        list-style: disc;
        margin-bottom: 0.8em;
    }
    ul.media li a {
        color: #333;
    }
    ul.media li a img {
        width: 12px;
        height: 12px;
        vertical-align: baseline;
    }    
    ul.book {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 3em;
        margin-top: 1em;
    }
    ul.book li.img {
        width: 40%;
    }
    ul.book li.txt {
        width: 55%;
    }
    ul.book li.txt p {
        margin-bottom: 1.2em;
    }
    ul.book_detail {
        padding-right: 60px;
        margin-top: 2.2em;
        font-weight: bold;
    }
    ul.book_detail li {
        margin-bottom: 1.2em;
        padding-bottom: 0.4em;
        border-bottom: 1px dotted #777777;
    }
    ul.book_detail li:last-child {
        margin-bottom: 0;
    }


    /*================================================
     seminar
    ================================================*/
    p.note {
        margin-bottom: 3.4em;
    }
    ul.seminar {
    }
    ul.seminar li {
        display: flex;
        margin-bottom: 2em;
        padding: 1em;
        background-color: #f2f2f2;
    }
    ul.seminar li:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    ul.seminar li:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    ul.seminar li div.photo {
        width: 35%;
    }
    ul.seminar li div.txt {
        width: 65%;
    }
    ul.seminar li div.txt h3 {
        font-size: 1.4em;
        font-weight: bold;
        border-bottom: 2px solid #ff6600;
        padding: 0.2em 0.6em 0.2em;
        margin-bottom: 0.7em;
    }
    ul.seminar li:nth-child(odd) h3 {
        margin-left: 1em;
    }
    ul.seminar li:nth-child(even) h3 {
        margin-right: 1em;
    }
    ul.seminar li div.txt p {
    }
    ul.seminar li:nth-child(odd) p {
        margin: 0 1em 0 2.5em;
    }
    ul.seminar li:nth-child(even) p {
        margin: 0 2.5em 0 1em;
    }
    ul.seminar li div.txt h4 {
        display: inline-block;
        margin: 0.5em 0 0 1em;
    }
    ul.seminar li div.txt h4 a {
        display: block;
        background-color: #033f83;
        padding: 0.4em 2em;
        text-align: center;
        color: #ffffff;
    }

    .page_wrap_high {
        background-color: #033f83;
        color: #ffffff;
    }
    .page_wrap_high .wrap {
        background: url("../images/bg_word05.png") center top 5px no-repeat;
        background-size: contain;
        padding: 80px 30px;
    }
    h2.ttl_highclass {
        text-align: center;
        font-size: 2.9em;
        font-weight: bold;
        margin-bottom: 1.2em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        text-shadow: 0 0 5px #444444;
    }
    h3.ttl_highclass {
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 2em;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        padding: 0.7em 0;
        text-align: center;
    }
    h4.ttl_highclass {
        font-size: 1.3em;
        font-weight: bold;
        margin-bottom: 2em;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        padding: 0.7em;
        text-align: center;
        background-image: 
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png");
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: left top, right top, left bottom, right bottom;
    }
    .page_wrap_high p {
        margin-bottom: 1.3em;
    }
    div.high_layout {
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2em;
    }
    div.high_layout div {
        width: 47%;
    }
    div.high_detail {
        border: 1px dashed #ffffff;
        padding: 4em;
        margin-bottom: 4em;
    }
    div.high_detail li {
        background-color: #ffffff;
        color: #222222;
        text-align: center;
        font-weight: bold;
        font-size: 1.2em;
        padding: 1em;
        margin-bottom: 1px;
        line-height: 1;
    }
    div.high_detail li:last-child {
        margin: 0;
    }


    /*================================================
     performance
    ================================================*/
    ul.performance_list {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -3%;
        margin-top: -2em;
        margin-bottom: 3em;
    }
    ul.performance_list li {
        width: 22%;
        margin-top: 2em;
        margin-left: 3%;
    }
    ul.performance_list li img {
        margin-bottom: 8px;
    }
    ul.performance_list li h4 {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.2;
    }
    h3.performance_list2 {
        font-size: 1.2em;
        font-weight: bold;
        text-align: left;
        margin-bottom: 1em;
        padding-left: 0.2em;
        border-bottom: 1px solid #222222;
    }
    ul.performance_list2 {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -2em;
        margin-top: -1em;
        margin-bottom: 3em;
    }
    ul.performance_list2 li {
        list-style: disc;
        margin-left: 4em;
        margin-top: 1em;
    }
    ul.voice {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
        margin-left: -3em;
        margin-top: -2em;
    }
    ul.voice li {
        background-color: #eaf4f7;
        border-radius: 12px;
        padding: 2em;
        width: 44%;
        margin-left: 3em;
        margin-top: 2em;
        font-weight: bold;
        font-size: 1.1em;
    }
    
    
    /*================================================
     contact
    ================================================*/
    .inquiry {
        width: 100%;
        font-size: 1em;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-all;
    }
    .inquiry th {
        text-align: left;
        color: #222;
        padding: 0.8em;
        background: #f7f7f7;
        border: solid 1px #d7d7d7;
    }
    .inquiry td {
        padding: 0.8em;
        border: solid 1px #d7d7d7;
    }
    .entry-content .inquiry tr, .entry-content table {
        border: solid 1px #d7d7d7;
    }
    .inquiry td input {
        padding: 0.3em;
        width: 80%;
    }
    .inquiry td textarea {
        width: 100%;
        padding: 0.3em;
    }

    /*必須の調整*/
    .haveto {
        font-size: 0.8em;
        padding: 5px;
        background: #ff9393;
        color: #fff;
        border-radius: 2px;
        margin-right: 5px;
        position: relative;
        bottom: 1px;
    }
    /*任意の調整*/
    .any {
        font-size: 0.8em;
        padding: 5px;
        background: #93c9ff;
        color: #fff;
        border-radius: 2px;
        margin-right: 5px;
        position: relative;
        bottom: 1px;
    }
    /*ラジオボタンを縦並び指定*/
    .verticallist .wpcf7-list-item {
        display: block;
    }
    /*送信ボタンのデザイン変更*/
    #formbtn {
        display: block;
        padding: 15px 40px;
        background: #ffaa56;
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 6px;
        margin: 25px auto 0;
        border: 2px solid #ffaa56;
    }
    /*送信ボタンマウスホバー時*/
    #formbtn:hover {
        background: #fff;
        color: #ffaa56;
        border: 2px solid #ffaa56;
    }

    .checkarea {
        text-align: center;
        border: 1px dotted #461212;
        width: 60%;
        font-size: 1.1em;
        font-weight: bold;
        color: #461212;
        margin: 1.5em auto 0;
        padding: 1.2em 2em 1.2em 3em;
        text-indent: -1em;
    }
    
    /*================================================
     blog index
    ================================================*/
    .blog_inner {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 5em;
    }
    .blog_card {
        width: 50%;
    }
    .photoThumb img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-bottom: 0.4em;
    }
    .blog_card .sub-section {
        margin-bottom: 0.2em!important;
    }
    
    /*================================================
     blog
    ================================================*/
    h1.blog_ttl {
        color: #593823;
        font-size: 1.7em;
        text-align: center;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        margin-bottom: 1.5em;
        margin-top: 2em;
    }
    .blog {
        padding-bottom: 110px;
    }
    .blog .contents-box {
        max-width: 780px;
        margin: 0 auto;
        padding-bottom: 5em;
    }
    .blog .contents-box h2 {
        border-bottom: 1px solid #ff6600;
        border-top: 1px solid #ff6600;
        padding: 0.4em 5px;
        margin-bottom: 1.5em;
        font-size: 1.4em;
    }
    .blog .contents-box h3 {
        border-left: 3px solid #ff6600;
        padding: 0.2em 1.5em;
        margin-bottom: 1.5em;
        margin-top: 2.5em;
        font-size: 1.3em;
    }
    .blog .contents-box p {
        font-size: 1.1em;
        line-height: 1.9;
        margin-bottom: 1.2em;
    }
    .blog .contents-box p img {
        width: 40%!important;
        height: auto;
    }
    .blog .contents-box p a {
        text-decoration: underline;
        color: #033f83;
    }
    .blog .contents-box p a:hover {
        text-decoration: none;
    }
    
    .blog .sub-section {
        display: flex;
        font-size: 0.8em;
        line-height: 1;
        margin-bottom: 2em;
    }
    .blog .sub-section .info_date {
        padding: 6px 0;
        margin-right: 1.8em;
        font-weight: bold;
        color: #ff6600;
    }
    .blog .sub-section .category {
        display: flex;
    }
    .blog .sub-section .category a {
        display: block;
        border: 1px solid #cccccc;
        color: #222222;
        padding: 5px 8px;
        margin-right: 1em;
    }
    .blog .sub-section .category a:hover {
        background-color: #ff6600;
        color: #ffffff;
    }
    .post_link {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-bottom: 5em;
    }
    
    .rpwwt-widget {
        margin-bottom: 4em;
    }
    .rpwwt-widget p.ttl, .wp_rp_content p.ttl {
        font-weight: bold;
        border-bottom: 1px solid #222222;
        text-align: center;
        padding-bottom: 0.4em;
        margin-bottom: 2em;
    }
    .rpwwt-widget a, .wp_rp_content a {
        color: #222222;
    }

    .wp_rp_content {
    }
    .related_post_title {
    }
    .rpwwt-widget ul, ul.related_post {
        position: relative !important;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 0.9em;
        line-height: 1.2;
    }
    .rpwwt-widget ul li, ul.related_post li {
        position: relative !important;
        vertical-align: top !important;
        zoom: 1 !important;
        width: 150px !important;
        margin: 0 10px 20px 10px !important;
        padding: 0 !important;
        background: none !important;
    }
    .rpwwt-widget li a, ul.related_post li a {
        position: relative !important;
        display: block !important;
        text-decoration: none !important;
        text-indent: 0 !important;
    }
    .rpwwt-widget li img, ul.related_post li img {
        display: block !important;
        max-width: 100% !important;
        margin: 0 0 0.4em !important;
        padding: 0 !important;
        background: none !important;
    }
    .wp_rp_footer {
        display: none;
    }
    .wp-pagenavi {
        text-align: center;
        margin-bottom: 6em;
    }
    .wp-pagenavi a, .wp-pagenavi span  {
        color: #222222;
        padding: 6px 9px!important;
    }
}

/* PCサイズ 769px以上1000未満で適用 */
@media screen and (min-width:769px) and ( max-width:999px) {
}

/* PCサイズ 768px以下から適用 */
@media screen and (max-width:768px) {
    .pc { display: none; }
    div.wrap {
        padding: 0 20px;
    }
    body {
        overflow-x: hidden;
    }
    p {
        line-height: 1.8;
    }
    
    /* header
    -----------------------------------------------------------------*/
    header .ttl {
        z-index: 999999;
        position: fixed;
        top: 12px;
        left: 10px;
    }
    header .ttl h1 {
        color: #593823;
        font-size: 1.2em;
        line-height: 1;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    header .ttl h1 span.sub {
        font-size: 0.8em;
    }
    header .ttl h1 a {
        color: #593823;
    }
    header .ttl p.subttl {
        color: #593823;
        font-size: 0.7em;
        line-height: 1;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    header .navi ul {
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    header .navi ul li {
        margin-left: 1.5em;
        padding-top: 0.6em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    header .navi ul li:first-child {
        margin-left: 0;
    }
    header .navi ul li a {
        color: #593823;
        font-size: 1em;
        font-weight: bold;
    }

    /* footer
    -----------------------------------------------------------------*/
    footer {
        line-height: 1;
    }
    .footer1 {
        background-color: #fff3eb;
        padding: 30px 0;
    }
    .footer1 ul.foot_banner {
    }
    .footer1 ul.foot_banner li:first-child {
        margin-bottom: 1.2em;
    }
    .footer2 {
        position: relative;
        padding: 30px;
    }
    p.foot_img {
        position: absolute;
        width: 120px;
        right: 20px;
        bottom: 0;
    }
    p.foot_ttl {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 0.8em;
    }
    p.foot_ttl span {
        font-size: 0.8em;
    }
    ul.foot_navi {
    }
    ul.foot_navi li {
        color: #222222;
        font-size: 0.9em;
        border-bottom: 1px solid #aaaaaa;
    }
    ul.foot_navi li:nth-child(even) {
        display: none;
    }
    ul.foot_navi li:first-child {
        border-top: 1px solid #aaaaaa;
    }
    ul.foot_navi li a {
        display: block;
        padding: 0.8em 0.4em;
        color: #222222;
    }
    .foot_icon {
        display: flex;
        margin-top: 15px;
    }
    .foot_icon li {
        width: 23px;
        margin-right: 10px;
    }
    .copyright {
        padding: 14px 0;
        background-color: #461212;
        text-align: center;
        color: #FFFFFF;
        font-size: 0.8em;
    }
    
    /*================================================
     top
    ================================================*/

    /* top_intro
    -----------------------------------------------------------------*/
    .top_intro {
        position: relative;
        z-index: 1000;
        background-image: url("../images/bg_word01.png"), url("../images/bg_word02.png");
        background-repeat: no-repeat, no-repeat;
        background-position: center top, center bottom;
        background-size: 360px, 360px;
        margin-top: -10px;
        padding-bottom: 3em;
    }
    .top_intro div.wrap {
        padding-top: 3em;
    }
    .top_intro dl dt {
        text-align: center;
    }
    .top_intro dl dd {
        padding-top: 1em;
    }
    .top_intro dl.img_left {
        margin-bottom: 2em;
    }
    .top_intro dl.img_right {
        margin-bottom: 2em;
    }
    .top_intro h2 {
        color: #593823;
        font-size: 1.3em;
        line-height: 1.3;
        border-bottom: 3px solid #ff6600;
        padding: 0 0.2em 0.3em;
        margin-bottom: 0.4em;
    }
    .top_intro h2 br {
        display: none;
    }
    .top_intro dl dd p {
        padding: 0 0.5em;
    }
    .top_intro dl dd p strong {
        color: #ff6600;
        font-weight: bold;
    }

    p.link_btn {
        display: table;
        margin: 0 auto;
        background: #ffffff url("../images/arrow01.png") left center no-repeat;
        line-height: 1;
    }
    p.link_btn a {
        display: block;
        text-align: center;
        font-weight: bold;
        color: #593823;
        padding: 0.6em 2em 0.6em 3em;
        font-size: 1.2em;
        border: 3px solid #ff6600;
    }
    p.link_btn a:hover {
        border: 3px solid #ffcfa0;
    }
    p.btn_long {
        width: 16em;
    }


    /* top_seminar
    -----------------------------------------------------------------*/
    .top_seminar {
        padding-bottom: 60px;
        background:linear-gradient(180deg,#FFF 0%,#FFF 0%,#f2f2f2 50%,#f2f2f2 100%);
    }
    .top_seminar .top_seminar_inner {
        -webkit-transform: skew(0deg, -3deg);
        -ms-transform: skew(0deg, -3deg);
        transform: skew(0deg, -3deg);
        background-color: #f2f2f2;
    }
    .top_seminar .wrap {
        -webkit-transform: skew(0deg, 3deg);
        -ms-transform: skew(0deg, 3deg);
        transform: skew(0deg, 3deg);
        padding-top: 50px;
        background: url("../images/bg_word03.png") center top 35px no-repeat;
        background-size: contain;
    }
    .top_seminar h2 {
        position: relative;
        display: inline-block;
        color: #593823;
        font-size: 1.8em;
        padding-bottom: 0.2em;
        margin-bottom: 0.2em;
    }
    .top_seminar h2:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: inline-block;
        width: 2.4em;
        height: 5px;
        background-color: #ff6600;
        border-radius: 2px;
    }
    .top_seminar h3 {
        color: #593823;
        font-size: 1.3em;
        margin-bottom: 0.9em;
    }
    .top_seminar ul.curriculum {
        margin-top: 2em;
        margin-bottom: 2em;
    }
    .top_seminar ul.curriculum li {
        background-color: #ffffff;
        padding: 1em 0.2em;
        text-align: center;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.4;
        color: #593823;
        margin-bottom: 3px;
    }
    .top_seminar ul.curriculum li br {
        display: none;
    }

    /* top_highclass
    -----------------------------------------------------------------*/
    .top_highclass {
        text-align: center;
        background-color: #033f83;
        color: #ffffff;
    }
    .top_highclass div.box {
        padding: 35px 35px 45px;
    }
    .top_highclass div.box .high_img {
        margin-bottom: 1.2em;
    }
    .top_highclass h2 {
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        font-size: 1.6em;
        padding: 35px 35px 20px;
    }
    .top_highclass div.box ul {
        padding: 0 0.2em;
        margin-bottom: 2em;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        background-image: 
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png");
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: left top, right top, left bottom, right bottom;
    }
    .top_highclass div.box li {
        margin-bottom: 0.7em;
    }
    .top_highclass div.box li:last-child {
        margin-bottom: 0;
    }
    .high_btn {
    }
    .high_btn a {
        display: block;
        color: #ffffff;
        font-size: 1.2em;
        font-weight: bold;
        padding: 0.8em 0;
        background: url("../images/arrow02.png") left center no-repeat;
        border: 2px solid #ffffff;
        text-align: center;
        line-height: 1.4;
    }


    /* top_blog
    -----------------------------------------------------------------*/
    .top_blog {
        padding-bottom: 50px;
        position: relative;
    }
    .top_blog .wrap {
        background: url("../images/bg_word04.png") center top 50px no-repeat;
        background-size: contain;
        padding-top: 40px;
    }
    .top_blog h2 {
        color: #6e5b4f;
        font-size: 1.7em;
        margin-bottom: 0.3em;
        text-align: center;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    .top_blog h3 br {
        display: none;
    }
    .top_blog ul.list {
        margin: 3em 0;
    }
    .top_blog ul.list li {
        margin-right: 1em;
    }
    .top_blog ul.list li:last-child {
        margin-right: 0;
    }
    .top_blog ul.list li a {
        color: #222222;
    }
    .top_blog h4.blog_title {
        line-height: 1.3;
    }
    .blog_img img {
        border: 1px solid #aaa89f;
        padding: 3px;
    }
    .blog_date {
        font-size: 0.8em;
    }
    p.top_blog_img {
        position: absolute;
        bottom: 0;
        right: 40px;
        width: 140px;
    }


    /*================================================
     profile
    ================================================*/
    .page_h1 {
        margin: 0.8em 0 2em;
        padding-bottom: 0.8em;
        border-bottom: 1px solid #9cc6ee;
    }
    h1.page_ttl {
        color: #593823;
        font-size: 1.4em;
        text-align: center;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    .page_wrap01 {
        padding-bottom: 40px;
    }
    .page_wrap02 {
        padding: 40px 0 40px;
        background-color: #f2f2f2;
    }
    .page_wrap03 {
        padding: 40px 0 40px;
        background-color: #ffffff;
    }
    h2.ttl01 {
        position: relative;
        display: inline-block;
        font-size: 1.3em;
        padding-left: 1.3em;
        margin-bottom: 0.8em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    h2.ttl01:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 47%;
        display: inline-block;
        width: 1em;
        height: 5px;
        background-color: #ff6600;
        border-radius: 2px;
    }
    h2.ttl01 span {
        font-size: 0.8em;
    }
    h2.ttl02 {
        text-align: center;
        font-size: 1.6em;
        margin-bottom: 1.2em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
    }
    ul.profile li {
        margin-bottom: 1.4em;
        line-height: 1.8;
    }
    ul.profile li:last-child {
        margin-bottom: 0;
    }
    ul.profile li br {
        display: none;
    }
    div.profile_message p {
        margin-bottom: 1.2em;
    }
    div.profile_message p:last-child {
        margin-bottom: 0;
    }
    div.profile_message p.img_float {
        width: 70%;
        margin: 0 auto 1.5em;
        text-align: center;
    }
    
    .h2media {
        margin-top: 2em;
    }
    ul.media {
    }
    ul.media li {
        padding: 0.6em 0.6em;
        border-bottom: 1px dotted #BBB;
    }
    ul.media li a {
        color: #222;
    }    
    ul.media li a img {
        width: 12px;
        height: 12px;
        vertical-align: baseline;
    }    
    ul.book {
        margin-bottom: 3em;
        margin-top: 1em;
    }
    ul.book li.img {
        margin-bottom: 1.5em;
    }
    ul.book li.txt p {
        margin-bottom: 1.2em;
    }
    ul.book_detail {
        margin-top: 2.2em;
        font-weight: bold;
    }
    ul.book_detail li {
        margin-bottom: 1.2em;
        padding-bottom: 0.4em;
        border-bottom: 1px dotted #777777;
    }
    ul.book_detail li:last-child {
        margin-bottom: 0;
    }


    /*================================================
     seminar
    ================================================*/
    p.note {
        margin-bottom: 2em;
    }
    p.note br {
        display: none;
    }
    ul.seminar {
    }
    ul.seminar li {
        margin-bottom: 2em;
        padding: 1em;
        background-color: #f2f2f2;
    }
    ul.seminar li:nth-child(odd) {
    }
    ul.seminar li:nth-child(even) {
    }
    ul.seminar li div.photo {
        margin-bottom: 1em;
    }
    ul.seminar li div.txt {
    }
    ul.seminar li div.txt h3 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: bold;
        border-bottom: 2px solid #ff6600;
        padding-bottom: 0.6em;
        margin-bottom: 0.7em;
    }
    ul.seminar li div.txt h4 {
        margin: 1.2em 0 0;
    }
    ul.seminar li div.txt h4 a {
        display: block;
        background-color: #033f83;
        padding: 0.4em;
        text-align: center;
        color: #ffffff;
    }

    .page_wrap_high {
        background-color: #033f83;
        color: #ffffff;
    }
    .page_wrap_high .wrap {
        background: url("../images/bg_word05.png") center top 5px no-repeat;
        background-size: contain;
        padding: 40px 30px;
    }
    h2.ttl_highclass {
        text-align: center;
        font-size: 1.8em;
        font-weight: bold;
        margin-bottom: 1.2em;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        text-shadow: 0 0 5px #444444;
    }
    h3.ttl_highclass {
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 2em;
        border-bottom: 1px solid #ffffff;
        border-top: 1px solid #ffffff;
        padding: 0.7em 0;
        text-align: center;
    }
    h4.ttl_highclass {
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 2em;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        padding: 0.7em;
        text-align: center;
        background-image: 
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png"),
            url("../images/highclass_line.png");
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-position: left top, right top, left bottom, right bottom;
    }
    .page_wrap_high p {
        margin-bottom: 1.3em;
    }
    .page_wrap_high .high_layout p br {
        display: none;
    }
    div.high_layout {
        margin-bottom: 1em;
    }
    div.high_layout div {
        margin-bottom: 1.5em;
    }
    div.high_detail {
        border: 1px dashed #ffffff;
        padding: 1.5em;
        margin-bottom: 2em;
    }
    div.high_detail li {
        background-color: #ffffff;
        color: #222222;
        text-align: center;
        font-weight: bold;
        font-size: 0.9em;
        padding: 1em;
        margin-bottom: 1px;
        line-height: 1;
    }
    div.high_detail li:last-child {
        margin: 0;
    }


    /*================================================
     performance
    ================================================*/
    ul.performance_list {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -3%;
        margin-top: -2em;
        margin-bottom: 2em;
    }
    ul.performance_list li {
        width: 47%;
        margin-top: 1em;
        margin-left: 3%;
    }
    ul.performance_list li img {
        margin-bottom: 5px;
    }
    ul.performance_list li h4 {
        font-size: 0.8em;
        font-weight: normal;
        line-height: 1.2;
    }
    h3.performance_list2 {
        font-size: 1.2em;
        font-weight: bold;
        text-align: left;
        margin-bottom: 1em;
        padding-left: 0.2em;
        border-bottom: 1px solid #222222;
    }
    ul.performance_list2 {
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -2em;
        margin-top: -1em;
        margin-bottom: 3em;
    }
    ul.performance_list2 li {
        list-style: disc;
        margin-left: 4em;
        margin-top: 1em;
    }
    ul.voice {
    }
    ul.voice li {
        background-color: #eaf4f7;
        border-radius: 12px;
        padding: 1em;
        margin-bottom: 1em;
        font-weight: bold;
    }
    ul.voice li:last-child {
        margin-bottom: 0;
    }
    
    
    /*================================================
     contact
    ================================================*/
    .inquiry {
        width: 100%;
        font-size: 1em;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-all;
    }
    .inquiry th, .inquiry td {
        display: block!important;
        width: 100%!important;
        border-top: none!important;
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7!important;
    }
    .inquiry th {
        text-align: left;
        color: #222;
        padding: 0.8em;
        background: #f7f7f7;
        border: solid 1px #d7d7d7;
    }
    .inquiry td {
        padding: 0.8em;
        border: solid 1px #d7d7d7;
    }
    .entry-content .inquiry tr, .entry-content table {
        border: solid 1px #d7d7d7;
    }
    .inquiry td input {
        padding: 0.3em;
        width: 80%;
    }
    .inquiry td textarea {
        width: 100%;
        padding: 0.3em;
    }

    /*必須の調整*/
    .haveto {
        font-size: 0.8em;
        padding: 5px;
        background: #ff9393;
        color: #fff;
        border-radius: 2px;
        margin-right: 5px;
        position: relative;
        bottom: 1px;
    }
    /*任意の調整*/
    .any {
        font-size: 0.8em;
        padding: 5px;
        background: #93c9ff;
        color: #fff;
        border-radius: 2px;
        margin-right: 5px;
        position: relative;
        bottom: 1px;
    }
    /*ラジオボタンを縦並び指定*/
    .verticallist .wpcf7-list-item {
        display: block;
    }
    /*送信ボタンのデザイン変更*/
    #formbtn {
        display: block;
        padding: 15px 40px;
        background: #ffaa56;
        color: #fff;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 6px;
        margin: 25px auto 0;
        border: 2px solid #ffaa56;
    }
    /*送信ボタンマウスホバー時*/
    #formbtn:hover {
        background: #fff;
        color: #ffaa56;
        border: 2px solid #ffaa56;
    }

    .checkarea {
        border: 1px dotted #461212;
        width: 90%;
        margin: 1.5em auto 0;
        padding: 1em 1em 1em 2em;
        text-indent: -1em;
        line-height: 1.4;
    } 
    
    /*================================================
     blog index
    ================================================*/
    .blog_inner {
        margin-bottom: 1em;
    }
    .blog_card {
        width: 90%;
        margin: 0 auto 2em;
    }
    .blog_card a {
        color: #222222;
    }
    .photoThumb img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-bottom: 0.4em;
    }
    .blog_card .sub-section {
        margin-bottom: 0.2em!important;
    }
    figure {
        margin: 1em 0!important;
    }

    
    /*================================================
     blog
    ================================================*/
    h1.blog_ttl {
        color: #593823;
        font-size: 1.7em;
        text-align: center;
        transform: skew(-14deg);
        -moz-transform: skew(-14deg);
        -webkit-transform: skew(-14deg);
        margin-bottom: 1.5em;
        margin-top: 1.5em;
    }
    .blog {
        padding-bottom: 70px;
    }
    .blog .contents-box {
        padding-bottom: 5em;
    }
    .blog .contents-box h2 {
        border-bottom: 1px solid #ff6600;
        border-top: 1px solid #ff6600;
        padding: 0.4em 5px;
        margin-bottom: 1.5em;
        font-size: 1.2em;
        line-height: 1.4;
    }
    .blog .contents-box h3 {
        border-left: 3px solid #ff6600;
        padding: 0.2em 0 0.2em 1em;
        margin-bottom: 1.5em;
        margin-top: 2.5em;
        font-size: 1.2em;
    }
    .blog .contents-box p {
        font-size: 1em;
        line-height: 1.9;
        margin-bottom: 1.2em;
    }
    .blog .contents-box p img {
    }
    .blog .contents-box p a {
        text-decoration: underline;
        color: #033f83;
    }
    .blog .contents-box p a:hover {
        text-decoration: none;
    }
    
    .blog .sub-section {
        font-size: 0.8em;
        line-height: 1;
        margin-bottom: 2em;
    }
    .blog .sub-section .info_date {
        padding: 6px 0;
        margin-right: 1.8em;
        font-weight: bold;
        color: #ff6600;
    }
    .blog .sub-section .category {
        display: flex;
    }
    .blog .sub-section .category a {
        display: block;
        border: 1px solid #cccccc;
        color: #222222;
        padding: 5px 8px;
        margin-right: 1em;
    }
    .blog .sub-section .category a:hover {
        background-color: #ff6600;
        color: #ffffff;
    }
    
    .rpwwt-widget {
        margin-bottom: 3em;
    }
    .rpwwt-widget p.ttl, .wp_rp_content p.ttl {
        font-weight: bold;
        border-bottom: 1px solid #222222;
        text-align: center;
        padding-bottom: 0.4em;
        margin-bottom: 1.5em;
    }
    .rpwwt-widget a, .wp_rp_content a {
        color: #222222;
    }

    .wp_rp_content {
    }
    .related_post_title {
    }
    .rpwwt-widget ul, ul.related_post {
        position: relative !important;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 0.9em;
        line-height: 1.2;
    }
    .rpwwt-widget ul li, ul.related_post li {
        position: relative !important;
        vertical-align: top !important;
        zoom: 1 !important;
        width: 48% !important;
        padding: 0 !important;
        background: none !important;
        margin: 0 0 1.5em;
    }
    .rpwwt-widget li a, ul.related_post li a {
        position: relative !important;
        display: block !important;
        text-decoration: none !important;
        text-indent: 0 !important;
        color: #222222;
    }
    .rpwwt-widget li img, ul.related_post li img {
        display: block !important;
        width: 100% !important;
        margin: 0 0 0.4em !important;
        padding: 0 !important;
        background: none !important;
    }
    .wp_rp_footer {
        display: none;
    }
    .wp-pagenavi {
        text-align: center;
        margin-bottom: 2em;
    }
    .wp-pagenavi a, .wp-pagenavi span {
        color: #222222;
        padding: 6px 9px!important;
    }
}