﻿@charset "utf-8";


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

  見出し
  
----------------------------------------------------------------------------------------------------*/

.p-hdLine-line {
    font-weight: 500;
    border-bottom:1px solid #ddd;
    line-height:1.4;
    padding-bottom:.25em;
}

.p-hdLine-line02 {
    color: #218BA6;
    font-weight: 500;
    border-left:10px double #218BA6;
    line-height:1.4;
    padding-left:.5em;
}

.p-hdLine-bg {
    padding: 1em;
    border-radius: 0.75em;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.4;
    background-color: #ddf3fa;
}


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

  Block
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:751px) {
  .p-block {
    padding-bottom:2.5em;
  }
}

@media screen and (max-width:750px) {
  .p-block:not(:last-of-type) {
    padding-bottom:2em;
  }
}


/*--------------------------------------------------------------------------------
  非公開記事アラート
--------------------------------------------------------------------------------*/

.private-alert {
    background-color: #ffffff;
    border: 1px solid #ff5353;
    box-sizing: border-box;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px !important;
    margin-bottom: 30px;
    text-align: center;
    color: #ff5353;
}


/*--------------------------------------------------------------------------------
  写真・コメントセット
--------------------------------------------------------------------------------*/

.p-setBlock:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.p-setBlock__photo {
  display:inline-block;
  float:right;
  margin-left:3rem;
  margin-bottom:2rem;
  text-align:center;
  padding-top:0.5em;
}

@media print,screen and (min-width:641px) {
  .p-setBlock__photo {
    max-width:240px;
  }
}

@media screen and (max-width:640px) {
  .p-setBlock:not([setBlock-sp="M"]) .p-setBlock__photo {
    width:100%;
    max-width:inherit;
    min-width:inherit;
    display:block;
    margin-left:inherit;
    float:none;
    text-align:center;
  }

  .p-setBlock:not([setBlock-sp="M"]) .p-setBlock__photo img {
    max-width:70%;
  }
  
  .p-setBlock[setBlock-sp="M"] .p-setBlock__photo {
    max-width:40%;
  }
}

@media screen and (max-width:480px) {
  .p-setBlock[setBlock-sp="M"] .p-setBlock__photo {
    width:100%;
    max-width:inherit;
    min-width:inherit;
    display:block;
    margin-left:inherit;
    float:none;
    text-align:center;
  }

  .p-setBlock[setBlock-sp="M"] .p-setBlock__photo img {
    max-width:70%;
  }
}


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

  Box
  
----------------------------------------------------------------------------------------------------*/

.p-box {
  border:2px solid #f0f095;
  background-color:#fdfdea;
  border-radius:4px;
}

@media print,screen and (min-width:641px) {
  .p-box {
    padding:2rem 2.5rem;
  }
}

@media screen and (max-width:640px) {
  .p-box {
    padding:1.5rem 2rem;
  }
}


/* オレンジ
----------------------------------------------------------------------*/

.p-box[box-color="orange"] {
  border-color:#fad59b;
  background-color:#fef8ee;
}


/* 水色
----------------------------------------------------------------------*/

.p-box[box-color="lblue"] {
  border-color:#a0def1;
  background-color:#f5fafe;
}


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

  ページの目次
  
----------------------------------------------------------------------------------------------------*/

.p-mokuzi {
    border:1px solid #ccc;
    border-radius:1em;
    padding: 1.5em 1em;
    margin-bottom: 3em;
    position: relative;
}

.p-mokuzi__ttl {
    position: absolute;
    left: 1.5em;
    top: 0;
    background-color: #fff;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 1em;
    padding-right: 1em;
    color: #42bfdd;
}

.p-mokuzi ul {
    padding: .5em;
    list-style:none;
}

.p-mokuzi ul li:not(:first-of-type),
.p-mokuzi ul li ul {
  padding-top:0.25em;
}

.p-mokuzi li a {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: 0.2s all;
    padding-left: 1.5em;
}

.p-mokuzi li a:before {
    content:"";
    margin-left: -2em;
    margin-right: 0.2em;
    width:1.8em;
    height:1em;
    background:url(../image/icon/ic-arrow-right02.png) no-repeat center center;
    background-size:contain;
    vertical-align:middle;
    margin-bottom:0.2em;
    display:inline-block;
}

.p-mokuzi li a:hover {
    color: #42bfdd;
}


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

  borderbox
  
----------------------------------------------------------------------------------------------------*/

.borderbox {
    border: 1px solid #ccc;
    padding: 1.5em;
    border-radius: .75em;
}

.borderbox .borderbox-ttl {
    background-color: #f6f6f6;
    padding: .5em;
    border-radius: .5em;
    box-sizing: border-box;
    font-weight: 500;
    text-align: center;
}

.borderbox dl {
}

.borderbox dl dt {
    display:inline-block;
    margin-bottom: .5em;
    box-sizing: border-box;
    color: #42bfdd;
    font-weight: 700;
    line-height: 1.4;
}


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

  Tab
  
----------------------------------------------------------------------------------------------------*/

.p-tab ul {
  width:100%;
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  font-size:0.88em;
  line-height:1.4;
  background-color:#fbc96e;
  padding-bottom:3px;
}

.p-tab li {
  padding:0 0.5rem;
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  background-color:#fff;
}

.p-tab li:first-child {
  padding-left:0;
}

.p-tab li:last-child {
  padding-right:0;
}

.p-tab li a {
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:1.2rem 1rem;
  text-align:center;
  border-left:1px solid #fbc96e;
  border-right:1px solid #fbc96e;
  border-top:1px solid #fbc96e;
  border-radius:4px 4px 0 0;
}

.ua-pc .p-tab li a {
  transition:background 0.1s ease, color 0.1s ease;
}

.p-tab li .p-tab__txt {
  display:inline-block;
  position:relative;
  padding-left:2.2rem;
}

.p-tab li .p-tab__txt:before {
  content:"";
  width:1.4rem;
  height:1em;
  background:url(../image/icon/arC_orange.png) no-repeat center center;
  background-size:auto 1.4rem;
  vertical-align:middle;
  position:absolute;
  left:0;
  top:0.2em;
  transform:rotate(90deg);
}

.p-tab li.is-active .p-tab__txt:before {
  background-image:url(../image/icon/arC_white.png);
}

.p-tab li a,
.p-tab li a:visited,
.p-tab li a:hover { color:inherit; text-decoration:none; }

.ua-pc .p-tab li:not(.is-active) a:hover {
  background-color:#fef5e7;
  color:#f5a523;
}

.p-tab li.is-active a {
  background-color:#fbc96e;
  color:#fff;
}

@media print,screen and (min-width:641px) {
  .p-tab {
    margin-bottom:3rem;
  }
}

@media screen and (max-width:640px) {
  .p-tab {
    margin-bottom:2.5rem;
    white-space:nowrap;
  }
  
  .p-tab ul {
    white-space:nowrap;
    overflow-x:scroll;
  }
}


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

  Table
  
----------------------------------------------------------------------------------------------------*/

.p-tbl {
  width:100%;
  border:0;
  border-collapse:collapse;
}

.p-tbl th,
.p-tbl td {
  padding:1em;
  line-height:1.4;
}

.p-tbl th,
.p-tbl thead td {
  border:1px solid #c8c8c8;
  background-color:#ddf3fa;
  white-space:nowrap;
  text-align:center;
}

.p-tbl td {
  background-color:#fff;
  border:1px solid #c8c8c8;
}

.p-tbl02 {
  font-size:0.95em;
  width:100%;
  min-width:360px;
  border:0;
  border-collapse:collapse;
  border-left:1px solid #c8c8c8;
}

.p-tbl02 th,
.p-tbl02 td {
  padding:1rem;
  line-height:1.4;
  vertical-align:middle;
}

.p-tbl02 thead th,
.p-tbl02 thead td,
.p-tbl02 tbody th {
  background-color:#fafad6;
  white-space:nowrap;
  text-align:center;
}

.p-tbl02 tbody td {
  background-color:#fff;
  text-align:center;
}

.p-tbl02 thead th,
.p-tbl02 thead td {
  border:1px solid #c8c8c8;
  font-weight:bold;
}

.p-tbl02 tbody th {
  border:1px solid #c8c8c8;
}

.p-tbl02 tbody th,
.p-tbl02 tbody td {
  border-top:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
  border-right:1px solid #c8c8c8;
}

.p-tbl .rHline,
.p-tbl02 .rHline {
  border-right-style:dotted;
}

.p-tbl .bgLight,
.p-tbl02 .bgLight {
  background-color:#fdfdea;
}

.p-tbl[th-align="left"] tbody th,
.p-tbl02[th-align="left"] tbody th {
  text-align:left;
}

.p-tbl[th-nowrap="no"] tbody th,
.p-tbl02[th-nowrap="no"] tbody th {
  white-space:inherit;
}


/*--------------------------------------------------------------------------------
  問い合わせ
--------------------------------------------------------------------------------*/

.p-tbl-contact {
  font-size:0.95em;
  width:100%;
  border:0;
  border-collapse:separate;
}

.p-tbl-contact th,
.p-tbl-contact td {
  line-height:1.4;
  vertical-align:middle;
}

.p-tbl-contact thead th {
  border:2px solid #f6bb5c;
  background-color:#f6bb5c;
  font-weight:bold;
  color:#fff;
  font-size:1.1em;
  border-radius:4px 4px 0 0;
  padding:1rem 1.5rem;
}

.p-tbl-contact thead th,
.p-tbl-contact tbody th {
  white-space:nowrap;
  text-align:center;
}

.p-tbl-contact tbody th {
  background-color:#fef5e7;
  border-left:2px solid #f9d395;
  border-right:1px solid #f9d395;
}

.p-tbl-contact tbody td {
  background-color:#fff;
  border-right:2px solid #f9d395;
}

.p-tbl-contact tbody th,
.p-tbl-contact tbody td {
  border-bottom:1px solid #f9d395;
  padding:1.25rem;
}

.p-tbl-contact tbody tr:last-child th,
.p-tbl-contact tbody tr:last-child td {
  border-bottom:2px solid #f9d395;
}

.p-tbl-contact tbody tr:last-child th {
  border-radius:0 0 0 4px;
}

.p-tbl-contact tbody tr:last-child td {
  border-radius:0 0 4px 0;
}

@media screen and (max-width:640px) {
  .p-tbl-contact {
    font-size:0.9em;
  }
}


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

  List
  
----------------------------------------------------------------------------------------------------*/

ul.p-list { margin-left:1.15em; }
ol.p-list { margin-left:2.5em; }

ul.p-list li,
ol.p-list li {
  line-height:1.4;
}

.p-list > li:not(:first-of-type),
.p-list > li > ul,
.p-list[list-aki="S"] > li:not(:first-of-type),
.p-list[list-aki="S"] > li:not(:first-of-type) > ul,
.p-list[list-aki="S"] > li:not(:first-of-type) > ol,
ul[list-aki="S"] > li:not(:first-of-type),
ul[list-aki="S"] > li:not(:first-of-type) > ul,
ul[list-aki="S"] > li:not(:first-of-type) > ol,
ol[list-aki="S"] > li:not(:first-of-type),
ol[list-aki="S"] > li:not(:first-of-type) > ul,
ol[list-aki="S"] > li:not(:first-of-type) > ol {
  padding-top:0.25em;
}

ul[list-aki="M"] > li:not(:first-of-type),
ul[list-aki="M"] > li:not(:first-of-type) > ul,
ul[list-aki="M"] > li:not(:first-of-type) > ol,
ul[list-aki="L"] > li:not(:first-of-type) > ul,
ul[list-aki="L"] > li:not(:first-of-type) > ol,
ol[list-aki="M"] > li:not(:first-of-type),
ol[list-aki="M"] > li:not(:first-of-type) > ul,
ol[list-aki="M"] > li:not(:first-of-type) > ol,
ol[list-aki="L"] > li:not(:first-of-type) > ul,
ol[list-aki="L"] > li:not(:first-of-type) > ol {
  padding-top:0.5em;
}

ul[list-aki="L"]  >li:not(:first-of-type),
ol[list-aki="L"] > li:not(:first-of-type) {
  padding-top:0.75em;
}


/*--------------------------------------------------------------------------------
  マーク
--------------------------------------------------------------------------------*/

ul.p-listMk { list-style:none; }

ul.p-listMk[listmk="maru"] li:before,
:not(ul).p-listMk[listmk="maru"]:before {
  content:"●";
  font-size:1.4em;
  color:#93c84c;
}

ul.p-listMk[listmk="shikaku"] li:before,
:not(ul).p-listMk[listmk="shikaku"]:before {
  content:"■";
  font-size:1.4em;
  color:#93c84c;
}

ul.p-listMk[listmk="shikaku"] li,
:not(ul).p-listMk[listmk="shikaku"],
ul.p-listMk[listmk="maru"] li,
:not(ul).p-listMk[listmk="maru"] { padding-left:1.2em; }

ul.p-listMk[listmk="shikaku"] li:before,
:not(ul).p-listMk[listmk="shikaku"]:before,
ul.p-listMk[listmk="maru"] li:before,
:not(ul).p-listMk[listmk="maru"]:before {
  margin-left:-0.8em;
  margin-right:0.2em;
  display:inline-block;
}

ul.p-listMk[listmk="dot"] li:before,
:not(ul).p-listMk[listmk="dot"]:before {
  content:"・";
}

ul.p-listMk[listmk="annot"] li:before,
:not(ul).p-listMk[listmk="annot"]:before {
  content:"※";
}

ul.p-listMk[listmk="dot"] li,
:not(ul).p-listMk[listmk="dot"],
ul.p-listMk[listmk="annot"] li,
:not(ul).p-listMk[listmk="annot"] { padding-left:1.2em; }

ul.p-listMk[listmk="dot"] li:before,
:not(ul).p-listMk[listmk="dot"]:before,
ul.p-listMk[listmk="annot"] li:before,
:not(ul).p-listMk[listmk="annot"]:before {
  margin-left:-1.2em;
  margin-right:0.2em;
  display:inline-block;
}

ul.p-list-circle {
    list-style: circle;
}


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

  Button
  
----------------------------------------------------------------------------------------------------*/

.p-btn { 
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:30px;
}
.p-btn a {
	display:inline-block;
	width:290px;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
    box-sizing: border-box;
	outline:none;
    border: 2px solid #42bfdd;
    border-radius: 2em;
	background-color:#fff;
    color: #42bfdd;
    font-weight: bold;
	text-decoration:none;
	transition:ease-in-out 0.2s;
}
.p-btn a:hover {
    color: #fff;
	background-color:#42bfdd;
    text-decoration:none;
}

