@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
:root {
 --font-hira: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", Meiryo, sans-serif;
 --font-meiryo: 'Meiryo', 'メイリオ', sans-serif;
 --back-yellow: #fff9b1;
 --color-blue: #29abe2;
 --color-green: #006837;
 --color-light-green: #009245;
 --color-red: #f15a24;
 --color-light-red: #ff0000;
}
/*Reset
---------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0;
}
a:link {
 color: #00adec;
}
a:visited {
 color: #018EC1;
}
a:hover {
 color: #FF2C7A;
}
a:active {
 color: #E08B01;
}
img {
 vertical-align: bottom;
 max-width: 100%;
}
ul, ol {
 list-style-type: none;
 padding: 0px;
 text-indent: 0;
 margin: 0px;
}
a img {
 text-decoration: none;
 border: none;
 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 img:hover {
 opacity: 0.8;
}
.img_mid {
 vertical-align: middle;
}
address {
 font-style: normal;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
.no_clear {
 clear: none !important;
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}
caption, th, td {
 text-align: left;
}
.flex {
 display: flex;
}
.smart {
 display: none;
}
input[type="submit"] {
 -webkit-appearance: none;
}
/*basic style
---------------------------------------*/
.flol {
 float: left;
}
.flor {
 float: right;
}
.txr {
 text-align: right;
}
.txl {
 text-align: left;
}
.txc {
 text-align: center;
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: bold;
}
.large {
 font-size: 1.1em;
}
.llarge {
 font-size: 1.2em;
}
.xlarge {
 font-size: 1.3em;
}
.xxlarge {
 font-size: 1.4em;
}
.xxxlarge {
 font-size: 1.7em;
}
.small {
 font-size: 0.9em;
}
.ssmall {
 font-size: 0.8em;
}
.xsmall {
 font-size: 0.7em;
}
.xxsmall {
 font-size: 0.6em;
}
.rela {
 position: relative;
}
.underline {
 text-decoration: underline;
}
.hidden {
 overflow: hidden;
}
.fs08 {
 font-size: 0.8em;
}
.fs09 {
 font-size: 0.9em;
}
.fs10 {
 font-size: 1em;
}
.fs11 {
 font-size: 1.1em;
}
.fs12 {
 font-size: 1.2em;
}
.fs13 {
 font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
}
span.mv {
 position: relative;
}
span.mv span {
 position: absolute;
 top: -95px;
}
br.sp {
 display: none;
}
.wrap {
 max-width: 1200px;
 margin: 0 auto;
 width: 90%;
}
.wrap_w {
 max-width: 1360px;
 margin: 0 auto;
 width: 90%;
}
.red {
 color: var(--color-red);
}
.lightRed {
 color: var(--color-light-red);
}
/*BODY
---------------------------------------*/
body {
 font-size: 15px;
 line-height: 1.8em;
 font-family: var(--font-meiryo);
 color: #1b1b1b;
 font-weight: 400;
 background-color: var(--back-yellow);
}
body.large-text {
 font-size: 20px;
}
body.small-text {
 font-size: 12px;
}
.hira {
 font-family: var(--font-hira);
}
.whiteBox {
 background-color: #fff;
 border-radius: 20px;
 box-shadow: 9px 9px 0 #000;
 margin-right: 9px;
 margin-bottom: 30px;
}
.p_in {
 padding: 25px;
}
#pankuzu {
 font-size: 1.1em;
 line-height: 1.4em;
 text-align: right;
 padding: 3px 0;
 font-family: var(--font-hira);
}
#pankuzu span {
 display: inline-block;
}
/*Header
---------------------------------------*/
#main {
 padding-top: 85px;
}
#header {
 box-sizing: border-box;
 height: 85px;
 z-index: 100;
 background-color: #fff;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 border-bottom: 5px solid var(--color-green);
}
#header .wrap_w {
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
#header_logo {
 padding: 12px 0 0 0;
}
#header_logo img {
 width: 157px;
}
#header .rightSide .in {
 display: flex;
 column-gap: 30px;
 align-items: center;
 padding-top: 23px;
}
.change_size ul {
 display: flex;
 gap: 8px;
 justify-content: center;
}
.change_size {
 display: flex;
 gap: 10px;
 align-items: center;
 justify-content: center;
}
.change_size ul li {
 cursor: pointer;
 border: 1px solid #999999;
 border-radius: 150%;
 width: 30px;
 height: 30px;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1em;
 padding-top: 2px;
 font-size: 15px;
}
.change_size ul li.active {
 background-color: var(--color-green);
 color: #fff;
 border-color: var(--color-green);
}
#header .in_move {
 background-image: url(../img/san.svg);
 background-repeat: no-repeat;
 padding-left: 30px;
 background-size: 20px auto;
 background-position: left center;
}
#header .in_move a {
 text-decoration: none;
 color: initial;
}
/*Search
---------------------------------------*/
.gsc-clear-button {
 display: none !important;
}
#header .search {
 width: 257px;
}
.search td.gsc-search-button button {
 width: 35px;
 height: 35px;
 background-color: var(--color-green);
 border-radius: 150%;
 box-sizing: border-box;
 padding: 0;
 margin: 0;
}
.search td.gsc-search-button button svg {
 transform: rotate(90deg);
}
table.gsc-search-box td.gsib_a {
 padding: 1px 0 0 8px;
 border: 1px solid #999 !important;
}
body .gsc-control-searchbox-only input[type="text"] {
 font-size: 18px;
 padding: 5px !important;
 box-sizing: border-box;
}
body .gsc-input-box {
 border: none;
}
body table.gsc-search-box td.gsc-input {
 padding-right: 5px;
}
table.gsc-search-box td.gsib_a {
 padding: 1px 0 0 8px;
 border: 1px solid #999 !important;
}
body .gsc-control-searchbox-only input[type="text"] {
 font-size: 18px;
 padding: 5px !important;
 box-sizing: border-box;
}
body .gsc-input-box {
 border: none;
}
body table.gsc-search-box td.gsc-input {
 padding-right: 5px;
}
/*TOP
---------------------------------------*/
#mainHead {
 background-image: url(../img/head_back.png);
 background-position: center;
 background-size: auto 100%;
 margin-bottom: 100px;
}
#mainHead .right {
 padding: 40px 0;
 text-align: right;
 width: 60%;
}
#mainHead .left {
 width: 40%;
}
#mainHead .left_in p {
 position: absolute;
 right: -15em;
 bottom: 43px;
}
.large-text #mainHead .left_in p {
 bottom: 26px;
 right: -16em;
}
#mainHead .left_in {
 position: absolute;
}
#pageLinks {
 border-top: 2px dashed #b3b3b3;
 border-bottom: 2px dashed #b3b3b3;
 margin: 10px 0;
 padding: 10px 15px;
}
#pageLinks ul {
 display: flex;
 justify-content: center;
 column-gap: 20px;
}
#pageLinks ul li {
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: bold;
 position: relative;
}
#pageLinks ul li:before {
 content: "";
 position: absolute;
 left: -11px;
 top: 7px;
 width: 8px;
 height: 32px;
 background-repeat: no-repeat;
 background-position: center;
 background-image: url(../img/menu_btn_act_x.svg);
 display: block;
 background-size: 100% auto;
}
#pageLinks ul li.active:before {
 background-image: url(../img/menu_btn_act.svg);
}
#pageLinks ul li a {
 height: 100%;
 box-sizing: border-box;
 text-decoration: none;
 background-color: #b3b3b3;
 color: #fff;
 line-height: 1.3em;
 padding: 5px 15px;
 border-radius: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 min-width: 210px;
 font-family: var(--font-hira);
 min-height: 3.3em;
}
#pageLinks ul li.active a {
 background-color: var(--color-light-green);
}
.topImg img {
 max-width: 1020px;
 width: 85%;
}
.topImg {
 padding: 60px 0 30px 0;
 position: relative;
}
.topImg span.nametx {
 position: absolute;
 bottom: 12%;
 right: 35%;
 text-align: right;
 font-weight: 500;
 line-height: 1.3em;
 font-size: 0.9em;
}
.denh3 {
 font-size: 1.6em;
 font-family: var(--font-hira);
 line-height: 1.4em;
 background-color: #fff;
 border: 8px solid var(--color-light-green);
 padding-left: 59px;
 margin: 15px 0;
 position: relative;
 border-right: 0;
 margin-right: 15px;
 background-image: url(../img/dg.svg);
 background-repeat: no-repeat;
 background-size: 39px auto;
 background-position: 7px 7px;
 box-sizing: border-box;
 height: 55px;
 padding-top: 2px;
}
.large-text .denh3 {
 height: auto;
 border-right: 8px solid var(--color-light-green);
 padding-right: 11px;
 min-height: 55px;
}
.denh3:after {
 content: "";
 position: absolute;
 right: -30px;
 top: -8px;
 width: 30px;
 height: 55px;
 background-image: url(../img/midashi_bar.svg);
 background-repeat: no-repeat;
 background-size: auto 100%;
 background-position: left center;
}
.newsArea .flex {
 padding: 25px 0 0 25px;
}
.newsArea .left img {
 width: 180px;
}
.newsArea .flex {
 column-gap: 60px;
}
.newsArea .right {
 width: calc(100% - 180px - 60px);
}
.newsArea .right .news_list {
 height: 280px;
 overflow: auto;
 padding-right: 10px;
 padding-bottom: 20px;
 box-sizing: border-box;
 background-image: url(../img/news_back.svg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: auto 80%;
}
.news_list {
 font-family: var(--font-hira);
}
.news_list li {
 border-bottom: 1.5px dashed #b3b3b3;
 padding: 15px 0 15px 70px;
 position: relative;
 font-size: 0.95em;
 line-height: 1.4em;
}
.news_list li.new:after {
 content: "";
 width: 57px;
 position: absolute;
 left: 0px;
 top: 14px;
 height: 17px;
 background-image: url(../img/new_1.svg);
 background-size: 100% auto;
 background-repeat: no-repeat;
 background-position: 0 0;
}
.news_list li.new:first-child:after {
 top: 0;
}
.news_list li:first-child {
 padding-top: 0;
}
.news_list li .cover {
 display: flex;
 gap: 20px;
}
.news_list li a {
 
}
.news_list li:last-child {
 border-bottom: none;
}
.middleImg img {
 max-width: 480px;
}
.middleImg {
 padding: 60px 0;
 display: flex;
 justify-content: center;
 align-items: center;
}
.middleImg span.caption {
 text-align: left;
 display: block;
 font-weight: 400;
}
.blueh4 {
 font-family: var(--font-hira);
 font-weight: 800;
 text-align: center;
 background-color: var(--color-blue);
 padding: 8px 0;
 border-radius: 15px;
 color: #fff;
 margin: 40px 0 15px 0;
 font-size: 1.4em;
 line-height: 1.4em;
}
.big {
 font-weight: bold;
 font-size: 1.5em;
 line-height: 1.8em;
 position: relative;
 z-index: 1;
}
.big_green {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.8em;
 color: var(--color-green);
}
.greenh5 {
 font-size: 1.35em;
 line-height: 1.4em;
 margin: 30px 0 15px 0;
 padding-bottom: 6px;
 color: var(--color-light-green);
 font-weight: bold;
 border-bottom: 2px solid var(--color-light-green);
}
.content p {
 margin-bottom: 1.5em;
}
/*Page
---------------------------------------*/
.bottomImg .flex {
 gap: 100px;
 justify-content: center;
 align-items: center;
}
.bottomImg .flex div p:first-child {
 min-height: 280px;
}
.bottomImg .flex div p {
 text-align: center;
}
.bottomImg {
 padding: 80px 0 0 0;
}
img.rotate_img1 {
 transform: rotate(-34deg);
 margin-top: -10px;
}
span.rotate_img2 {
 position: absolute;
 right: 0;
 top: 105px;
 transform: rotate(24deg);
}
.large-text span.rotate_img2 {
 top: 15em;
}
span.rotate_img2 img {
 width: 250px;
}
.fs17 {
 font-size: 1.13em;
 line-height: 1.8em;
}
#kiyaku {
 max-height: 530px;
 overflow: auto;
 padding: 20px;
 background-color: #f7f8f8;
 border: 1px solid #000000;
 font-size: 1.05em;
}
#kiyaku h3 {
 text-align: center;
 font-size: 1.1em;
 line-height: 1.4em;
 margin-bottom: 1em;
}
#kiyakuPdf a {
 display: block;
 max-width: 370px;
 margin: 20px auto 80px auto;
 text-align: center;
 background-color: #fbd8c6;
 color: var(--color-light-red);
 font-weight: bold;
 border: 3px solid var(--color-light-red);
 padding: 21px 0 21px 20px;
 box-sizing: border-box;
 border-radius: 10px;
 text-decoration: none;
 font-size: 1.17em;
 line-height: 1em;
 position: relative;
 opacity: 0.1;
 cursor: not-allowed;
 transition: 0.3s ease-in-out;
}
#kiyakuCheck2.active, #kiyakuPdf a.active {
 opacity: 1;
 cursor: pointer;
}
.active .checkKiyaku label {
 cursor: pointer;
}
#kiyakuCheck2.active .shinsei a {
 opacity: 0.2;
}
#kiyakuPdf a span:before {
 content: "";
 width: 37px;
 height: 46px;
 position: absolute;
 background-image: url(../img/pdf_icon.svg);
 background-repeat: no-repeat;
 display: block;
 top: 7px;
 left: 39px;
}
.large-text #kiyakuPdf a span:before {
 left: 14px;
}
#kiyakuCheck2 {
 opacity: 0.2;
 cursor: not-allowed;
 transition: 0.3s ease-in-out;
}
.checkKiyaku {
 background-color: #fbe0c1;
 text-align: center;
 padding: 13px 0;
 position: relative;
 font-weight: bold;
 margin-bottom: 20px;
}
.checkKiyaku .hissu {
 position: absolute;
 left: 10px;
 top: 14px;
 background-color: #f15a24;
 color: #fff;
 font-size: 1.17em;
 line-height: 1em;
 padding: 8px 15px 6px 15px;
 border-radius: 5px;
 display: block;
}
.checkKiyaku label {
 font-size: 1.2em;
 cursor: not-allowed;
 display: block;
}
.checkKiyaku label input {
 width: 22px;
 height: 22px;
 position: relative;
 top: 4px;
}
.shinsei a {
 display: block;
 background-color: #f15a24;
 max-width: 370px;
 margin: 40px auto;
 text-align: center;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding: 23px 0;
 border-radius: 10px;
 box-shadow: 0 5px 0 #cd4f21;
 line-height: 1em;
 font-size: 1.33em;
 transition: 0.3s ease-in-out;
 cursor: not-allowed;
}
#kiyakuCheck2.active .shinsei.active a {
 cursor: pointer;
 opacity: 1;
}
/*Footer
---------------------------------------*/
#footer {
 margin-top: 80px;
 background-color: #fff;
 border-bottom: 10px solid var(--color-green);
 padding-bottom: 30px;
}
#footer .footer_first {
 background-color: var(--color-light-green);
 color: #fff;
}
#footer .footer_first a {
 color: #fff;
}
.f_link {
 display: flex;
 justify-content: center;
 padding: 20px 0;
 gap: 50px;
}
.f_link li {
 box-sizing: border-box;
 padding-left: 36px;
 position: relative;
 line-height: 1.4em;
}
.f_link li.cominsoon {
 color: #999999;
}
.f_link li.cominsoon:after {
 background-image: url(../img/ht_menu_aicon_x.svg);
}
.f_link li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 2px;
 width: 50px;
 height: 20px;
 background-image: url(../img/ht_menu_aicon.svg);
 background-repeat: no-repeat;
 background-size: 30px auto;
 background-position: 0 0;
}
.f_link li:before {
 content: "";
 width: 1px;
 height: 100%;
 position: absolute;
 right: -25px;
 top: 0;
 background-color: #fff;
}
.f_link li:last-child:before {
 display: none;
}
.footer_bottom {
 padding: 30px 0 0 0;
}
.footer_bottom .flex {
 gap: 30px;
 justify-content: space-between;
}
.footer_bottom .flex .left {
 width: 160px;
}
.footer_bottom .flex .center {
 font-size: 0.85em;
 width: 400px;
 line-height: 1.6em;
 padding-left: 20px;
 border-left: 3px solid var(--color-green);
}
.footer_bottom .flex .right {
 width: calc(100% - 160px - 400px - 60px);
 display: flex;
 justify-content: right;
 align-items: center;
}
#copyright small {
 font-size: 13px;
 line-height: 1.4em;
 display: block;
}
#pagetop {
 position: fixed;
 z-index: 80;
 right: 10px;
 bottom: 15px;
}
#pagetop a {
 background-image: url(../img/totop.png);
 display: block;
 height: 50px;
 width: 50px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 100% auto;
}
/*Mobile
---------------------------------------*/
.sp {
 display: none;
}
@media only screen and (max-width: 1360px) {
 #header .wrap_w {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
 }
 img {
  max-width: 100%;
  height: auto;
 }
 #mainHead .left_in img {
  width: 40vw;
 }
 #mainHead .left_in p {
  top: calc(22vw + 22px);
  bottom: auto;
 }
 /*1360px*/
}
@media only screen and (max-width: 1300px) {
 .denh3 {
  height: auto;
  border-right: 8px solid var(--color-light-green);
  padding-right: 11px;
  min-height: 55px;
 }
 /*1300px*/
}
@media only screen and (max-width: 1200px) {
 .img_flex {
  position: relative;
  display: flex;
  justify-content: space-between;
 }
 span.rotate_img2 {
  position: relative;
  right: auto;
  top: auto;
 }
 .img_flex img {
  width: 190px !important;
  height: auto;
 }
 /*1200px*/
}
@media only screen and (max-width: 1024px) {
 #header_logo img {
  width: 112px;
 }
 #header {
  height: 65px;
  border-width: 3px;
 }
 #header_logo {
  padding-top: 10px;
 }
 #smart_btn {
  background-color: var(--color-green);
  width: 65px;
  height: 65px;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
 }
 #smart_btn span.a, #smart_btn span.b, #smart_btn span.c {
  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;
  cursor: pointer;
  display: block;
  height: 3px;
  width: 35px;
  border-radius: 0;
  background-color: #fff;
  content: "";
  position: absolute;
  left: 15px;
  opacity: 1;
  top: 18px;
 }
 #smart_btn span.a {
  top: 42px;
  opacity: 1;
 }
 #smart_btn span.b {
  top: 30px;
  opacity: 1;
 }
 #smart_btn.active span.c {
  opacity: 0;
 }
 #smart_btn.active span.a {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 30px;
 }
 #smart_btn.active span.b {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 30px;
 }
 .navGlobal li a {
  display: block;
  background-image: url(../img/ht_menu_aicon_g.svg);
  background-repeat: no-repeat;
  background-size: 30px auto;
  background-position: left 5px;
  text-decoration: none;
  font-size: 1.15em;
  line-height: 1.4em;
  padding: 5px 0 5px 43px;
  color: var(--color-green);
 }
 .navGlobal li.deny a {
  color: #b3b3b3;
  background-image: url(../img/ht_menu_aicon_x.svg);
 }
 .navGlobal ul {
  max-width: 480px;
  margin: 0 auto;
 }
 .navGlobal li {
  margin: 9px 0;
 }
 #header .rightSide .in {
  flex-wrap: wrap;
  row-gap: 20px;
 }
 #header .rightSide .sp {
  display: block;
 }
 #header .rightSide .in {
  justify-content: center;
 }
 header .rightSide {
  position: fixed;
  top: 65px;
  width: 100%;
  height: calc(100vh - 65px);
  background-color: hsl(0deg 0% 100% / 99%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  right: -100%;
  transition: 0.3s ease-in-out;
  box-sizing: border-box;
  padding: 30px;
  flex-direction: column-reverse;
  display: flex;
  justify-content: flex-end;
 }
 #header .rightSide.active {
  right: 0;
  visibility: visible;
  opacity: 1;
 }
 #main {
  padding-top: 65px;
 }
 .topImg span.nametx {
  font-size: 1.4vw;
 }
 #pageLinks ul {
  flex-wrap: wrap;
  row-gap: 15px;
 }
 .middleImg img {
  width: 40%;
 }
 #mainHead .flex {
  flex-wrap: wrap;
  flex-direction: column-reverse;
 }
 #mainHead .left, #mainHead .right {
  width: 100%;
  text-align: center;
  padding: 0;
 }
 #mainHead .left_in img {
  width: 80vw;
 }
 #mainHead .left_in {
  position: static;
 }
 #mainHead .left_in p {
  position: static;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.4em;
  /*font-weight: bold;*/
 }
 #mainHead .right img {
  width: 92%;
  max-width: 620px;
 }
 #mainHead {
  margin-bottom: 20px;
  padding: 30px 0;
 }
 #pankuzu {
  font-size: 0.8em;
 }
 #mainHead .left {
  padding-top: 12px;
 }
 .f_link li br {
  display: none;
 }
 .f_link {
  flex-wrap: wrap;
  row-gap: 20px;
 }
 .footer_bottom .flex {
  flex-wrap: wrap;
 }
 .footer_bottom .flex .center {
  width: calc(100% - 190px);
  box-sizing: border-box;
 }
 .footer_bottom .flex .right {
  width: 100%;
  justify-content: center;
 }
 .bottomImg .flex div p:first-child {
  min-height: 0;
  margin-bottom: 10px;
 }
 .bottomImg .flex {
  gap: 40px;
 }
 /*1024*/
}
@media only screen and (max-width: 800px) {
 html {
  -webkit-text-size-adjust: 100%;
 }
 #pageLinks ul {
  max-width: 620px;
  margin: 0 auto;
  box-sizing: border-box;
 }
 #pageLinks ul li {
  width: calc(50% - 10px);
 }
 #pageLinks ul li a {
  max-width: 100%;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  min-width: 0;
 }
 .newsArea .left img {
  width: 100px;
 }
 .newsArea .flex {
  display: block;
 }
 .newsArea .left {
  margin-bottom: 20px;
 }
 .newsArea .right {
  width: auto;
 }
 .newsArea .right .news_list {
  height: 150px;
  background-image: none;
 }
 .newsArea .flex {
  background-image: url(../img/news_back.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 70%;
 }
 .middleImg {
  display: block;
  text-align: center;
 }
 .middleImg span.caption {
  text-align: center;
  margin-top: 20px;
  font-size: 0.7em;
  line-height: 1.4em;
 }
 .middleImg img {
  width: 70%;
 }
 .f_link li:before {
  display: none;
 }
 /*800*/
}
@media only screen and (max-width: 600px) {
 .middleImg, .topImg {
  padding: 6vw 0 3vw 0;
 }
 .topImg img {
  display: none;
 }
 .topImg img.sp {
  display: block;
 }
 .topImg span.nametx {
  right: 64%;
  font-size: 0.7em;
  bottom: 7%;
 }
 .topImg img {
  width: 95%;
 }
 span.nametx br.sp {
  display: block;
 }
 #pageLinks ul li br {
  display: none;
 }
 .news_list li .cover {
  flex-wrap: wrap;
  gap: 10px;
 }
 .news_list li .cover .date, .news_list li .cover .title {
  width: 100%;
 }
 .footer_bottom .flex .left {
  width: 100%;
 }
 .footer_bottom .flex .center {
  width: 100%;
 }
 .f_link {
  display: block;
  max-width: 25em;
  margin: 0 auto;
 }
 .f_link li {
  margin: 10px 0;
 }
 /*600*/
}
@media only screen and (max-width: 500px) {
 #kiyakuPdf a span:before {
  left: 10px;
  width: 25px;
  height: 30px;
  top: 15px;
 }
 .checkKiyaku .hissu {
  top: -40px;
  left: 0;
 }
 .img_flex img.rotate_img1, span.rotate_img2 {
  width: 50% !important;
 }
 span.rotate_img2 img {
  width: 100% !important;
 }
 /*500px*/
}
/* Margin / Padding */
.mt0 {
 margin-top: 0px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}