@charset "utf-8";

/* 基本設定 ここから */
body {
    -webkit-font-smoothing: antialiased;
    font-family: "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    /* 横スクロールバー非表示 */
    overflow-x: hidden;
}

a:link {
    color: #000000;
    text-decoration: underline;
}

a:visited {
    color: #000000;
    text-decoration: underline;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

/* 基本設定 ここまで */

/* レイアウト設定 ここから */


#pageBody {
    width: 960px;
    margin: 20px auto;
    background-color: #fff;
}

#main {
    margin-top: 30px;
}

#sidebar {
    margin-top: 20px;
    padding-top: 10px;
}

#contentsWarp {
    clear: both;
    margin-top: 0px;
}

/* -------------------------------------------------------------------------------- */
/*     ヘッダー                                                               　　　*/
/* -------------------------------------------------------------------------------- */
#header {
    margin-top: 20px;
    font-size: 16px;
}

#header h1 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.image-right {
    text-align: right;
}

/* 画像の回り込み設定 */

*.float-left {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}

*.float-leftclear {
    clear: both;
}

*.float-right {
    float: right;
    margin-right: 2em;
    margin-bottom: 1em;
}

*.float-rightclear {
    clear: both;
}

/* 角を丸くする */

.kadomaru {
    border-radius: 3px;
    /* CSS3 */
    -moz-border-radius: 3px;
    /* Firefox */
    -webkit-border-radius: 3px;
    /* Safari,Chrome */
    behavior: url(PIE.htc);
    /* for IE */
    position: relative;

    border: 1px #fe6a00 solid;
    /* 枠線の装飾 */
    background-color: white;
    /* 背景色 */
    margin: 0 6px 6px 6px;
    padding: 10px 10px;
}

/* 100% */

.main-all {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
}


/* -------------------------------------------------------------------------------- */
/*     メインビジュアル                                                         　　*/
/* -------------------------------------------------------------------------------- */
#main-visual {
    text-align: center;
    margin: 0;
    padding: 0;
}

#main-visual h2 {
    text-align: center;
    margin: 0;
    padding: 0;
}

#main-visual_2 {
    text-align: center;
    border: 0;
    margin-top: -63px;
}


/* -------------------------------------------------------------------------------- */
/*     contents_box                          　　*/
/* -------------------------------------------------------------------------------- */


.contents_box {
    text-align: center;
    margin: 20px auto 20px;
    padding: 10px 10px;
    font-size: 18px;
}

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

.contents_box03 {
    width: 800px;
    font-family: 'Noto Serif JP', sans-serif;
    padding: 10px;
    margin: 20px auto 20px auto;
    background-color: #000;
}


.flow {
    text-align: center;
}

.contents_image {}

.contents_box_16 {
    font-size: 16px;
    border: 1px solid #fe6a00;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 20px auto 20px;
    padding: 10px 10px;
}

/* -------------------------------------------------------------------------------- */
/*     装飾　                                                               　　*/
/* -------------------------------------------------------------------------------- */
.midashi01 {
    border-bottom: solid 3px black;
    margin: 10px 100px;

}

.midashi02 {
    margin: 10px 10px 10px 10px;
    vertical-align: middle;
}

.text_left {
    text-align: left;
}

.blue01 {
    color: #2c97d3;
}

.red01 {
    color: #d6000a;
}

.bold {
    font-weight: bold;
}

.size1 {
    font-size: 15px;
    line-height: 1.0em;
}

.size2 {
    font-weight: 700;
    font-size: 2.0em;
    line-height: 1.2em;
    font-weight: bold;
}

.size3 {
    font-size: 1.5em;
    line-height: 1.5em;
}

.size4 {
    font-size: 1.3em;
    line-height: 1.3em;
}

.box_01 {
    padding: 5px;
    margin: 20px;
    line-height: 1.2em;
    border: 1px solid #ccc;
}

.box_02 {
    width: 800px;
    padding: 10px;
    margin: 20px 50px 20px 50px;
    background-color: #000;
}

.box_02 a:link {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: bold;
}

.box_02 a:visited {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: bold;
}

.box_02 a:hover {
    text-decoration: none;
    color: #CCC;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: bold;
}

.box_02 a:active {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 1.2em;
    font-weight: bold;
}

.box_03 {
    padding: 10px;
    margin: 10px 50px;
    background-color: #000;
    color: #fff;
}

.box_04 {
    border: solid 3px #000;
    padding-bottom: 10px;
    padding-top: 10px;
}


/* TOP ここまで */

/* 左カラム ここから */

.sidecontents_box {
    background-color: #fff;
    border: 1px solid #fe6a00;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 0px 18px 18px;
    padding: 10px 10px;
}

.sidecontents_box_white {
    background-color: #fff;
    margin: 0 0px 16px 18px;
}

.sidecontents_box h4 {
    font-size: 14px;
    margin: 0 0 10px 0;
    padding: 2px 8px;
    background-color: #fe6a00;
    color: #FFFFFF;
    line-height: 140%;
    font-weight: bold;
}

.sidecontents_box ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.sidecontents_box ul li {
    padding-left: 10px;
    margin-bottom: 4px;
    margin-left: 10px;
    font-size: 14px;
    background: url(../images/point.gif) no-repeat left 4px;
}

.banner {
    list-style-type: none;
    margin: 6px 0 6px 6px;
    padding: 0;
}

.banner ul {
    text-align: center;
}

.banner li {
    margin: 0 10px 0 0;
    padding: 0 0 10px;
}

.accordion_head {
    cursor: pointer;
}




/* -------------------------------------------------------------------------------- */
/*     フッター                                                               　　　*/
/* -------------------------------------------------------------------------------- */
#footer {
    background-color: #fff;
    padding: 12px 0 0;
    margin-top: 12px;
}

#footerMenu {
    text-align: center;
    color: #000;
}

#footerMenu h3 {
    font-size: 12px;
}

#footer .copyright {
    height: 25px;
    text-align: center;
    font-size: 12px;
    clear: both;
}

.movie-content-wrap {
    position: relative;
    width: 560px;
    height: 315px;
}

.movie-content-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 560px;
}

.movie-content-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.sp-spacer {
    display: none;
    width: 1px;
    height: 1px;
}

.box_in_txt {
    overflow-wrap: break-word;
}

@media screen and (max-width: 768px) {
    .sp-spacer {
        display: block;
    }
}