@charset "UTF-8";

/*-----------------------------------
■ レイアウト
-----------------------------------*/

html,
body {
    width: 100%;
}


/*外側*/

#top,
#header,
#global-nav,
#main,
#footer,
#copyright {
    width: 100%;
    min-width: 1000px;
    /*適宜変更してください*/
}


/*内側*/

#top-in,
#main-in,
#header-in,
#global-nav-in,
#footer-in,
#copyright p {
    width: 1000px;
    /*適宜変更してください*/
    margin: auto;
}


/*メインコンテンツ・サイドバー配置*/

#main-contents {
    float: right;
    width: 700px;
}

#sidebar {
    float: left;
    width: 250px;
    /*適宜変更してください*/
}


/*-----------------------------------
■ 文字設定、基本設定
-----------------------------------*/

body {
    background: #fff;
    color: #333;
}

img {
    border: none;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
}


/*リンク*/

a:link,
a:visited {
    color: #333;
}

a:hover,
a:active {
    color: #EE6876;
}


/*画像リンクに触れたときの不透明度*/

a:hover img {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

#sidebar .side-clip img,
#contact-mo img {
    filter: alpha(opacity=10);
    opacity: 1;
}


/*パソコン表示*/

#contact-mo {
    display: none;
}


/*-----------------------------------
■ トップ（h1）
-----------------------------------*/

#top {
    background: #000;
}

#top-in {
    position: relative;
    padding: 0.2em 0 0 0;
}

h1 {
    font-size: 12px;
    color: #fff;
}


/*-----------------------------------
■ ヘッダー
-----------------------------------*/

#header-in {
    padding: 0.5em 0 0 0;
}


/*タイトルロゴ*/

#header-left {
    float: left;
    margin-bottom: 0.4em;
    margin-right: 1em;
}

/*ヘッダーの右側*/

#header-right {
    float: right;
    margin-bottom: 1.0em;
}


/*問い合わせボタン*/

#header-contact {
    float: right;
}

#header-contact a {
    border: 2px solid #B80B37;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 0.4em 2em;
    background: #B80B37;
    text-align: center;
    text-decoration: none;
}


/*レスポンシブ用　問い合わせボタンの非表示*/

#res-header {
    display: none;
}


/*-----------------------------------
■ グローバルナビ
-----------------------------------*/

#global-nav {
    /*  clear: both;*/
}

#global-nav .menu-wrap {
    display: block;
}

#menu {
    padding-bottom: 5px;
    font-size: 1.2em;
}

#global-nav #menu li {
    position: relative;
    float: left;
    margin: 0;
    list-style: none;
    font-weight: bold;
}

/*一番右のメニューだけに追加指示*/

#global-nav #menu li {
    white-space: nowrap;
}


/*メニューのデザイン*/

#global-nav #menu li a {
    display: block;
    padding: 0;
    color: #333;
    /* メニューのフォントの色*/
    text-decoration: none;
}

/*-----------------------------------
■ パンくずリスト
-----------------------------------*/

.breadcrumbs {
    clear: both;
    padding: 1em 0 1em 0;
    font-size: 0.7em;
}

.breadcrumbs a {
    text-decoration: underline;
}


/*-----------------------------------
■ メイン
-----------------------------------*/

/*メイン画像*/

#main-image {
    text-align: center;
    /* margin-bottom: 2em; */
}

#main-image-in {
    margin-bottom: 1.5em;
}


/*-----------------------------------
■ コンテンツ内Hタグの設定
-----------------------------------*/


/*共通設定H2タグ*/

#main-contents h2,
#main-contents-post h2 {
    margin: 80px 0 30px 0;
    padding: 0 0 0 10px;
    font-size: 1.6em;
    font-weight: bold;
    border-left: 7px solid #333;
}

#main-contents h2.entry-title {
    margin: 1em 0;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.3em;
    background: none;
    border-left: 0;
}

#main-contents h2 a:link,
#main-contents-post h2 a:link,
#main-contents h2 a:visited,
#main-contents-post h2 a:visited {
    text-decoration: none;
}

#main-contents h2 a:hover,
#main-contents-post h2 a:hover,
#main-contents h2 a:active,
#main-contents-post h2 a:active {
    text-decoration: underline;
}

#main-contents h3,
#main-contents-post h3 {
    margin: 2.8em 0 0.8em 0;
    padding: 0.4em 0.8em;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: #fa5d74;
    border-radius: 3px;
}

#main-contents h3.blue {
    margin: 2.8em 0 0.8em 0;
    padding: 0.4em 0.8em;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: #2aa5d1;
    border-radius: 3px;
}

#main-contents h3 a:link,
#main-contents-post h3 a:link,
#main-contents h3 a:visited,
#main-contents-post h3 a:visited {
    text-decoration: none;
}

#main-contents h3 a:hover,
#main-contents-post h3 a:hover,
#main-contents h3 a:active,
#main-contents-post h3 a:active {
    text-decoration: underline;
}


/*共通設定H4タグ*/

#main-contents h4,
#main-contents-post h4 {
    clear: both;
    margin: 3rem 0 0.5em 0;
    padding: 0.0em 0 0.0em 0.5em;
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4em;
    border-left: 6px solid #fa5d74;
}

#main-contents h4.blue {
    clear: both;
    margin: 3rem 0 0.5em 0;
    padding: 0.0em 0 0.0em 0.5em;
    color: #333;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4em;
    border-left: 6px solid #2aa5d1;
}

#main-contents h4 a:link,
#main-contents-post h4 a:link,
#main-contents h4 a:visited,
#main-contents-post h4 a:visited {
    text-decoration: none;
}

#main-contents h4 a:hover,
#main-contents-post h4 a:hover,
#main-contents h4 a:active,
#main-contents-post h4 a:active {
    text-decoration: underline;
}


/*共通設定H5タグ*/

#main-contents h5,
#main-contents-post h5 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    color: #fa5d74 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px dotted #522C0A;
    margin: 0 0 1em !important;
}

#main-contents h5.blue {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    color: #2aa5d1 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px dotted #333;
    margin: 0 0 1em !important;
}


/*共通設定H6タグ*/

#main-contents h6,
#main-contents-post h6 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    color: #333 !important;
    padding: 0 0 5px 0 !important;
    margin: 0 0 1em !important;
}


/*-----------------------------------
■ コンテンツ共通
-----------------------------------*/

#main-contents .contents {
    padding-bottom: 1.5em;
}

#main-contents .conts {
    margin-bottom: 3.5em;
    padding: 0 10px;
}


/*段落タグ*/

#main-contents p {
    margin-bottom: 1em;
    text-align: justify;
    line-height: 1.8;
}

.contact1kyu {
    margin-top: 5rem;
}

#main-contents p img {
    display: block;
    margin: 0 auto;
    text-align: justify;
}


/*■ リストタグ*/

#main-contents ul,
#main-contents ol {
    margin: 0;
    padding: 0;
    margin-bottom: 2.0em;
}

#main-contents .contact_p ul {
    margin-bottom: 0;
}

#main-contents .contact_p ul li {
    margin-bottom: 0;
}

#main-contents .contact_c ul {
    margin-bottom: 0;
}

#main-contents .contact_c ul li {
    margin-bottom: 0;
}

#main-contents li {
    margin-bottom: 0.4em;
    line-height: 1.5em;
    list-style-position: inside !important;
}

.kokoku ul {
    list-style: none;
}


/*■ テーブルタグ*/

#main-contents table {
    margin-bottom: 1.5em;
    padding: 0;
    border-top: 1px solid #959595;
    border-left: 1px solid #959595;
}

#main-contents table.patronage_table {
    margin-bottom: 0.4em;
}

#main-contents th,
#main-contents td {
    padding: 0.5em;
    border-right: 1px solid #959595;
    border-bottom: 1px solid #959595;
}

#main-contents th {
    background-color: #f0f0f0;
    font-weight: bold;
    text-align: center;
}

#content,
#content input,
#content textarea {
    color: #000;
    font-size: 14px;
    line-height: 20px;
}

#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
    margin-bottom: 24px;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
    margin-bottom: 0;
}

#content dt,
#content th {
    color: #000;
}

#content table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}

#content tr th,
#content thead th {
    color: #777;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 24px;
}

#content tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
}

#content tr.odd td {
    background: #f2f7fc;
}

.hentry {
    overflow: hidden;
}

.single .hentry {
    margin: 0 0 3em 0;
}

.page-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
}

.page-title span {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
}

.page-title a:link,
.page-title a:visited {
    color: #777;
    text-decoration: none;
}

.page-title a:active,
.page-title a:hover {
    color: #ee6876;
}

.entry-title a:link,
.entry-title a:visited {
    color: #000;
    text-decoration: none;
}

.entry-title a:active,
.entry-title a:hover {
    color: #ee6876;
}

.entry-meta {
    /* padding: 0 0.5em 0 0.5em; */
    /* text-align: right; */
    /* color: #333; */
    margin-bottom: 2em;
}


/*■ SNSボタン*/

#entry-sns {
    padding-top: 0.5em;
    float: right;
    margin-right: 0.5em;
}

#entry-sns li {
    list-style: none !important;
    float: left;
}


/*-----------------------------------
■ コメント
-----------------------------------*/

#comments {
    clear: both;
    margin: 0 10px;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

.commentlist {
    list-style: none;
    margin: 0;
}

.commentlist li.comment {
    border-bottom: 1px solid #e7e7e7;
    line-height: 24px;
    margin: 0 0 24px 0;
    padding: 0 0 0 56px;
    position: relative;
}

.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
    position: absolute;
    top: 4px;
    left: 0;
}

.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
}

.comment-author .says {
    font-style: italic;
}

.comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
    color: #777;
    text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
    color: #ff4b33;
}

.reply {
    font-size: 12px;
    padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link {
    color: #777;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #ff4b33;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

.commentlist .children li {
    border: none;
    margin: 0;
}

.nopassword,
.nocomments {
    display: none;
}

#comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

#comments .pingback .url {
    font-size: 13px;
    font-style: italic;
}


/*■ コンタクトフォーム */

input[type="submit"] {
    color: #333;
    padding: 3px;
}

#respond {
    margin: 24px 0;
    overflow: hidden;
    position: relative;
}

#respond p {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 48px 0 0;
}

h3#reply-title {
    margin: 18px 0 !important;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
    color: #ff4b33;
    font-weight: bold;
}

#respond label {
    color: #777;
    font-size: 12px;
}

#respond input {
    margin: 0 0 9px;
    width: 98%;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    display: none;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    font-size: 14px;
    width: auto;
}


/*-----------------------------------
■ ウィジェットエリア
-----------------------------------*/

.widget-area ul {
    list-style: none;
    margin-left: 0;
}

.widget-area ul ul {
    list-style: square;
    margin-left: 1.3em;
}

.widget-area select {
    max-width: 100%;
}

.widget_search #s {
    /* This keeps the search inputs in line */
    width: 60%;
}

.widget_search label {
    display: none;
}

.widget-container {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin: 0 0 18px 0;
}

.widget-container .wp-caption img {
    margin: auto;
}

.widget-title {
    color: #222;
    font-weight: bold;
}

.widget-area a:link,
.widget-area a:visited {
    text-decoration: none;
}

.widget-area a:active,
.widget-area a:hover {
    text-decoration: underline;
}

.widget-area .entry-meta {
    font-size: 11px;
}

#wp_tag_cloud div {
    line-height: 1.6em;
}


/*■ カレンダー*/

#wp-calendar {
    width: 92%;
    margin: 0.5em auto 0.8em;
}

#wp-calendar a {
    text-decoration: underline;
    font-weight: bold;
    background: none !important;
    padding: 0 !important;
}

#wp-calendar a:link,
#wp-calendar a:visited {
    color: #FAA028;
}

#wp-calendar a:hover,
#wp-calendar a:active {
    text-decoration: none;
}

#wp-calendar caption {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
}

#wp-calendar thead {
    font-size: 11px;
    background: #eee;
}

#wp-calendar tfoot {
    text-align: left;
}

#wp-calendar tbody td {
    padding: 3px 0 2px;
    text-align: center;
    color: #000;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    text-align: right;
}


/* Main sidebars */

#main .widget-area ul {
    margin-left: 0;
    padding: 0 20px 0 0;
}

#main .widget-area ul ul {
    border: none;
    margin-left: 1.3em;
    padding: 0;
}


/*-----------------------------------
■ サイドメニュー
-----------------------------------*/

.side-conts {
    margin: 0 0 1.5em 0;
    position: relative;
    padding: 3px;
    background: #eee;
}

#sidebar .side-contents-in {
    padding: 100px 1.2em 1em 1.2em;
    background: white !important;
}

#sidebar h3 {
    font-size: 1.2em;
    color: #333;
    font-weight: bold;
    padding: 0.8em;
    background: #fff;
    border-bottom: 1px dotted #ddd;
}

#sidebar .side-conts ul {
    padding: 1.2em 1.5em;
}

#sidebar ul li {
    border-top: 1px dotted #bbb;
    border-bottom: 1px dotted #bbb;
    margin: 5px 0 5px 0;
    background-color: #fff;
}

#sidebar li {
    padding: 0.4em;
    margin-bottom: 0.8em;
}

#sidebar .side-contents-blog {
    margin: 0 0 1.5em 0;
    position: relative;
    padding: 3px;
    background: #eee;
}

#sidebar .side-contents-blog-in {
    padding: 1em 1.2em 1em 1.2em;
    background: white !important;
}


/*■ ブログ用サイドメニュー*/

#blogmenu {
    margin-bottom: 4em;
}

#blogmenu-head {
    display: none;
}

#blogmenu .side-contents-in ul {
    padding-top: 0.45em;
    padding-bottom: 0.8em;
    width: 91%;
    margin: auto;
}

#blogmenu .side-contents-in ul li {
    padding: 0.4em 0 0;
}

#blogmenu .side-contents-in form {
    padding: 1em 0 1.5em 0.5em;
}


/*-----------------------------------
■ フッター（#footer）
-----------------------------------*/

#footer-menu {
    display: flex;
    justify-content: space-evenly;
    padding: 0 0 2em;
    font-size: 16px;
}


/*■コピーライト*/

#copyright {
    clear: both;
    padding: 1em 0;
    font-size: 0.7em;
    text-align: center;
    color: #fff;
    background: #fa5d74;
}


/*-----------------------------------
■ ページトップ
-----------------------------------*/

@media print {
    #page-top {
        display: none;
    }
}

#page-top a {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 99;
    width: 70px;
    height: 70px;
    font-size: 0.9em;
    border-radius: 50%;
    text-align: center;
    display: block;
    padding: 9px 4px 0;
    text-decoration: none;
    line-height: 1.3;
    border: 4px solid #fff;
    color: #fff;
}

#page-top a:link {
    background: #999;
    color: #fff;
}

#page-top a:hover {
    background: #ccc;
    color: #333;
}


/*-----------------------------------
■回り込み解除（.clearfix）
-----------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}


/*-----------------------------------
■トップページ　ブログの最新記事
-----------------------------------*/

#news-top {
    overflow: hidden;
    padding: 10px 0 30px 0;
    margin: 0 auto;
}

#news-top a {
    text-decoration: underline;
    font-weight: normal;
}

#news-top dd {
    clear: both;
    color: #919191;
    margin: 0;
}

#news-top .thumbnail {
    float: left;
    padding-right: 2em;
}

#news-top .blogdata {
    font-weight: normal;
    overflow: auto;
    zoom: 1;
}

#news-top .blogdata a {
    padding-left: 1em;
    font-size: 1.1em;
    font-weight: bold;
    background: url(./images/icon/icon-arrow.png) left center no-repeat;
}

#news-top .block {
    border-bottom: 1px dotted #919191;
    margin-bottom: 0.5em;
}

#news-top span.category {
    padding: 0.1em 0.5em 0 0.5em;
    background: #0096DA;
    /*以下角丸設定*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#news-top span.category a:link,
#news-top span.category a:visited {
    font-weight: bold;
    font-size: 0.9em;
    text-decoration: none;
    color: #fff;
    background: none;
    padding: 0;
}

#news-top span.category a:hover,
#news-top span.category a:active {
    text-decoration: underline;
}

#news-top dt {
    margin: 0;
}


/*■moreボタン*/

a.more-btn {
    width: 15em;
    float: right;
    text-align: center;
    margin-bottom: 1.0em;
}

a.more-btn {
    font-weight: bold;
    color: #000;
    display: block;
    font-size: 1.1em;
    padding: 0.6em 0 0.4em;
    border: 1px solid #333;
}

a.more-btn:link,
a.more-btn:visited {
    background: #fff;
    color: #333;
    text-decoration: none;
    background: url(./images/icon/icon-arrow.png) 15px center no-repeat white;
}

a.more-btn:hover,
a.more-btn:active {
    color: #fff;
    background: url(./images/icon/icon-arrow.png) 15px center no-repeat #333333;
}


/*-----------------------------------
■投稿記事ページ
-----------------------------------*/

.posts {
    clear: both;
    margin-bottom: 2em;
    /* background: #fff; */
    overflow: hidden;
}

.entry-meta abbr,
.entry-utility abbr {
    border: none;
}

.entry-meta abbr:hover,
.entry-utility abbr:hover {
    border-bottom: 1px dotted #666;
}

.entry-content,
.entry-summary {
    margin-bottom: 2em;
}

.thumbnail {
    float: right;
    padding: 1em;
    /* max-width: 160px; */
    /* padding-top: 1em; */
}

.topics_link {
    padding: 0.0em 0 0.0em 1.5em !important;
    background: url(./images/icon/icon-arrow.png) left top no-repeat;
}

.bt_pdf {
    background: url(./images/icon/bt_pdf.png) right center no-repeat;
    padding-right: 65px;
}

#content .entry-summary p:last-child {
    margin-bottom: 12px;
}

.entry-content fieldset {
    border: 1px solid #e7e7e7;
    margin: 0 0 24px 0;
    padding: 24px;
}

.entry-content fieldset legend {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 0 24px;
}

.entry-content input {
    margin: 0 0 0.2em 0;
}

.entry-content input.file,
.entry-content input.button {
    margin-right: 24px;
}

.entry-content label {
    color: #777;
    font-size: 12px;
}

.entry-content select {
    margin: 0 0 24px 0;
}

.entry-content sup,
.entry-content sub {
    font-size: 10px;
}

.entry-content blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 24px;
    text-align: right;
    width: 33%;
}

.entry-content blockquote.right {
    float: right;
    margin-left: 24px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

.page-link {
    clear: both;
    color: #000;
    font-weight: bold;
    line-height: 48px;
    word-spacing: 0.5em;
}

.page-link a:link,
.page-link a:visited {
    background: #f1f1f1;
    color: #333;
    font-weight: normal;
    padding: 0.5em 0.75em;
    text-decoration: none;
}

.home .sticky .page-link a {
    background: #d9e8f7;
}

.page-link a:active,
.page-link a:hover {
    color: #ff4b33;
}

body.page .edit-link {
    clear: both;
    display: block;
}

#entry-author-info {
    background: #f2f7fc;
    border-top: 4px solid #000;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0;
    overflow: hidden;
    padding: 18px 20px;
}

#entry-author-info #author-avatar {
    background: #fff;
    border: 1px solid #e7e7e7;
    float: left;
    height: 60px;
    margin: 0 -104px 0 0;
    padding: 11px;
}

#entry-author-info #author-description {
    float: left;
    margin: 0 0 0 104px;
}

#entry-author-info h2 {
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0;
}

#content .video-player {
    padding: 0;
}

.singlemeta {
    text-align: right;
    font-size: 1.3em;
    font-weight: bold;
}

.singlemeta span.meta-sep {
    margin-left: 1em;
    padding: 0 0.5em;
    color: #fff;
    background: #2DBEFF;
}

.singlemeta span.small {
    font-size: 0.8em;
    font-weight: normal;
}

.singlemeta a {
    padding-left: 0;
    padding-right: 1em;
    text-decoration: underline;
}


/*投稿記事データ*/

span.entry-date {
    /*投稿日*/
    /* font-size: 1.1em; */
    /* font-weight: bold; */
    /* display:none; */
}

.entry-meta .meta-sep,
.entry-meta .author {
    display: none;
}

.comments-link {
    /*コメント数*/
    float: right;
    text-decoration: underline;
}


/*カテゴリー・タグ表示*/

.entry-utility {
    clear: both;
    font-size: 12px;
    line-height: 18px;
    padding-top: 1em;
}

.category-div,
.tag-div {
    padding-right: 0.5em;
    float: left;
}

.category-div-in,
.tag-div-in {
    float: left;
    margin: -0.5em 0 0 0;
    padding: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    background: #eee;
}


/*.cat-links a{	text-decoration: underline;}*/

.cat-links {
    float: left;
}

.tag-links {
    clear: both;
    float: left;
}


/*記事内にmoreタグが入っている場合*/

.moretxt {
    display: block;
    padding-top: 2em;
    font-size: 1.4em;
    text-decoration: underline;
    text-align: right;
}


/*■（前の記事／次の記事）ページャーボタン*/

#nav-below {
    clear: both;
    width: 100%;
}

#nav-below .nav-next {
    text-align: right;
}

#nav-below .nav-previous a,
#nav-below .nav-next a {
    display: block;
    padding: 0.5em 0.5em 0.5em 1.5em;
    margin-bottom: 1em;
    border: 1px solid #333;
    font-size: 12px;
    font-weight: bold;
}

#nav-below a:link,
#nav-below a:visited {
    color: #333;
    background: #fff;
    text-decoration: none;
}

#nav-below a:hover,
#nav-below a:active {
    background: #333;
    color: #fff;
}


/*（古い投稿／新しい投稿）old-newボタン*/

.old-new #nav-below .nav-previous a,
.old-new #nav-below .nav-next a {
    border: 1px solid #333;
    padding: 0.5em 2em 0.5em 2em;
}

.old-new #nav-below a:link,
.old-new #nav-below a:visited {
    color: #333;
    background: #fff;
    text-decoration: none;
}

.old-new #nav-below a:hover,
.old-new #nav-below a:active {
    background: #333;
    color: #fff;
}


/* ■ 404ページ ■ */

div.img-404 {
    float: left;
    margin: 0em 2.5em 2em 20px;
}

div.img-404 img {
    margin: auto;
    width: 117px;
}

div.text-404 {
    float: right;
    width: 450px;
}

div.text-404 img {
    margin-bottom: 0.5em;
}

ul.menu-404 {
    clear: both;
    margin-bottom: 1.8em !important;
    overflow: hidden;
}

ul.menu-404 li {
    list-style: none !important;
    margin: 0 1em 0 1em;
    font-size: 1.1em;
    padding: 0.2em 0em 0em 1.3em;
    font-weight: bold;
    background: url(./images/icon/icon-list01.png) left center no-repeat;
}

ul.menu-404 li a {
    text-decoration: underline;
}

p.back-404 {
    font-size: 1.2em;
    text-align: right;
    padding-top: 2.2em;
}

p.back-404 a {
    background: url(./images/icon/icon-arrow.png) left center no-repeat;
    padding: 0.2em 0em 0em 1.1em;
    text-decoration: underline;
}


/* ■お問い合わせバナー（コンテンツ下）*/

.contact-b {
    margin-bottom: 2em;
}

.contact-b img {
    max-width: 100%;
    height: auto;
}


/*-----------------------------------
■2.0記事一覧TOP用追加項目
-----------------------------------*/

ul.new-posts {
    overflow: hidden;
    float: left;
    border-bottom: 0 !important;
    margin-bottom: 2em !important;
    margin-right: -1.9%;
    /*記事の数に合わせる*/
}

#main-contents-post h2 {
    clear: both;
}

#news-top ul.new-posts h3,
#news-top ul.category-posts h3 {
    padding: 0.5em;
}

ul.new-posts li img,
#news-top ul.new-posts h3 img,
#news-top ul.category-posts h3 img {
    vertical-align: middle !important;
}

#news-top ul.new-posts h3 a,
#news-top ul.category-posts h3 a {
    font-weight: bold;
    line-height: 1.5em;
}

ul.new-posts li {
    position: relative;
    min-height: 480px;
    border: solid 2px #333;
    border-radius: 10px;
    width: 30%;
    /*記事の数に合わせる*/
    margin-right: 1.9%;
    /*記事の数に合わせる*/
    margin-bottom: 1em;
    padding: 5px;
    float: left;
    overflow: hidden;
}

li.new-entry h3 {
    clear: none !important;
    padding: 0.5em !important;
}

li.new-entry ul {
    padding: 0 1em;
}

.new-entry-in li {
    background: url(./images/icon/icon-arrow.png) left top 0.8em no-repeat;
    min-height: inherit !important;
    padding-left: 1em !important;
    border: 0 !important;
    width: 95% !important;
    float: none !important;
}

ul.new-posts dl,
ul.category-posts dl {
    padding: 0 0.8em;
    margin: 0;
}

ul.new-posts .thumbnail,
ul.category-posts .thumbnail {
    overflow: hidden;
    padding-right: 0 !important;
    margin-bottom: 1em;
    text-align: center;
    float: none !important;
}

ul.new-posts .thumbnail img,
ul.category-posts .thumbnail img {
    max-height: 90px;
    max-width: 100% !important;
}

ul.new-posts .blogdata,
ul.category-posts .blogdata {
    margin-bottom: 2em;
}

.blogmeta {
    position: absolute;
    bottom: 0.5em;
}

.blogmeta dd {
    margin: 0;
}

.category-posts {
    margin-right: -1.9%;
    /*記事の数に合わせる*/
    overflow: hidden;
    border-bottom: 0 !important;
}

ul.category-posts li {
    position: relative;
    min-height: 430px;
    margin-bottom: 2em !important;
    border: solid 2px #68870F;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 25px;
    padding: 5px;
    width: 30%;
    /*記事の数に合わせる*/
    margin-right: 1.9%;
    /*記事の数に合わせる*/
    float: left;
}

.category-list {
    overflow: hidden;
    margin-bottom: 1em;
}

.category-list a {
    font-size: 18px;
    text-decoration: none !important;
    line-height: 2em;
    padding: 0.2em 0.5em;
}

.category-list a:link,
.category-list a:visited {
    background: #68870F;
    color: #fff;
}

.category-list a:hover,
.category-list a:active {
    background: #333;
    color: #fff;
}


/*-----------------------------------
■記事下SNSボタン
-----------------------------------*/

#share,
#share ul {
    overflow: hidden;
}

#share li {
    font-size: 14px;
    float: left;
    text-align: center;
    width: 130px;
    margin-right: 1%;
    margin-bottom: 8px;
    border-radius: 3px;
    list-style: none !important;
}

#share li.share-twitter,
#header-sns li.share-twitter {
    background: #55acee;
    box-shadow: 0 2px #2795e9;
}

#share li.share-twitter:hover,
#header-sns li.share-twitter:hover {
    background: #83c3f3;
}

#share li.share-facebook,
#header-sns li.share-facebook {
    background: #3b5998;
    box-shadow: 0 2px #2d4373;
}

#share li.share-facebook:hover,
#header-sns li.share-facebook:hover {
    background: #4c70ba;
}

#share li.share-google,
#header-sns li.share-google {
    background: #dd4b39;
    box-shadow: 0 2px #c23321;
}

#share li.share-google:hover,
#header-sns li.share-google:hover {
    background: #e47365;
}

#share li.share-hatena,
#header-sns li.share-hatena {
    background: #2c6ebd;
    box-shadow: 0 2px #225694;
}

#share li.share-hatena:hover,
#header-sns li.share-hatena:hover {
    background: #4888d4;
}

#share li.share-pocket,
#header-sns li.share-pocket {
    background: #f13d53;
    box-shadow: 0 2px #e6152f;
}

#share li.share-pocket:hover,
#header-sns li.share-pocket:hover {
    background: #f26f7f;
}

#share li.share-line,
#header-sns li.share-line {
    background: #00C300;
    box-shadow: 0 2px #009d00;
}

#share li.share-line:hover,
#header-sns li.share-line:hover {
    background: #2bd92b;
}

#share a,
#header-sns a {
    display: block;
    height: 27px;
    padding-top: 6px;
    color: #ffffff;
    text-decoration: none;
}

#share a:hover,
#header-sns a:hover {
    text-decoration: none;
    color: #ffffff;
}


/*-----------------------------------
■汎用タグ
-----------------------------------*/


/*フォントカラー*/

.aka {
    color: #fa5d74;
}


/*赤*/

.koi-aka {
    color: #c00000 !important;
}


/*濃い赤*/

.sumire {
    color: #9471de !important;
}


/*すみれ*/

.murasaki {
    color: #840084 !important;
}


/*紫*/

.aomidori {
    color: #007f7f !important;
}


/*青緑*/

.kuro {
    color: #111111 !important;
}


/*黒*/

.pink {
    color: #FF6699;
}


/*ピンク*/

.koi-pink {
    color: deeppink !important;
}


/*濃いピンク*/

.ao {
    color: blue !important;
}


/*青*/

.midori {
    color: #007017 !important;
}


/*緑*/

.orange {
    color: #ff7f00 !important;
}


/*オレンジ*/

.siro {
    color: white !important;
}


/*白*/


/*フロート・アライン*/

.fl-l,
.fl-l_l {
    float: left !important;
}

.fl-r,
.fl-r_l {
    float: right !important;
}

.fl-c {
    clear: both !important;
}

.al-l {
    text-align: left !important;
}

.al-r {
    text-align: right !important;
}

.al-c {
    text-align: center !important;
}


/*パディング*/

.p1em {
    padding: 1em !important;
}

.p1_0em {
    padding: 1em 0 !important;
}

.p0_1em {
    padding: 0 1em !important;
}

.p2em {
    padding: 2em !important;
}

.p2_0em {
    padding: 2em 0 !important;
}

.p0_2em {
    padding: 0 2em !important;
}

.p3em {
    padding: 3em !important;
}

.p3_0em {
    padding: 3em 0 !important;
}

.p0_3em {
    padding: 0 3em !important;
}

.p1em-l {
    padding-left: 1em !important;
}

.p2em-l {
    padding-left: 2em !important;
}

.p10-t {
    padding-top: 10px !important;
}

.p10-r {
    padding-right: 10px !important;
}

.p10-b {
    padding-bottom: 10px !important;
}

.p10-l {
    padding-left: 10px !important;
}

.p20-t {
    padding-top: 20px !important;
}

.p20-r {
    padding-right: 20px !important;
}

.p20-b {
    padding-bottom: 20px !important;
}

.p20-l {
    padding-left: 20px !important;
}

.p30-t {
    padding-top: 30px !important;
}

.p30-r {
    padding-right: 30px !important;
}

.p30-b {
    padding-bottom: 30px !important;
}

.p30-l {
    padding-left: 30px !important;
}


/*マージン*/

.m1em {
    margin: 1em !important;
}

.m1_0em {
    margin: 1em 0 !important;
}

.m0_1em {
    margin: 0 1em !important;
}

.m2em {
    margin: 2em !important;
}

.m2_0em {
    margin: 2em 0 !important;
}

.m0_2em {
    margin: 0 2em !important;
}

.m3em {
    margin: 3em !important;
}

.m3_0em {
    margin: 3em 0 !important;
}

.m0_3em {
    margin: 0 3em !important;
}

.m4em-b {
    margin-bottom: 4em !important;
}

.m5em-b {
    margin-bottom: 5em !important;
}

.m10-t {
    margin-top: 10px !important;
}

.m10-r {
    margin-right: 10px !important;
}

.m10-b {
    margin-bottom: 10px !important;
}

.m10-l {
    margin-left: 10px !important;
}

.m20-t {
    margin-top: 20px !important;
}

.m20-r {
    margin-right: 20px !important;
}

.m20-b {
    margin-bottom: 20px !important;
}

.m20-l {
    margin-left: 20px !important;
}

.m30-t {
    margin-top: 30px !important;
}

.m30-r {
    margin-right: 30px !important;
}

.m30-b {
    margin-bottom: 30px !important;
}

.m30-l {
    margin-left: 30px !important;
}

.m40-b {
    margin-bottom: 40px !important;
}

.m50-b {
    margin-bottom: 50px !important;
}


/*フォント装飾*/

.b {
    font-weight: bold !important;
}

.u {
    text-decoration: underline !important;
}

.utikeshi {
    text-decoration: line-through !important;
}


/*フォントサイズ*/

.f08em {
    font-size: 0.8em !important;
}

.f09em {
    font-size: 0.9em !important;
}

.f11em {
    font-size: 1.1em !important;
}

.f12em {
    font-size: 1.2em !important;
}

.f13em {
    font-size: 1.3em !important;
}

.f14em {
    font-size: 1.4em !important;
}

.f15em {
    font-size: 1.5em !important;
}

.f16em {
    font-size: 1.6em !important;
}

.f17em {
    font-size: 1.7em !important;
}

.f18em {
    font-size: 1.8em !important;
}

.f19em {
    font-size: 1.9em !important;
}

.f20em {
    font-size: 2em !important;
}


/*下向き矢印(flow用)*/

p.arrow-down {
    min-height: 25px;
    padding-top: 0;
    background: url(./images/common/img-arrow-down.png) center top no-repeat;
}

.arrow-down {
    padding-top: 40px;
    background: url(./images/common/img-arrow-down.png) center top no-repeat;
}


/*リストアイコン*/

ul.list_01 li,
ul.list_02 li,
ul.list_03 li {
    list-style: none !important;
}

ul.list_01 li a {
    padding: 0.1em 0 0 1.0em;
    background: url(./images/icon/icon-arrow.png) left center no-repeat;
}

ul.list_01-l li {
    padding: 0.5em 0 0.5em 1em !important;
    background: url(./images/icon/icon-arrow.png) left top 0.8em no-repeat;
    list-style: none !important;
}

ul.list_02 li a {
    padding: 0 0 0 1.6em;
    background: url(./images/icon/icon-orange.gif) left center no-repeat;
}

ul.list_02-l li {
    padding: 0.2em 0 0.5em 1.5em !important;
    background: url(./images/icon/icon-orange.gif) left top 0.4em no-repeat;
    list-style: none !important;
}

ul.list_03 li a {
    padding: 0 0 0 1.6em;
    background: url(./images/icon/icon-yellow.gif) left center no-repeat;
}

ul.list_03-l li {
    padding: 0.2em 0 0.5em 1.5em !important;
    background: url(./images/icon/icon-yellow.gif) left top 0.4em no-repeat;
    list-style: none !important;
}


/*囲み枠*/

.solid_01 {
    border: solid 1px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.solid_02 {
    border: solid 2px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.solid_03 {
    border: solid 2px #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
}

.dotted_01 {
    border: dotted 1px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.dotted_02 {
    border: dotted 2px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.dotted_03 {
    border: dotted 2px #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
}

.dashed_01 {
    border: dashed 1px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.dashed_02 {
    border: dashed 1px #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
}

.dashed_03 {
    border: dashed 2px #ddd;
    padding: 1em;
    margin-bottom: 1em;
}

.double_01 {
    border: double 4px #ccc;
    padding: 1em;
    margin-bottom: 1em;
}

.double_02 {
    border: double 5px #ddd;
    padding: 1em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-bottom: 1em;
}


/*テキストボタン*/

a.text-btn_01 {
    clear: both;
    display: block;
    width: 50%;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    padding: 0.5em 0.5em 0.4em;
    margin: 1em auto;
    background: url(./images/icon/icon-arrow.png) 95% center no-repeat white;
    border: 1px solid #68870F;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

a.text-btn_01:hover {
    color: #fff;
    background: url(./images/icon/icon-arrow.png) 95% center no-repeat #68870f;
}

a.text-btn_02 {
    clear: both;
    text-align: center;
    color: #68870F;
    font-weight: bold;
    text-decoration: none;
    padding: 0.2em 2em;
    margin: 0 auto 1em;
    background: #fff;
    border: 1px solid #68870F;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

a.text-btn_02:hover {
    color: #fff;
    background: #68870F;
}

a.text-btn_03 {
    clear: both;
    text-align: center;
    color: #68870F;
    font-weight: bold;
    text-decoration: none;
    padding: 0.2em 2em;
    margin: 0 auto 1em;
    background: url(./images/icon/icon-arrow.png) 95% center no-repeat white;
    border: 2px solid #68870F;
}

a.text-btn_03:hover {
    color: #fff;
    background: url(./images/icon/icon-arrow.png) 95% center no-repeat #68870f;
}


/*Q&A*/

.q_01 {
    background: url(./images/icon/icon-q_01.png) left 8px top 0.2em no-repeat #cccccc;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    padding: 0.3em;
    padding-left: 55px !important;
    font-size: 20px;
    color: #fff;
    min-height: 30px;
    line-height: 1.5em;
}

.a_01 {
    background: url(./images/icon/icon-a_01.png) left 8px top no-repeat;
    padding-left: 55px !important;
    min-height: 30px;
    padding-top: 0.5em;
}

.q_02 {
    background: url(./images/icon/icon-q_02.png) no-repeat;
    padding-left: 50px !important;
}

.a_02 {
    background: url(./images/icon/icon-a_02.png) no-repeat;
    padding-left: 50px !important;
}


/*-----------------------------------
■グローバルエレメンツ（基本設定）
-----------------------------------*/

body,
input,
textarea {
    font-size: 20px;
}

hr {
    background-color: #cfcfcf;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 18px;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
    margin: 0 0 18px 1.5em;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
}


/*dl {
  margin: 0 0 24px 0;
}*/

dt {
    font-weight: bold;
}

.teacherWrapp dd {
    margin: 16px 0;
    line-height: 1.8;
}

strong {
    font-weight: bold;
}

cite,
em,
i {
    font-style: italic;
}

big {
    font-size: 131.25%;
}

ins {
    background: #ffc;
    text-decoration: none;
}

blockquote {
    background: #eee;
    padding: 1em;
    margin-bottom: 1em;
}

blockquote cite,
blockquote em,
blockquote i {
    font-style: normal;
}

small {
    font-size: smaller;
}


/*検索フォーム前の文字を非表示*/

.screen-reader-text {
    display: none;
}


/*メディア画像の配置設定　画像の回り込み*/

img.alignleft {
    float: left;
    padding-right: 30px;
}

img.alignright {
    float: right;
    padding-left: 30px;
}

img.aligncenter {
    display: block;
    margin: auto;
}


/*-----------------------------------
■ブラウザのCSSをリセット
-----------------------------------*/

* {
    margin: 0;
    padding: 0;
}

address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
var {
    font-style: normal;
    font-weight: normal;
}

h1 {
    color: #fff;
    line-height: 26px;
}

h2,
h3,
h4,
h5,
h6,
small {
    font-size: 50%;
    font-weight: normal;
}

input,
textarea,
select {
    font-size: 1em;
}

fieldset,
img,
abbr {
    border: 0;
}

caption {
    text-align: left;
}

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

img {
    border: none;
    vertical-align: bottom;
}


/*■WordPress対策*/

span textarea,
span input {
    vertical-align: bottom !important;
}


/*■Firefox対策*/

html {
    overflow-y: auto;
    overflow-x: auto;
    overflow: -moz-scrollbars-vertical;
}

body,
x:-moz-broken {
    margin-left: -1px;
}


/*壊れた画像をわかりやすくするコード*/

img:-moz-broken {
    display: block;
    border: 1px solid #ff0000;
    background: #333;
    color: #DDD;
}

.cl {
    margin-top: 20px;
}


/*-----------------------------------
■印刷設定
-----------------------------------*/

@media print {
    body {
        background: none !important;
    }

    #wrapper {
        clear: both !important;
        display: block !important;
        float: none !important;
        position: relative !important;
    }

    #header {
        padding-bottom: 18pt;
    }

    #footer-in {
        border-top: 2pt solid #000;
    }

    #header-left,
    #header-contact {
        /*float: none;*/
        line-height: 1.4em;
        margin: 0;
        padding: 0;
    }

    #header-left {
        font-size: 13pt;
    }

    .entry-content {
        font-size: 14pt;
        line-height: 1.6em;
    }

    .entry-title {
        font-size: 21pt;
    }

    #global-nav,
    #branding img,
    #respond,
    .comment-edit-link,
    .edit-link,
    .navigation,
    .page-link,
    .widget-area,
    .page-top {
        display: none !important;
    }

    #wrapper-in,
    #header,
    #footer {
        margin: 0;
        width: 100%;
    }

    #content,
    .one-column #content {
        margin: 24pt 0 0;
        width: 100%;
    }

    .wp-caption p {
        font-size: 11pt;
    }

    #footer-in {
        width: auto;
    }

    img#wpstats {
        display: none;
    }
}


/* =========================================================
 addition.scss
========================================================= */


/*----------------------------------------------------------------------
/ addition style													   /
----------------------------------------------------------------------*/


/*-----------------------------------
 body
-----------------------------------*/

body {
    font-family: 'Roboto', 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0.04rem;
}


/*-----------------------------------
 common
-----------------------------------*/

#top-in,
#main-in,
#header-in,
#global-nav-in,
#footer-in,
#copyright p {
    width: 1100px;
    margin: auto;
}

.leftBox {
    float: left;
    line-height: 1.8;
}

.rightBox {
    float: right;
}


/*! clearfix
---------------------------- */

.cf:before,
.cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

.clear {
    clear: both;
    visibility: hidden;
    height: 0;
}


/*-----------------------------------
 header
-----------------------------------*/

#res-header {
    background: #fff !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

#res-header #res-nav #res-nav-btn {
    /* position: relative; */
    /* top: 20px; */
}

#res-header #res-nav #res-nav-menu #res-nav-ul li {
    width: 100%;
    box-sizing: border-box;
}

#header {
    /* height: 85px;*/
}

#header #header-in {
    padding-top: 23px;
}

#header #header-in #header-right {
    margin-top: 6px;
}


/*-----------------------------------
 global-nav
-----------------------------------*/

#global-nav {
    float: right;
    min-width: 580px;
    width: 580px;
}

#global-nav #global-nav-in {
    width: 580px;
}

#global-nav #global-nav-in .menu-wrap #menu li {
    margin-right: 30px;
    line-height: 48px;
    text-align: center;
    font-size: 15px;
}

#global-nav #global-nav-in .menu-wrap #menu li a:hover {
    text-decoration: none;
    color: #fa5d74;
}


/*-----------------------------------
 main
-----------------------------------*/

#main #main-image {
    width: 100%;
}

#main #main-image-in {
    width: 100%;
    margin-bottom: -50px;
}

#main #main-image-in img {
    width: 100%;
    height: auto;
}

#main-contents {
    float: none;
    width: 1100px;
    margin: 0 auto;
}

#main #main-in #main-contents .ttlBox {
    position: relative;
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;
}

#main #main-in #main-contents .ttlBox h2 {
    background: none;
    color: #4d0e0e;
    font-size: 28px;
    text-align: center;
    border: none;
}

#main #main-in #main-contents .ttlBox p {
    font-size: 19px;
    text-align: center;
}

#main #main-in #main-contents .contents .three-bnr,
#main #main-in #main-contents .contents .blogarea {
    margin-bottom: 100px;
}

#main #main-in #main-contents .contents .three-bnr h3 {
    background: none;
    font-size: 32px;
    color: #3e1f22;
    border-bottom: 1px solid #3e1f22;
    line-height: 1.2;
}

#main #main-in #main-contents .contents .three-bnr .subtxt {
    color: #3e1f22;
    font-size: 16px;
}

#main #main-in #main-contents .contents .three-bnr .btn a {
    border: 1px solid #3e1f22;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    transition: 0.5s;
}

#main #main-in #main-contents .contents .three-bnr .btn a:hover {
    transition: 0.3s;
    background: #eb6876;
    color: #fff;
    border: 2px solid #eb6876;
}

#main #main-in #main-contents .contents .three-bnr .two-bnr {
    padding-bottom: 210px;
    margin-bottom: -200px;
    box-sizing: content-box;
}

#main #main-in #main-contents .contents .three-bnr .conBox {
    margin-bottom: 60px;
}

#main #main-in #main-contents .contents .three-bnr .dantai {
    width: 1100px;
    position: relative;
    /* right: 67px; */
}

#main #main-in #main-contents .contents .three-bnr .dantai .leftBox {
    position: absolute;
    right: 0;
    top: 56px;
}

#main #main-in #main-contents .contents .blogarea h2 {
    background: none;
}

#main #main-in #main-contents .contents .blogarea .hentry {
    overflow: inherit;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox {
    width: 440px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox {
    width: 240px;
    margin-right: 15px;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox h3 {
    font-size: 16px;
    border: none;
    max-height: 37px;
    overflow: hidden;
    padding-top: 0;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox .excerpt {
    max-height: 48px;
    overflow: hidden;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox .category {
    background: #4d0e0e;
}

#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox h3,
#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox .date,
#main #main-in #main-contents .contents .blogarea .hentry #news-top .conBox .leftBox .excerpt {
    margin-bottom: 0 !important;
}

#main #main-in #main-contents .contents .newcon h2 {
    background: none;
    border: none;
    border-top: 7px solid #4d0e0e;
    border-bottom: 1px solid #4d0e0e;
    width: 645px;
    font-size: 16px;
    color: #4d0e0e;
}

#main #main-in #main-contents .contents .newcon .rightBox {
    width: 265px;
    height: 315px;
    background: #939393;
}

#main .al-r a {
    transition: 0.5s;
}

#main .al-r a:hover {
    transition: 0.3s;
}


/*アフターフォロー*/

#main .after-top li {
    list-style: none;
    text-align: center;
}


/*関連リンク*/

#main .link-top li {
    list-style: none;
    float: left;
    width: 30%;
    margin: 18px 1.6% 3em;
}

#main .link-top img {
    margin: 1rem auto 0;
    width: 100%;
    display: block;
}


/*経済産業省*/

#main .keizai-top {
    display: table;
    width: 100%;
    margin: 5rem auto 0px;
    padding: 25px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#main .keizai-top p {
    display: table-cell;
    vertical-align: middle;
}


/*-----------------------------------
 footer
-----------------------------------*/

#footer #footer-in {
    background: none;
}

#footer #footer-in #footer-menu li {
    margin-bottom: 0.4em;
}

#footer #footer-in #footer-menu ul li a {
    text-decoration: none !important;
}


/*-----------------------------------
 page
-----------------------------------*/

.contact-b {
    text-align: center;
}


/*-----------------------------------
 media
-----------------------------------*/

.eyecatch img {
    margin-bottom: 30px;
    display: block;
    width: 100%;
}

.mediaWrapp .site_section01 img {
    display: block;
    margin: 0 auto;
}

.mediaWrapp .site_section01 li {
    list-style: none !important;
}

.mediaWrapp .site_section01 .media01,
.mediaWrapp .site_section01 .media02,
.mediaWrapp .site_section01 .media03,
.mediaWrapp .site_section01 .media04,
.mediaWrapp .site_section01 .media05 {
    font-size: 30px;
    line-height: 30px;
    padding: 5px 0 5px 15px;
    margin-bottom: 15px;
}

.mediaWrapp .site_section01 .media01 {
    color: #0cbc62;
    border-left: 5px solid #0cbc62;
    border-bottom: 2px solid #0cbc62;
}

.mediaWrapp .site_section01 .media02 {
    color: #bc850c;
    border-left: 5px solid #bc850c;
    border-bottom: 2px solid #bc850c;
}

.mediaWrapp .site_section01 .media03 {
    color: #bc0c3a;
    border-left: 5px solid #bc0c3a;
    border-bottom: 2px solid #bc0c3a;
}

.mediaWrapp .site_section01 .media04 {
    color: #0c6cbc;
    border-left: 5px solid #0c6cbc;
    border-bottom: 2px solid #0c6cbc;
}

.mediaWrapp .site_section01 .media05 {
    color: #8f8f8f;
    border-left: 5px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
}

.mediaWrapp .site_section01 .box_topics {
    margin-bottom: 70px;
}

.mediaWrapp .site_section01 #attachment_56 {
    margin: 0 auto;
}

.mediaWrapp .site_section01 .topics_link {
    text-align: center;
    margin-top: 2em !important;
}

.mediaWrapp .site_section01 .topics_link a {
    padding: 5px 10px 5px 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
    transition: 0.5s;
    text-decoration: none;
}

.mediaWrapp .site_section01 .topics_link a:hover {
    background: #ee6876;
    color: #fff;
    border: 1px solid #ee6876;
    transition: 0.3s;
}

.youtube-wrap {
    padding-bottom: 56.25%;
    height: 0px;
    position: relative;
}

.youtube-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


/*-----------------------------------
 yell
-----------------------------------*/

.yellWrapp li {
    list-style: none !important;
}

.yellWrapp h4 {
    margin-top: 60px !important;
    margin-bottom: 30px !important;
}

.yellWrapp .ul_yell01 dt {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

.yellWrapp .ul_yell01 .btn {
    padding: 5px 10px 5px 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
    transition: 0.5s;
    text-decoration: none;
}

.yellWrapp .ul_yell01 .btn:hover {
    background: #ee6876;
    color: #fff;
    border: 1px solid #ee6876;
    transition: 0.3s;
}

.yellWrapp .ul_yell01 .ul_yell01_01 {
    margin-bottom: 50px !important;
}

.yellWrapp .ul_yell01 {
    text-align: justify;
    line-height: 1.8;
}

.yellWrapp .ul_yell01 .ul_yell01_01 .leftBox {
    width: 760px;
}


/*-----------------------------------
 teacher
-----------------------------------*/

.teacherWrapp .main_image {
    display: block;
    margin: 0 auto;
}

.teacherWrapp .box_teacher {
    margin-bottom: 50px;
    text-align: justify;
}

.teacherWrapp .box_teacher .rightBox {
    width: 800px;
}

.teacherWrapp .box_teacher .rightBox dt {
    font-size: 24px;
    color: #ee6876;
    line-height: 1.6;
}

.teacherWrapp .profile-ttl {
    font-size: 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dfdfdf;
}

.koyama_btn {
    display: block;
    text-align: center;
    border: 2px solid #EE6876;
    border-radius: 4px;
    padding: 18px 0 16px;
    font-size: 20px;
    width: 40%;
    margin: 30px auto 0;
}

.koyama_btn a {
    color: #EE6876;
    text-decoration: none;
}

.small {
    display: inline-block;
    font-size: 16px;
    margin-bottom: 4px;
    line-height: 1.4;
}


/*-----------------------------------
 about
-----------------------------------*/

.aboutWrapp .site_section01 .cf {
    margin-bottom: 50px;
}

.aboutWrapp .site_section01 .logo_b {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#main-contents .text_name {
    font-size: 18px;
    margin-top: 40px;
    text-align: right;
}

.aboutWrapp .site_section02 dt {
    float: left;
    width: 12%;
}

.aboutWrapp .site_section02 dd {
    margin: 0;
    padding-left: 16% !important;
}

.aboutWrapp .site_section02 ol li {
    list-style: none !important;
}

.aboutWrapp .site_section02 dt,
.aboutWrapp .site_section02 dd {
    padding: 12px 10px;
    border-top: 1px solid #d2d7dc;
}

.aboutWrapp .site_section02 .border-none dt,
.aboutWrapp .site_section02 .border-none dd {
    border: none;
}


/*-----------------------------------
 patronage
-----------------------------------*/

.patronageWrapp .tel {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.patronageWrapp .borderBox {
    padding: 10px;
    border: 1px solid #dfdfdf;
}


/*-----------------------------------
 link
-----------------------------------*/

.linkWrapp .site_section01 li {
    list-style: none !important;
    margin-bottom: 40px !important;
    border-bottom: 1px solid #d2d7dc;
    padding-bottom: 40px !important;
}

.linkWrapp .site_section01 li .leftBox {
    margin-right: 20px;
}

.linkWrapp .site_section01 li dl dt {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
}


/*-----------------------------------
 privacy-policyWrapp
-----------------------------------*/

.privacy-policyWrapp .inrBox {
    width: 97%;
    padding-left: 3%;
}

.privacy-policyWrapp .borderBox {
    padding: 10px;
    border: 1px solid #dfdfdf;
}


/* ========================================================*/


/*下層ページ内ナビ*/

#main-contents ul.navi01 {
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between;
}

#main-contents ul.navi01 li a {
    display: block;
    background: #ffffff;
    padding: 1em;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-radius: 3px;
}

#main-contents ul.navi01 li a:hover {
    background: #ee6876;
    border: 2px solid #ee6876;
    color: #fff;
}


/*■活用ガイド*/

#main-contents .utilization-box {
    border: 2px solid #EE6876;
    border-radius: 5px;
    margin-bottom: 50px;
}

#main-contents .utilization-box-in {
    padding: 2em;
}

#main-contents .utilization-box-in h4 {
    margin: 0 0 0.5em;
}

#main-contents .utilization-box ul {
    margin: 1em 0 0;
    overflow: hidden;
    color: #EE6876;
}

#main-contents .utilization-box li {
    list-style: square;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 0.6em;
    list-style-position: outside !important;
}

#main-contents .utilization-box h3 {
    text-align: center;
    margin: 0 0 0.8em 0;
    padding: 0.2em;
    font-size: 1.6em;
    font-weight: bold;
    border-left: 0;
}

#main-contents .utilization-box h5 {
    font-size: 22px;
    line-height: 1.2em;
}

#main-contents .utilization-box .voice {
    padding: 0 1em;
}

#main-contents .utilization-box .voice-text {
    float: right;
    width: 770px;
}

#main-contents .utilization-box .voice-img {
    float: left;
}

#main-contents .utilization-box ul.utilization-navi {
    display: flex;
    justify-content: space-evenly;
}

#main-contents .utilization-box ul.utilization-navi li {
    width: 77%;
    list-style: none;
    text-align: center;
    font-size: 1.3em;
}

#main-contents .utilization-box ul.utilization-navi li a {
    display: inline-block;
    border: 2px solid #ee6876;
    padding: 1em;
    text-decoration: none;
    border-radius: 3px;
    font-size: 1.4rem;
    width: 82%;
    color: #ee6876;
}

#main-contents .utilization-box ul.utilization-navi li a:hover {
    width: 82%;
    background-color: #ee6876;
    color: #fff;
}


/*■資格ガイドページ*/

#main-contents ul.class-list {
    padding-left: 2.0em;
}

#main-contents ul.class-list li {
    color: #fa5d74;
    font-weight: bold;
    font-size: 1em;
    list-style: square !important;
}

#main-contents ul.class-list li.blue {
    color: #2aa5d1;
    font-weight: bold;
    font-size: 1em;
    list-style: square !important;
}


/*流れ（資格ガイドページ内）*/

.flow-box {
    border: 1px dotted #333;
    padding: 2.2em;
    margin-bottom: 1em;
    text-align: center;
}

.flow-box h4 {
    text-align: center;
    border-left: 0 !important;
    background: #ee6876;
    color: white !important;
    /*以下角丸設定*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/*■取得の流れ*/

.attendance {
    display: block;
}

.tugakuattendance {
    width: 100%;
}

.tugakuattendance p.txt,
.movieattendance p.txt {
    text-align: justify;
}

.examination {
    display: block;
}

.jitsugi,
.hikki {
    width: 100%;
}

.jitsugi,
.hikki {
    text-align: justify;
}

.ul_flow {
    overflow: hidden;
    margin: 0 2em 0 !important;
}

.ul_flow li {
    float: left;
    width: 50%;
    text-align: center;
    list-style: none !important;
}

.dl_flow01a {
    font-size: 20px;
    margin-bottom: 40px;
}

#flow01 .dl_flow01a {
    border-top: 1px dotted #EE6876;
}

#flow02 .dl_flow01a {
    border-top: 1px dotted #258A47;
}

.dl_flow01a dt {
    float: left;
    padding: 15px;
}

#flow01 .dl_flow01a dt {
    color: #EE6876;
}

#flow02 .dl_flow01a dt {
    color: #258A47;
}

#flow02 h3 {
    color: #fff;
    background: #258a47;
}

.dl_flow01a dd {
    padding: 15px 0 15px 170px;
    margin-bottom: 0;
}

#flow01 .dl_flow01a dd {
    border-bottom: 1px dotted #EE6876;
}

#flow02 .dl_flow01a dd {
    border-bottom: 1px dotted #258A47;
}

.box_flow {
    width: 100%;
    padding: 24px;
    border-radius: 3px;
    box-sizing: border-box;
}

#flow01 .box_flow {
    border: 2px solid #EE6876;
}

#flow01 .box_flow dl {
    float: left;
    width: 72%;
}

#flow01 .box_flow img {
    float: right;
    width: 26%;
}

#flow02 .box_flow {
    border: 2px solid #258A47;
}

#flow02 .box_flow dl {
    float: left;
    width: 72%;
}

#flow02 .box_flow img {
    float: right;
    width: 26%;
}

.box_flow dl dt {
    font-size: 24px;
    margin-bottom: 17px;
    line-height: 1.4;
}

#flow01 .box_flow dl dt {
    color: #EE6876;
}

#flow02 .box_flow dl dt {
    color: #258A47;
}

.box_flow dl dt span {
    color: #fff;
    padding: 2px 8px 4px 8px;
    margin-right: 5px;
}

#flow01 .box_flow dl dt span {
    background: #EE6876;
}

#flow02 .box_flow dl dt span {
    background: #258A47;
}

.box_flow dd {
    padding-left: 33px;
    font-size: 20px;
    line-height: 1.8;
}

.box_flow dd img {
    float: right;
    padding-left: 30px;
}

.box_flow dd span {
    font-size: 14px;
}

.flow_link01 {
    padding-left: 25px;
    font-size: 14px !important;
    margin-top: 25px;
}

#flow01 .flow_link01 {
    background: url(./../img/flow/arrow01.png) no-repeat left center;
}

#flow02 .flow_link01 {
    background: url(./../img/flow/arrow02.png) no-repeat left center;
}


/*誘導リンク装飾*/

.link-01 a {
    text-decoration: none;
    color: #fa5d74;
}


/*■団体研修*/

.group-kaiketu {
    width: 1100px;
    margin: 0 auto 1em;
}

.group-kaiketu div {
    margin-bottom: 1em;
    font-size: 1.2em;
    padding: 1em;
    border: 2px solid;
}

.group-kaiketu div.group-01 {
    border-radius: 3px;
}

.group-kaiketu div.group-02 {
    font-weight: bold;
    border-color: #EE6876;
    border-radius: 3px;
    color: #fa5d74;
}

.group-kaiketu div h4 {
    text-align: center;
    color: #ee6876 !important;
    padding: 0 0 5px 0 !important;
    border-left: 0 !important;
    border-bottom: 1px dotted #522C0A;
    margin: 0 0 1em !important;
}

.group-kaiketu div ul {
    margin: 0 1em !important;
}

.group-kaiketu .kaiketu-text {
    text-align: center;
    font-size: 1.2em;
}


/*導入事例*/

.dl_donyu {
    width: 1000px;
    margin: 0 auto;
    padding: 0px 0 20px 0;
}

#main-contents .dl_donyu .link-01 {
    margin: -0.8em 0 1.6em;
}

.dl_donyu dt {
    clear: both;
    float: left;
    padding: 0 20px 0 0;
    width: 210px;
    text-align: center;
}

.dl_donyu dd {
    border-bottom: 1px dotted #522C0A;
    padding: 0px 0 0 240px;
    min-height: 180px;
}

#main-contents .dl_donyu_case {
    color: #fa5d74;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.dl_donyu_number {
    font-size: 1.5em;
}

.donyu_link a {
    color: #fff;
    background: #EE6876;
    padding: 4px;
    text-align: center;
    font-size: 1.1em;
    text-decoration: none !important;
}

.donyu_link a:hover {
    opacity: 0.5;
}

#main-contents .zirei-text {
    font-size: 28px;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 0.4em !important;
}


/*メリット*/

.dl_merit {
    display: table;
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px dotted #4d0e0e;
}

.dl_merit dt {
    float: left;
    width: 120px;
    padding-top: 8px;
    text-align: center;
}

.dl_merit dd {
    float: right;
    width: 880px;
    font-size: 14px;
    color: #333;
}

.dl_merit p {
    font-size: 1.2em;
}

.dl_merit p.merritt-text {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0.4em !important;
}


/*取得の流れ（団体研修 内） */

.box_group02 {
    text-align: center;
}

.box_group02 dl {
    overflow: hidden;
    padding: 1em 0 2em;
    background: url(./images/icon/icon-arrow-down.png) center bottom no-repeat;
}

.box_group02 dl.last {
    background: none;
}

.box_group02 dl dt {
    color: #fff;
    background-color: #bbb;
    margin: 0 auto 3px;
    width: 18em;
    padding: 4px 0.5em;
    border-radius: 3px;
}

.box_group02 dl dd {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: bold;
}

#main-contents .box_group02 p {
    font-size: 1.7em;
    font-weight: bold;
    color: #EE6876;
    padding-top: 0.4em;
    margin-bottom: 0;
}

#main-contents ul.buttonlist {
    margin-bottom: 1em;
    overflow: hidden;
}

#main-contents ul.buttonlist li {
    float: left;
    list-style: none;
    margin-right: 50px;
    text-align: center;
}

#main-contents ul.buttonlist li:last-child {
    margin-right: 0;
}


/*2級通学講座　開講一覧*/

#kaikou-itiran h3 {
    margin-top: 5rem !important;
    margin-bottom: 0.6rem !important;
}

#kaikou-itiran #nav li {
    float: left;
    list-style: none !important;
}

#kaikou-itiran #nav li a {
    border: 2px solid #ee6876;
    padding: 10px;
    display: block;
    margin: 0 10px 0px 0px;
    text-decoration: none;
    border-radius: 0.2rem;
}

#kaikou-itiran table td {
    vertical-align: top !important;
}

#kaikou-itiran table a {
    text-decoration: none;
    text-align: center;
}

#kaikou-itiran table a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
}

#kaikou-itiran .sc_link {
    background: #fa5d74;
    margin-top: 4px;
    padding: 2px 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
}

#kaikou-itiran .print_on_areaName {
    display: none;
}

.guide-top h2 {
    border: 0 !important;
    text-align: center;
    padding: 0 !important;
}


/*TOP 資格ガイド*/

.guide-top ul {
    overflow: hidden;
}

.guide-top li {
    float: left;
    list-style: none !important;
    text-align: center;
    font-size: 1.2em;
    margin: 0 14px;
    font-weight: bold;
}

.guide-top li .guide-img {
    margin-bottom: 0 !important;
}

.guide-top li a {
    text-decoration: none;
}

.guide-top li img {
    margin-bottom: 10px;
}


/*-----------------------------------
1級ページ　名古屋福祉専門学校
-----------------------------------*/

#nagoya {
    background-color: #e4f4f9;
}

#nagoya .flex {
    display: flex;
    justify-content: space-between;
}

#nagoya .flexcontent1 {
    width: 80%;
}

#nagoya .flexcontent2 {
    width: 20%;
}

#nagoya .flexcontent3 {
    width: 45%;
}

#nagoya .flexcontent4 {
    width: 45%;
}

#nagoya .frame {
    width: 86%;
    margin: 5rem auto;
    padding: 3.6rem 0;
}

#nagoya strong {
    display: inline-block;
    font-size: 1.5em;
    padding-top: 0.6rem;
}

#nagoya .strong {
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 0.4rem 0 1.2rem;
}

#nagoya h3 {
    background: #42adc0;
    margin: 1em 0 0.8em 0;
    padding: 0.4em 0.8em;
    color: #fff;
    font-size: 1.2em;
}

#nagoya h4 {
    border-left: 6px solid #42adc0;
    margin: 0 0 0.5em;
    font-size: 1.1em;
}

.sp-only {
    display: none;
}

.pc-only {
    display: block;
}

#kaikou-itiran {
    font-size: 16px;
    line-height: 1.5;
}

#kaikou-itiran .flex {
    display: flex;
    justify-content: space-between;
}

#main-contents ul.flex {
    display: flex;
}

#main-contents ul.flexbox li {
    width: 48%;
}

#main-contents .flexbox {
    display: flex;
    justify-content: space-between;
    margin: 1.4em 0;
}

#main-contents .flexbox li {
    margin-bottom: 0em;
}

#main-contents .btn-flow-tugakukaiko {
    display: inline-block;
    margin: 1em 0;
    width: 50%;
}


/*-----------------------------------
sitemap
-----------------------------------*/

#main-contents ul.sitemap_list {
    margin-bottom: 0;
    width: 46%;
}

#main-contents ul.sitemap_list li a {
    text-decoration: none;
    font-size: 20px;
}

#main-contents ul.sitemap_list li {
    padding: 14px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

#main-contents ul.sitemap_list li:first-child {
    border-top: 1px solid #ddd;
}

#main-contents ul.sitemap_list li ul {
    margin: 0;
    padding: 5px 0 0;
}

#main-contents ul.sitemap_list p {
    margin-bottom: 0;
    text-indent: 1.6em;
}

#main-contents .smflex {
    display: flex;
    justify-content: space-between;
}

.hero {
    height: 620px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: 50%;
}

.hero--second {
    background-image: url(/assets/images/first-head.jpg);
}

.container {
    max-width: 100%;
    width: 1140px;
    width: var(--default-container-width);
    margin: 0 auto;
    padding: 0 20px;
    padding: 0 var(--container-padding);
}

.hero .container {
    position: relative;
    height: 100%;
}

.hero__content {
    width: 600px;
    position: absolute;
    right: 0;
    bottom: -42px;
    background-color: #2aa5d1;
    color: #fff;
    padding: 50px 0 45px 52px;
}

.hero__content h1 {
    margin-bottom: 26px;

}

.hero__title {
    font-size: 40px;
}

.hero__title span {
    font-size: 60px;
}

.hero__text {
    width: 550px;
    text-align: justify;
}

.claim_btn a {
    text-align: center;
    margin: 60px auto 0;
    display: block;
    color: #fff;
    background: #2aa5d1;
    width: 600px;
    line-height: 1.2;
    padding: 18px 0;
    letter-spacing: 0.08rem;
    border-radius: 6px;
    text-decoration: none;
}


.small {
    font-size: 1.5rem;
}

.middle {
    font-size: 1.8rem;
}

.large {
    font-size: 2rem;
    font-weight: bold;
}


.section-title {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: .1em;
    line-height: 1.5;
}

#main-contents .firstclass h2 {
    border-left: none;
    margin: 120px 0 30px 0;
    padding: 0;
}

#main-contents .subject li {
    border-bottom: 1px dotted #999;
    margin-bottom: 0;
    font-size: 22px;
    padding: 14px 30px;
}

#main-contents .subject li:first-child {
    border-top: 1px dotted #999;
}









@media (max-width: 999px) {
    .hero__content {
        width: auto;
        position: absolute;
        right: 0;
        bottom: -42px;
        background-color: #2aa5d1;
        color: #fff;
        padding: 20px;
    }

    .hero__text {
        width: 100%;
        font-size: 15px;
    }
}




/*2020/9/29追加*/

@media screen and (max-width: 767px) {
    .hero--second {
        height: 320px;
    }

    .sp-only {
        display: block;
    }

    .pc-only {
        display: none;
    }

    .koyama_btn {
        width: 98%;
        margin: 20px auto 0;
    }

    .small {
        display: inline-block;
        font-size: 16px;
        margin-bottom: 4px;
        line-height: 1.4;
    }

    #nagoya .frame {
        padding: 1.4rem 0;
    }

    #nagoya .flex {
        display: block;
    }

    #nagoya .flexcontent1 {
        width: 100%;
    }

    #nagoya .flexcontent2 {
        width: 100%;
    }

    #nagoya .flexcontent3 {
        width: 100%;
    }

    #nagoya .flexcontent4 {
        width: 100%;
    }

    .claim_btn a {
        text-align: center;
        margin: 24px auto 0;
        display: block;
        color: #fff;
        background: #2aa5d1;
        width: 100%;
        line-height: 1.2;
        padding: 18px 0;
        letter-spacing: 0.06rem;
        border-radius: 6px;
    }

    .small {
        font-size: 1rem;
    }

    .middle {
        font-size: 1.15rem;
    }

    .large {
        font-size: 1.3rem;
        font-weight: bold;
    }

    #main-contents .firstclass h2 {
        margin: 80px 0 20px;
    }

    #main-contents .subject li {
        font-size: 18px;
        padding: 14px 10px 14px 30px;
        line-height: 1.6;
    }
}