@charset "UTF-8";
/*===================================================
import
===================================================*/
/*===================================================
break point
===================================================*/
/*===================================================
font
===================================================*/
/*===================================================
font-size
===================================================*/
/*===================================================
color
===================================================*/
/*===================================================
hover
===================================================*/
/*===================================================
contents
===================================================*/
/*===================================================
flexBox
===================================================*/
/*===================================================
textOut
===================================================*/
/*===================================================
position
===================================================*/
/*===================================================
btnSet
===================================================*/
/*===================================================
content
===================================================*/
/*===================================================
画像サイズ指定
===================================================*/
/*===================================================
角丸
===================================================*/
/*===================================================
囲み罫
===================================================*/
/*===================================================
個人情報
===================================================*/
/*privacyBox*/
#privacyBox { max-width: 750px; margin: 0 auto; }
#privacyBox dl dt { font-size: .18rem; font-weight: 700; line-height: 1; color: #003319; margin: 100px 0 15px; }
#privacyBox dl dd p { text-align: justify; }
#privacyBox dl dd .bl_dotList > li { margin-top: 1em; }
#privacyBox dl dd .bl_dotList + p { margin-top: 1em; }
#privacyBox dl dd .bl_moreBtm { margin-top: 30px; }
#privacyBox dl + p { text-align: right; margin-top: 50px; }

@media screen and (max-width: 834px) { #privacyBox dl dt { font-size: .14rem; margin: 50px 0 10px; }
  #privacyBox dl dd .bl_dotList > li { margin-top: .5em; }
  #privacyBox dl dd .bl_dotList + p { margin-top: .5em; }
  #privacyBox dl dd .bl_moreBtm { margin-top: 15px; }
  #privacyBox dl + p { text-align: right; margin-top: 30px; } }
/*===================================================
アクセス
===================================================*/
#accessCon section { margin-top: 100px; }
#accessCon section h3.ly_subTit2 { margin-bottom: 15px; }
#accessCon section h3.ly_subTit2 + p { margin-bottom: 10px; }
#accessCon .bl_moreBtm { margin-top: 30px; }

#mapBox { position: relative; width: 100%; height: 0; padding-top: 60%; }
#mapBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media print, screen and (min-width: 835px) { #accessCon .bl_column2 li { display: flex; flex-wrap: wrap; flex-direction: column; }
  #accessCon .bl_column2 li > div { padding-top: 15px; margin-top: auto; } }
@media screen and (max-width: 834px) { #accessCon section { margin-top: 50px; }
  #accessCon .bl_column2 > li, #accessCon .bl_column3 > li { width: 100% !important; margin: 0 !important; }
  #accessCon .bl_column2 > li + li, #accessCon .bl_column3 > li + li { margin-top: 30px !important; }
  #accessCon .bl_column2 > li h3.ly_subTit2, #accessCon .bl_column3 > li h3.ly_subTit2 { margin-bottom: 10px; }
  #accessCon .bl_column2 > li h3.ly_subTit2 + p, #accessCon .bl_column3 > li h3.ly_subTit2 + p { margin-bottom: 5px; }
  #accessCon .bl_column2 > li > div, #accessCon .bl_column3 > li > div { margin-top: 10px; }
  #mapBox { position: relative; width: 100%; height: 0; padding-top: 120%; } }
/*===================================================
リンク
===================================================*/
#listCon > section .ly_subTit2 { text-align: justify; margin-bottom: 10px; }
#listCon > section .ly_subTit2 a { color: #003319; text-decoration: none; }
#listCon > section .ly_subTit2 a:hover { opacity: 0.5; }
#listCon > section .ly_subTit2 + p { text-align: justify; margin-left: 30px; }
#listCon > section + section { margin-top: 50px; }
#listCon > section:nth-of-type(2n) { background-color: #e5eeec; }
#listCon > section:nth-of-type(2n) .bl_conBox { padding: 50px 30px; }
#listCon > section + p { text-align: center; margin-top: 30px; }
#listCon > section + p span { display: inline-block; }

@media print, screen and (min-width: 835px) { #listCon .bl_column3 > li { width: calc((100% - 50px * 2) / 3); }
  #listCon .bl_column3 > li:not(:nth-of-type(3n)) { margin-right: 50px; } }
@media screen and (max-width: 834px) { #listCon > section .ly_subTit2 { margin-bottom: 5px; }
  #listCon > section .ly_subTit2 + p { margin-left: 20px; }
  #listCon > section + section { margin-top: 30px; }
  #listCon > section:nth-of-type(2n) .bl_conBox { padding: 30px 15px; }
  #listCon > section + p { margin-top: 15px; }
  #listCon .bl_column3 { margin-top: 30px; }
  #listCon .bl_column3 > li { width: calc((100% - 30px) / 2); }
  #listCon .bl_column3 > li:nth-of-type(2n+1) { margin-right: 30px; }
  #listCon .bl_column3 > li:nth-of-type(n+3) { margin-top: 30px; } }
@media screen and (max-width: 500px) { #listCon .bl_column3 > li { width: 100% !important; margin: 0 !important; }
  #listCon .bl_column3 > li:nth-of-type(n+2) { margin-top: 30px !important; } }
