@charset "UTF-8";
html,body{
    width: 100%;
}
body {
  font-family: 'Noto Serif JP', "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	min-width: 1000px;
	background: #fff;
	letter-spacing: 0.05em;
  border-top: 10px solid #55c0b7;
}
a {
	color: #000;
	text-decoration: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
.clear {	clear: both;}
.cf:after {
	display: block;
	content: "";
	clear: both;
}
.d_sp {
	display: none!important;
}

/* スクロールするとふわっと表示 */
.scroll-fade{opacity: 0; transition: all 2s/*処理にかかる時間*/;}
.scroll-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.scroll-up.done, .scroll-fade.done{opacity : 1; transform : translate(0, 0);}
.load-fade {opacity : 0; transition : all 2s/*処理にかかる時間*/;}
.load-up{opacity: 0; transform: translateY(100px)/*スクロールアップする距離*/; transition: all 2s/*処理にかかる時間*/;}
.load-up.done, .load-fade.done{opacity : 1; transform : translate(0, 0);}
  
/*
       header
========================================================================== */
header {
  padding: 100px 0 60px;
  text-align: center;
}
header p {
  margin-bottom: 30px;
  font-size: 100px;
  font-weight: bold;
  line-height: 1;
}
header h1 {
  font-size: 24px;
  letter-spacing: 0.15em;
}

/*
       content
========================================================================== */
h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
#content {
  width: 1000px;
  min-height: 65vh;
  margin: 0 auto;
}
#content .complist {
  width: 500px;
  margin: 0 auto 50px;
}
#content .complist dt {
  clear: both;
  float: left;
  width: 25%;
  margin-bottom: 20px;
}
#content .complist dd {
  float: right;
  width: 75%;
  margin-bottom: 20px;
}
#content .link {
  text-align: center;
  margin-bottom: 60px;
}
#content .link a {
  text-decoration: underline;
}
#content .link a:hover {
  color: #55c0b7;
}

/*
     03. footer
========================================================================== */
footer {
  margin-top: 100px;
}
footer .copy {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 90%;
	background: #55c0b7;
	color: #fff;
}
.pagetop {
	cursor: pointer;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
}

/*
     multi-class
========================================================================== */ 
/*****　画像　*****/
.fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade:hover {
	opacity: .5;
	filter: alpha(opacity=60);
}
.img-border {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}
.img-right {
	float: right;
	margin: 0 0 15px 30px;
	max-width: 500px;
}
.img-left {
	float: left;
	margin: 0 30px 15px 0;
	max-width: 500px;
}
.center {	text-align: center;}
.alignR {	text-align: right !important;}
.alignL {	text-align: left !important;}
.vAlignM {	vertical-align: middle !important;}

/*****　テキスト *****/
.gothic {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.mincho {
	font-family: "Sawarabi Mincho" , "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sawarabigo { font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.p-link {
	color: #1689da;
	text-decoration: underline;
	margin: 0 1px;
}
.bold {	font-weight: bold; font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.bold.mincho {	font-weight: bold; font-family: "Sawarabi Mincho" , "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.gray {	color: #808080;}
.txt150 {	font-size: 150%;}
.txt130 {	font-size: 130%;}
.txt120 {	font-size: 120%;}
.txt110 {	font-size: 110%;}
.txt90 {	font-size: 90%;}
.txt80 {	font-size: 80%;}
.or {	color: #ffb200;}
.re {	color: #b42356;}
.pk {	color: #df85a5;}
.bl {	color: #1f5a78;}
.sb {	color: #68b7e0;}
.ye {   color: #cba41a;}
i.fas {	margin-right: 5px;}
.nowrap {	white-space: nowrap !important;}
.underline {	text-decoration: underline;}
.dispB {	display: block;}
.dispI {	display: inline;}

/*　余白 */
.p10 {	padding: 10px;}
.pt10 {	padding-top: 10px;}
.pr10 {	padding-right: 10px;}
.pl10 {	padding-left: 10px;}
.pb10 {	padding-bottom: 10px;}
.mb5 {	margin-bottom: 5px;}
.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;}
.mt5 {	margin-top: 5px;}
.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mr5 {	margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr30 {	margin-right: 30px;}
.ml5 {	margin-left: 5px;}
.ml10 {	margin-left: 10px;}
.ml15 {	margin-left: 15px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

/*　見出し */
.ttl-low1 {
	letter-spacing: 0.05em;
	font-size: 26px;
  background: url("../images/common/ttl-low1.png") no-repeat 0 100%;
  background-size: 730px;
  margin-bottom: 30px;
  padding: 0 0 12px 50px;
  color: #3371a6;
  line-height: 1.4;
  font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ttl-low2 {
	font-size: 21px;
	letter-spacing: 0.1em;
	color: #fff;
  font-family: "Sawarabi Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 6px;
}
.ttl-low2 span {
	display: block;
	border-left: 2px solid #fff;
	padding: 8px 15px;
	margin-left: 14px;
}
.ttl-low2-1 {	background: #3371a6;}
.ttl-low2-2 {	background: #63ae88;}
.ttl-low3 {
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 23px;
	letter-spacing: 0.1em;
    display: table;
	width: 100%;
}
.ttl-low3 span:first-child {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
	font-size: 28px;
    text-align: center;
    line-height: 60px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.ttl-low3 span:last-child {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.ttl-low3:after {
	position: absolute;
	bottom:0;
	left: 62px;
	content:'';
	height: 1px;
	width : -webkit-calc(100% - 62px) ;
   width : calc(100% - 62px) ;
}
.ttl-low3-1:after {    border-bottom: 1px solid #1f5a78;}
.ttl-low3-2:after {    border-bottom: 1px solid #b42356;}
.ttl-low3-1 span:first-child {    background: #1f5a78;}
.ttl-low3-2 span:first-child {    background: #b42356;}
.ttl-low4 {
	display: inline-block;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", Times, "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	padding: 0 0.2em;
}
.ttl-low4-1 {
	background: linear-gradient(transparent 65%, #eace6b 65%, #eace6b 90%, #eace6b 90%, #eace6b 90%);
}
.ttl-low5 {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 20px;
	text-align: center;
	border-radius: 10px;
	padding: 7px 5px 7px;
	line-height: 1.4;
}
@media all and (-ms-high-contrast: none) {
  .ttl-low5 {
    padding-top: 12px;
  }
}
.ttl-low5-1 {
	color: #fff;
	background: url(../images/common/ttl_bg_bl.png) #00AFF3;
}
.ttl-low5-2 {
	color: #fff;
	background: url(../images/common/ttl_bg_or.png) #EFB505;
}
.ttl-low5-3 {
	color: #4D2500;
	background: #FFFDE6;
    border: 1px solid #FFE17F;
}

/*　テーブル */
.table-normal, .table-nocolor {
	width: 100%;
}
.table-normal th, .table-nocolor th {
	font-weight: bold;
}
.table-normal th {
  vertical-align: middle;
	background: #63ae88;
	color: #fff;
	padding: 18px 12px;
	border: 1px solid #ccc;
}
.table-normal td {
  vertical-align: middle;
	background: #fff;
	padding: 18px 12px;
	border: 1px solid #ccc;
}
.table-nocolor th {
	background: #f8f8f8;
	padding: 18px 12px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.table-nocolor td {
	background: #fff;
	padding: 18px 12px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.table-nostyle th {
	padding: 6px 12px;
	vertical-align: middle;
}
.table-nostyle td {
	padding: 6px 12px;
	vertical-align: middle;
}
.tAlignL {	text-align: left !important;}
.tAlignC {	text-align: center!important;}
.tAlignR {	text-align: right !important;}
.tVAlignT {	vertical-align: top !important;}
.tVAlignM {	vertical-align: middle !important;}
.tVAlignB {	vertical-align: bottom !important;}

/* list */
.list-num li {
	list-style-type: decimal;
	list-style-position: inside;
}
.list-dot li {
	list-style: disc;
  margin-left: 1.5em;
}
.list-nostyle li {
	list-style: none;
}
.list-check li {
	text-indent: -1.3em;
    padding-left: 1em;
	margin-left: 0.4em;
}
.list-check li:before {
    font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: bold;
	margin-right: 0.3em;
}
.list-check-bl li:before {	color: #68b7e0;}
.list-check-pk li:before {	color: #df85a5;}

.list-arrow li {
	text-indent: -1.3em;
    padding-left: 1em;
	margin-left: 0.4em;
}
.list-arrow li:before {
    font-family: "Font Awesome 5 Free";
	content: "\f0da";
	font-weight: bold;
	margin-right: 0.3em;
}
.list-arrow-gray li:before {	color: #7f797e;}

/*　画像・レイアウト */
.img-column-wrap {
	position: relative;
	overflow: hidden;
}
.img-column {
	position: relative;
	left: 50%;
	float: left;
}
.img-column li {
	position: relative;
	float: left;
	left: -50%;
	margin-right: 10px;
}
.img-column.for-four li {
	margin-right: 6px;
}
.img-column.for-two li:nth-child(even), .img-column.for-three li:nth-child(3n), .img-column.for-four li:nth-child(4n) {
	margin-right: 0 !important;
}
.img-column li:last-child {
	margin-right: 0 !important;
}
.img-column.for-three .img-border, .img-column.for-four .img-border {
	padding: 3px;
}
/* img+textbox */
div.box-img-right {
	width: 100%;
	display: table;
	direction: rtl;
	zoom: 1;
}
.box-img-right .img {
	margin: 0;
	display: table-cell;
	vertical-align: top;
	width: 500px;
	direction: ltr;
}
.box-img-right img {
	width: 500px;
	height: auto;
}
.box-img-right .box {
	padding: 0 30px 1px 0;
	display: table-cell;
	vertical-align: top;
	direction: ltr;
	text-align: left;
}
div.box-img-left {
	zoom: 1;
}
.box-img-left .img {
	margin: 0;
	padding: 0 30px 0 0;
	display: table-cell;
	width: 500px;
	vertical-align: top;
	position: relative;
}
.box-img-left img {
	width: 500px;
	height: auto;
}
.box-img-left .box {
	display: table-cell;
	vertical-align: top;
}
.box-two-column .box-right {
	width: 48%;
	float: right;
}
.box-two-column .box-img-left {
	width: 48%;
	float: left;
}
.box-two-column .box-img-left img {
	width: 100%;
	height: auto;
}
.box-two-column .box-left {
	width: 48%;
	float: left;
}
.box-two-column .box-img-right {
	width: 48%;
	float: right;
}
.box-two-column .box-img-right img {
	width: 100%;
	height: auto;
}
.box-two-column-around {
	width: 100%;
}
.box-two-column-around .box-img-right {
	width: 48%;
	float: right;
}
.box-two-column-around .box-img-left {
	width: 48%;
	float: left;
}
.box-two-column-around .box-left {
	width: 570px;
	float: left;
}
.box-two-column-around .box-right {
	width: 570px;
	float: right;
}

/*　QandA */
.qanda dt {
	background: url(../images/common/qicon.png) no-repeat left center;
	padding-left: 44px;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 4px;
}
.qanda dd {
	margin: 0 0 20px 10px;
	background: url(../images/common/aicon.png) no-repeat left top 2px;
	padding-left: 44px;
}
/* 画像ボタン */
.menu-btn li img {
	border: 1px solid #F2BC17;
}
.menu-btn .ttl {
	border-top: 1px solid #F2BC17;
	border-left: 1px solid #F2BC17;
	border-right: 1px solid #F2BC17;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 14px 0 12px;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #F2BC17;
	font-size: 16px;
}
.menu-btn li a {
	display: block;
}
.img-column.menu-btn.for-two li:last-child {
	margin-left: 20px;
}
.detail-btn {
	text-align: right;
	font-size: 96%;
	text-decoration: underline;
	margin-top: 5px;
}
.detail-btn i.fa {
	color: #F2BC17;
}
.menu-btn2 .ttl {
	background: #61B4E5;
	color: #fff;
	border-color: #61B4E5;
}
.menu-btn2 li img {
	border-color: #61B4E5;
}
.menu-btn2 .detail-btn i.fa {
	color: #61B4E5;
}