@charset "UTF-8";


/*------------------------------------------------------



------------------------------------------------------*/
.contentsWrap {}

.title-a { color: #444; background: url("../images/bg_line01.png") repeat left top; position: relative;}
.title-a::before { content: ''; height: 44%; position: absolute; left: 0; top: 28%; background-color: #57b6df;}

.title-b { color: #444; border-top: 3px solid #57b6df; position: relative; padding-top: 10px; }
.title-b::before { content: ''; height: -webkit-calc(100% - 10px); height: calc(100% - 10px); position: absolute; left: 0; top: 12px; background-color: #57b6df;}

.title-c { font-size:2.2rem; font-weight: 600; padding: 10px 0px; color: #57b6df; text-align: center; }

.btn01 { color: #fff; background-color: #57b6df; text-align: center; display: inline-block; min-width: 200px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; box-shadow: 0px 5px 0px 0px #448dad; -moz-box-shadow: 0px 5px 0px 0px #448dad; -webkit-box-shadow: 0px 5px 0px 0px #448dad; padding: 6px 10px; cursor: pointer; position: relative; text-decoration: none;}

table.table-a { /*border: 1px solid #37a0e6;*/ margin-bottom: 30px;}
table.table-a tr {}
table.table-a th { /*border-top: 1px solid #37a0e6; border-right: 1px solid #37a0e6;*/}
table.table-a td { /*border-top: 1px solid #37a0e6; border-right: 1px solid #37a0e6;*/ }

@media (min-width: 768px) {
    
    .title-a { font-size: 2.6rem; padding: 20px 16px; margin-bottom: 30px;}
    .title-a::before { width: 5px; }
    
    .title-b { font-size: 2.2rem; padding-left: 16px; margin-bottom: 25px;}
    .title-b::before { width: 5px;}
    
    .btn01 { font-size: 2.2rem; }
    .btn01:hover { text-decoration: none; box-shadow: none; top: 5px;}
    
}

@media (max-width: 767px) {
    
    .title-a { margin-bottom: 20px; font-size: 2.4rem; line-height: 1.5; padding: 10px 10px 10px 15px; }
    .title-a::before { width: 4px;}
    
    .title-b { font-size: 2rem; padding-left: 12px;  border-width: 2px; margin-bottom: 15px;}
    .title-b::before { width: 4px;}
    
    .btn01 { font-size: 1.8rem;}

}


/*------------------------------------------------------

		catchcopy

------------------------------------------------------*/
.catchCopy { font-family: 'Noto Serif JP',"ヒラギノ明朝 ProN W3", "Hiragino font-02 ProN", 游明朝, Yufont-02, HG 明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; line-height: 2.0; letter-spacing: 0.1rem; }
.catchCopy p { background: linear-gradient(transparent 55%, #f2efeb 0%); display: inline; }

@media (min-width: 768px) {
	.catchCopy { font-size: 2.4rem; }
}

@media (max-width: 767px) {
	.catchCopy { font-size: 2.0rem; }
}


/*------------------------------------------------------
	bg
------------------------------------------------------*/
.bg-special { background: #FCFBE3; padding: 20px; font-size: 1.4rem; line-height: 1.4;}
.bg-special li:not(:last-child),
.bg-special p:not(:last-child) { margin-bottom: 5px; }
.bg-special p{ margin: 0; line-height: 1.4; }
.bg-special li ,
.bg-special p { text-indent: -1.4rem; padding-left: 1.4rem; font-size: 1.4rem; }
/*.bg-special a { color: #1fab18; }*/
.bg-special a:hover { }


/* 画像なし */
.kv_noimg { border-bottom: 35px solid #e3f1f7;}
.kv_noimg .container {}
.kv_noimg h1 ,
.kv_noimg .title { color: #57b6df; text-align: center; letter-spacing: 3px; }
.kv_noimg h1 span ,
.kv_noimg .title span { color: #333; font-weight: normal; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", " 游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

@media (min-width: 768px) {
	.kv_noimg {}
	.kv_noimg .container {}
    .kv_noimg h1 ,
    .kv_noimg .title { font-size: 3.2rem; height: 120px; line-height: 120px; }
    .kv_noimg h1 span ,
    .kv_noimg .title span { margin-right: 5px; }
}

@media (max-width: 767px) {
	.kv_noimg { border-bottom-width: 20px;}
	.kv_noimg .container {}
    .kv_noimg h1 ,
    .kv_noimg .title { font-size: 2.4rem; line-height: 1.3; padding: 10px 0 20px; }
    .kv_noimg h1 span ,
    .kv_noimg .title span { font-size: 1.8rem; }
}


.accent-a { color: #890202; }