@charset "UTF-8";
/*　テンプレート*/
/*　固定　TOPボタン*/
a:link { transition: all 0.5s ease-out; }

.font_b { font-weight: bold; }

#page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; }

#page-top a { background: #666; text-decoration: none; color: #fff; width: 100px; padding: 30px 0; text-align: center; display: block; border-radius: 5px; }

.wrap { width: 100VW; overflow-x: hidden; }

body { line-height: 1.6; font-feature-settings: "palt"; color: #444; ont-family: "Yu Gothic"; src: local("Yu Gothic Bold"); }

#headTopSp { height: 80px; }

.mainWidth { width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 800px) { .mainWidth { width: 90%; } }

.wid80 { width: 80%; margin-left: auto; margin-right: auto; }

.mb { margin-bottom: 100px; }
@media screen and (max-width: 800px) { .mb { margin-bottom: 50px; } }

.mb_10 { margin-bottom: 2em; }

.mt120 { margin-top: 120px; }

#head { background-color: #091F4D; padding: 5px 20px; }
#head nav ul { height: 100px; }
#head li a { text-decoration: none; color: #fff; }
#head li a p { text-align: center; font-size: 16px; }
#head li a p span { font-size: 11px; display: block; }

.title { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 1em; }

.komidashi { font-size: 16px; font-weight: 700; border-left: 4px solid #000; padding-left: 10px; margin-bottom: 10px; }

a.mapText { font-size: 12px; text-decoration: none; display: block; text-align: right; width: 100%; }

.text { font-size: 12px; }

.logo { width: 40%; }
@media screen and (max-width: 800px) { .logo { width: 60%; } }

.content { padding: 50px 0; }
@media screen and (max-width: 800px) { .content { padding: 25px 0; } }

.gmap_b_270 { padding-top: 100%; width: 100%; }

.imgArea { margin-bottom: 100px; }

.statmentDetail div.box { margin-bottom: 100px; }

.btnA a { width: 300px; padding: 10px 0; text-decoration: none; text-align: center; border: 2px solid #2B2B2B; color: #2B2B2B; box-sizing: border-box; transition: all 300ms 0s ease; background-size: 200% 100%; background-image: linear-gradient(to right, transparent 50%, #2B2B2B 50%); transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease; }
.btnA a:hover { color: white; background-position: -100% 100%; }
@media screen and (max-width: 800px) { .btnA a { width: 100%; } }

.textArea { padding: 2em; background-color: #fafafa; }

.photo { width: 100%; padding-top: 70%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.imgOuter { overflow: hidden; position: relative; margin-bottom: 1%; }
.imgOuter::before { content: ""; display: block; padding-top: 75%; }
.imgOuter img { position: absolute; top: 0; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); height: 100%; max-width: none; }

.listAll .listBox { width: 31%; font-size: 80%; border: solid 1px #c5c5c5; padding: 20px 10px; box-sizing: border-box; margin-bottom: 20px; margin-right: 2%; display: flex; flex-direction: column; justify-content: space-between; text-align: left; }
.listAll .listBox .more { position: absolute; bottom: 0; right: 0; }
.listAll::before { content: ""; display: block; width: 23%; height: auto; order: 1; }
.listAll::after { content: ""; display: block; width: 23%; height: auto; }

.more { text-align: right; }

.sakura_list li { width: 32%; font-size: 100%; border: solid 1px #c5c5c5; padding: 20px 10px; box-sizing: border-box; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; text-align: left; }

.sakura_list::after { display: block; content: ""; width: 32%; }

.sakura_list li a { color: #2B2B2B; text-decoration: none; }

.sakura_list li a:hover { opacity: 0.7; }

.row-5 { height: calc( 1.3em * 7 ); line-height: 1.3; overflow-y: hidden; }

.row-2 { height: calc( 1.3em * 3 ); line-height: 1.3; overflow-y: hidden; }

.sakura_list li:nth-child(3n) { margin-right: 0; }

.sakura_list li #sakura_title { display: inline-block; width: 49%; vertical-align: top; }

.sakura_list li .date_box { display: inline-block; width: 49%; vertical-align: top; }

.sakura_list li dl { margin-top: 10px; }

.sakura_list li dl dd { margin-bottom: 10px; }

.sakura_list li dl dd.sakura_pdf_link { margin-top: auto; }

.sakura_list li .photo { width: 100%; padding-top: 70%; position: relative; overflow: hidden; }

.sakura_list li .photo img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 130%; max-width: 130%; }

.sakura_list li a { color: #444; text-decoration: none; }

.sakura_list li .addres, .sakura_list li .trafic { padding-left: 2em; position: relative; }

.sakura_list li .addres::before { background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/ico_google.png") no-repeat; }

.sakura_list li .trafic::before { background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/icon_train.png") no-repeat; }

.sakura_list li .addres::before, .sakura_list li .trafic::before { content: ""; width: 2em; padding-top: 2em; position: absolute; left: 0; top: 0; background-size: contain; }

.sakura_list li dl dd.sakura_pdf_link a { display: block; width: 48%; text-align: center; color: #09204D; border-radius: 5px; border: 1px solid #09204D; transition: all .5s; text-decoration: none; }

.sakura_list li dl dd.sakura_pdf_link a:hover { text-decoration: none; background-color: #09204D; color: #fff; }

.label_list {
    width: 100%;
    max-width: 700px;
    justify-content: space-between;
}

.label_list li {
    -webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);
    border-right: 1px solid #000;
    margin-bottom: 100px;
    width: 33%;
    text-align: center;
}
.tab-label span {
    display: block;
    transform: skewX(-150deg);
    padding: 0 10px;
}

.tab-label {
    color: #444;
    margin-right: 5px;
    padding: 0px 12px;
    order: -1;
    font-weight: 600;
    font-size: 120%;
}

.label_list li:last-child {
    border-right: none;
}

@media screen and (min-width: 801px) { .sp { display: none; } }
@media screen and (min-width: 1001px) { .title { font-size: 28px; }
  .komidashi { font-size: 20px; }
  .text { font-size: 16px; } }
/*文字サイズ　レスポンジブ*/
@media screen and (max-width: 800px) { .pc { display: none; }
  .flexPc img { text-align: center; }
  .flexPc .btnA{margin-bottom: 20px;}
  a.menu-mobile{
    line-height: 1;
  }
  a.menu-mobile:link,a.menu-mobile:visited{
    color: #fff;
  }
  .sakura_list li { width: 100%; }
  }