@charset "UTF-8";

/* === リンク色 =============== */

/* 標準 */
a:link {
  color: #36f;
  text-decoration: none;
}

a:visited {
  color: #69f;
}

a:hover {
  color: #f30;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a:active {
  color: #fc0;
}

/* === 見出し ============================== */

h1 {
	margin: 2rem 0 4rem 0;
	font-size: 50px;
	color: #000;
	position: relative;
  text-align: center;
	font-family: 'Zen Old Mincho', serif;
	font-weight: normal;
}
h1 span {
	font-size: 1.2rem;
	display: block;
	font-weight: normal;
	color: #c74923;
}


h2 {
	margin: 2rem 0;
	font-size: 2rem;
	font-weight: normal;
	background-color: #0c5daa;
	padding: 1rem 2rem;
	color: #fff;
}
h2.mds_c {
	margin: 5rem 0 4rem 0;
	font-size: 40px;
	font-weight: normal;
	background-color: transparent;
	padding: 0;
	color: #333;
	text-align: center;
}
h2.mds_c.gaskiki_tit {
    position: relative !important;
    margin-top: 60px;
	text-align: center;
}
h2.mds_c.gaskiki_tit::before {
    position: absolute !important;
    bottom: .5em !important;
    left: 0 !important;
    z-index: -1  !important;
    color: #d9f4ff;
    font-size: 1.5em  !important;
    line-height: 1  !important;
    content: attr(data-word) !important;
    pointer-events: none;
}

h3 {
	margin: 2rem 0;
	font-size: 1.4rem;
}

/* === テーブル ============================== */


  table {
  width: 100%;
  max-width: 100%;
	  padding: 0;
	  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
  }
  .table {
    border-top: 1px solid #ddd !important;
	  margin-bottom: 1rem;
  }
  .table tr,
  .table td {
    border-bottom: 1px solid #ddd !important;
	line-height:1.8 !important;
	  padding: 0.6rem;
	  vertical-align: top;
	  margin: 0;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ccc;
	padding:0.8rem;
	vertical-align:middle;
  }
  .table-bordered td.midashi {
background:#f8f8f8;
  }
  .table-bordered th {
background:#d0f6ff;
    text-align:center;
  }
  .table-bordered td {
background:#fff;
  }
  .table-bordered {
	  width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
	  padding: 0;
	  margin: 0 0 2rem 0;
  }
 table .active {
	 background-color: #f1f1f1;
  }

/* === 文字サイズ ============================== */

.small {
	font-size: 0.9rem;
}

.text_ll {
	font-size: 1.8rem;
}
.text_l {
	font-size: 1.4rem;
}
.text_m {
	font-size:100%;
}
.text_s {
	font-size:86%;
}
.text_ss {
	font-size:72%;
}


.lead {
	font-size:1.8rem;
}
.catch {
	font-size: 30px;
	font-family: 'Zen Old Mincho', serif;
	margin-bottom: 5rem;
}
@media (max-width:600px) {
.catch {
	margin-bottom: 3rem;
}
}

/* === 文字の太さ・色 ============================== */

em {
	font-weight: bold;
	font-style: normal;
}
strong {
	font-weight: bold;
}
.aka {
	color:#ff0000;
}
.midori {
	color:#009933;
}
.cya {
	color:#663300;
}
.daidai {
	color:#ff6600;
}

/* === 文字の位置 ============================== */

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

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

/* === ボタン ============================== */

a.btn {
	padding: 1rem 2.5rem 1rem 2rem;
	position: relative;
}

/* 矢印が右に移動 */

a.btn::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
.back-btn a.btn {
	padding: 1rem 1.5rem 1rem 2.5rem;
	position: relative;
}
.back-btn a.btn::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: auto;
    left: 20px;
    /*矢印の形状*/
    width: 8px;
    height: 8px;
    border-top: 0 solid #fff;
    border-right: 0 solid #fff;
    border-left: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
@media (min-width:600px) {
/*hoverした際の移動*/
a.btn:hover::after{
    right: 16px;
}
.back-btn a.btn:hover::after{
    left: 16px;
}
}
@media (max-width:600px) {
	
a.btn {
	font-size: 1rem !important;
}
}
a.btn-dark {
	background-color: #000/*67433c*/;
	color: #fff;
	border-radius: 50px;
  position: relative;
    /*アニメーションの指定*/
    transition: ease .2s;
}
a.btn-dark:hover {
	background-color: #8d635a;
}
a.btn-outline-dark:hover {
	background-color: #8d635a;
	color: #fff;
}
a.btn-outline-dark {
	background-color: #fff;
	color: #8d635a;
	border: 1px solid #8d635a;
	border-radius: 50px;
  position: relative;
    /*アニメーションの指定*/
    transition: ease .2s;
}
a.btn-outline-dark.btn::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 20px;
    /*矢印の形状*/
    width: 8px;
    height: 8px;
    border-top: 2px solid #8d635a;
    border-right: 2px solid #8d635a;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
a.btn-outline-dark.btn:hover::after{
    border-top: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
}

a.btn-primary {
	background-color: #433b3b;
	color: #fff;
	border-radius: 50px;
}
a.btn-primary:hover {
	background-color: #595151;
}

a.btn-block {
	display: block;
	text-align: center;
}

.back-btn {
	padding: 2rem 0;
}
a.btn-default {
	background-color: #e9e6e3;
	border-radius: 50px;
	color: #000;
	padding-right: 2rem;
}
a.btn-default:hover {
	background-color: #d8d2ca;
}


/* === 境界線 ============================== */

hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  border-top: 1px solid #ddd;
}

/* === 囲み ============================== */

.kakomi {
	margin:1em 0 1em 0;
	padding: 20px;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.kakomi ul {
	margin:0;
}
.kakomi p {
	margin:0 0 10px 0;
}

.kakomi.menu_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kakomi.menu_list li a {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0.6rem 0 0.6rem 0;
}
.kakomi.menu_list li:last-child a {
	display: block;
	border-bottom: 0 dotted #ccc;
	padding: 0.6rem 0 0.6rem 0;
}


/* === アイコン ============================== */


.material-icons {
	display: inline-flex;
	vertical-align: middle;
}

@media (max-width:600px) {
	
h1 {
	font-size: 1.8rem;
	margin-bottom: 2rem !important;
}

h2 {
	font-size: 1.4rem;
	padding: 0.6rem 1rem;
}

h2.mds_c {
	margin: 3rem 0 2rem 0;
	font-size: 1.6rem;
}
h3 {
	font-size: 1.2rem;
}
	
.catch {
	font-size: 1.4rem;
}
}

/* === 文字強調 ============================== */

.check_icon {
	padding: 1rem;
	font-size: 1.2rem;
	border: 4px solid #ddd;
	background-color: #fff;
	margin: 2rem 0;
}
.check_icon span {
	color: #993333;
}


/* === 表示・非表示 ============================== */

@media (min-width:600px) {
	.pc_none {
		display: none;
	}
}

@media (max-width:600px) {
	.sp_none {
		display: none;
	}
}