@charset "utf-8";

.glyphicon {
    padding-top: 3px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: 0;
    line-height: 1.5;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 24px;
}

caption,
th {
    text-align: left;
}

p {
    margin-bottom: 1.6rem;
}

strong {
    font-weight: bold;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: underline;
    color: #24a156;
    text-decoration: none;
    word-break: break-all;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

a img {
    border: none;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: "ヒラギノ角ゴ Pro",
        "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.5;
    color: #414141;
    position: relative;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    display: block;
}

ul,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul li ul li,
ol li ul li {
    padding-left: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.hanging_indent {
    padding-left: 1.6rem;
    text-indent: -1.6rem;
}

.ta_c {
    text-align: center;
}

.ta_r {
    text-align: right;
}

.mb10 {
    margin-top: 10px;
}

.ml20 {
    margin-left: 20px;
}

a,
button {
    -webkit-transition: 0.2s linear 0;
    transition: 0.2s linear 0;
}

.material_shadow {
    box-shadow: 0 2px 5px 0 rgba(65, 65, 65, 0.16), 0 2px 10px 0 rgba(65, 65, 65, 0.12);
}

.img-r,
.img-l {
    width: 35%;
    margin: 0 4%;
    box-shadow: 1px 1px 3px #666;
}

@media screen and (min-width: 850px) {

    .img-r,
    .img-l {
        width: 25%;
    }
}

.img-r {
    float: right;
}

.img-l {
    float: left;
}

body {
    color: #414141;
    position: relative;
    padding: 10px 0 0;
}

.green_header {
    background: url(https
: //color-type.jp/img/common/header_bottom_bg.png) repeat-x;
        background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    margin-top: 30px;
    font-weight: bold;
    color: #666;
    font-family: "YuGothic", "Yu Gothic",
        "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.green_header:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.no_mb {
    margin-bottom: 0;
}

.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

.page_content ul {
    margin-bottom: 14px;
}

.block_center {
    display: block;
    margin: 0 auto;
}

.anchor_serif {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    text-decoration: none;
    color: #414141;
}

.anchor_serif:link,
.anchor_serif:visited,
.anchor_serif:hover,
.anchor_serif:active {
    color: #414141;
}

.anchor_serif:focus {
    outline: none;
}

.tail_introduction {
    width: 90%;
    margin-bottom: 30px;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}


/* For IE 6/7 (trigger hasLayout) */

.cf {
    zoom: 1;
}


}


/*フローティングメニュー*/
div.flomenu {
    display: none;
}

.flomenu,
.flomenu2 {
    /*display: none;*/
    width: 115px;
}

div#flomenu_wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.img100 {
    display: inline-block;
}

.img100 img {
    width: 100%;
}

div.img {
    display: inline-block;
}

.tac {
    text-align: center
}

.mt40 {
    margin-top: 40px;
}

@media screen and (min-width: 920px) {

    div.flomenu,
    div.flomenu2 {
        position: fixed;
        right: -3px;
        z-index: 9999;
        top: 155px;
        /*display: none;*/
        width: 130px;
    }

    div.flomenu2 {
        top: 360px;
    }

    .flomenu .event_info {
        width: 175px;
        background-color: rgba(255, 255, 255, 1);
        border-left: 1.5px solid #18A958;
        padding: 0 8px;
    }

    .flomenu .event_info p {
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        padding: 0 11px;
        line-height: 1.5;
    }

    .flomenu .event_info p.date {
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        padding: 0;
        line-height: 1.5;
        font-weight: bold;
        color: #008000;
        margin: 0;
        font-size: 19px;
    }

    a.anchor_serif {
        text-decoration: none;
    }

    .event_info img {
        width: 160px;
        padding-bottom: 10px;
    }
}

/*//フローティングメニュー//*/
@media screen and (min-width: 920px) {
    .tail_introduction {
        width: 100%;
    }
}

.tail_introduction:after {
    content: "";
    clear: both;
    display: block;
}

.tail_introduction .tail_introduction_content {
    width: 45%;
    text-align: center;
    border: 1px solid #80bf3a;
    border-radius: 5px;
    transition: 0.2s;
}

.tail_introduction .tail_introduction_content a {
    /*display: block;*/

    text-decoration: none;
    color: #414141;
}

.tail_introduction .tail_introduction_content a:link,
.tail_introduction .tail_introduction_content a:visited,
.tail_introduction .tail_introduction_content a:hover,
.tail_introduction .tail_introduction_content a:active {
    color: #414141;
}

.tail_introduction .tail_introduction_content a:focus {
    outline: none;
}

.tail_introduction .tail_introduction_content a h3 {
    margin-bottom: 1.6rem;
}

.tail_introduction .tail_introduction_content a p {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}

@media screen and (min-width: 920px) {

    .tail_introduction.advisor_course,
    .tail_introduction.instructor_course {
        width: 100%;
        margin-top: 30px;
    }
}

.tail_introduction.advisor_course .tail_introduction_content,
.tail_introduction.instructor_course .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

.tail_introduction.advisor_course .tail_introduction_content .course_name,
.tail_introduction.instructor_course .tail_introduction_content .course_name {
    text-align: center;
}

.tail_introduction.advisor_course .tail_introduction_content .course_name span,
.tail_introduction.instructor_course .tail_introduction_content .course_name span {
    display: block;
    line-height: 1;
}

.tail_introduction.advisor_course .tail_introduction_content .entry,
.tail_introduction.instructor_course .tail_introduction_content .entry {
    margin-bottom: 0;
    text-align: center;
    font-size: 1.92rem;
}

.tail_introduction.advisor_course .tail_introduction_content .link_to_exp,
.tail_introduction.instructor_course .tail_introduction_content .link_to_exp {
    width: 19.2rem;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.font_serif {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.font_serif li a {
    font-size: 15px;
}

.contents {
    background-size: 100%;
    margin: 0 auto;
}

.pages_head {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    text-align: center;
    border-top: 1px solid #24a156;
    border-bottom: 1px solid #24a156;
    padding: 5px 0;
    margin-bottom: 24px;
    font-size: 28px;
    position: relative;
}

.pages_head span {
    display: block;
    font-size: 0.8rem;
    color: #24a156;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.pages_head span.small_title {
    font-size: 1.92rem;
    color: #414141;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.section_head {
    font-size: 22px;
    border-bottom: 2px solid #ffe47e;
    margin-bottom: 1.6rem;
    margin-top: 16px;
    color: #f7931e;
    font-weight: bold;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック",
        "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.section_head:before {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: sub;
    margin-right: 0.8rem;
    background: url("https://color-type.jp/img/common/section_head_icon.png") no-repeat;
    background-size: 24px;
}

@media screen and (min-width: 920px) {
    .section_head:before {
        background: url("https://color-type.jp/img/common/section_head_icon_pc.png") no-repeat;
    }
}

.section_head.message {
    border-bottom: 2px solid #F3E5F5;
    color: #da7ed6;
}

.section_head.message:before {
    background: url("https://color-type.jp/img/common/mes_head_icon.png") no-repeat;
    background-size: 24px;
}

@media screen and (min-width: 920px) {
    .section_head.message:before {
        background: url("https://color-type.jp/img/common/mes_head_icon_pc.png") no-repeat;
    }
}

.link_with_icon {
    font-size: 1.6rem;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #414141;
}

@media screen and (min-width: 920px) {
    .link_with_icon {
        font-size: 2.4rem;
    }
}

.link_with_icon:link,
.link_with_icon:visited,
.link_with_icon:hover,
.link_with_icon:active {
    color: #414141;
}

.link_with_icon:focus {
    outline: none;
}

#front_page .link_with_icon:after {
    margin: 0 0 6px 10px;
}

.link_with_icon:after {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 0.8rem;
    border-radius: 0.4rem;
    background-color: #24a156;
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    vertical-align: text-bottom;
    color: #fff;
    display: inline-block;
    text-indent: 2px;
    line-height: 1.6;
    margin: 0 0 0px 10px;
}

.img_break {
    margin-bottom: 3.2rem;
}

.img_break .img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

@media screen and (min-width: 920px) {
    .img_break .img {
        display: inline-block;
        width: 33%;
        margin: 0 1.6rem;
        max-width: 100%;
    }
}

.img_break .text {
    display: block;
}

@media screen and (min-width: 920px) {
    .img_break .text {
        display: inline-block;
        width: 60%;
    }
}

.img_left_float {
    margin-bottom: 3.2rem;
}

.img_left_float:after {
    content: "";
    clear: both;
    display: block;
}

.img_left_float .img {
    float: left;
    width: 35%;
    margin-right: 5%;
}

@media screen and (min-width: 920px) {
    .img_left_float .img {
        width: 25%;
    }
}

.img_right_float {
    margin-bottom: 3.2rem;
}

.img_right_float:after {
    content: "";
    clear: both;
    display: block;
}

.img_right_float .img {
    float: right;
    width: 35%;
    margin-left: 5%;
}

@media screen and (min-width: 920px) {
    .img_right_float .img {
        width: 25%;
    }
}

table {
    table-layout: fixed;
    border: 1px solid #24a156;
    width: 90%;
    margin: 3.2rem auto;
}

table th {
    border-bottom: 1px solid #24a156;
    background-color: #F0F7E8;
    padding: 5px 9px;
    text-indent: 0;
    vertical-align: middle;
    border-right: 1px #24a156 solid;
}

table td {
    padding: 8px 16px;
    text-indent: 0;
    vertical-align: middle;
    border-bottom: 1px solid #24a156;
    border-right: 1px #24a156 solid;
}

table th.bb_dash,
table td.bb_dash {
    border-bottom: 1px #24a156 dashed;
}

.top-bar {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.top-bar:after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (min-width: 960px) {
    .top-bar {
        width: 960px;
    }
}

.top-bar .head_nav {
    margin-bottom: 0.8rem;
    display: inline-block;
    width: 92%;
    float: left;
    position: relative;
}

.top-bar .head_nav .skype_banner {
    display: none;
}

@media screen and (min-width: 920px) {
    .top-bar .head_nav {
        display: block;
        width: 100%;
    }

    .top-bar .head_nav .skype_banner {
        display: block;
        position: absolute;
        bottom: -40px;
        left: 395px;
    }
}

.top-bar .head_nav:after {
    content: "";
    clear: both;
    display: block;
}

.top-bar .head_nav h1 {
    float: left;
    width: 100px;
}

@media screen and (min-width: 920px) {
    .top-bar .head_nav h1 {
        width: 186px;
    }
}

.top-bar .head_nav #util_nav {
    float: right;
}

.top-bar .head_nav #util_nav ul {
    display: none;
}

@media screen and (min-width: 920px) {
    .top-bar .head_nav #util_nav ul {
        display: inline-block;
        /*margin-right: 1.6rem;*/
    }

    .top-bar .head_nav #util_nav ul li a {
        text-decoration: none;
        color: #414141;
    }

    .top-bar .head_nav #util_nav ul li a:link,
    .top-bar .head_nav #util_nav ul li a:visited,
    .top-bar .head_nav #util_nav ul li a:hover,
    .top-bar .head_nav #util_nav ul li a:active {
        color: #414141;
    }

    .top-bar .head_nav #util_nav ul li.seminar_icon a:link,
    .top-bar .head_nav #util_nav ul li.seminar_icon a:visited,
    .top-bar .head_nav #util_nav ul li.seminar_icon a:hover,
    .top-bar .head_nav #util_nav ul li.seminar_icon a:active {
        color: #fff;
    }

    .top-bar .head_nav #util_nav ul li a:focus {
        outline: none;
    }

    .top-bar .head_nav #util_nav ul li a img {
        border: none;
    }

    .top-bar .head_nav #util_nav ul li a:before {
        display: inline-block;
        width: 25px;
        height: 20px;
        vertical-align: middle;
    }

    .top-bar .head_nav #util_nav ul li .faq:before {
        content: " ";
        background: url("https://color-type.jp/img/common/faq_icon.png") no-repeat;
    }

    .top-bar .head_nav #util_nav ul li .inquiry:before {
        content: " ";
        background: url("https://color-type.jp/img/common/inquiry_icon.png") no-repeat;
    }
}

/*.top-bar .head_nav #util_nav .seminar_icon {
  display: inline-block;
  margin: 4px;
  background: url(/img/common/schedule_icon.png);
  background-size: 32px 34px;
}
.top-bar .head_nav #util_nav .seminar_icon span{
display: none;
}*/
.top-bar .head_nav .movie_banner {
    width: 180px;
    display: inline-block;
    margin-right: 16px;
}

p.member_banner {
    display: inline-block;
    width: 100px;
}

.banner_area {
    position: absolute;
    right: 200px;
}

@media screen and (max-width: 920px) {
    .top-bar .head_nav #util_nav .movie_banner {
        display: none;
    }

    .member_banner {
        display: none;
    }
}

.top-bar .head_nav #util_nav .seminar_icon {
    display: inline-block;
    /*margin: 4px;*/

    margin: 4px 0 0 10px;
    width: 40px;
    height: 34px;
    color: #fff;
}

.top-bar .head_nav #util_nav .seminar_icon a span {
    display: none;
}

.top-bar .head_nav #util_nav .seminar_icon a {
    display: block;
    width: 32px;
    height: 36px;
}

@media screen and (min-width: 920px) {
    .top-bar .head_nav #util_nav .seminar_icon {
        /*background: url(/img/common/schedule_icon_pc.png);*/
        background: transparent;
    }

    .top-bar .head_nav #util_nav .seminar_icon {
        width: auto;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        vertical-align: text-top;
        position: absolute;
        top: 42px;
        z-index: 1;
    }

    .top-bar .head_nav #util_nav .seminar_icon a img {
        display: none;
    }

    .top-bar .head_nav #util_nav .seminar_icon a {
        text-decoration: none;
        display: block;
        background: #F7931E;
        width: 144px;
        text-align: center;
        color: #f8f9f8;
        padding: 5px 16px;
        border-radius: 5px;
    }

    .top-bar .head_nav #util_nav .seminar_icon a {
        display: block;
    }
}

.seminar_icon a {
    color: #f8f9f8;
}

.seminar_icon a {
    color: #f8f9f8;
}

ul li.seminar_icon ul li,
ol li ul li {
    padding-left: 0;
}

.seminar_icon .seminar_icon_sub1 li {
    overflow: hidden;
    height: 0;
    transition: .3s;
}

.seminar_icon:hover .seminar_icon_sub1 li {
    overflow: visible;
    height: 36px;
    border-top: #fff dotted 1px;
}







.top-bar .head_nav #util_nav .member_support {
    display: inline-block;
    width: 40px;
    height: 34px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.top-bar .head_nav #util_nav .member_support a span {
    display: none;
}

@media screen and (min-width: 920px) {
    .top-bar .head_nav #util_nav .member_support {
        width: auto;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        vertical-align: text-top;
        margin: 0;
        top: 0;
        right: -4px;
    }

    .top-bar .head_nav #util_nav .member_support a img {
        display: none;
    }

    .top-bar .head_nav #util_nav .member_support a {
        text-decoration: none;
        display: block;
        background: #13a859;
        width: 144px;
        text-align: center;
        color: #f8f9f8;
        padding: 5px 13px;
        border-radius: 5px;
        transition: 0.1s;
        border: 1px #13a859 solid;
    }

    .top-bar .head_nav #util_nav .member_support a:hover {
        background: rgb(206, 237, 220);
        color: #15a85a;
        border: 1px #13a859 solid;
    }

    .top-bar .head_nav #util_nav .member_support a span {
        display: block;
    }
}






.top-bar .head_nav:after {
    content: "";
    clear: both;
    display: block;
}

.top-bar #global_nav {
    display: inline-block;
    width: 5%;
}

@media screen and (min-width: 920px) {
    .top-bar #global_nav {
        margin-bottom: 1.6rem;
        display: block;
        width: 100%;
    }

    #global_nav ul li {
        border-bottom: 1px #c1dca5 dashed;
    }
}

.top-bar #global_nav .naver-handle.naver-handle {
    border: none;
    color: #24a156;
    padding: 0;
    position: initial;
    line-height: 1;
    margin: 4px;
    font-size: 10px;
}

.top-bar #global_nav .naver-handle.naver-handle:after {
    position: initial;
    background: url(/img/common/menu_icon.png);
    background-size: 30px 34px;
    height: 34px;
    width: 30px;
    box-shadow: none;
    content: "";
    display: block;
}

.top-bar #global_nav.open .naver-handle:after {
    content: "\00d7";
    line-height: 1.5;
    background: transparent;
}

.top-bar #global_nav.naver.enabled .naver-wrapper {
    transition: 0.2s;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    z-index: 10000;
}

.top-bar #global_nav.naver.enabled.open .naver-wrapper ul li {
    opacity: 1;
}

.top-bar #global_nav ul {
    text-align: center;
}

.top-bar #global_nav ul li {
    opacity: 0;
    vertical-align: bottom;
    margin: 0px 10px;
    margin-top: 20px;
}

.top-bar #global_nav ul li a.skype:before {
    content: '\f17e';
    font-family: FontAwesome;
    font-size: 23px;
    color: #009FE3;
    padding-right: 5px;
}

.top-bar #global_nav li.nav_movie,
.top-bar #global_nav li.melmaga {
    display: none;
}

@media screen and (max-width: 920px) {
    .top-bar #global_nav li.nav_movie {
        display: list-item;
    }
}

@media screen and (min-width: 920px) {
    .top-bar #global_nav ul li {
        opacity: 1;
        display: inline-block;
        width: auto;
        /*margin: 0 3px;*/
    }
}

ul.font_serif {
    letter-spacing: -.40rem;
}

ul.font_serif li {
    letter-spacing: normal;
}

.top-bar #global_nav ul li a,
.top-bar #global_nav ul li span {
    display: block;
    text-align: center;
}

.top-bar #global_nav ul li a {
    text-decoration: none;
    color: #414141;
    padding: 0 12px;
}

.top-bar #global_nav ul li a:link,
.top-bar #global_nav ul li a:visited,
.top-bar #global_nav ul li a:hover,
.top-bar #global_nav ul li a:active {
    color: #414141;
    transition: 0.1s;
}

#global_nav ul li a:hover {
    text-shadow: 0px -1px 5px #88b960;
    /* color: #fff; */
}

.top-bar #global_nav ul li a:focus {
    outline: none;
}

.top-bar #global_nav ul li span {
    font-size: 0.8rem;
    color: #24a156;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

.read_more a,
.link_to_exp a {
    text-align: center;
    border: 1px solid #24a156;
    border-radius: 5px;
    margin: 0 0 0 auto;
    position: relative;
    padding: 3px 10px;
    font-size: 1.6rem;
    display: inline-block;
}

p.read_more {
    text-align: right;
}

p.read_more a {
    text-decoration: none;
}

.link_to_exp .link_with_icon {
    font-size: 1.6rem;
}

.link_to_exp .link_with_icon:after {
    margin: 0 0 1px 0.4rem;
}

.breadcrumbs_wrap {
    width: 100%;
    background: #f5f5f5;
}

.breadcrumbs_wrap a {
    text-decoration: none;
    color: #24a156;
}

.breadcrumbs_wrap .breadcrumbs {
    width: 90%;
    margin: 0 auto 3.2rem;
    padding: 5px 0 0 10px;
}

@media screen and (min-width: 920px) {
    .breadcrumbs_wrap .breadcrumbs {
        width: 920px;
    }
}

.breadcrumbs_wrap .breadcrumbs .breadcrumbs_top {
    font-size: inherit;
    text-rendering: auto;
    transform: translate(0, 0);
}

.breadcrumbs_wrap .breadcrumbs .breadcrumbs_top:before {
    font-family: FontAwesome;
    margin-right: 3px;
}

.breadcrumbs_wrap .breadcrumbs .breadcrumbs_top:before {
    content: "\f015";
}

#front_page .slide_img {
    margin-bottom: 1.6rem;
}

#front_page .slide_img .lavender.slick-slide {
    background: url(/img/front/slider/slider_lavender_bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}

@media screen and (min-width: 920px) {
    #front_page .slide_img .lavender.slick-slide {
        background: url(/img/front/slider/slider_lavender_bg_pc.png) repeat-x;
        background-position: 0 100%;
        background-size: initial;
    }
}

#front_page .slide_img .yellow.slick-slide {
    background: url(/img/front/slider/slider_yellow_bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}

@media screen and (min-width: 920px) {
    #front_page .slide_img .yellow.slick-slide {
        background: url(/img/front/slider/slider_yellow_bg_pc.png) repeat-x;
        background-position: 0 100%;
        background-size: initial;
    }
}

#front_page .slide_img .green.slick-slide {
    background: url(/img/front/slider/slider_green_bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}

@media screen and (min-width: 920px) {
    #front_page .slide_img .green.slick-slide {
        background: url(/img/front/slider/slider_green_bg_pc.png) repeat-x;
        background-position: 0 100%;
        background-size: initial;
    }
}

#front_page .slide_img .blue.slick-slide {
    background: url(/img/front/slider/slider_blue_bg.png) no-repeat;
    background-position: 0 100%;
    background-size: 100%;
}

@media screen and (min-width: 920px) {
    #front_page .slide_img .blue.slick-slide {
        background: url(/img/front/slider/slider_blue_bg_pc.png) repeat-x;
        background-position: 0 100%;
        background-size: initial;
    }
}

#front_page .slide_img img {
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    #front_page .slide_img img {
        width: 920px;
    }
}

#front_page #news {
    /*border-bottom: solid #ffe57f 6px;*/
    margin-bottom: 1.6rem;
}

#front_page #news .news_contents_wrap {
    width: 90%;
    margin: 0 auto 32px;
    position: relative;
}

@media screen and (min-width: 920px) {
    #front_page #news .news_contents_wrap {
        width: 920px;
    }
}

#front_page #news .news_contents_wrap a {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    text-decoration: none;
    color: #414141;
}

#front_page #news .news_contents_wrap a:link,
#front_page #news .news_contents_wrap a:visited,
#front_page #news .news_contents_wrap a:hover,
#front_page #news .news_contents_wrap a:active {
    color: #414141;
}

#front_page #news .news_contents_wrap a:focus {
    outline: none;
}

#front_page #news .news_contents_wrap .news_title,
#front_page #news .news_contents_wrap .news_contents,
#front_page #news .news_contents_wrap .news_to_list {
    display: inline-block;
}

#front_page #news .news_contents_wrap .news_title {
    vertical-align: top;
    width: 9.6rem;
    /*  border: 1px solid #24a156;
  color: #24a156;
*/

    border: 1px solid #C3DEA7;
    color: #333;
    /*background-color: #FFCD70;*/

    background-color: #FFE1A8;
    text-align: center;
    padding: 6px 10px;
    border-radius: 5px;
    margin-right: 20px;
}

@media screen and (min-width: 920px) {
    #front_page #news .news_contents_wrap .news_title {
        width: 12%;
    }
}

#front_page #news .news_contents_wrap .news_contents {
    width: 85%;
}

#front_page #news .news_contents_wrap .news_contents a {
    border-bottom: 1px dotted #414141;
    vertical-align: middle;
    display: block;
}

#front_page #news .news_contents_wrap .news_contents a:last-child {
    border-bottom: none;
}

#front_page #news .news_contents_wrap .news_contents a p {
    line-height: 2;
    display: inline-block;
    margin-bottom: 0;
    text-decoration: underline;
    margin-left: 6.4rem;
    text-indent: -3.2rem;
}

#front_page #news .news_contents_wrap .news_contents a span {
    width: 32px;
    display: inline-block;
    vertical-align: middle;
}

#front_page #news .news_contents_wrap .news_to_list {
    position: absolute;
    bottom: -10px;
    right: 0;
}

#front_page .to_blog {
    text-align: center;
}

#front_page .to_blog.blog a {
    color: #f70;
}


/* 新着情報 */
#front_page .index_news_box {
    width: 920px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:920px) {
    #front_page .index_news_box {
        width: 100%;
    }
}

#front_page .index_post_list {
    padding: 0 16px;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

@media screen and (max-width:920px) {
    #front_page .index_post_list {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
}

#front_page .index_post_list li {
    padding: 8px 0;
    border-bottom: #CFD8DC dashed 2px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#front_page .index_post_list li:last-child {
    border-bottom: none;
}

#front_page .list_head {
    width: 100%;
    border: 1px solid #24a156;
    border-radius: 8px;
    padding: 4px 8px;
    background: none;
    position: relative;
    margin-bottom: 8px;
}

#front_page .list_title {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    color: #24a156;
    font-weight: bold;
    margin: 0;
}

#front_page .list_title:before {
    font-family: FontAwesome;
    content: "\f1d8";
    font-size: 21px;
    color: #24a156;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

#front_page .list_title.movie:before {
    content: "\f16a";
}

#front_page .to_list {
    position: absolute;
    top: 5px;
    right: 8px;
}

#front_page .to_list a {
    text-decoration: none;
    color: #414141;
}

/*#front_page .to_list:before {
  font-family: FontAwesome;
  content: "\f054";
  font-size: 21px;
  color: #24a156;
  vertical-align: middle;
  margin-right: 4px;
}*/
#front_page .index_post_list_date,
#front_page .index_post_list_title {
    display: inline-block;
    margin: 0;
}

#front_page .index_post_list_date {
    width: 52px;
}

#front_page .index_post_list_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 350px;
    vertical-align: bottom;
    text-decoration: underline;
}

#front_page .top_movie {
    width: 405px;
    height: 228px;
    background-color: #000;
    margin: 0 auto;
}

@media screen and (max-width:920px) {
    #front_page .top_movie {
        display: block;
        margin: 0 auto 16px;
        width: 100%;
        max-width: 405px;
    }
}

#front_page .top_movie iframe {
    display: block;
    margin: 0 auto;
    height: 100%;
}

/* //新着情報 */

/* 動画ページ */
.movie .top {
    text-align: center;
}

.movie .content_area {
    padding: 1.6rem;
    margin: 0;
}

.movie .content_area p {
    text-indent: 1em;
    margin-bottom: 30px;
}

.movie .content_area h2 {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
}

.movie .content_area h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.movie .top_movie {
    background-color: #000;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    display: inline-block;
    padding: 0 10px;
}

@media screen and (max-width:920px) {
    .movie .top_movie {
        width: 100%;
        height: auto;
    }

    .movie .top_movie iframe {
        width: 100%;
        height: auto;
    }
}

.movie .top_movie iframe {
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    .movie .tail_introduction {
        width: 100%;
    }
}

.movie .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

.movie .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

@media screen and (min-width: 920px) {
    .movie .tail_introduction .tail_introduction_content .img {
        display: inline-block;
        width: 33%;
        margin: 0 1.6rem;
        max-width: 100%;
    }
}

.movie .tail_introduction .tail_introduction_content .text {
    display: block;
}

.movie .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
}

.movie .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {
    .movie .tail_introduction .tail_introduction_content .text {
        display: inline-block;
        width: 60%;
    }
}

.movie .tail_introduction .tail_introduction_content .text .link_to_exp {
    position: relative;
    top: 0.8rem;
    width: 196px;
}

/* //動画ページ */

/*メルマガ*/
.content_area {
    position: relative;
    /*width: 960px;*/

    width: 100%;
    margin-bottom: 80px;
}

.page_content.melmaga,
.btn_mgz {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.page_content.melmaga h4 {
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 20px;
    margin: 30px 0 0px 0;
    padding: 20px;
}

.page_content.melmaga h4.mb10 {
    margin-bottom: 10px;
}

form.form_area th,
form.form_area table,
form.form_area td {
    border: none;
    background-color: transparent;
    text-align: center;
    display: block;
}

form.form_area th {
    width: 150px;
}

.page_content.melmaga .top_img {
    margin: 0 auto;
    box-shadow: 0px 0px 5px 3px #ccc;
    border-radius: 10px;
}

.btn_mgz {
    background-image: url(/img/page/m_magazine/malmaga_btn.png);
    background-color: transparent;
    border: none;
    height: 50px;
    width: 180px;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0 auto;
}

.text_input {
    height: 36px;
    width: 320px;
    font-size: 18px;
}

.form_area {
    width: 100%;
    margin: 0 auto;
    padding-top: 45px;
}

@media screen and (min-width: 920px) {
    .form_area {
        width: 600px;
    }

    form.form_area th,
    form.form_area table,
    form.form_area td {
        display: inline-block;
    }

    form.form_area table {
        display: block;
    }
}



.form_area.top {
    padding-top: 0;
}

.form_area:after {
    background: url(/img/page/m_magazine/malmaga_line.png);
    position: absolute;
    left: 0;
    margin: 45px auto 0;
    width: 100%;
    display: block;
    background-position: 50%;
    /* overflow: hidden; */

    content: "";
    height: 14px;
    background-repeat: no-repeat;
}

.form_area.last:after {
    display: none;
}

.form_area label p,
.text_input {
    display: inline-block;
}

.form_area label p {
    margin-top: 5px;
}

.form_area p {
    padding-left: 35px;
    color: #757575;
}


/*//メルマガ*/
.page_content {
    width: 100%;
    padding: 0 1.6rem;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    .page_content {
        width: 920px;
    }
}

#news h1 span,
#category h1 span,
#category_news h1 span {
    font-size: 1.2rem;
    vertical-align: baseline;
}

#news .news_list_title,
#category .news_list_title,
#category_news .news_list_title {
    color: #24a156;
    margin-bottom: 0;
    padding-top: 1.6rem;
    font-size: 18px;
    border-bottom: 1px dashed #008000;
    margin-bottom: 10px;
}

#news .news_list_title:first-child,
#category .news_list_title:first-child,
#category_news .news_list_title:first-child {
    border-top: none;
}

#news .news_list_title span.date,
#category .news_list_title span.date,
#category_news .news_list_title span.date {
    font-size: 1.28rem;
    display: block;
}

#news .news_excerpt,
#category .news_excerpt,
#category_news .news_excerpt {
    color: #414141;
    margin: 20px;
    margin-top: 0;
}

h3.news_title {
    color: #24a156;
    font-size: 20px;
    border-bottom: 1px #18a958 dashed;
    position: relative;
    margin-bottom: 40px;
}

h3.news_title span.date {
    display: block;
    text-align: right;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: -26px;
}

article#content .content_area {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 80px;
}

#news .news_excerpt a,
#category .news_excerpt a,
#category_news .news_excerpt a {
    text-decoration: none;
}

#news .wp-pagenavi,
#category .wp-pagenavi,
#category_news .wp-pagenavi {
    margin: 30px auto;
    text-align: center;
    font-size: 90%;
}

#news .wp-pagenavi a,
#category .wp-pagenavi a,
#category_news .wp-pagenavi a,
#news .wp-pagenavi span,
#category .wp-pagenavi span,
#category_news .wp-pagenavi span {
    border: none;
}

#news .wp-pagenavi .current,
#category .wp-pagenavi .current,
#category_news .wp-pagenavi .current {
    border: none;
    background-color: #24a156;
    color: #fff;
    margin: 0 4px;
}

#front_page {
    margin-bottom: 3.2rem;
}

#front_page .top_h1_message {
    background: url("https://color-type.jp/img/front/top_h1_message_bg.png") no-repeat;
    background-size: contain;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 4.8rem;
    position: relative;
    background-position: 0;
}

#front_page .top_h1_message .m_txt_area {
    width: 100%;
    text-align: center;
    margin-bottom: 1.6rem;
}

@media screen and (min-width: 920px) {
    #front_page .top_h1_message {
        background: url("https://color-type.jp/img/front/top_h1_message_bg.png") no-repeat;
        background-size: contain;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        margin-bottom: 4.8rem;
        position: relative;
        height: 300px;
        background-position: right;
    }

    #front_page .top_h1_message .m_txt_area {
        width: 580px;
        position: absolute;
        top: 60px;
        right: 0;
    }
}

#front_page .top_h1_message .m_txt_area h1 {
    font-size: 22px;
    border-bottom: 2px #80bf3a solid;
}

#front_page .top_h1_message .m_txt_area p {
    font-size: 15px;
    line-height: 35px;
    font-family: "ヒラギノ角ゴ Pro",
        "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.top_h1 {
    width: 580px;
    display: inline-block;
    vertical-align: top;
}

#front_page .top_h1_message p {
    text-align: center;
    line-height: 3;
    margin-bottom: 0;
}

#front_page .top_h1_message img.front_sosikizu {
    width: 100%;
}

#front_page .top_h1_message p.front_sosikizu {
    width: 100%;
    text-align: right;
    font-size: 14px;
}

@media screen and (min-width: 920px) {
    #front_page .top_h1_message img.front_sosikizu {
        width: 280px;
        position: relative;
        top: 50px;
    }

    #front_page .top_h1_message p.front_sosikizu {
        width: 280px;
        position: relative;
        top: 40px;
        font-size: 14px;
    }
}

#front_page .top_h1_message .link_with_icon {
    text-align: right;
    display: block;
}

#front_page .contnts_introduction {
    margin-bottom: 4.8rem;
    width: 900px;
    margin: 0 auto;
}

#front_page .contnts_introduction ul {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

#front_page .contnts_introduction ul li {
    display: inline-block;
    width: 100%;
}

#front_page .contnts_introduction ul li h2 {
    margin-bottom: 0.8rem;
}

#front_page .contnts_introduction ul li a {
    text-decoration: none;
    transition: 0.2s;
    display: block;
}

@media screen and (max-width:720px) {
    #front_page .contnts_introduction ul li a {
        display: inline;
    }
}

/*消さない*/
#front_page .contnts_introduction ul li a:hover {
    opacity: 0.6;
    display: block;
}

#front_page .contnts_introduction ul li {
    width: 280px;
    text-align: left;
    margin: 0 8px;
}

@media screen and (max-width:720px) {
    #front_page .contnts_introduction ul li {
        width: 100%;
    }
}

/*消さない*/
#front_page .contnts_introduction ul li img {
    width: 45%;
    max-width: 300px;
    margin-bottom: 0.4rem;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 920px) {
    #front_page .contnts_introduction ul li img {
        display: block;
        width: 276px;
        margin-bottom: 0.8rem;
        border-radius: 13px;
        box-shadow: 0 0 7px #0000002e;
    }
}

#front_page .contnts_introduction ul li .text {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (min-width: 920px) {
    #front_page .contnts_introduction ul li .text {
        width: 100%;
        display: block;
    }
}

#front_page .contnts_introduction ul li .link_with_icon {
    text-align: left;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

#front_page .contnts_introduction ul li .link_with_icon:after {
    display: none;
}

#front_page .contnts_introduction ul li .link_with_icon:before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 0.8rem;
    border-radius: 0.4rem;
    background-color: #24a156;
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    vertical-align: text-bottom;
    color: #fff;
    display: inline-block;
    text-indent: 2px;
    line-height: 1.6;
    margin: 0 0 0px 10px;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

#front_page .contnts_introduction ul li p {
    font-size: 1.28rem;
}

@media screen and (min-width: 920px) {
    #front_page .contnts_introduction ul li p {
        font-size: 1.6rem;
        line-height: 1.8;
        /* margin: 0 5px; */
    }
}

#front_page .culture_introduction {
    margin-bottom: 3.2rem;
}

#front_page .culture_introduction ul {
    text-align: center;
}

#front_page .culture_introduction h2 {
    font-size: 22px;
    border-bottom: 2px #80bf3a solid;
}

#front_page .culture_introduction h2 span {
    display: inline-block;
}

#front_page .culture_introduction.img_break .img {
    max-width: 300px;
}

#front_page .culture_introduction ul:after {
    content: "";
    clear: both;
    display: block;
}

#front_page .culture_introduction ul li {
    vertical-align: top;
    width: 48%;
    border: 1px solid #24a156;
    color: #24a156;
    text-align: center;
    border-radius: 5px;
    float: right;
}

#front_page .culture_introduction ul li .link_with_icon.link_with_icon {
    display: block;
    padding: 0.4rem 0;
    font-size: 1.6rem;
    vertical-align: middle;
}

@media screen and (min-width: 920px) {
    #front_page .culture_introduction ul li .link_with_icon.link_with_icon {
        font-size: 1.92rem;
    }
}

/*#front_page .culture_introduction ul li:first-child {
  float: left;
}*/
#front_page .culture_introduction ul li .link_with_icon {
    font-size: 1.92rem;
}

#overview .message_1 p {
    text-indent: 1.6rem;
}

#overview .message_1 .img p {
    text-indent: 0;
}

@media screen and (min-width: 920px) {
    #overview .message_1 .img p br {
        display: none;
    }
}

#overview .message_1 .img p span {
    font-size: 1.2rem;
    display: block;
}

#overview .message_2 h3 {
    color: #18a958;
}

#overview .message_2 h3.green_header {
    color: #414141;
}

#overview .message_2 p {
    text-indent: 1.6rem;
}

#overview .message_2 p.no_mb {
    margin-bottom: 0;
}

#overview .message_2 p.author {
    text-align: right;
    margin-bottom: 0;
}

#overview .message_2 .img_right_float .img {
    width: 35%;
    max-width: 200px;
}

@media screen and (min-width: 920px) {
    #overview .message_2 .img_right_float .img {
        /*width: 15%;*/
    }
}

#overview .message_2 .img_right_float .text ul li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
    margin-bottom: 1.6rem;
}

#overview .message_2 .img_right_float .text ul li span {
    display: block;
    margin-left: 2.4rem;
}

@media screen and (min-width: 920px) {
    #overview .message_2 .img_right_float .text ul li span {
        display: inline-block;
    }
}

#overview .message_2 .img_right_float .text ul li:before {
    content: "≫ ";
    color: #24a156;
}

#overview dl {
    margin-bottom: 3.2rem;
}

#overview dl dd {
    text-indent: 1.6rem;
}

#overview dl dd.about_colortype {
    position: relative;
}

#overview dl dd.about_colortype p {
    text-indent: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {
    #overview dl dd.about_colortype p {
        display: inline-block;
    }

    #overview dl dd.about_colortype p.link_to_exp {
        position: absolute;
        top: 0;
        right: 0;
    }
}

#overview dl dd dt {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    margin-left: 3.2rem;
}

#overview dl dd dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#overview dl dd dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#overview table th {
    width: 12.8rem;
}

#overview table td span {
    text-indent: 1.6rem;
    display: block;
}

@media screen and (min-width: 920px) {
    #overview table td span {
        display: inline-block;
    }
}

#overview .ul_business_description {
    text-indent: 0;
    margin: 0 0 3.2rem 3.2rem;
}

#overview .ul_business_description li {
    display: inline-block;
}

#overview .ul_business_description li:after {
    content: "/";
}

#overview .ul_member_hq {
    text-indent: 0;
    margin-left: 3.2rem;
}

#overview .ul_member_hq span {
    margin-right: 1.6rem;
}

#overview .tail_introduction {
    width: 100%;
}

#overview .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

#overview .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
}

@media screen and (min-width: 920px) {

    #overview .tail_introduction .tail_introduction_content .img,
    #instructor_books .tail_introduction .tail_introduction_content .img {
        display: inline-block;
        width: 50%;
        max-width: 100%;
        padding: 0 20px;
    }
}

#overview .tail_introduction .tail_introduction_content .text,
#instructor_books .tail_introduction .tail_introduction_content .text {
    display: block;
}

#overview .tail_introduction .tail_introduction_content .text h3,
#instructor_books .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
}

#overview .tail_introduction .tail_introduction_content .text p,
#instructor_books .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {

    #overview .tail_introduction .tail_introduction_content .text,
    #instructor_books .tail_introduction .tail_introduction_content .text {
        display: inline-block;
        width: 49%;
    }
}

#overview .tail_introduction .tail_introduction_content .text .link_to_exp,
#instructor_books .tail_introduction .tail_introduction_content .text .link_to_exp {
    position: relative;
    top: 0.8rem;
    width: 196px;
}

#colortype .top_message .img {
    width: 50%;
    margin: 0 auto 1.6rem;
    min-width: 300px;
}

#colortype .top_message p.message_text {
    color: #24a156;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    font-size: 1.6rem;
    width: 100%;
    margin: 0 auto 2.4rem;
    display: block;
    text-align: center;
    line-height: 1.8;
}

@media screen and (min-width: 815px) {
    #colortype .top_message p.message_text {
        font-size: 2.4rem;
    }
}

#colortype .top_message p.trade_mark {
    margin-bottom: 0;
}

#colortype .top_message p.trade_mark+p {
    font-size: 1.28rem;
    text-indent: -1.28rem;
    margin-left: 1.28rem;
}

#colortype .top_message p.trade_mark+p:before {
    content: "※";
}

#colortype .features_1 .img_left_float .img {
    max-width: 180px;
}

#colortype .features_1 .img_left_float p span {
    color: #24a156;
}

#colortype .features_2 ul+img {
    max-width: 100%;
    margin-bottom: 1.6rem;
}

#colortype .features_2 ul li {
    position: relative;
    margin-bottom: 1.6rem;
}

#colortype .features_2 ul li .numbering {
    font-weight: bold;
    position: absolute;
}

#colortype .features_2 ul li .text {
    margin-left: 3.2rem;
    display: block;
    color: #414141;
}

#colortype .features_2 ul li span {
    color: #24a156;
}

#colortype .features_2 p {
    margin: 0 0 3.2rem 4.8rem;
}

#colortype .tail_introduction {
    width: 100%;
}

#colortype .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

#colortype .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
}

#colortype .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
}

#colortype .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

#colortype .tail_introduction .tail_introduction_content .text .link_to_exp {
    position: relative;
    top: 0.8rem;
    /*width: 196px;*/

    text-align: right;
}

#certification .top_message {
    background: url("https://color-type.jp/img/page/certification/certification_top_bg.png") no-repeat;
    background-size: 100%;
    background-position: 50% 0;
    padding: 1.6rem 0;
}

#certification .top_message p {
    text-align: center;
    margin-bottom: 3.2rem;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    font-size: 1.6rem;
    line-height: 1.8;
}

@media screen and (min-width: 920px) {
    #certification .top_message p {
        font-size: 2.4rem;
    }
}

#certification .top_message p span {
    color: #24a156;
    vertical-align: baseline;
}

#certification .point {
    margin-bottom: 4.8rem;
    margin-top: 2rem;
}

#certification .point .point_head {
    font-size: 2.3rem;
    border-bottom: 1px solid #80bf3a;
    margin-bottom: 1.6rem;
    font-weight: bold;
    color: #3fa156;
}

#certification .point .point_head span {
    color: #24a156;
    margin-right: 3.2rem;
}

#certification .point p {
    text-indent: 1.6rem;
}

@media screen and (min-width: 920px) {
    #certification .point p {
        margin-left: 1.6rem;
    }
}

#certification .point img {
    margin: 0 auto;
}

#certification .point img.sosikizu {
    width: 630px;
}

#certification .point img.front_sosikizu {
    width: 400px;
}

#certification .point p.sosikizu {
    width: 100%;
    text-align: right;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 14px;
    color: #B3C5D4;
}

@media screen and (min-width: 920px) {
    #certification .point p.sosikizu {
        width: 600px;
    }
}

#certification .point ul {
    margin-left: 1.6rem;
    margin-bottom: 1.6rem;
}

#certification .point ul li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#certification .point ul li:before {
    content: "・";
}

#certification .course_list .section_head span {
    color: #24a156;
}

#certification .course_list dd {
    margin-bottom: 4.8rem;
}

#certification .course_list dd.no_mb {
    margin-bottom: 0;
}

/*#certification .course_list dd .link_to_exp {
  width: 132px;
}*/
#certification .course_list dd .listtitle {
    color: #24a156;
}

#certification .course_list dd ul {
    margin: 0 0 1.6rem 1.6rem;
}

#certification .course_list dd ul li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#certification .course_list dd ul li:before {
    content: "≫ ";
    color: #24a156;
}

#certification .course_list dd .grade2_set_img {
    display: block;
    width: 50%;
    margin: 0 auto 1.6rem;
}

@media screen and (min-width: 920px) {
    #certification .course_list dd .grade2_set_img {
        display: inline-block;
        width: 45%;
        margin-right: 3%;
    }
}

#certification .course_list dd .grade2_set_text {
    display: inline-block;
    width: 100%;
}

@media screen and (min-width: 920px) {
    #certification .course_list dd .grade2_set_text {
        width: 48%;
    }
}

.explains dt {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    margin-top: 30px;
    font-weight: bold;
    color: #666;
    font-family: "YuGothic", "Yu Gothic",
        "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    position: relative;
}

.explains dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.explains dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.explains dd {
    margin-bottom: 3.2rem;
}

.explains dd img {
    display: block;
    margin: 0 auto;
}

.explains dd .instructor_img {
    display: inline-block;
    width: 30%;
}

.explains dd .link_to_exp.to_instructor {
    width: 262px;
}

#certification .tail_introduction,
#schedule_list .tail_introduction {
    width: 100%;
}

#certification .tail_introduction .tail_introduction_content,
#schedule_list .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

#certification .tail_introduction .tail_introduction_content .img,
#schedule_list .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
}

@media screen and (min-width: 920px) {

    #certification .tail_introduction .tail_introduction_content .img,
    #schedule_list .tail_introduction .tail_introduction_content .img {
        display: inline-block;
        width: 50%;
        max-width: 100%;
    }
}

#certification .tail_introduction .tail_introduction_content .text,
#schedule_list .tail_introduction .tail_introduction_content .text {
    display: block;
}

#certification .tail_introduction .tail_introduction_content .text h3,
#schedule_list .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
    text-align: center;
}

@media screen and (min-width: 920px) {

    #certification .tail_introduction .tail_introduction_content .text h3,
    #schedule_list .tail_introduction .tail_introduction_content .text h3 {
        padding-top: 50px;
    }
}

#certification .tail_introduction .tail_introduction_content .text h3 span,
#schedule_list .tail_introduction .tail_introduction_content .text h3 span {
    display: block;
}

#certification .tail_introduction .tail_introduction_content .text p,
#schedule_list .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {

    #certification .tail_introduction .tail_introduction_content .text,
    #schedule_list .tail_introduction .tail_introduction_content .text {
        display: inline-block;
        width: 49%;
    }
}

#certification .tail_introduction .tail_introduction_content .block_text,
#schedule_list .tail_introduction .tail_introduction_content .block_text {
    display: block;
}

#certification .tail_introduction .tail_introduction_content .block_text .link_to_exp,
#schedule_list .tail_introduction .tail_introduction_content .block_text .link_to_exp {
    position: relative;
    top: 0.8rem;
    text-align: right;
}

.colored {
    color: #24a156;
}

#advisor_course .course_int {
    margin-bottom: 3.2rem;
}

#advisor_course .course_int .top_message .text {
    display: block;
    margin: 0 auto;
    font-size: 2.4rem;
    text-align: center;
}

@media screen and (min-width: 920px) {
    #advisor_course .course_int .top_message .text {
        display: inline-block;
        width: 45%;
    }
}

#advisor_course .course_int .top_message .text span {
    display: block;
}

#advisor_course .course_int .top_message .img {
    width: 329px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    #advisor_course .course_int .top_message .img {
        display: inline-block;
    }
}

#advisor_course .course_int .grade2_set_img {
    width: 350px;
    margin: 0 auto;
}

#advisor_course .course_outline .grade2_set_img {
    width: 350px;
    margin: 0 auto;
}

#advisor_course .course_int dl {
    width: 100%;
    display: inline-block;
    position: relative;
}

@media screen and (min-width: 920px) {
    #advisor_course .course_int dl {
        width: 100%;
    }

    #advisor_course .course_int dl.with_img {
        height: 370px;
    }
}

/*#advisor_course .course_int dl dt {
    background: url(https
: //color-type.jp/img/common/header_bottom_bg.png) repeat-x;
        background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    font-weight: bold;
    color: #666;
    font-family: "YuGothic", "Yu Gothic",
        "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}*/
/*
#advisor_course .course_int dl dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .course_int dl dt:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}*/

#advisor_course .course_int dl dd {
    padding: 0 1.6rem;
}

#advisor_course .course_int dl.map dd {
    margin: 1.5rem auto;
}

#advisor_course .course_int dl.map dd.zoom {
    text-align: right;
}

#advisor_course .course_int .g_map {
    width: 100%;
    height: 300px;
    margin: 0 auto;
}

/*#advisor_course .course_int dl dd span {
    color: #24a156;
}*/

#advisor_course .course_int dl dd .int_img {
    max-width: 400px;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {

    #advisor_course .course_int .g_map {
        width: 850px;
        height: 300px;
        margin: 0 auto;
    }
}

#advisor_course .course_int dl dd li {
    margin: 0 0 1.6rem 1.6rem;
    text-indent: -1.6rem;
}

#advisor_course .course_int dl dd li:before {
    content: "≫ ";
    color: #24a156;
}

#advisor_course .course_int dl dd li li {
    margin: 0 0 0 1.6rem;
    text-indent: -1.6rem;
}

#advisor_course .course_int dl dd li li:before {
    content: "・";
    color: #414141;
}

#advisor_course .recommend h2 {
    background: url(https
: //color-type.jp/img/common/header_bottom_bg.png) repeat-x;
        background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    margin-top: 30px;
    font-weight: bold;
    color: #666;
    font-family: "YuGothic", "Yu Gothic",
        "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
    position: relative;
}

#advisor_course .recommend h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .recommend h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .recommend dl {
    padding: 10px;
    margin-bottom: 30px;
}

#advisor_course .recommend dl dt {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    font-size: 1.92rem;
    border-bottom: 1px solid #80bf3a;
}

#advisor_course .recommend dl dd {
    /* padding: 16px 32px;*/

    margin-bottom: 10px;
}

#advisor_course .recommend dl dd li:before {
    content: "≫ ";
    color: #24a156;
}

#advisor_course .set h2 {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    margin-top: 1.6rem;
}

#advisor_course .set h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .set h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .set p {
    width: 90%;
    display: inline-block;
}

@media screen and (min-width: 920px) {
    #advisor_course .set p {
        margin-left: 4%;
        width: 35%;
    }

    #advisor_course .set p.text {
        width: 55%;
    }
}

#advisor_course .after h2 {
    background: url(https
: //color-type.jp/img/common/header_bottom_bg.png) repeat-x;
        background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
    font-weight: bold;
    color: #666;
    font-family: "YuGothic", "Yu Gothic",
        "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

#advisor_course .after h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .after h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#advisor_course .after .content_after {
    padding: 1.6rem;
}

#advisor_course .after .content_after p {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#advisor_course .after .content_after p.exp,
#advisor_course .after .content_after p.poss {
    margin-bottom: 0;
}

#advisor_course .after .content_after p.poss+p {
    font-size: 1.28rem;
    text-indent: 0;
}

#advisor_course .after .content_after p.poss+p:before {
    content: none;
}

#advisor_course .after .content_after p span {
    color: #24a156;
}

#advisor_course .after .content_after p:before {
    content: "≫ ";
    color: #24a156;
}

#advisor_course .after .content_after dl {
    margin: 15px 0 1.6rem 3.2rem;
}

#advisor_course .after .content_after dl li {
    margin-left: 1.28rem;
    text-indent: -1.28rem;
}

#advisor_course .after .content_after dl li:before {
    content: "・";
}

#advisor_course .after .content_after .items .text,
#advisor_course .after .content_after .items .img {
    display: inline-block;
}

#advisor_course .after .content_after .items .text {
    margin-left: 2.4rem;
}

@media screen and (min-width: 920px) {
    #advisor_course .after .content_after .items .text {
        width: 65%;
    }
}

#advisor_course .after .content_after .items .text p:before {
    content: none;
}

#advisor_course .after .content_after .items li {
    margin-left: 3.2rem;
    text-indent: -1.6rem;
}

#advisor_course .after .content_after .items li:before {
    content: "・";
}

#advisor_course .after .content_after .items .img {
    width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    #advisor_course .after .content_after .items .img {
        display: inline-block;
        width: 25%;
    }
}

#instructor_course .course_int {
    margin-bottom: 3.2rem;
}

#instructor_course .course_int .int_img {
    max-width: 400px;
    margin: 0 auto;
}

#instructor_course .course_int dl {
    width: 95%;
    display: inline-block;
    position: relative;
}

#instructor_course .course_int dl.course_content:after,
#instructor_course .course_int dl.course_content:before {
    content: "………………………………………………………………………………………………";
}

#instructor_course .course_int dl.course_content dt {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#instructor_course .course_int dl.course_content dt:before {
    content: "●";
}

#instructor_course .course_int dl.course_content dd {
    font-size: 1.6rem;
    margin-left: 0;
}

#instructor_course .course_int dl.course_content dd.dotted:after {
    content: "………………………………………………………………………………………………";
    display: block;
}

#instructor_course .course_int dl.course_content dd li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#instructor_course .course_int dl.course_content dd li:before {
    content: "・";
}

#instructor_course .course_int dl dt {
    margin-left: 2.4rem;
    text-indent: -2.4rem;
    font-weight: bold;
}

#instructor_course .course_int dl dt span {
    color: #24a156;
    font-weight: bold;
}

#instructor_course .course_int dl dd {
    margin: 0 0 1.6rem 2.4rem;
}

#mind-reading .mind_reading_exp {
    margin-bottom: 4.8rem;
}

#mind-reading .mind_reading_exp dl {
    margin-bottom: 3.2rem;
}

#mind-reading .mind_reading_exp .exp_lead {
    font-weight: bold;
    margin: 0 0 0 1.6rem;
    text-indent: -1.6rem;
}

#mind-reading .mind_reading_exp .exp_lead:before {
    content: "■";
}

#mind-reading .mind_reading_exp li:before {
    content: "・";
}

#mind-reading .course_outline .schedule_outline p {
    margin: 0;
}

#mind-reading .course_outline table {
    margin: 0 auto;
}

#mind-reading .course_outline th {
    width: 20%;
}

#mind-reading .course_outline caption {
    text-align: left;
    width: auto;
    padding: 0;
    border: none;
    font-size: 1.6rem;
    background-color: transparent;
}

.course_outline table caption {
    text-align: center;
    width: 9.6rem;
    padding: 4px 0;
    border: solid 1px #24a156;
    border-bottom: none;
    background-color: #F0F7E8;
    font-size: 2rem;
}

.course_outline dt {
    margin-left: 1.6rem;
}

.course_outline dd {
    margin-bottom: 4.8rem;
}

.course_outline dd th {
    text-align: center;
    width: 30%;
}

.course_outline dd td {
    vertical-align: top;
}

.course_outline dd td span.time {
    font-size: 1.92rem;
}

.course_outline dd {
    padding: 0 1.6rem;
}

.course_outline dd.schedule_outline .schedule_outline_frame {
    border: 1px solid #ffe47e;
}

.course_outline dd.schedule_outline .schedule_outline_frame .time-schedule_title {
    margin: 0 0 1.6rem;
    text-align: center;
    padding: 4px 0;
    font-size: 24px;
    border-bottom: 1px solid #ffe47e;
    background-color: #FFFDE7;
    text-indent: 0;
}

.course_outline dd.schedule_outline .schedule_outline_frame .time-schedule_table_title {
    color: #24a156;
    font-size: 1.92rem;
}

.course_outline dd.schedule_outline .schedule_outline_frame .time-schedule_table_exp {
    padding: 0 1.6rem;
}

.course_outline dd.schedule_outline p {
    text-indent: 1.6rem;
}

.course_outline dd.schedule_outline .advisor_list li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

.course_outline dd.schedule_outline .advisor_list li:before {
    content: "・";
}

.course_outline dd.schedule_outline .grade2_list {
    margin-bottom: 1.6rem;
}

.course_outline dd.schedule_outline .grade2_list li span {
    display: block;
    margin-left: 1.6rem;
}

.course_outline dd.schedule_outline .grade2_list li span:first-child {
    text-indent: -1.6rem;
}

@media screen and (min-width: 920px) {
    .course_outline dd.schedule_outline .grade2_list li span {
        display: inline-block;
        width: 260px;
    }

    .course_outline dd.schedule_outline .grade2_list li span:first-child {
        width: 8rem;
    }
}

.course_outline dd.schedule_outline .star {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

.course_outline dd.schedule_outline .star:before {
    content: "※";
}

.course_outline dd.schedule_outline .privilege_title {
    font-weight: bold;
    color: #24a156;
}

@media screen and (min-width: 920px) {
    .course_outline dd.schedule_outline .privilege_title {
        text-indent: 3.2rem;
    }
}

@media screen and (min-width: 920px) {
    .course_outline dd.schedule_outline .privilege {
        text-indent: 6.4rem;
    }
}

.course_outline dd.instructor td {
    text-align: center;
}

.course_outline dd.place .text,
.course_outline dd.place .map {
    display: inline-block;
    width: 90%;
}

@media screen and (min-width: 920px) {

    .course_outline dd.place .text,
    .course_outline dd.place .map {
        width: 48%;
    }
}

.course_outline dd.place .text dt {
    background: none;
    height: 1.92rem;
    font-size: 1.92rem;
    margin-bottom: 1.6rem;
}

.course_outline dd.place .text dt:before {
    content: none;
}

.course_outline dd.place .text a:before {
    content: "≫ ";
}

.course_outline dd.place .text dd {
    margin-left: 1.6rem;
}

.course_outline dd.place .map iframe {
    margin: 0 auto;
    display: block;
}

/*.course_outline .fee p {
  font-size: 2.4rem;
  text-align: center;
}*/
.course_outline .fee p:before {
    content: none;
}

.course_outline .fee td .star {
    display: block;
    font-size: 1.6rem;
    margin-left: 3.2rem;
    text-indent: -1.6rem;
}

.course_outline .fee td ul {
    margin-bottom: 1.6rem;
}

.certi table.fee ul {
    border: none;
    padding: 0 0;
}

.course_outline dd.payment {
    padding: 0 3.2rem;
}

dd.payment th {
    width: 25%;
}

.course_outline dd.payment p:before {
    content: none;
}

.course_outline dd.payment .star:before {
    content: "※";
}

.tail_introduction .tail_introduction_content {
    margin: 0 auto;
}

#diagnosis .diag_img {
    position: relative;
}

#diagnosis .diag_img .main_img {
    margin-bottom: 4.8rem;
}

@media screen and (min-width: 920px) {
    #diagnosis .diag_img .main_img {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 4.8rem;
        max-width: 100%;
    }
}

#diagnosis .diag_img .main_img img {
    margin: 0 auto 1.6rem;
}

#diagnosis .diag_img .diag_link_imgs {
    position: absolute;
    bottom: 0;
}

@media screen and (min-width: 920px) {
    #diagnosis .diag_img .diag_link_imgs {
        position: relative;
        margin: -173px auto 32px;
        display: block;
        width: 630px;
    }
}

#diagnosis .diag_img .diag_link_imgs img {
    display: inline-block;
    width: 23%;
}

#diagnosis_result dt {
    border-bottom: solid 1px;
    font-weight: bold;
    vertical-align: bottom;
    margin-bottom: 1.6rem;
}

#diagnosis_result dt:before {
    vertical-align: bottom;
    content: " ";
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 0.8rem;
    background-size: 24px;
}

#diagnosis_result dd {
    margin-bottom: 3.2rem;
}

#diagnosis_result dd .result_type_title {
    margin-bottom: 0;
}

#diagnosis_result dd .result_type_color {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
}

#diagnosis_result dd .result_type_color:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#diagnosis_result dd .result_type_color:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

#diagnosis_result dd .img {
    display: block;
    width: 40%;
    max-width: 200px;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    #diagnosis_result dd .img {
        display: inline-block;
        width: 30%;
        margin-right: 7%;
    }
}

@media screen and (min-width: 920px) {
    #diagnosis_result dd .text {
        display: inline-block;
        width: 60%;
    }
}

#diagnosis_result #result_1 {
    color: #e5020e;
    border-bottom-color: #E5020E;
}

#diagnosis_result #result_1:before {
    background: url("https://color-type.jp/img/page/diagnosis/result_1_icon.png") no-repeat;
}

@media screen and (min-width: 920px) {
    #diagnosis_result #result_1:before {
        background: url("https://color-type.jp/img/page/diagnosis/result_1_icon_pc.png") no-repeat;
    }
}

#diagnosis_result #result_2 {
    color: #ffdb02;
    border-bottom-color: #ffdb02;
}

#diagnosis_result #result_2:before {
    width: 42px;
    background: url("https://color-type.jp/img/page/diagnosis/result_2_icon.png") no-repeat;
}

@media screen and (min-width: 920px) {
    #diagnosis_result #result_2:before {
        background: url("https://color-type.jp/img/page/diagnosis/result_2_icon_pc.png") no-repeat;
    }
}

#diagnosis_result #result_3 {
    color: #8bd2f5;
    border-bottom-color: #8bd2f5;
}

#diagnosis_result #result_3:before {
    background: url("https://color-type.jp/img/page/diagnosis/result_3_icon.png") no-repeat;
}

@media screen and (min-width: 920px) {
    #diagnosis_result #result_3:before {
        background: url("https://color-type.jp/img/page/diagnosis/result_3_icon_pc.png") no-repeat;
    }
}

#diagnosis_result #result_4 {
    color: #019944;
    border-bottom-color: #019944;
}

#diagnosis_result #result_4:before {
    background: url("https://color-type.jp/img/page/diagnosis/result_4_icon.png") no-repeat;
}

@media screen and (min-width: 920px) {
    #diagnosis_result #result_4:before {
        background: url("https://color-type.jp/img/page/diagnosis/result_4_icon_pc.png") no-repeat;
    }
}

#diagnosis_result .type_color_list {
    display: inline-block;
    width: 90%;
    margin-bottom: 3.2rem;
}

@media screen and (min-width: 920px) {
    #diagnosis_result .type_color_list {
        width: 45%;
        text-align: center;
    }
}

#diagnosis_result .type_color_list li {
    color: #f8f9f8;
    width: 8rem;
    display: inline-block;
    margin-right: 0.8rem;
    border-radius: 5px;
    text-align: center;
}

#diagnosis_result .type_color_list li.black {
    background-color: black;
}

#diagnosis_result .type_color_list li.red {
    background-color: red;
}

#diagnosis_result .type_color_list li.orange {
    background-color: orange;
}

#diagnosis_result .type_color_list li.purple {
    background-color: purple;
}

#diagnosis_result .type_color_list li.turquoise {
    background-color: turquoise;
}

#diagnosis_result .type_color_list li.yellow {
    background-color: yellow;
    color: #414141;
}

#diagnosis_result .type_color_list li.pink {
    background-color: pink;
}

#diagnosis_result .type_color_list li.aqua {
    background-color: #8bd2f5;
}

#diagnosis_result .type_color_list li.gray {
    background-color: gray;
}

#diagnosis_result .type_color_list li.brown {
    background-color: brown;
}

#diagnosis_result .type_color_list li.green {
    background-color: green;
}

#diagnosis_result .type_color_list li.blue {
    background-color: blue;
}

#diagnosis_result .your_type {
    display: block;
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 920px) {
    #diagnosis_result .your_type {
        display: inline-block;
        width: 45%;
    }
}

#diagnosis_result .tail_introduction {
    width: 100%;
}

#diagnosis_result .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

#diagnosis_result .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
}

@media screen and (min-width: 920px) {
    #diagnosis_result .tail_introduction .tail_introduction_content .img {
        display: inline-block;
        width: 50%;
        max-width: 100%;
    }
}

#diagnosis_result .tail_introduction .tail_introduction_content .text {
    display: block;
}

#diagnosis_result .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
}

#diagnosis_result .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {
    #diagnosis_result .tail_introduction .tail_introduction_content .text {
        display: inline-block;
        width: 49%;
    }
}

#diagnosis_result .tail_introduction .tail_introduction_content .text .link_to_exp {
    position: relative;
    top: 0.8rem;
    width: 196px;
}

#request .star_required,
#inquiry .star_required,
#course_entry .star_required,
#advisor_course_entry .star_required,
#instructor_course_entry .star_required,
#mind-reading .star_required,
#skype_course .star_required,
#skype_course_x4cv .star_required {
    color: #F44336;
}

#request #alert,
#inquiry #alert,
#course_entry #alert,
#advisor_course_entry #alert,
#instructor_course_entry #alert,
#mind-reading #alert,
#skype_course #alert {
    color: #F44336;
    visibility: hidden;
}

#request .form table,
#inquiry .form table,
#course_entry .form table,
#advisor_course_entry .form table,
#instructor_course_entry .form table,
#mind-reading .form table,
#skype_course .form table,
.form table {
    margin-bottom: 1.6rem;
}

#request .form h2 span,
#inquiry .form h2 span,
#course_entry .form h2 span,
#advisor_course_entry .form h2 span,
#instructor_course_entry .form h2 span,
#mind-reading .form h2 span,
#skype_course .form h2 span .¥,
.form h2 span {
    font-size: 1.28rem;
    vertical-align: baseline;
}

#request .form th,
#inquiry .form th,
#course_entry .form th,
#advisor_course_entry .form th,
#instructor_course_entry .form th,
#mind-reading .form th,
#skype_course .form th,
.form th {
    background-color: transparent;
    width: 30%;
    font-size: 1.28rem;
}

#request .form input,
#inquiry .form input,
#course_entry .form input,
#advisor_course_entry .form input,
#instructor_course_entry .form input,
#mind-reading .form input,
#skype_course .form input,
.form input {
    font-size: 1.6rem;
    height: 2.4rem;
    margin: 0 4px 4px 0;
}

#request .form textarea,
#inquiry .form textarea,
#course_entry .form textarea,
#advisor_course_entry .form textarea,
#instructor_course_entry .form textarea,
#mind-reading .form textarea,
#skype_course .form textarea,
.form textarea {
    width: 100%;
}

#request .form input[type="text"],
#inquiry .form input[type="text"],
#course_entry .form input[type="text"],
#advisor_course_entry .form input[type="text"],
#instructor_course_entry .form input[type="text"],
#mind-reading .form input[type="text"],
#skype_course .form input[type="text"],
.form input[type="text"] {
    width: 93%;
    border: 1px #ccc solid;
}

#request .form .name input[type="text"],
#inquiry .form .name input[type="text"],
#course_entry .form .name input[type="text"],
#advisor_course_entry .form .name input[type="text"],
#instructor_course_entry .form .name input[type="text"],
#mind-reading .form .name input[type="text"],
#skype_course .form .name input[type="text"],
#request .form .family_name input[type="text"],
#inquiry .form .family_name input[type="text"],
#course_entry .form .family_name input[type="text"],
#advisor_course_entry .form .family_name input[type="text"],
#instructor_course_entry .form .family_name input[type="text"],
#mind-reading .form .family_name input[type="text"],
#skype_course .form .family_name input[type="text"],
#request .form .zip input[type="text"],
#inquiry .form .zip input[type="text"],
#course_entry .form .zip input[type="text"],
#advisor_course_entry .form .zip input[type="text"],
#instructor_course_entry .form .zip input[type="text"],
#mind-reading .form .zip input[type="text"],
#skype_course .form .zip input[type="text"],
#request .form .city input[type="text"],
#inquiry .form .city input[type="text"],
#course_entry .form .city input[type="text"],
#advisor_course_entry .form .city input[type="text"],
#instructor_course_entry .form .city input[type="text"],
#mind-reading .form .city input[type="text"],
#skype_course .form .city input[type="text"],
#request .form .build input[type="text"],
#inquiry .form .build input[type="text"],
#course_entry .form .build input[type="text"],
#advisor_course_entry .form .build input[type="text"],
#instructor_course_entry .form .build input[type="text"],
#mind-reading .form .build input[type="text"],
#skype_course .form .build input[type="text"],
.form .build input[type="text"] {
    width: 93%;
}

@media screen and (min-width: 920px) {

    #request .form .name input[type="text"],
    #inquiry .form .name input[type="text"],
    #course_entry .form .name input[type="text"],
    #advisor_course_entry .form .name input[type="text"],
    #instructor_course_entry .form .name input[type="text"],
    #mind-reading .form .name input[type="text"],
    #skype_course .form .name input[type="text"],
    #request .form .family_name input[type="text"],
    #inquiry .form .family_name input[type="text"],
    #course_entry .form .family_name input[type="text"],
    #advisor_course_entry .form .family_name input[type="text"],
    #instructor_course_entry .form .family_name input[type="text"],
    #mind-reading .form .family_name input[type="text"],
    #skype_course .form .family_name input[type="text"],
    #request .form .zip input[type="text"],
    #inquiry .form .zip input[type="text"],
    #course_entry .form .zip input[type="text"],
    #advisor_course_entry .form .zip input[type="text"],
    #instructor_course_entry .form .zip input[type="text"],
    #mind-reading .form .zip input[type="text"],
    #skype_course .form .zip input[type="text"],
    #request .form .city input[type="text"],
    #inquiry .form .city input[type="text"],
    #course_entry .form .city input[type="text"],
    #advisor_course_entry .form .city input[type="text"],
    #instructor_course_entry .form .city input[type="text"],
    #mind-reading .form .city input[type="text"],
    #skype_course .form .city input[type="text"],
    #request .form .build input[type="text"],
    #inquiry .form .build input[type="text"],
    #course_entry .form .build input[type="text"],
    #advisor_course_entry .form .build input[type="text"],
    #instructor_course_entry .form .build input[type="text"],
    #mind-reading .form .build input[type="text"],
    #skype_course .form .build input[type="text"],
    .form .build input[type="text"] {
        width: 42%;
    }
}

#request .form td .span_label,
#inquiry .form td .span_label,
#course_entry .form td .span_label,
#advisor_course_entry .form td .span_label,
#instructor_course_entry .form td .span_label,
#mind-reading .form td .span_label,
.form td .span_label {
    display: block;
}

@media screen and (min-width: 920px) {

    #request .form td .span_label,
    #inquiry .form td .span_label,
    #course_entry .form td .span_label,
    #advisor_course_entry .form td .span_label,
    #instructor_course_entry .form td .span_label,
    #mind-reading .form td .span_label,
    #skype_course .form td .span_label,
    .form td .span_label {
        display: inline-block;
    }
}

#request .form #prefecture,
#inquiry .form #prefecture,
#course_entry .form #prefecture,
#advisor_course_entry .form #prefecture,
#instructor_course_entry .form #prefecture,
#mind-reading .form #prefecture,
#skype_course .form #prefecture {
    margin-bottom: 7px;
}

#request .form .wpcf7-list-item,
#inquiry .form .wpcf7-list-item,
#course_entry .form .wpcf7-list-item,
#advisor_course_entry .form .wpcf7-list-item,
#instructor_course_entry .form .wpcf7-list-item,
#mind-reading .form .wpcf7-list-item,
#skype_course .form .wpcf7-list-item {
    display: block;
}

#request .form .form_label,
#inquiry .form .form_label,
#course_entry .form .form_label,
#advisor_course_entry .form .form_label,
#instructor_course_entry .form .form_label,
#mind-reading .form .form_label,
#skype_course .form .form_label {
    font-size: 1.28rem;
    vertical-align: baseline;
}

#request .form .td_check_box label,
#inquiry .form .td_check_box label,
#course_entry .form .td_check_box label,
#advisor_course_entry .form .td_check_box label,
#instructor_course_entry .form .td_check_box label,
#mind-reading .form .td_check_box label,
#skype_course .form .td_check_box label {
    display: inline-block;
    line-height: 0;
    margin-left: 16px;
    text-indent: -24px;
    margin-bottom: 8px;
}

@media screen and (min-width: 920px) {

    #request .form .td_check_box label,
    #inquiry .form .td_check_box label,
    #course_entry .form .td_check_box label,
    #advisor_course_entry .form .td_check_box label,
    #instructor_course_entry .form .td_check_box label,
    #mind-reading .form .td_check_box label,
    #skype_course.form .td_check_box label {
        margin-bottom: 0;
    }
}

#request .form .wpcf7-submit,
#inquiry .form .wpcf7-submit,
#course_entry .form .wpcf7-submit,
#advisor_course_entry .form .wpcf7-submit,
#instructor_course_entry .form .wpcf7-submit,
#mind-reading .form .wpcf7-submit,
#skype_course .form .wpcf7-submit {
    background-color: #24a156;
    border: none;
    padding: 10px;
    height: 44px;
    border-radius: 5px;
    color: #f8f9f8;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.one_to_two {
    display: block;
    width: 90%;
    margin: auto;
}

@media screen and (min-width: 920px) {
    .one_to_two {
        display: inline-block;
        width: 280px;
        margin-left: 1%;
    }
}

#advisor_course_entry .schedule,
#instructor_course_entry .schedule {
    background-color: #24a156;
    border-radius: 5px;
    margin-bottom: 1.6rem;
}

#advisor_course_entry .schedule.disabled,
#instructor_course_entry .schedule.disabled {
    background-color: #b4b4b4;
    text-align: center;
    padding: 10px 0;
    color: #f8f9f8;
}

#advisor_course_entry .schedule a,
#instructor_course_entry .schedule a {
    text-decoration: none;
    color: #f8f9f8;
    text-align: center;
    display: block;
    padding: 10px 0;
}

#advisor_course_entry .schedule a:link,
#instructor_course_entry .schedule a:link,
#advisor_course_entry .schedule a:visited,
#instructor_course_entry .schedule a:visited,
#advisor_course_entry .schedule a:hover,
#instructor_course_entry .schedule a:hover,
#advisor_course_entry .schedule a:active,
#instructor_course_entry .schedule a:active {
    color: #f8f9f8;
}

#advisor_course_entry .schedule a:focus,
#instructor_course_entry .schedule a:focus {
    outline: none;
}

#advisor_course_entry .outline_list,
#instructor_course_entry .outline_list,
#advisor_course_entry p,
#instructor_course_entry p {
    margin-bottom: 3.2rem;
}

#advisor_course_entry .schedule_head,
#instructor_course_entry .schedule_head {
    text-align: center;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#advisor_course_entry .table_schedule,
#instructor_course_entry .table_schedule {
    margin: 1.6rem 0 4.8rem;
    width: 100%;
}

#advisor_course_entry .table_schedule caption,
#instructor_course_entry .table_schedule caption {
    color: #f8f9f8;
    margin-bottom: 1.6rem;
    padding: 0.4rem 1.6rem;
}

#advisor_course_entry .table_schedule td.course_name,
#instructor_course_entry .table_schedule td.course_name {
    background-color: #f8fff0;
}

#advisor_course_entry .table_schedule td.bold,
#instructor_course_entry .table_schedule td.bold {
    border-top: 1px dotted #24a156;
    border-bottom: 2px solid #24a156;
}

#advisor_course_entry .table_schedule th,
#instructor_course_entry .table_schedule th {
    width: 20%;
    text-align: center;
}

#advisor_course_entry .table_schedule th.place,
#instructor_course_entry .table_schedule th.place {
    width: 35%;
}

#advisor_course_entry .table_schedule th.lecturer,
#instructor_course_entry .table_schedule th.lecturer {
    width: 21%;
}

#advisor_course_entry .table_schedule td,
#instructor_course_entry .table_schedule td {
    padding: 0 0.8rem;
    word-break: break-word;
}

#advisor_course_entry .table_schedule td div,
#instructor_course_entry .table_schedule td div {
    margin: 0 auto;
}

@media screen and (min-width: 920px) {

    #advisor_course_entry .table_schedule td.date div,
    #instructor_course_entry .table_schedule td.date div {
        width: 7em;
    }
}

#advisor_course_entry .table_schedule td.place,
#instructor_course_entry .table_schedule td.place {
    text-align: left;
    padding: 0 0.8rem;
}

#advisor_course_entry .table_schedule td.lecturer,
#instructor_course_entry .table_schedule td.lecturer {
    text-align: center;
}

#advisor_course_entry .table_schedule td p,
#instructor_course_entry .table_schedule td p {
    margin-bottom: 0;
}

#instructor_course_entry .schedule,
#past_certification .schedule {
    background-color: #24a156;
    border-radius: 5px;
    margin-bottom: 1.6rem;
}

#advisor_course_entry .schedule a {
    background-color: #24a156;
    border-radius: 5px;
    border: 1px #24a156 solid;
}

#advisor_course_entry .schedule a.link_schedule_01:hover {
    background-color: #FCDDC3;
    border: 1px #FF7B7B solid;
    color: #FF7B7B;
    transition: 0.2s;
}

#advisor_course_entry .schedule a.link_schedule_02:hover {
    background-color: #DEE8CA;
    border: 1px #86AB3C solid;
    color: #86AB3C;
    transition: 0.2s;
}

#advisor_course_entry .schedule a.link_schedule_03:hover {
    background-color: #C4E4EC;
    border: 1px #3894AB solid;
    color: #3894AB;
    transition: 0.2s;
}

#advisor_course_entry .schedule a.link_schedule_04:hover {
    background-color: #ffd5eb;
    border: 1px #ef6ca1 solid;
    color: #ef6ca1;
    transition: 0.2s;
}

#advisor_course_entry .schedule a.link_schedule_05:hover {
    background-color: #ebd7ff;
    border: 1px #9f70c1 solid;
    color: #9f70c1;
    transition: 0.2s;
}

li.schedule.wide {
    width: 98%;
    margin: 0 auto;
}

#advisor_course_entry .schedule.disabled,
#instructor_course_entry .schedule.disabled,
#past_certification .schedule.disabled {
    background-color: #b4b4b4;
    text-align: center;
    padding: 10px 0;
    color: #f8f9f8;
}

#advisor_course_entry .schedule a,
#instructor_course_entry .schedule a,
#past_certification .schedule a {
    text-decoration: none;
    color: #f8f9f8;
    text-align: center;
    display: block;
    padding: 10px 0;
}

#advisor_course_entry .schedule a:link,
#instructor_course_entry .schedule a:link,
#past_certification .schedule a:link,
#advisor_course_entry .schedule a:visited,
#instructor_course_entry .schedule a:visited,
#past_certification .schedule a:visited,
#advisor_course_entry .schedule a:hover,
#instructor_course_entry .schedule a:hover,
#past_certification .schedule a:hover,
#advisor_course_entry .schedule a:active,
#instructor_course_entry .schedule a:active,
#past_certification .schedule a:active {
    color: #f8f9f8;
}

#advisor_course_entry .schedule a:focus,
#instructor_course_entry .schedule a:focus,
#past_certification .schedule a:focus {
    outline: none;
}

#advisor_course_entry .outline_list,
#instructor_course_entry .outline_list,
#past_certification .outline_list,
#advisor_course_entry p,
#instructor_course_entry p,
#past_certification p {
    margin-bottom: 3.2rem;
}

#advisor_course_entry .schedule_head,
#instructor_course_entry .schedule_head,
#past_certification .schedule_head {
    text-align: center;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

#advisor_course_entry .table_schedule,
#instructor_course_entry .table_schedule,
#past_certification .table_schedule {
    margin: 1.6rem 0;
    width: 100%;
}

#advisor_course_entry .table_schedule caption,
#instructor_course_entry .table_schedule caption,
#past_certification .table_schedule caption {
    color: #f8f9f8;
    margin-bottom: 1.6rem;
    padding: 0.4rem 1.6rem;
}

#advisor_course_entry .table_schedule td.course_name,
#instructor_course_entry .table_schedule td.course_name,
#past_certification .table_schedule td.course_name {
    background-color: #f3f3f3;
}

#advisor_course_entry .table_schedule td.bold,
#instructor_course_entry .table_schedule td.bold,
#past_certification .table_schedule td.bold {
    border-top: 1px dotted #24a156;
    border-bottom: 2px solid #24a156;
}

#advisor_course_entry .table_schedule th,
#instructor_course_entry .table_schedule th,
#past_certification .table_schedule th {
    text-align: center;
    background-color: #dadada;
}

#advisor_course_entry .table_schedule th.date,
#instructor_course_entry .table_schedule th.date,
#past_certification .table_schedule th.date {
    width: 39%;
}

#advisor_course_entry .table_schedule th.place,
#instructor_course_entry .table_schedule th.place,
#past_certification .table_schedule th.place {
    width: 40%;
}

#advisor_course_entry .table_schedule th.lecturer,
#instructor_course_entry .table_schedule th.lecturer,
#past_certification .table_schedule th.lecturer {
    width: 20%;
}

#advisor_course_entry .table_schedule td,
#instructor_course_entry .table_schedule td,
#past_certification .table_schedule td {
    padding: 0 0.8rem;
    word-break: break-word;
    text-align: center;
}

#advisor_course_entry .table_schedule td span,
#instructor_course_entry .table_schedule td span,
#past_certification .table_schedule td span {
    display: inline-block;
}

#advisor_course_entry .table_schedule td.place,
#instructor_course_entry .table_schedule td.place,
#past_certification .table_schedule td.place {
    text-align: left;
    padding: 0 0.8rem;
}

#advisor_course_entry .to_form_area,
#instructor_course_entry .to_form_area,
#past_certification .to_form_area {
    text-align: right;
}

#advisor_course_entry .to_form_area .link_with_icon,
#instructor_course_entry .to_form_area .link_with_icon,
#past_certification .to_form_area .link_with_icon {
    font-size: 1.6rem;
}

#advisor_course_entry .to_past_schedule,
#instructor_course_entry .to_past_schedule,
#past_certification .to_past_schedule {
    text-align: right;
}

#advisor_course_entry .table_schedule.grd2 td,
#advisor_course_entry .table_schedule.grd1 td {
    padding: 10px 0.8rem;
}

.table_schedule.adv_grd2_set caption {
    background-color: #fbb360;
}

.table_schedule.adv caption {
    background-color: #FCDDC3;
    color: #333 !important;
}

.table_schedule.grd2 caption {
    background-color: #DEE8CA;
    color: #333 !important;
}

.table_schedule.grd1 caption {
    background-color: #C4E4EC;
    color: #333 !important;
}

.table_schedule.grd4 caption {
    background-color: #ffd5eb;
    color: #333 !important;
}

.table_schedule.grd5 caption {
    background-color: #ebd7ff;
    color: #333 !important;
}

#past_certification .top_list {
    margin-bottom: 3.2rem;
}

#past_certification .to_recent_schedule {
    text-align: right;
    margin-bottom: 4.8rem !important;
}

#trainee_voice .voices dl {
    margin-bottom: 4.8rem;
}

#trainee_voice .voices dl p {
    margin-bottom: 0;
}

#trainee_voice .voices .top_comment {
    font-size: inherit;
    text-rendering: auto;
    transform: translate(0, 0);
}

#trainee_voice .voices .top_comment:before {
    font-family: FontAwesome;
    margin-right: 3px;
}

#trainee_voice .voices .top_comment.advisor {
    color: #24a156;
}

#trainee_voice .voices .top_comment.grade_2 {
    color: #45929b;
}

#trainee_voice .voices .top_comment.grade_1 {
    color: #b79b5b;
}

#trainee_voice .voices .top_comment:before {
    content: "\f075";
}

#trainee_voice .voices .advisor dt {
    border-bottom: 2px solid #24a156;
}

#trainee_voice .voices .grade_2 dt {
    border-bottom: 2px solid #45929b;
}

#trainee_voice .voices .grade_1 dt {
    border-bottom: 2px solid #b79b5b;
}

#trainee_voice .voices dd {
    margin: 0 0 3.2rem 1.6rem;
}

#trainee_voice .voices dd span {
    color: #F60;
}

#culture .link_to_exp,
#corporation .link_to_exp {
    text-align: right;
    display: block;
}

#instructor_course .tail_introduction_content,
#advisor_course .tail_introduction_content {
    text-align: center;
}

#culture .img,
#corporation .img {
    background: url("https://color-type.jp/img/page/culture/result_01_bg.jpg") no-repeat;
    background-size: 300px;
    display: block;
    margin: 0 auto;
    width: 300px;
    height: 213px;
}

#culture .img.img2,
#corporation .img.img2 {
    background: url("https://color-type.jp/img/page/culture/result_02_bg.jpg") no-repeat;
    background-size: 300px;
}

@media screen and (min-width: 920px) {

    #culture .img,
    #corporation .img {
        background: url("https://color-type.jp/img/page/culture/result_01_bg_pc.jpg") no-repeat;
        display: inline-block;
        width: 30%;
        height: 224px;
        margin-left: 5%;
    }

    #culture .img.img2,
    #corporation .img.img2 {
        background: url("https://color-type.jp/img/page/culture/result_02_bg_pc.jpg") no-repeat;
    }
}

#culture .text,
#corporation .text {
    display: block;
}

@media screen and (min-width: 920px) {

    /*    #culture .text,
    #corporation .text {
        display: inline-block;
        width: 60%;
    }*/
}

#culture .result_list li,
#corporation .result_list li {
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

#culture .result_list li:before,
#corporation .result_list li:before {
    content: "≫ ";
    color: #24a156;
}

#culture .result_list li.other,
#corporation .result_list li.other {
    text-align: right;
    padding-right: 2.4rem;
}

#culture .result_list li.other:before,
#corporation .result_list li.other:before {
    content: none;
}

#culture .tail_introduction .tail_introduction_content,
#corporation .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

#culture .tail_introduction .tail_introduction_content h3,
#corporation .tail_introduction .tail_introduction_content h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
}

#culture .tail_introduction .tail_introduction_content p,
#corporation .tail_introduction .tail_introduction_content p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {

    #culture .tail_introduction .tail_introduction_content .link_to_exp,
    #corporation .tail_introduction .tail_introduction_content .link_to_exp {
        position: absolute;
        right: 2.4rem;
        bottom: 0.8rem;
    }
}

.instructor_interview h1 br {
    display: block;
}

@media screen and (min-width: 920px) {
    .instructor_interview h1 br {
        display: none;
    }
}

.instructor_interview p.link_to_exp {
    text-align: right;
}

.instructor_interview .description {
    font-size: 1.28rem;
    color: #9C7942;
    margin-bottom: 0;
    text-indent: 0;
}

.instructor_interview .name {
    font-size: 1.92rem;
    color: #F7931E;
    text-indent: 0;
}

.instructor_interview .name span {
    font-size: 1.28rem;
    color: #414141;
    margin-left: 1.6rem;
    vertical-align: baseline;
    display: inline-block;
}

.instructor_interview .attribute {
    border-bottom: 1px solid #414141;
    text-indent: 0;
}

.instructor_interview .top {
    padding: 1.6rem;
}

.instructor_interview .top .img_top {
    display: block;
    margin: 0 auto;
    max-width: 300px;
}

@media screen and (min-width: 920px) {
    .instructor_interview .top .img_top {
        display: inline-block;
        width: 39%;
    }
}

.instructor_interview .top .text_top {
    display: block;
    margin: 0 auto;
    width: 500px;
    max-width: 100%;
}

@media screen and (min-width: 920px) {
    .instructor_interview .top .text_top {
        display: inline-block;
        width: 60%;
        margin-left: 1.6rem;
    }
}

.instructor_interview .top .text_top h2 {
    color: #24a156;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    margin-left: 1.6rem;
    text-indent: -1.6rem;
}

.instructor_interview .content_area {
    padding: 1.6rem;
}

.instructor_interview .content_area h2 {
    background: url(https://color-type.jp/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 1.6rem;
    font-size: 1.92rem;
    position: relative;
    padding-left: 8px;
}

.instructor_interview .content_area h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.instructor_interview .content_area h2:before {
    content: "";
    border-left: #80bf3a solid 4px;
    border-radius: 5px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: -5px;
}

.instructor_interview .content_area h3 {
    font-size: 1.92rem;
    color: #F7931E;
    clear: none;
    margin-bottom: 1.6rem;
}

.instructor_interview .content_area .ques {
    color: #24a156;
}

.instructor_interview .content_area .ques:before {
    content: "ー";
}

.instructor_interview .content_area .img_left_float {
    margin-bottom: 3.2rem;
}

.instructor_interview .content_area .img_left_float:after {
    content: "";
    clear: both;
    display: block;
}

.instructor_interview .content_area .img_left_float .img {
    float: left;
    width: 35%;
    margin-right: 5%;
}


/*------interview5------*/
.instructor_interview .content_area .text.int_5 {
    overflow: auto;
}

@media screen and (max-width: 920px) {
    .instructor_interview .content_area .text.int_5 {
        overflow: visible;
    }
}

.instructor_interview .content_area span.moegi {
    color: #8FBC20;
}

.instructor_interview .content_area span.red {
    color: #E53838;
}

.instructor_interview .content_area span.pink {
    color: #EA63A7;
}


@media screen and (min-width: 920px) {
    .instructor_interview .content_area .img_left_float .img {
        width: 25%;
    }
}

.instructor_interview .content_area .img_right_float {
    margin-bottom: 3.2rem;
}

.instructor_interview .content_area .img_right_float:after {
    content: "";
    clear: both;
    display: block;
}

.instructor_interview .content_area .img_right_float .img {
    float: right;
    width: 35%;
    margin-left: 5%;
}

@media screen and (min-width: 920px) {
    #interview_6 .page_content.instructor_interview .content_area .img {
        width: auto;
    }

    .instructor_interview .content_area .img_right_float .img {
        width: 25%;
    }

    body#interview_2 .top .img img {
        max-width: 310px;
    }
}

.instructor_interview .content_area .img_break {
    margin-bottom: 3.2rem;
}

.instructor_interview .content_area .img_break .img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

@media screen and (min-width: 920px) {
    .instructor_interview .content_area .img_break .img {
        display: inline-block;
        width: 33%;
        margin: 0 1.6rem;
        max-width: 100%;
    }
}

.instructor_interview .content_area .img_break .text {
    display: block;
}

@media screen and (min-width: 920px) {
    .instructor_interview .content_area .img_break .text {
        display: inline-block;
        width: 60%;
    }
}

@media screen and (min-width: 920px) {
    .instructor_interview .tail_introduction {
        width: 100%;
    }
}

.instructor_interview .tail_introduction .tail_introduction_content {
    width: 100%;
    box-shadow: 0 5px 0 #24a156;
    text-align: left;
    padding: 1.6rem 3.2rem;
    position: relative;
}

.instructor_interview .tail_introduction .tail_introduction_content .img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
}

@media screen and (min-width: 920px) {
    .instructor_interview .tail_introduction .tail_introduction_content .img {
        display: inline-block;
        width: 33%;
        margin: 0 1.6rem;
        max-width: 100%;
    }
}

.instructor_interview .tail_introduction .tail_introduction_content .text {
    display: block;
}

.instructor_interview .tail_introduction .tail_introduction_content .text h3 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    margin-bottom: 1.6rem;
    color: #414141;
}

.instructor_interview .tail_introduction .tail_introduction_content .text p {
    margin-bottom: 0;
}

@media screen and (min-width: 920px) {
    .instructor_interview .tail_introduction .tail_introduction_content .text {
        display: inline-block;
        width: 60%;
    }
}

@media screen and (min-width: 920px) {

    #instructor .int2_text_top,
    .instructor_interview .int2_text_top {
        margin-left: 3em;
    }

    #instructor .int3_text_top,
    .instructor_interview .int3_text_top {
        margin-left: 8em;
    }

    #instructor .int5_text_top,
    .instructor_interview .int5_text_top {
        margin-left: 5em;
    }
}

#lecturer_list .lct_head {
    font-size: 2.4rem;
    margin-bottom: 0;
}

#lecturer_list .instructors_frame {
    border-bottom: 1px dotted #5a5a5a;
    margin-bottom: 4.8rem;
    padding-bottom: 1.6rem;
}

#lecturer_list .lecturer_img img {
    margin: 0 auto;
    width: 100%;
    max-width: 150px
}

@media screen and (min-width: 920px) {
    #lecturer_list .lecturer_img {
        display: inline-block;
        width: 150px;
    }
}

#lecturer_list .instructors {
    display: inline-block;
    width: 100%;
}

@media screen and (min-width: 920px) {
    #lecturer_list .instructors {
        width: 80%;
        margin-left: 1.6rem;
    }
}

#lecturer_list .instructors .post_name {
    color: #2a24a1;
}

#lecturer_list .instructors dt,
#lecturer_list .instructors dd {
    display: block;
    text-align: center;
}

#lecturer_list .instructors dt {
    color: #f8f9f8;
    background-color: #BFAF73;
}

#lecturer_list .instructors .grd2 dt {
    background-color: #24a156;
}

#lecturer_list .instructors dd {
    margin-left: 1.6rem;
}

@media screen and (min-width: 920px) {
    #lecturer_list .instructors dt {
        clear: left;
        float: left;
        margin: 0 0 0.8em;
        width: 16rem;
        padding-left: 5px;
    }

    #lecturer_list .instructors dd {
        margin-bottom: 0.8em;
        margin-left: 17.6rem;
        text-align: left;
    }
}

#lecturer_list .sub_instructors {
    width: 100%;
}

#privacy .green_header,
#legal_information .green_header {
    margin-bottom: 0.8rem;
}

#privacy dd,
#legal_information dd {
    margin: 0 0 3.2rem 1.6rem;
}

#privacy .page_content li:before {
    content: "＊";
}

#privacy .page_content .no_mark li:before {
    content: none;
}

#delivery_payment .list_01,
#delivery_payment .list_02 {
    margin-bottom: 3.2rem;
}

#delivery_payment .list_01 li,
#delivery_payment .list_02 li {
    margin-left: 3.2rem;
}

#delivery_payment .list_01 li {
    list-style-type: disc;
}

#delivery_payment .list_02 li {
    list-style-type: square;
}

.to_schedule {
    width: 100%;
    margin: 0 auto 3.2rem;
}

.to_schedule:after {
    content: "";
    clear: both;
    display: block;
}

.to_schedule li {
    position: relative;
    top: 0;
    width: 100%;
    height: 130px;
    float: right;
    text-align: center;
    border: 1px solid #80bf3a;
    border-radius: 5px;
    margin-bottom: 3.52rem;
    transition: 0.2s;
}

@media screen and (min-width: 920px) {
    .to_schedule li {
        width: 45%;
    }
}

.to_schedule li span {
    font-size: 2.4rem;
}

.to_schedule li:first-child {
    float: left;
}

.to_schedule li.grade_1 {
    border: 1px #A186AF solid;
    padding-top: 12px;
}

.to_schedule li.grade_1:hover {
    background-color: #e9e2ec;
}

.to_schedule li.grade_2 {
    border: 1px #F8A724 solid;
}

.to_schedule li.grade_2:hover {
    background-color: #fde3b8;
}

.to_schedule li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #414141;
}

.to_schedule li a:link,
.to_schedule li a:visited,
.to_schedule li a:hover,
.to_schedule li a:active {
    color: #414141;
}

.to_schedule li a:focus {
    outline: none;
}

.qaes ul {
    margin-bottom: 3.2rem;
}

.qaes li {
    margin-left: 3.2rem;
    text-indent: -3.2rem;
}

.qaes dl {
    margin-bottom: 7.8rem;
}

.qaes dt,
.qaes dd {
    padding: 0.8rem 0.8rem 0 5.6rem;
    position: relative;
    min-height: 4.8rem;
}

.qaes dt .sections,
.qaes dd .sections {
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0.53333333rem;
    margin-left: 0.8rem;
}

.qaes dt {
    background-color: #F9FBE7;
}

.qaes dt .sections {
    color: #8CC63F;
}

.qaes dd {
    background: #eff8fe url(/img/common/header_bottom_bg.png) repeat-x;
    background-position: 0 bottom;
    margin-bottom: 4.8rem;
    padding-bottom: 1.6rem;
}

.qaes dd .sections {
    color: #A186AF;
}

.qaes dd .related_link {
    display: block;
    text-align: right;
    margin-right: 1.6rem;
}

.qaes dd .related_link:before {
    content: "→";
}

.qaes dd .to_top {
    position: absolute;
    bottom: -2.4rem;
    border: 1px solid #24a156;
    border-top: none;
    right: 1.6rem;
}

.qaes dd .to_top a {
    font-size: 1.28rem;
    padding: 0.8rem;
    text-decoration: none;
    color: #414141;
    vertical-align: baseline;
}

.tail_links {
    width: 100%;
    padding: 0 1.6rem;
    margin: 0 auto;
    margin: 0 auto 4.8rem;
}

@media screen and (min-width: 920px) {
    .tail_links {
        width: 920px;
        margin: 0 auto;
        margin-top: 0px;
    }
}

.tail_links:after {
    content: "";
    clear: both;
    display: block;
}

.tail_links li {
    position: relative;
    top: 0;
    width: 100%;
    height: 95px;
    float: right;
    text-align: center;
    border: 1px solid #80bf3a;
    box-shadow: 0 5px 0 #24a156;
    border-radius: 5px;
    margin-bottom: 3.52rem;
}

@media screen and (min-width: 920px) {
    .tail_links li {
        width: 45%;
    }
}

.tail_links li:first-child {
    float: left;
}

.tail_links li.certification {
    background: url("https://color-type.jp/img/common/footer_certification.png") no-repeat;
    background-size: 100px;
    background-position: 80% 0.8rem;
}

@media screen and (min-width: 920px) {
    .tail_links li.certification {
        background: url("https://color-type.jp/img/common/footer_certification_pc.png") no-repeat;
        background-position: 80% 0.8rem;
        transition: 0.2s;
    }

    li.certification:hover {
        background-color: #c7ead7;
    }
}

.tail_links li.support {
    background: url("https://color-type.jp/img/common/footer_support.png") no-repeat;
    background-size: 100px;
    background-position: 80% 0.8rem;
    transition: 0.2s;
}

.tail_links li.support:hover {
    background-color: #c7ead7;
}

@media screen and (min-width: 920px) {
    .tail_links li.support {
        background: url("https://color-type.jp/img/common/footer_support_pc.png") no-repeat;
        background-position: 80% 0.8rem;
    }
}

.tail_links li a {
    text-decoration: none;
    color: #414141;
    padding: 32px 50% 15px 0;
    display: block;
}

.tail_links li a:link,
.tail_links li a:visited,
.tail_links li a:hover,
.tail_links li a:active {
    color: #414141;
}

.tail_links li a:focus {
    outline: none;
}

.tail_links li a span {
    display: block;
    line-height: 1;
    font-size: 0.8rem;
}

.tail_links li a span.tail_link_title {
    font-size: 2.4rem;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

footer {
    border-top: 1px solid #80bf3a;
    width: 100%;
}

footer .footer_contents {
    position: relative;
    display: block;
    margin: 0 auto 1.6rem;
}

@media screen and (min-width: 920px) {
    footer .footer_contents {
        width: 920px;
    }
}

footer .footer_contents #to_page-top {
    display: none;
}

@media screen and (min-width: 920px) {
    footer .footer_contents #to_page-top {
        cursor: pointer;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
        display: block;
        border: solid 1px #80bf3a;
        width: 100px;
        text-align: center;
        margin: -1px 0 0 auto;
        transition: 0.5s;
        position: fixed;
        bottom: 5%;
        right: 0;
    }

    footer .footer_contents #to_page-top:hover {
        background-color: #f9fefb;
    }
}

/*footer .footer_contents ul {
  height: 262px;
}*/
@media screen and (min-width: 920px) {
    footer .footer_contents ul {
        height: auto;
        margin-bottom: 1.6rem;
    }
}

footer .footer_contents ul li {
    vertical-align: bottom;
    display: block;
    width: auto;
    border-bottom: solid 1px #ccc;
    position: relative;
}

footer .footer_contents ul li:after {
    content: "≫";
    display: inline-block;
    position: absolute;
    right: 0.8rem;
    top: 0;
    color: #24a156;
    padding-top: 0.8rem;
}

@media screen and (min-width: 920px) {
    footer .footer_contents ul li {
        display: inline-block;
        width: auto;
        border: none;
        margin: 0 10px;
    }

    footer .footer_contents ul li:after {
        content: none;
    }
}

footer .footer_contents ul li a {
    padding: 0.8rem 0 0.8rem 2.4rem;
    text-decoration: none;
    color: #414141;
    display: block;
}

footer .footer_contents .contact li a {
    display: inline-block;
    padding: 0 0 0 1.8rem;
}

footer .footer_contents ul li a:link,
footer .footer_contents ul li a:visited,
footer .footer_contents ul li a:hover,
footer .footer_contents ul li a:active {
    color: #414141;
}

footer .footer_contents ul li a:focus {
    outline: none;
}

@media screen and (min-width: 920px) {
    footer .footer_contents ul li a {
        text-align: center;
        padding: 0;
    }
}

@media screen and (min-width: 920px) {
    footer .footer_contents ul li.for_sp {
        display: none;
    }
}

footer .footer_contents ul li.footer_logo {
    width: 130px;
    margin-bottom: 0;
    border: none;
}

footer .footer_contents ul li.footer_logo:after {
    content: none;
}

@media screen and (min-width: 920px) {
    footer .footer_contents ul li.footer_logo {
        display: inline-block;
        position: static;
    }
}

footer .footer_contents .footer_address {
    font-size: 1.28rem;
    height: auto;
    width: 66%;
    display: inline-block;
    margin-left: 15px;
}

@media screen and (min-width: 920px) {
    footer .footer_contents .footer_address {
        margin: 3.2rem 0;
    }
}

@media screen and (min-width: 920px) {
    footer .footer_contents .footer_address p {
        font-size: 1.6rem;
    }
}

footer .footer_contents .footer_address ul {
    height: auto;
    display: block;
}

@media screen and (min-width: 920px) {
    footer .footer_contents .footer_address ul {
        margin-bottom: 0;
    }

    footer .footer_contents .footer_address ul.contact li {
        margin-left: 1.6rem;
    }

    footer .footer_contents .footer_address ul.contact li:first-child {
        margin-left: 0;
    }
}

footer .footer_contents .footer_address ul li {
    border-bottom: none;
    margin-left: 13px;
    width: auto;
}

footer .footer_contents .footer_address ul li:after {
    content: none;
}

@media screen and (min-width: 920px) {
    footer .footer_contents .footer_address ul li {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 0.4rem;
    }

    footer .footer_contents .footer_address ul li br {
        display: none;
    }
}

footer .copy_right {
    width: 100%;
    background: url("https://color-type.jp/img/common/footer_bg.png") repeat-x;
    margin-bottom: 0 !important;
    text-align: center;
    border-top: 2px solid gray;
    height: 40px;
    padding-top: 6px;
}


#instructor .description {
    font-size: 16px;
    color: #9C7942;
    margin-bottom: 0;
    text-indent: 0
}

#instructor .name {
    font-size: 24px;
    color: #F7931E;
    text-indent: 0;
    margin-bottom: 4px;
}

#instructor .name span {
    font-size: 16px;
    color: #414141;
    margin-left: 1.6rem;
    vertical-align: baseline;
    display: inline-block
}

#instructor .top {
    padding: 1.6rem
}

#instructor .top .img_top {
    display: block;
    margin: 0 auto;
    max-width: 300px
}

@media screen and (min-width:920px) {
    #instructor .top .img_top {
        display: inline-block;
    }

    #instructor .top a.right {
        float: right;
        height: 225px;
    }
}

#instructor .top .text_top {
    display: block;
    margin: 0 auto;
    width: 500px;
    max-width: 100%
}

@media screen and (min-width:920px) {
    #instructor .top .text_top {
        display: inline-block;
        width: 60%;
        margin-left: 1.6rem;
        position: relative;
    }
}

#instructor .top .text_top h2 {
    color: #24a156;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    margin-bottom: 1.6rem;
}

#instructor .top .text_top h2 br {
    display: none;
}

@media screen and (min-width:920px) {
    #instructor .top .text_top .link_to_exp {
        /*width:17.6rem;*/
        margin-bottom: 2rem;
        position: absolute;
        right: 30px;
    }

    #instructor .top .text_top h2 br {
        display: block;
    }
}

#instructor .top .text_top .link_to_exp a {
    text-decoration: none;
}

#instructor .message {
    padding: 1.6rem 1.6rem 0 1.6rem;
    margin-bottom: 4.8rem
}

#instructor .message .star {
    margin-left: 1.6rem;
    text-indent: -1.6rem
}

#instructor .message .star:before {
    content: "※"
}

#instructor .to_interview ul li {
    text-align: center;
    display: block;
    width: 90%;
    margin: 0 auto 1.6rem;
    border-radius: 5px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif
}

@media screen and (min-width:920px) {
    #instructor .to_interview ul li {
        display: inline-block;
        width: 45%;
        margin: 0 2% 1.6rem;
        transition: .2s
    }
}

#instructor .to_interview ul li.hq,
#instructor .to_interview ul li.cp,
#instructor .to_interview ul li.mstr {
    border: 1px #24a156 solid;
    height: 69px;
    padding-top: 10px
}

#instructor .to_interview ul li.mstr {
    padding-top: 0;
}

#instructor .to_interview ul li.mstr br {
    display: block;
}

@media screen and (min-width:920px) {

    #instructor .to_interview ul li.mstr,
    #instructor .to_interview ul li.hq {
        /*  display:block;
  margin:0 auto 1.6rem*/
    }

    #instructor .to_interview ul li.mstr {
        padding-top: 10px;
    }

    #instructor .to_interview ul li.mstr br {
        display: none;
    }
}

#instructor .to_interview ul li.hq:hover,
#instructor .to_interview ul li.cp:hover,
#instructor .to_interview ul li.mstr:hover {
    background-color: #7ce2a5
}

#instructor .to_interview ul li.grade_1 {
    border: 1px #F8A724 solid
}

#instructor .to_interview ul li.grade_1:hover {
    background-color: #fde3b8
}

#instructor .to_interview ul li.grade_2 {
    border: 1px #A186AF solid
}

#instructor .to_interview ul li.grade_2:hover {
    background-color: #e9e2ec
}

#instructor .to_interview ul li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #414141
}

#instructor .to_interview ul li a:active,
#instructor .to_interview ul li a:hover,
#instructor .to_interview ul li a:link,
#instructor .to_interview ul li a:visited {
    color: #414141
}

#instructor .to_interview ul li a:focus {
    outline: 0
}

.link_list {
    margin-bottom: 30px;
}

/*７周年パーティ新着情報*/
.seventh_party {
    margin: 0;
    text-align: center;
}

.seventh_party span {
    color: red;
}

.seventh_party a {
    text-decoration: none;
    font-weight: bold;
    color: #414141;
    border-bottom: 1px #18A958 solid;
}

/*//７周年パーティ新着情報//*/

/*トップページ講座日程*/
.top_schedule_ad,
.top_schedule_i2,
.top_schedule_i1 {
    display: inline-block;
}

.top_schedule ul {
    list-style: none;
    border: 1px #ff7703 solid;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 14px;
    width: 280px;
    margin-bottom: 15px;
}

.top_schedule_i2 ul {
    border: 1px #18a958 solid;
}

@media screen and (min-width:920px) {
    .top_schedule_i2 ul {
        margin: 0 34px;
    }
}

.top_schedule_i1 ul {
    border: 1px #39c9e6 solid;
}

.top_schedule li {
    padding: 6px 0;
    padding-right: 10px;
    border-bottom: 1px #ccc dotted;
    text-align: center;
}

.top_schedule li.top_schedule_title {
    text-align: center;
    background-color: #ffddbf;
    color: #ff7703;
    padding: 8px 0px;
    margin: 0 -10px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px #ff7703 solid;
    font-size: 16px;
}

.top_schedule_i2 li.top_schedule_title {
    background-color: #d9ecc8;
    color: #18a958;
    border-bottom: 1px #18a958 solid;
    font-weight: bold;
}

.top_schedule_i1 li.top_schedule_title {
    background-color: #d6e9ee;
    color: #39c9e6;
    border-bottom: 1px #39c9e6 solid;
    font-weight: bold;
}

.top_schedule li.top_schedule_more {
    text-align: center;
    padding: 12px 0;
    border-bottom: 0;
}

.top_schedule .top_schedule_more a {
    text-decoration: none;
    background-color: #ffddbf;
    color: #ff7703;
    border: 1px #ff7703 solid;
    border-radius: 8px;
    padding: 8px;
}

.top_schedule_i2 .top_schedule_more a {
    background-color: #d9ecc8;
    color: #18a958;
    border: 1px #18a958 solid;
    font-weight: bold;
}

.top_schedule_i1 .top_schedule_more a {
    background-color: #d6e9ee;
    color: #39c9e6;
    border: 1px #39c9e6 solid;
    font-weight: bold;
}

.top_schedule {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width:920px) {
    .top_schedule {
        width: 920px;
        margin: 0 auto;
    }
}

/*トップページ講座日程*/
i.fa.fa-skype {
    font-size: 22px;
    padding: 0 2px 0 8px;
    color: #00C0FF;
}


/*組織図*/
.about_group {
    width: 100%;
    margin: 0 auto;
}

.about_group h3 {
    font-size: 25px;
    text-align: center;
    border-bottom: 1px #24a156 solid;
    border-top: 1px #24a156 solid;
    padding: 15px 0;
    margin: 10px 0;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.about_group p.img_area {
    background-color: #fff;
    width: 200px;
    height: 250px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.about_group p.img_area img {
    width: 100%;
    height: auto;
}

.about_group .detail {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.about_group p.inst_name {
    font-size: 20px;
    border-bottom: 1px #ccc solid;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.about_group p.inst_name:before {
    content: " ";
    margin-right: 8px;
    background-color: #80bf3a;
    display: block;
    width: 7px;
    height: 30px;
    position: absolute;
    border-radius: 5px;
    left: 0;
}

.about_group .profile.cf {
    width: 100%;
    margin: auto;
}

.about_group dl.head dt,
.about_group dl.head dd {
    display: inline-block;
    vertical-align: top;
}

.about_group dl.head dd {
    width: 330px;
    padding: 6px 0;
}

@media screen and (min-width: 920px) {
    .about_group dl.head dt {
        margin-bottom: 10px;
    }

    .about_group dl.head dd {
        padding: 0;
    }
}

.about_group dl.head dt {
    width: 100%;
    background-color: #BFAF73;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
}

.about_group dl.head li {
    padding: 3px 0;
}

.page_content span.new {
    display: none;
}

@media screen and (min-width: 920px) {
    .about_group {
        width: 960px;
        margin: 0 auto;
    }

    .about_group h3 {
        font-size: 28px;
        text-align: center;
        border-bottom: 1px #24a156 solid;
        border-top: 1px #24a156 solid;
        padding: 15px 0;
        margin: 20px 0;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    }

    .about_group h3 p {
        font-size: 14px;
    }

    .about_group p.img_area {
        background-color: #fff;
        width: 150px;
        height: 250px;
        margin-right: 20px;
        margin-bottom: 10px;
        display: inline-block;
        overflow: hidden;
    }

    .about_group p.img_area img {
        width: 100%;
        height: auto;
    }

    .about_group .detail {
        display: inline-block;
        vertical-align: top;
        width: 70%;
    }

    .about_group p.inst_name {
        font-size: 20px;
        border-bottom: 1px #ccc solid;
        padding-bottom: 5px;
        padding-left: 20px;
        margin-bottom: 10px;
        position: relative;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    }

    .about_group p.inst_name:before {
        content: " ";
        margin-right: 8px;
        background-color: #80bf3a;
        display: block;
        width: 7px;
        height: 30px;
        position: absolute;
        border-radius: 5px;
        left: 0;
    }

    .about_group .profile.cf {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }

    .about_group dl.head {
        padding: 0 24px;
    }

    .about_group dl.head dt,
    .about_group dl.head dd {
        display: inline-block;
        vertical-align: top;
    }

    .about_group dl.head dt {
        width: 150px;
        background-color: #BFAF73;
        margin-bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        padding: 2px 0;
    }

    .about_group dl.head dd {
        width: 330px;
        padding-left: 10px;
    }

    .about_group dl.head li {
        padding: 3px 0;
    }

    input#submit {
        border: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        font-size: 16px;
        background-color: #18a958;
        border-radius: 8px;
        color: #fff;
        height: 40px;
        padding: 0 15px;
    }

    span.wpcf7-list-item {
        display: block;
    }

    span.star_required {
        color: red;
    }

    p.about_mana {
        width: 80%;
        margin: 30px auto;
    }

    .page_content {
        position: relative;
    }

    .page_content span.new {
        display: block;
        color: red;
        position: absolute;
        left: 35px;
        top: 15px;
        font-size: 15px;
        font-weight: bold;
    }

    #consulting .access img,
    #consulting .instructor img {
        float: left;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    #consulting .instructor .name a {
        font-size: 32px;
        text-decoration: none;
        color: #80bf3a;
    }

    #consulting .instructor .name a span {
        font-size: 18px;
        vertical-align: bottom;
        position: relative;
        bottom: 5px;
    }

    #consulting .instructor .job {
        margin-bottom: 0;
    }

    #consulting .access span {
        color: #80bf3a;
        font-weight: bold;
    }

    .aligncenter {
        display: block;
        margin: 0 auto;
    }

    .alignright {
        float: right;
    }

    .alignleft {
        float: left;
    }

    img[class*="wp-image-"],
    img[class*="attachment-"] {
        height: auto;
        max-width: 100%;
        margin: 20px auto;
    }

    /* clearfix */

    .cf {
        overflow: hidden;
        zoom: 1;
    }

    .cf:after {
        content: "";
        display: block;
        clear: both;
    }

    /*トップメニュー画像*/

    .menu_area img {
        display: inline-block;
        width: 457px;
    }

    .menu_area {
        text-align: center;
        padding-bottom: 20px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    /*トップメニュー画像ここまで*/

    .sp {
        display: none;
    }

    p.index_post_list_title span.orange {
        color: #ff7900;
    }

    /*本の紹介*/

    .book_area dl {
        width: 30%;
        display: inline-block;
        margin: 0 12px;
    }

    .book_area dd {
        margin-bottom: 20px
    }

    .book_area p {
        margin-bottom: 0;
        text-indent: 16px;
    }

    .book_area p.book_title {
        text-indent: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    .book_area p.book_title a {
        text-decoration: none;
        font-weight: bold;
    }

    .book_area p.to_amazon {
        text-indent: 0;
        text-align: right;
        margin-top: 10px;
    }

    .book_area p.author {
        font-weight: bold;
        color: #24a156;
        text-align: center;
        text-indent: 0;
    }

    .book_area p.to_amazon a {
        text-decoration: none;
        border: 1px #24a156 solid;
        padding: 4px 10px;
        display: inline-block;
        border-radius: 6px;
        transition: 0.2s;
    }

    .book_area p.to_amazon a:hover {
        background-color: #24a156;
        color: #fff;
    }

    .book_area p.to_amazon a:after {
        content: "\f04b";
        font-family: 'FontAwesome';
        font-size: 12px;
        margin-left: 5px;
        position: relative;
        top: -2px;
        background-color: #24a156;
        padding: 4px 5px;
        border-radius: 4px;
        color: #fff;
    }

    /*本の紹介ここまで*/
}

/*消さない*/

/*会員サイトフローメニュー*/
div.flomenu.support {
    display: block;
    right: 14px;
    bottom: 8%;
    top: inherit;
}

div.flomenu.support .sp {
    display: none;
}

div.flomenu.support a {
    color: #fff;
    text-decoration: none;
    display: block;
    background: #13a859;
    width: 144px;
    text-align: center;
    color: #f8f9f8;
    padding: 5px 16px;
    border-radius: 5px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

/*会員サイトフローメニューここまで*/

/*facebook*/
.fb_coad {
    display: block;
    width: 80px;
    position: absolute;
    right: 30px;
    bottom: 0;
    text-align: center;
}

footer .footer_contents .footer_address {
    width: 100%;
}

footer .footer_contents .footer_address {
    margin: 7px 0;
}

.fb_coad a {
    color: #fff;
    text-decoration: none;
}

.fb_coad span {
    background-color: #3a5699;
    padding: 1px 6px;
    font-size: 14px;
    border-radius: 3px;
}

.fb_coad img {
    margin: 0 auto;
}

.fb_coad:hover {
    opacity: 0.6;
}

/*facebookここまで*/
#advisor_course_entry .table_schedule td.tal {
    text-align: left;
}

span.past_msg {
    color: red;
    font-weight: bold;
    margin-right: 8px;
}

/*スマホ対応*/
@media screen and (max-width: 900px) {
    #single article#content .content_area {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 80px;
        overflow-x: scroll;
    }

    #advisor_course_entry .table_schedule td.tal {
        text-align: left;
    }

    #single table.cluture {
        table-layout: fixed;
        border: 1px solid #24a156;
        width: 90%;
        overflow: hidden;
        margin: 3.2rem auto;
        width: 500px;
    }

    .pc {
        display: none;
    }

    #front_page .contnts_introduction {
        width: 95%;
    }

    span.past_msg {
        color: red;
        font-weight: bold;
        margin-right: 8px;
    }

    #fancybox-title-over {
        display: none !important;
    }

    .menu_area img {
        display: inline-block;
        width: 90%;
        margin-bottom: 10px;
        max-width: 472px;
    }

    .menu_area {
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 6px #ffe57f solid;
        margin-bottom: 20px;
    }

    input#submit {
        border: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        font-size: 16px;
        background-color: #18a958;
        border-radius: 8px;
        color: #fff;
        height: 40px;
        padding: 0 15px;
    }

    span.wpcf7-list-item {
        display: block;
    }

    span.star_required {
        color: red;
    }

    .flomenu,
    .flomenu2 {
        /* display: inline-block; */
        /* display: none; */
        width: 90%;
        max-width: 472px;
        margin: 0 auto;
    }

    div.flomenu.support .pc {
        display: none;
    }

    .fb_coad {
        position: static;
        right: 30px;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px;
    }

    footer .footer_contents .footer_address {
        width: 66%;
        margin-left: 15px;
    }

    /*消さない*/
    .text_input {
        width: 100%;
    }

    .form_area p {
        padding-left: 0;
    }
}

/*スマホ対応ここまで*/

/*====== 20180831 update ======*/
body#instructor_course .tail_introduction_content {
    width: 100%;
}

@media screen and (max-width:900px) {

    #instructor_course .course_int dl.course_content dd.dotted:after,
    #instructor_course .course_int dl.course_content:after,
    #instructor_course .course_int dl.course_content:before {
        display: none;
    }

    body#instructor_course .course_outline dd th,
    body#instructor_course .course_outline dd td {
        display: block;
        width: 100%;
    }

    .course_outline dd.payment {
        padding: 0;
    }

    body#instructor_course table {
        width: 100%;
    }
}

/*消さない*/

/*====== 20181217 update ======*/
.certi .sosikizu {
    text-align: center;
}

.certi .sosikizu img {
    display: inline-block;
}

.certi .sosikizu a img {
    width: 100%;
}

.certi .sosikizu a {
    width: 60%;
    display: inline-block;
    margin: 20px 0;
    box-shadow: 1px 1px 12px 0px rgba(0, 0, 0, 0.1);
}

.certi .sosikizu p {
    color: #909498;
    font-size: 14px;
    margin-bottom: 40px;
}

.certi p.int_img img {
    display: inline-block;
}

.certi p.int_img {
    text-align: center;
}

.certi .fee ul li p {
    margin: 0;
}

.certi .fee ul li.total p {
    font-weight: bold;
    font-size: 20px;
}

.certi .fee ul li:before {
    display: none;
}

.certi .fee ul li {
    padding: 6px 15px;
    text-indent: unset;
    margin: 0;
}

.certi .fee ul {
    border: 1px #80bf3a solid;
    padding: 10px;
}

.certi .fee ul li.total {
    border-bottom: 1px #80bf3a solid;
}

.certi .fee ul li.total p span {
    color: #f7931e;
}

.certi .fee ul li p span {
    font-weight: bold;
    margin-right: 20px;
    color: #80bf3a;
}

.certi .fee ul li.attention {
    display: inline-block;
}

.certi .fee ul li.attention.gray {
    font-weight: bold;
    color: #666;
    font-size: 14px;
    padding-right: 0;
}

.certi ul.other_level li a:hover {
    text-decoration: none;
    background: rgba(36, 161, 86, 0.2);
}

.certi ul.other_level li a:after {
    position: absolute;
    right: 20px;
    top: 42px;
}

.certi ul.other_level li:nth-child(3) a:after,
.certi ul.other_level li:nth-child(4) a:after {
    top: 27px;
}

.certi ul.other_level li a {
    border: 1px #24a156 solid;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    width: 100%;
    position: relative;
    transition: 0.2s;
}

.certi ul.other_level li:nth-child(2n+1) {
    margin-right: 28px;
}


.certi ul.other_level li {
    display: inline-block;
    width: 48%;
    margin-bottom: 14px;
}

.certi ul.other_level {
    text-align: center;
}

@media screen and (max-width:720px) {
    .certi ul.other_level li:nth-child(2n+1) {
        margin-right: 0;
    }

    .certi ul.other_level li {
        width: 100%;
    }
}

/*消さない*/
.certi .contact a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.certi .contact a {
    text-align: center;
    display: block;
    padding: 17px 0;
    background: #a186af;
    border-radius: 5px;
    color: #fff;
    transition: 0.2s;
    font-weight: bold;
}

.certi .contact {
    margin: 0;
}

.certi .contact a:after {
    background: transparent;
    font-size: 20px;
    position: relative;
    top: -13px;
}

.certi .voice dd span {
    font-weight: bold;
}

.certi .voice dd {
    margin-bottom: 30px;
}

.certi .voice dt {
    border-bottom: 2px #80bf3a solid;
    margin-bottom: 10px;
    font-weight: bold;
    color: #80bf3a;
}

/*=== 2級講座 ===*/
.schedule_outline ul {
    margin-left: 20px;
}

.schedule_outline span.time {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.schedule_outline ul li:before {
    content: "≫ ";
    color: #24a156;
}

#advisor_course .course_int dl dd ul.arrow li {
    text-indent: 0;
    margin: 0;
}

ul.arrow li:before {
    content: "≫ ";
    color: #24a156;
}

.page_content ul.no_mb {
    margin-bottom: 0;
}

.strong {
    font-weight: bold;
}

#new_seminar th {
    width: 25%;
}

@media screen and (max-width:720px) {

    #new_seminar th,
    #new_seminar td {
        width: 100%;
        display: block;
        border: none;
        border-bottom: 1px #24a156 solid;
    }

    #new_seminar table {
        border-bottom: none;
    }
}

/*消さない*/

/*==== mb ====*/
.mb00 {
    margin-bottom: 0;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

/*==== mt ====*/
.mt00 {
    margin-top: 0;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.top_message table th {
    width: 22%;
}

.top_message table td:nth-child(2) {
    width: 48%;
}

.top_message table td:nth-child(3) {
    text-align: center;
}

.top_message table td span {
    display: block;
    font-size: 13px;
}

ul.other_level_list {
    text-align: center;
}

ul.other_level_list li:first-child {
    width: 95%;
    margin: 0 0 15px 0;
    display: block;
    margin: 0 auto;
}

ul.other_level_list li {
    width: 47%;
    display: inline-block;
    text-align: center;
    margin: 0px 5px;
    border-radius: 5px;
    padding: 10px 0;
    margin-bottom: 15px;
}

.other_level_list li a.link_with_icon {
    display: block;
    color: #ff7703;
    border: 1px #ff7703 solid;
    padding: 14px 0;
    border-radius: 5px;
    font-size: 20px;
    background: #ffecdc;
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    transition: 0.2s;
}

.other_level_list li a.link_with_icon:hover {
    text-decoration: none;
    opacity: 0.6;
}

.other_level_list li a.link_with_icon:after {
    background: transparent;
    font-size: 14px;
    position: relative;
    top: -7px;
    color: hsla(28, 100%, 50%, 0.4);
}

.other_level_list li:nth-child(2) a.link_with_icon {
    background-color: #d9ecc8;
    color: #18a958;
    border: 1px #18a958 solid;
}

.other_level_list li:nth-child(2) a.link_with_icon:after {
    color: rgba(24, 169, 88, 0.4);
}

.other_level_list li:nth-child(3) a.link_with_icon {
    background-color: #d6e9ee;
    color: #39c9e6;
    border: 1px #39c9e6 solid;
}

.other_level_list li:nth-child(3) a.link_with_icon:after {
    color: hsla(190, 78%, 56%, 0.4);
}

.top_message table {
    margin-bottom: 15px;
}

table.all_fee {
    width: 100%;
}

@media screen and (max-width:960px) {
    .top_message table td:nth-child(2) {
        width: 43%;
    }
}

/*消さない*/
@media screen and (max-width:720px) {
    .top_message table th {
        font-size: 16px;
        padding: 5px 0;
    }

    .top_message table {
        border-bottom: none;
    }

    .top_message table th,
    .top_message table td {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px #24a156 solid;
        text-align: center;
        font-size: 14px;
    }

    .top_message table td:nth-child(2) {
        width: 100%;
    }

    .top_message table td span {
        display: inline-block;
        margin: 0px 5px;
        vertical-align: middle;
    }

    ul.other_level_list li:first-child,
    ul.other_level_list li {
        width: 100%;
        font-size: 16p;
        margin: 0;
    }

    .other_level_list li a.link_with_icon {
        font-size: 16px;
    }

    .top_message table.all_fee th,
    .top_message table.all_fee td {
        display: table-cell;
        border: 1px #24a156 solid;
    }

    .top_message table.all_fee {
        width: 200%;
    }

    .all_fee_wrap {
        overflow-y: scroll;
    }

    #certification .top_message .all_fee_wrap p {
        margin: 0 0;
        text-align: left;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    }

    .all_fee_wrap table.all_fee {
        margin-top: 0;
    }

    table.fee.sp tr:last-child td {
        border: none;
    }

    table.fee.sp th,
    table.fee.sp td {
        display: block;
        border: none;
        border-bottom: 1px #24a156 solid;
    }
}

/*消さない*/

body#community .page_content ul li a:hover {
    text-decoration: none;
    opacity: 0.6;
}

body#community .page_content ul li a {
    display: block;
    background: rgba(24, 169, 88, 0.1);
    text-align: center;
    padding: 15px 0;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px #18a958 solid;
    /* color: #fff; */
    font-weight: bold;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    transition: 0.2s;
}

/*====== 190418 TOPブログ ======*/
.page_content.blog h3 {
    border-top: 1px #24a156 solid;
    text-align: center;
    font-size: 24px;
    border-bottom: 1px #24a156 solid;
    padding: 15px 0;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.page_content.blog {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    font-weight: 500;
    margin-top: 50px;
}

.page_content.blog p.title span {
    display: block;
    color: #24a156;
    font-size: 14px;
}

.page_content.blog p.title span.category {
    display: inline-block;
    margin-bottom: 5px;
}

.page_content.blog p.title {
    border-bottom: 1px #24a156 dashed;
    font-size: 20px;
}

.page_content.blog p.title a {
    font-weight: bold;
}

.page_content.blog .thumbnail {
    width: 30%;
}

.page_content.blog .txt_area {
    width: 65%;
    margin-left: 20px;
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.page_content.blog .txt_area p {
    line-height: 2;
}

.page_content.blog .thumbnail,
.page_content.blog .txt_area {
    display: inline-block;
    position: relative;
}

.page_content.blog a.more:hover {
    text-decoration: none;
    background: #24a1561c;
}

.page_content.blog a.more {
    padding: 5px 24px;
    border-radius: 5px;
    border: 1px #24a156 solid;
    position: absolute;
    right: 0;
    bottom: -50px;
    padding-left: 16px;
    transition: 0.2s;
}

.page_content.blog a.more:before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 11px;
    border-radius: 0.4rem;
    background-color: #24a156;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    text-indent: 2px;
    line-height: 1.6;
    position: relative;
    top: -2px;
    margin-right: 15px;
}

.page_content.blog dt {
    margin-top: 30px;
}

.page_content.blog p.title a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.page_content.blog p.title a.category {
    background: #8c549e;
    padding: 0 7px;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
}

.page_content.blog p.more_list {
    text-align: center;
    margin-top: 20px;
}

.page_content.blog p.more_list a {
    padding: 6px 40px;
    display: inline-block;
    border-radius: 5px;
    border: 1px #24a156 solid;
    font-size: 18px;
    font-weight: bold;
    transition: 0.2s;
}

.page_content.blog p.more_list a:hover {
    text-decoration: none;
    background: #e9f5ee;
}

@media screen and (max-width:960px) {
    .page_content.blog {
        margin-bottom: 40px;
    }
}

/*消さない*/
@media screen and (max-width:720px) {

    .page_content.blog .thumbnail,
    .page_content.blog .txt_area {
        width: 95%;
        margin: 0 auto;
    }

    .page_content.blog .thumbnail img {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 60%;
        margin-bottom: 20px;
    }

    .page_content.blog .txt_area {
        padding-bottom: 50px;
    }

    .page_content.blog a.more {
        bottom: 0;
    }

    .page_content.blog h3 {
        margin-top: 50px;
    }
}

/*消さない*/

/*====== カテゴリーページ(category.php) ======*/
span.category a:hover {
    text-decoration: none;
}

span.category a {
    background: #8c549e;
    padding: 2px 4px;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

#category .news_list_title span.date {
    margin-bottom: 10px;
    font-size: 14px;
}

#category .news_list_title a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#category .news_list_title {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.fa,
.far,
.fas {
    font-family: Font Awesome\ 5 Free;
}

.button-area ul li a {
    color: #fff;
}

.button-area ul li i {
    vertical-align: middle;
}

.button-area ul li {
    display: inline-block;
}

.button-area ul li a {
    display: inline-block;
    background: #ccc;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    width: 100px;
    padding: 1px 0;
    color: #fff;
}

.button-area {
    text-align: right;
    margin-bottom: 40px;
}

.button-area ul li.twitter a {
    background: #55acee;
}

.button-area ul li.facebook a {
    background: #3b5998;
}

.button-area ul li.hatena a {
    background: #008fde;
}

.button-area ul li.pocket a {
    background: #ea5a6c;
}

@media screen and (max-width:720px) {
    .button-area ul li a {
        width: 50px;
    }

}

/*消さない*/

/*====== サイドバーありsingle ======*/
.page_content.cf {
    width: 960px;
}

.left_content {
    width: 650px;
    float: left;
}

.sidebar {
    width: 250px;
    float: right;
}

.sidebar h3,
h3.related_post_title {
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    background: #88b960;
    padding: 3px 5px;
    margin-bottom: 8px;
}

.sidebar ul.sidemenu li:last-child {
    border: none;
}

.sidebar ul.sidemenu li {
    font-size: 15px;
    border-bottom: 1px #ccc dotted;
    padding: 5px 0;
}

.sidebar ul.sidemenu li span.post_date {
    display: block;
    font-size: 12px;
    color: #a0a0a0;
    margin-right: 8px;
}

ul.side_category li {
    font-size: 15px;
    color: #a0a0a0;
}

.sidebar_box {
    margin-bottom: 30px;
}

.sidebar ul.children {
    margin: 0;
}

.sidebar ul.sidemenu li a,
ul.side_category li a,
.wp_rp_content a {
    color: #414141;
}

@media screen and (max-width:960px) {
    .left_content {
        width: 65%;
    }

    .sidebar {
        width: 30%;
    }

    .page_content.cf {
        width: 100%;
    }
}

/*消さない*/
@media screen and (max-width:720px) {
    .left_content {
        width: 100%;
        float: none;
    }

    .sidebar {
        width: 100%;
        float: none;
    }

    .sidebar ul.sidemenu li span.post_date {
        display: block;
    }

    .sidebar_box {
        margin-bottom: 0px;
    }
}

/*消さない*/
/*====== ページャー・ページナビ ======*/
.pager {
    position: relative;
    width: 95%;
    margin: 0 auto;
    margin-top: 50px;
}

p.to_list {
    text-align: center;
}

p.prev {
    position: absolute;
    top: 0;
    left: 0;
}

p.next {
    position: absolute;
    top: 0;
    right: 0;
}

p.prev a:before {
    content: "\f053";
    font-family: 'FontAwesome';
    padding-right: 7px;
}

p.next a:after {
    content: "\f054";
    font-family: 'FontAwesome';
    padding-left: 7px;
}

p.prev a:hover,
p.next a:hover,
p.to_list a:hover {
    opacity: 0.8;
}

h3.post_title span {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 3px;
}

.wrapper .wp-pagenavi {
    text-align: center;
}

.wrapper .wp-pagenavi a,
.wrapper .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #947970;
    padding: 6px 10px;
    margin: 2px;
    color: #947970;
    font-size: 18px;
    transition: 0.2s;
}

.wrapper .wp-pagenavi span.current {
    font-weight: bold;
    background: #947970;
    color: #fff;
    border: 1px #947970 solid;
}

.wrapper .wp-pagenavi a:hover {
    border-color: #947970;
    background: #ddd3cf;
}

.post_footer {
    margin-top: 40px;
    border: 3px #8bbc76 solid;
    border-radius: 8px;
    padding: 15px 20px;
}

.txt_area {
    width: 70%;
    margin-left: 20px;
}

.post_list a.thumbnail_img,
.post_list .txt_area {
    display: inline-block;
    vertical-align: top;
}

ul.post_list li {
    margin-bottom: 30px;
}

@media screen and (max-width:960px) {
    .txt_area {
        width: 73%;
        margin-left: 20px;
    }
}

@media screen and (max-width:720px) {
    .post_list .txt_area {
        margin: 0;
        width: 100%;
    }

    .post_list a.thumbnail_img {
        display: block;
    }

    .post_list a.thumbnail_img img {
        display: block;
        margin: 0 auto;
    }

    ul.post_list li {
        margin-bottom: 20px;
    }
}

/*消さない*/

#front_page .to_blog.blog a:hover {
    background: rgba(255, 174, 103, 0.2);
}

#front_page .to_blog.blog a {
    color: #f70;
    border: 1px #f70 solid;
    display: block;
    padding: 7px 0;
    border-radius: 5px;
    transition: 0.2s;
    margin-top: 10px;
}

#cn_card span.fz_l {
    font-size: 22px;
    vertical-align: middle;
}

#cn_card .page_content span {
    color: #ff7272;
    vertical-align: middle;
}

.tail_links.page a {
    text-align: center;
    padding: 33px 0;
    font-size: 22px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.tail_links li {
    transition: 0.2s;
}

.tail_links li:hover {
    background-color: #c7ead7;
}

.tail_links.page {
    margin-top: 50px;
}

@media screen and (max-width:960px) {
    .tail_links.page {
        margin-bottom: 0;
    }
}

/*消さない*/

.page_content.blog dt {
    position: relative;
}

.arthur_photo {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 1px #e6e6e6 solid;
    left: 5px;
    top: -5px;
}

.arthur_photo img {
    margin: 0;
}

.page_content.blog p.title {
    padding-left: 75px;
    padding-bottom: 12px;
    position: relative;
}

#category .news_list_title {
    position: relative;
    padding-left: 70px;
    padding-bottom: 10px;
}

#category .news_list_title .arthur_photo {
    left: 0px;
    top: auto;
}

h3.news_title {
    padding: 0 0 15px 0;
    padding-left: 65px;
    padding-top: 10px;
}

h3.news_title .arthur_photo {
    top: 0;
    width: 50px;
    height: 50px;
}

.news h3.news_title {
    padding-left: 0;
}

@media screen and (max-width:720px) {
    span.category {
        display: block;
        margin-top: 3px;
    }

    span.category a {
        margin: 0;
    }
}

/*消さない*/

input#email01,
input#email02 {
    width: 100%;
}

/*=== メニュー修正 ===*/
div#menu-wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

div#menu-wrapper li {
    display: inline-block;
    border-bottom: 1px #c1dca5 dashed;
    margin: 0 6px;
    margin-top: 20px;
    margin-bottom: 10px;
}

div#menu-wrapper li a {
    color: #414141;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    display: inline-block;
    padding: 0 10px;
    transition: 0.2s;
}

div#menu-wrapper li a:hover {
    text-shadow: 0px -1px 5px #88b960;
    text-decoration: none;
}

div#menu-wrapper li a span {
    display: block;
    font-size: 12px;
    /* font-size: 0.8rem; */
    color: #24a156;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "メイリオ", Meiryo, sans-serif;
}

div#menu-wrapper li.sp {
    display: none;
}

@media screen and (max-width:720px) {

    /**** *** ***
SP menu
*** *** ****/
    #menu-wrapper ul {
        margin-left: 50px;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.9);
        z-index: 9998;
        right: -100%;
        transition: 0.5s;
        opacity: 0;
        top: 0;
        text-align: center;
        padding-top: 60px;
    }

    #menu-wrapper ul.active {
        right: 0;
        transition: 0.5s;
        opacity: 100;
    }

    #menu-wrapper ul li {
        display: block;
        padding: 5px 0;
        border-bottom: 1px #e6e6e6 solid;
        margin-top: 0;
    }

    #menu-wrapper ul li:last-child {
        border: none;
    }

    div#menu-wrapper li.sp {
        display: block;
    }

    .menu_open.sp:before {
        content: "";
        display: block;
        height: 37px;
        width: 30px;
        background: url(/img/common/menu_icon.png) center/100% no-repeat;
        position: absolute;
        right: 19px;
        top: 15px;
        z-index: 9999;
        transition: 0.5s;
    }

    .menu_open.close.sp:before {
        /* background: url(../img/menu_close.png) center/100% no-repeat; */
        width: 37px;
        height: 30px;
        background: 0 0;
        border: none;
        box-shadow: none;
        color: #ccc;
        content: "\00d7";
        font-size: 22px;
        font-weight: 700;
        line-height: 15px;
        text-align: center;
        right: 19px;
        top: 22px;
    }

    /**** *** ***
//SP menu//
*** *** ****/
}

/*消さない*/

/*20190627 更新*/
table.sdgs_table td {
    padding: 5px 10px;
}

table.sdgs_table td img {
    width: 80%;
    display: block;
    margin: 10px auto;
    max-width: 150px;
}

body#sdgs .ta_c img {
    margin: 0 auto;
    margin-bottom: 20px;
}

@media screen and (max-width:960px) {
    table.sdgs_table td img {
        width: 50%;
    }

    table.sdgs_table td.color br {
        display: none;
    }

    table.sdgs_table td.color {
        background: lightyellow;
        text-align: center;
    }
}

/*消さない*/

.top_sdgs {
    width: 388px;
    margin: 0 auto;
}

#category_news .news_list_title {
    padding-left: 0;
}

.tail_links.page.mail_magazine {
    margin-top: 0;
}

.tail_links.page.mail_magazine li:first-child a {
    padding-left: 50px;
    transition: 0.2s;
}

.tail_links.page.mail_magazine li a:before {
    color: #bee3cd;
    font-size: 50px;
    margin-right: 10px;
    position: absolute;
    left: 50px;
    top: 8px;
}

.tail_links.page.mail_magazine li:first-child a:before {
    content: "\f2b6";
    font-family: 'Font Awesome 5 Free';
}

.tail_links.page.mail_magazine li:last-child a:before {
    content: "\f082";
    font-family: 'FontAwesome';
    top: 9px;
}

@media screen and (max-width:720px) {
    .tail_links.page.mail_magazine li a:before {
        left: 20px;
    }
}

/*消さない*/

#certification .top_message p.attention {
    font-size: 16px;
}


li.total span.ta_r {
    display: block;
    font-size: 13px;
    color: #868686;
}

#mind-reading .course_outline table {
    margin-bottom: 10px;
}

.flomenu.type_3,
.flomenu.type_4,
.flomenu.type_5 {
    width: 240px;
    top: auto;
    right: 0;
}

.flomenu.type_5 {
    bottom: 130px;
}

.flomenu.type_4 {
    bottom: 230px;
}

.flomenu.type_3 {
    bottom: 330px;
}

div.flomenu.support {
    top: auto;
    bottom: 85px;
}

footer .footer_contents #to_page-top {
    bottom: 50px;
}

/*=== 191016 ===*/
#corporation .img_area .corp_img2 {
    width: 45%;
    display: inline-block;
    margin: 0 10px;
}

#corporation .img_area .corp_img3 {
    width: 30%;
    display: inline-block;
    margin: 0 5px;
}

#corporation .img_area {
    text-align: center;
    margin-bottom: 15px;
}


.clumn3 {
    text-align: center;
}

.clumn3 li {
    display: inline-block;
    width: 30%;
    margin: 0 5px;
}

/*=== ネット診断案内ページ ===*/
#net_diagnosis .content {
    text-align: center;
}

#net_diagnosis .content p.point {
    font-size: 26px;
    color: #469db7;
    font-weight: bold;
}

#net_diagnosis .content p span {
    color: #18a958;
    font-weight: bold;
    font-size: 18px;
}

.content.line_join a {
    display: block;
    text-align: center;
}

.content.line_join img {
    margin: 0 auto;
    margin-bottom: 30px;
}

.line_join p.title {
    font-size: 23px;
    margin: 0 auto;
    margin-top: 35px;
    border-bottom: 1px rgba(24, 169, 88, 0.4) solid;
    padding: 10px 0;
    margin-bottom: 25px;
    font-weight: bold;
    color: #18a958;
    border-top: 1px rgba(24, 169, 88, 0.4) solid;
    width: 60%;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.line_join p.title.type_2 {
    display: inline-block;
    border: none;
    margin: 0;
    width: auto;
    position: relative;
    padding-bottom: 17px;
    margin-bottom: 15px;
}

#net_diagnosis .content p.title.type_2 span {
    font-size: 67px;
    position: absolute;
    color: rgba(24, 169, 88, 0.3);
    left: -42px;
    line-height: 1;
    bottom: 0;
}

.method {
    background: #fff8f1;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

#net_diagnosis .content.diagnosis_faq {
    text-align: left;
}

#net_diagnosis .content.diagnosis_faq dl {
    margin-bottom: 20px;
}

#net_diagnosis .content.diagnosis_faq dt {
    font-weight: bold;
    color: #469db7;
    margin-bottom: 6px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    font-size: 19px;
    border-bottom: 1px #469db7 solid;
    padding-bottom: 4px;
    position: relative;
}

#net_diagnosis .content.diagnosis_faq dd {
    position: relative;
}

#net_diagnosis .content.diagnosis_faq dt,
#net_diagnosis .content.diagnosis_faq dd {
    padding-left: 30px;
}

#net_diagnosis .content.diagnosis_faq dd img {
    width: 750px;
}

#net_diagnosis .content.diagnosis_faq dt span,
#net_diagnosis .content.diagnosis_faq dd span {
    position: absolute;
    left: 4px;
    font-size: 20px;
    top: -3px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.half_r .txt_area {
    width: 60%;
    float: left;
    margin: 0;
}

.half_r .img_area {
    width: 35%;
    float: right;
}

.half_r .img_area img {
    width: 100%;
}

/*=== カラーの仕事活用法 ===*/
#use_color dd p.color {
    font-weight: bold;
    color: #13a859;
    border-bottom: 2px #a3ddbf solid;
    margin-bottom: 10px;
}

#use_color dl .txt_area div {
    padding: 10px;
    background: #f5fbf0;
    box-sizing: border-box;
    margin-top: 20px;
}

#use_color p.top_message {
    font-weight: bold;
    text-align: center;
    color: #24a156;
    font-size: 19px;
    margin-bottom: 30px;
}

#use_color dl {
    margin-bottom: 60px;
}

#use_color dd p {
    margin: 0;
}

#use_color dd p.read_more {
    margin-top: 10px;
}

#use_color .txt_area {
    display: inline-block;
    margin: 0;
}

#use_color .img_area {
    display: inline-block;
    width: 28%;
}

a.blank {
    margin-top: 10px;
    display: inline-block;
}

a.blank:after {
    content: "\f35d";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-left: 5px;
    font-size: 13px;
}

p a.blank {
    margin: 0;
}

p.read_more a:before {
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 8px;
}

#use_color p.read_more a {
    color: #414141;
    border-color: #f79b58;
    text-align: left;
}

#use_color p.read_more a:before {
    color: #f7931e;
}

.tail_introduction .tail_introduction_content .img100 {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}

.tail_introduction .tail_introduction_content .text {
    display: inline-block;
    width: 65%;
    text-align: left;
    margin-left: 10px;
    vertical-align: middle;
}

.tail_introduction .tail_introduction_content {
    padding: 10px;
    box-sizing: border-box;
}

.tail_introduction .tail_introduction_content p.link_to_exp {
    text-align: right;
    margin-top: 20px;
}

#use_color .tail_introduction .tail_introduction_content a {
    border-color: #f7931e;
}

#use_color .link_with_icon:after {
    background-color: #f7931e;
}

#use_color .tail_introduction .tail_introduction_content {
    border-width: 3px;
}


table p {
    margin: 0;
}

.page_content table ul {
    margin: 0;
}

.certi table.advisor_about .fee ul {
    border: none;
    padding: 0;
}

.sns_icon {
    display: inline-block;
    margin-right: 5px;
}

.top-bar .head_nav .movie_banner {
    width: 160px;
    display: inline-block;
    margin-right: 0;
    margin: 0;
}

.sns_icon img {
    width: 30px;
    display: inline-block;
}

.sns_icon,
.movie_banner {
    vertical-align: middle;
}

.top-bar .head_nav #util_nav .member_support {
    vertical-align: top;
}

.img_clumn2 {
    text-align: center;
    margin-bottom: 20px;
}

.img_clumn2 img {
    display: inline-block;
    width: 45%;
    margin: 0 5px;
}

table.advisor_about th {
    width: 20%;
}

table.advisor_service th {
    text-align: center;
}

table.advisor_service th:first-child {
    width: 10%;
}

#advisor_course_entry p.other {
    margin: 0;
    margin-top: 10px;
}

.media_achievement tr:last-child td,
.media_achievement tr:last-child th {
    border: none;
}

.media_achievement table {
    border: none;
    margin-bottom: 100px;
}

.media_achievement td,
.media_achievement th {
    border: none;
    border-bottom: 1px #ccc solid;
}

.media_achievement td:first-child {
    width: 28%;
}

.media_achievement .achievement_media a {
    font-weight: bold;
}


/*=== 20200217 update ===*/
.top_contents {
    width: 1200px;
    margin: 50px auto;
    text-align: center;
    margin-top: 0;
}

.v2 .page_content {
    margin-bottom: 40px;
}

.top_contents .top_inner {
    width: 30%;
    display: inline-block;
    text-align: left;
    margin: 0 15px;
}

.top_contents .top_inner h3 {
    background: #00a5ba;
    text-align: center;
    padding: 15px 10px;
    border-radius: 15px 15px 0 0;
    position: relative;
    font-weight: bold;
    color: #fff;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.top_contents .top_inner h3:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 25px 0 25px;
    border-color: #00a5ba transparent transparent transparent;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

.top_contents .top_contents_txt {
    background: #f2f2f2;
    padding: 20px;
    padding-top: 35px;
}

.top_contents span.img_wrapper {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    height: 207px;
}

.top_contents .top_contents_txt ul a {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    color: #00a5ba;
}

.top_contents .top_inner:nth-child(2) h3 {
    background: #18a958;
}

.top_contents .top_inner:nth-child(2) h3:after {
    border-color: #18a958 transparent transparent transparent;
}

.top_contents .top_inner:nth-child(2) .top_contents_txt ul a {
    color: #18a958;
}

.top_contents .top_inner:nth-child(3) h3 {
    background: #9884a6;
}

.top_contents .top_inner:nth-child(3) h3:after {
    border-color: #9884a6 transparent transparent transparent;
}

.top_contents .top_inner:nth-child(3) .top_contents_txt ul a {
    color: #9884a6;
}

#front_page.v2 .page_content,
#front_page.v2 .top_schedule {
    width: 1200px;
}

#front_page.v2 .page_content.top_img {
    margin-bottom: 10px;
}

#front_page.v2 .index_news_box {
    width: 1200px;
    margin-bottom: 40px;
}

#front_page.v2 h3 {
    border-top: 1px #24a156 solid;
    text-align: center;
    font-size: 24px;
    border-bottom: 1px #24a156 solid;
    padding: 15px 0;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
}

.new_seminar ul.new_seminar_list li {
    display: inline-block;
    width: 23%;
    vertical-align: top;
}

.new_seminar ul.new_seminar_list li img {
    margin: 0;
    margin-bottom: 15px;
}

.new_seminar ul.new_seminar_list li p {
    margin: 0;
    margin-bottom: 5px;
}

.new_seminar ul.new_seminar_list li p a {
    color: #414141;
    font-weight: bold;
}

.new_seminar ul.new_seminar_list li p.seminar_schedule {
    font-size: 14px;
}

.new_seminar ul.new_seminar_list {
    margin-bottom: 14px;
    margin-top: 20px;
    text-align: center;
}

.new_seminar ul.new_seminar_list li {
    display: inline-block;
    width: 23%;
    vertical-align: top;
    margin: 0 6px;
    text-align: left;
    position: relative;
}

.v2 .page_content.new_seminar .btn_more {
    display: block;
    border: 1px #24a156 solid;
    width: 250px;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 40px;
}

.page_content.new_seminar {
    margin-bottom: 50px;
}

.new_seminar ul.new_seminar_list li span.want_badge {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 42px;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    background: #ff7752;
    color: #FFF;
    box-sizing: border-box;
    position: absolute;
    top: 6px;
    left: -7px;
}

.new_seminar ul.new_seminar_list li span.want_badge .inner {
    margin: 0;
    padding: 0 23px 0 15px;
    border-top: dashed 1px rgba(255, 255, 255, 0.6);
    border-bottom: dashed 1px rgba(255, 255, 255, 0.6);
    line-height: 17px;
}

.new_seminar ul.new_seminar_list li span.want_badge:after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-width: 15px 10px 15px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.new_seminar ul.new_seminar_list li span.want_badge:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-right: solid 8px rgb(195, 86, 56);
}

.v2 .page_content.blog .thumbnail img {
    margin: 0 auto;
}

.v2 .page_content.blog .thumbnail {
    width: 100%;
}

.v2 dl.blog_list {
    margin-bottom: 50px;
}

.v2 .page_content.blog .txt_area {
    width: 100%;
    margin: 0;
    position: static;
}

.v2 dl.blog_list {
    margin-bottom: 20px;
    display: inline-block;
    width: 31%;
    padding: 0 11px;
    padding-bottom: 70px;
    position: relative;
    text-align: left;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
    margin: 10px 9px;
}

.v2 .arthur_photo {
    width: 50px;
    height: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.v2 .page_content.blog p.title {
    font-size: 18px;
    height: 84px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-left: 65px;
}

.v2 .page_content.blog .thumbnail {
    width: 100%;
    margin-bottom: 12px;
}

.v2 .page_content.blog a.more {
    right: 20px;
    bottom: 20px;
}

.v2 .page_content.blog .txt_area p {
    line-height: 1.8;
    margin: 0;
    font-size: 15px;
    width: 93%;
    margin: 0 auto;
}

.v2 .blog {
    text-align: center;
}

.v2 .blog h3 {
    margin-bottom: 20px;
}

.v2 .arthur_photo span.date {
    font-size: 13px;
    color: #24a156;
    position: absolute;
    top: -20px;
}

.v2 .page_content.blog dt {
    margin-top: 20px;
}

.v2 span.category a {
    margin: 3px;
}

.v2 .page_content.works_content ul li:before {
    content: "・";
    position: absolute;
    left: 0;
}

.v2 .page_content.works_content ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.v2 .page_content.works_content ul {
    margin: 20px 0;
    margin-bottom: 40px;
}

.v2 .page_content.top_colortype {
    text-align: center;
}

.v2 .page_content.top_colortype .top_message {
    width: 70%;
    text-align: left;
}

.v2 .page_content.top_colortype .top_img {
    width: 25%;
    margin-right: 20px;
}

.v2 .page_content.top_colortype .top_img,
.v2 .page_content.top_colortype .top_message {
    display: inline-block;
    margin-top: 20px;
}

.v2 .page_content.top_colortype .top_message img {
    width: 60%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.v2 .page_content {
    padding: 0 0;
}

.v2 div#menu-wrapper li {
    border: none;
}

.v2 #menu-wrapper {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.v2 .logo,
.v2 .main_menu {
    display: inline-block;
    vertical-align: bottom;
}

.v2 ul.main_menu {
    margin-left: 20px;
}

header.v2 {
    border-bottom: 3px #13a859 solid;
    padding-bottom: 20px;
}

.v2 .sns_icon, .v2 .top-bar .head_nav #util_nav .member_support, .v2 .top-bar .head_nav #util_nav .seminar_icon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0;
    top: 0;
}
.v2 .sns_icon {
    margin-right: 5px;
}
.v2 .top-bar {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}
header.v2 .contents {
    width: 1200px;
    position: relative;
}
.v2 .top-bar .head_nav #util_nav .seminar_icon a {
    background: #13a859;
}
.v2 .top_message a {
    border: 1px #13a859 solid;
    padding: 5px 15px;
    border-radius: 8px;
    margin-top: 20px;
    display: inline-block;
    /* padding-left: 40px; */
}
.v2 .top_message a:before {
    content:"";
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 11px;
    border-radius: 0.4rem;
    background-color: #24a156;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    display: inline-block;
    text-indent: 2px;
    line-height: 1.6;
    position: relative;
    top: -2px;
    margin-right: 15px;
}