@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Noto+Sans+JP&family=Noto+Serif+JP:wght@300;400;500;700;900&family=Roboto:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&family=Oswald:wght@300;500;700&display=swap');
/* Reset */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: 'Lato', 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: 'Josefin Sans', sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.tit_altemate {font-family: 'Oswald', sans-serif;}
.Numbers {font-family: 'Josefin Sans', sans-serif;}
.Sans {font-family: 'Noto Sans JP', sans-serif;}
.Serif {font-family: 'Noto Serif JP', serif;}
a img {transition: all 0.5s;}
a:hover img {opacity: 0.75;}

/***************************************************************
************ SETTING *******************************************
***************************************************************/
#fh5co-page .top-view.index {
  z-index: -9999; }
#fh5co-page .top-view {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%; }
  #fh5co-page .top-view .back-white {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    animation: fadeOut 4s ease;
    animation-fill-mode: forwards;
    animation-delay: 8s;
    opacity: 1;
    z-index: 2;
    display: block; }
  #fh5co-page .top-view .banner-01 {
    position: absolute;
    animation: fadeIn 4s ease;
    animation-fill-mode: forwards;
    width: 80%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0;
    animation-delay: 1s;
    z-index: 2; }
  #fh5co-page .top-view .banner-02 {
    position: absolute;
    animation: fadeIn 4s ease;
    animation-fill-mode: forwards;
    width: 90%;
    max-width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0;
    animation-delay: 5s;
    z-index: 2; }
  #fh5co-page .top-view .top-text {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 2;
    font-size: 25px;
    animation: fadeOut 4s ease;
    animation-fill-mode: forwards;
    animation-delay: 8s; }
  #fh5co-page .top-view .top-text:hover {
    cursor: pointer; }
  #fh5co-page .top-view .closed {
    opacity: 0;
    animation: none; }
    @keyframes fadeOut {
    	0% {opacity: 1}
    	100% {opacity: 0}
    }

    @keyframes fadeIn {
    	0% {opacity: 0}
    	50% {opacity: 1}
    	100% {opacity: 0}
    }

.wrap {width: 100%;margin: 0 auto 0;}

header {width: 100%;height: 100px;position: relative;z-index: 100;background-color: #FFF;}
header .in {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
header .in .logo {padding: 20px 0 20px 80px;}
header .in .logo img {width: auto;height: 60px;}
header .in ul.nav {display: flex;justify-content: space-between;align-items: center;padding-right: 80px;}
header .in ul.nav li {padding: 0 2em;}
header .in ul.nav li a {font-size: 18px;font-weight: 900;letter-spacing: 0.1em; color: #00387f;text-align: center;line-height: 1.2;}
header .in ul.nav li a span {width: 100%;display: block;text-align: center;font-size: 12px;font-weight: 400;color: #4d4d4d;}

@media(max-width:768px) {
	header {width: 100%;height: 50px;position: relative;z-index: 100;background-color: #FFF;}
	header .in {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;}
	header .in .logo {padding: 10px 0 10px 5%;}
	header .in .logo img {width: auto;height: 30px;}
	header .in ul.nav {display: flex;justify-content: space-between;align-items: center;padding-right: 0%;}
	header .in ul.nav li {padding: 0 0.5em;}
	header .in ul.nav li a {font-size: 4vw;font-weight: 900;letter-spacing: 0.1em; color: #00387f;text-align: center;line-height: 1.0;}
	header .in ul.nav li a span {width: 100%;display: block;text-align: center;font-size: 2.8vw;font-weight: 400;color: #4d4d4d;}
}

.mv {width: 100%;min-width: 1180px; margin: 0 auto 100px;position: relative;box-sizing: border-box;padding: 0;}
.mv:before {width: 100%;height: 300px;background-color:#00387f;content: '';position: absolute;left: 0;bottom: 0;z-index: -1;}
.mv .ph {max-width: 1440px;margin: 0 auto 0;position: relative;}
.mv .ph img {width: 84.722%;margin-left: 15.278%;}
.mv .mv_txt {content: ''; width: 1180px;position: absolute;left: calc(50% - 590px);top:33%;font-size: 36px;font-weight: 700;color: #000;margin: 0;padding: 0;}
.mv .mv_txt span {background-color: #FFF;line-height: 1.6;display: inline-block;padding: 0 16px;margin-bottom: 16px;}
.mv .txt_area {width: 1180px;height: 100px; margin: 0 auto 0;display: flex;justify-content: flex-end;align-items: center;font-size: 34px;font-weight: 900;color: #FFF;}

@media(max-width:768px) {
	.mv {width: 100%;min-width:100%; margin: 0 auto 0;position: relative;box-sizing: border-box;padding: 0;}
	.mv:before {content: none;}
	.mv .ph {max-width: 100%;margin: 0 auto 0;position: relative;}
	.mv .ph img {width: 100%;margin-left: 0%;}
	.mv .mv_txt {content: none;}
	.mv .mv_txt span {display: none;}
	.mv .txt_area {display:none;}
}

#add .wrapper {max-width: 1100px; margin: 0 auto 80px;}
#add h3 { color: #e83534; text-align: center;}
#add h3 span { border-bottom: 1px solid #e83534;}
#add p { text-align: center;}
#add table { border-collapse: collapse; margin: auto; width: 70%;}
#add table th,#add table td { border: solid 2px #cccccc; font-size: 16px; line-height: 1.4; padding: 10px;}
#add table thead th { background-color: #00387f; color: #fff; text-align: center;}
@media(max-width:768px) {
  #add .wrapper { width: 90%; margin-bottom: 40px;}
  #add p { line-height: 1.75; margin-top: 24px;}
  #add table { width: 100%;}
  #add table th,#add table td { font-size: 14px;}
}

.news {
  border: 1px solid #e83534;
  box-sizing: border-box;
  max-width: 1100px;
  margin: 0 auto 8rem;
  padding: 2rem;
  text-align: center;
  width: 90%;
}
.news h3 {
  color: #e83534;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.news p {
  margin: 1rem 0 0;
}
@media(max-width:768px) {
  .news {
    margin: 3rem auto;
    padding: 1.5rem 1rem;
  }
  .news h3 {
    font-size: 17px;
    margin-bottom: 1rem;
  }
  .news p {
    font-size: 14px;
    line-height: 1.75;
    margin-top: .5rem;
    text-align: left;
  }
  .news p.notes {
    font-size: 12px;
    line-height: 1.5;
  }
  .news .nosp {
    display: none;
  }
}


.campaign {width: 100%; position: relative; line-height: 1; margin-bottom: 100px;}
.campaign:before {content: '';position: absolute; width: calc(50% + 400px);height: 100%;background-color: #00387f;z-index: -1;right: 0;top:0;}
.campaign .col2 {width: 1180px;margin: 0 auto 0;padding: 64px 0;display: flex;justify-content: space-between;}
/* .campaign .col2 .ph {width: 570px;} */
.campaign .col2 .ph .campaign_img01 {width: 510px;}
/* .campaign .col2 .ph .campaign_img02 {width: 320px;margin: -56px 0 0 250px;} */
.campaign .col2 .ph {width: 570px; display: flex; flex-wrap: wrap; align-items: center;}
.campaign .col2 .ph .campaign_img02 {width: 320px;margin: -256px 0 0 250px;}
.campaign .col2 .col_r {width: 570px;}
.campaign .col2 .col_r .tit {display: flex;justify-content: flex-start;align-items: center;font-size: 36px;font-weight: 700;color: #FFF;margin-bottom: 16px;}
.campaign .col2 .col_r .tit span {font-size: 12px;font-weight: 700;color: #FFF;padding-left:32px;}
.campaign .col2 .col_r .campaign_txt {border-top: solid 1px #FFF;border-bottom: solid 1px #FFF;box-sizing: border-box;padding: 24px;text-align:center;}
.campaign .col2 .col_r .campaign_txt .txt01 {font-size: 28.2px;font-weight: 700;letter-spacing: 0.05em; color: #FFF;}
.campaign .col2 .col_r .campaign_txt .txt01 span {font-size: 35.5px;}
.campaign .col2 .col_r .campaign_txt .txt02 {font-size: 44.2px;font-weight: 700;letter-spacing: 0.01em; color: #FFF;}
.campaign .col2 .col_r .campaign_txt .txt02 span {font-size: 68.2px;}
.campaign .col2 .col_r .campaign_txt .txt03 {font-size: 90.34px;font-weight: 700;letter-spacing: 0.01em; color: #ffff00;position: relative;}
.campaign .col2 .col_r .campaign_txt .txt03:before {content: '';width: 100%;height: 20px;background-color:#e83534;position: absolute;left: 0;bottom: 20px;z-index: -1;}
.campaign .col2 .col_r .campaign_txt .txt03 span {font-size: 156.13px;font-weight: 700;letter-spacing: 0.01em; color: #ffff00;}
.campaign .col2 .col_r .campaign_txt .txt03 .txt_m {font-size: 118.5px;font-weight: 700;letter-spacing: 0.01em; color: #ffff00;}
.campaign .col2 .col_r .campaign_txt .txt04 {font-size: 24.2px;font-weight: 700;letter-spacing: 0.01em; color: #fff;text-align: center;line-height: 62px;}
.campaign .col2 .col_r .campaign_txt .txt04 span {width: 62px;height: 62px;border-radius: 31px;display: inline-block;background-color:#e83534;color: #FFF;font-size: 18px;letter-spacing: 0;margin-right: 8px;}
.campaign .col2 .col_r .campaign_txt .txt05 {font-size: 37px;font-weight: 700;letter-spacing: 0em; color: #ffff00;}
.campaign .col2 .col_r .campaign_txt .txt05 span {font-size: 56px;}
.campaign .col3 {width: 100%; padding: 70px 0;background-color: #FFF;display: block;}
.campaign .col3 .col {width: 800px;margin: 0 auto 0;display: flex;justify-content: space-between;}
.campaign .col3 .col img {width: 380px;}
#banner_slider { width: 100%; background-color: #fff; padding: 0 0 80px; overflow: hidden;}
#banner_slider_sp {display: none;}
/* スライダーを動かさない場合の記述 */
.slider-pro { width: 100%; background-color: #fff; padding: 0 0 80px; overflow: hidden;}
.slider-pro .sp-slides { width: 1100px; margin: auto; display: grid; grid-gap: 2rem; grid-template-columns: auto auto;}
@media(max-width:768px) {
	.campaign {width: 100%;position: relative;line-height: 1; margin-bottom: 0; display: }
	.campaign:before {content:none;}
	.campaign .col2 {width: 100%;margin: 0 auto 0;padding: 8% 0;display:block;}
  .campaign .col2 .ph { display: none;}
	.campaign .col2 .col_r {width: 100%;}
	.campaign .col3 {display: none;}
	.campaign .col3 .col {display:none;}
  #banner_slider { display: none;}
	#banner_slider_sp {display: block; overflow: hidden; margin: 10% 0 0;}

  #zozo {
    margin: 40px auto 0 !important;
    width: 90%;
  }
  /* スライダーを動かさない場合の記述 */
  .slider-pro { padding: 20px 0 0;}
  .slider-pro .sp-slides { width: 90%; grid-gap: 1rem;}
}


.items {width: 100%;margin: 0 auto 40px;}
.items .head_item {max-width: 1440px;margin: 0 auto 100px;}
.items .head_item img {}
.items .in {max-width: 1100px;margin:0 auto;display: flex;flex-wrap: wrap; justify-content: space-between;}
.items .in .col {max-width: 515px;margin-bottom: 64px;width: calc(100% / 2 - 35px);}
.items .in .col .ph {width: 100%;margin-bottom: 8px;}
.items .in .col .ph img {}
.items .in .col .tit {font-size: 28px;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;border-bottom: solid 2px #808080;margin-bottom:0.5em;}
.items .in .col .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
.items .in .col .tit .txt_jp {font-size: 18px;font-weight: 500;color: #000;}
.items .in .col .txt {font-size: 14px;font-weight: 500;color: #000;min-height: 80px;}
.items .in .col .brand {}
.items .in .col .brand img {}

@media(max-width:768px) {
	.items {width: 100%;margin: 0 auto 40px;}
	.items .head_item {max-width: 100%;margin: 0 auto 13%;}
	.items .in {max-width: 90%;margin:0 auto;display:block;}
	.items .in .col {width: 100%;max-width: 100%;margin-bottom: 8%;}
	.items .in .col .ph {width: 100%;margin-bottom: 8px;}
	.items .in .col .ph img {}
	.items .in .col .tit {font-size: 5.4vw;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;}
	.items .in .col .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
	.items .in .col .tit .txt_jp {font-size: 3.2vw;font-weight: 500;color: #000;}
	.items .in .col .txt {font-size: 3.6vw;font-weight: 500;color: #000;min-height: 40px;}
}


.service {width: 100%;margin: 0 auto 40px;}
.service .head_item {max-width: 1440px;margin: 0 auto 100px;}
.service .head_item img {}
.service .in {max-width: 1100px;margin:0 auto;display: flex;flex-wrap: wrap; justify-content: space-between;}
.service .in .col_1 {width: 100%;margin-bottom: 64px;}
.service .in .col_1 .tit {font-size: 28px;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;}
.service .in .col_1 .tit .remark {position: absolute;content: '';font-size: 12px;color: #000;right: 0;top:50%;}
.service .in .col_1 .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
.service .in .col_1 .tit .txt_jp {font-size: 18px;font-weight: 500;color: #000;}
.service .in .col {width: calc(100% / 2 - 35px);max-width: 515px;margin-bottom: 64px;}
.service .in .col .tit {font-size: 28px;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;}
.service .in .col .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
.service .in .col .tit .txt_jp {font-size: 18px;font-weight: 500;color: #000;}
.service .in .col_1 .col_in_3 {display: flex;justify-content: space-between;}
.service .in .col_1 .col_in_3 .col_s {}
.service .in .col_1 .col_in_3 .col_s:nth-child(1) {width: 510px;}
.service .in .col_1 .col_in_3 .col_s:nth-child(2) {width: 270px;}
.service .in .col_1 .col_in_3 .col_s:nth-child(3) {width: 270px;}
.service .in .col_1 .col_in_3 .col_s .ph {}
.service .in .col_1 .col_in_3 .col_s .ph img {}
.service .in .col_1 .col_in_3 .col_s .txt {font-size: 14px;font-weight: 500;color: #000;}
.service .in .ph {margin-bottom: 8px;}
.service .in .ph img {}
.service .in .txt {font-size: 14px;font-weight: 500;color: #000;}

@media(max-width:768px) {
	.service {width: 100%;margin: 0 auto 5%;}
	.service .head_item {max-width: 100%;margin: 0 auto 13%;}
	.service .head_item img {}
	.service .in {max-width: 90%;margin:0 auto;display:block;}
	.service .in .col_1 {width: 100%;margin-bottom: 8%;}
	.service .in .col_1 .tit {font-size: 5.4vw;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;}
	.service .in .col_1 .tit .remark {position: absolute;content: '';font-size: 2.8vw;font-weight: 500; color: #000;right: 0;top:-45%;}
	.service .in .col_1 .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
	.service .in .col_1 .tit .txt_jp {font-size: 3.2vw;font-weight: 500;color: #000;}
	.service .in .col {width:100%;max-width: 100%;margin-bottom: 8%;}
	.service .in .col .tit {font-size: 5.4vw;font-weight: 900;color: #00387f;padding-left: 1em;position: relative;}
	.service .in .col .tit:before {content: '';width: 1em;height: 100%;position: absolute;left: 0;top:0; background-image: url("../img/ico_tit.png");background-size: 0.65em auto;background-repeat: no-repeat;background-position: left center;}
	.service .in .col .tit .txt_jp {font-size: 3.2vw;font-weight: 500;color: #000;}
	.service .in .col_1 .col_in_3 {display: flex;flex-wrap: wrap; justify-content: space-between;}
	.service .in .col_1 .col_in_3 .col_s {}
	.service .in .col_1 .col_in_3 .col_s:nth-child(1) {width: 100%;margin-bottom: 8%;}
	.service .in .col_1 .col_in_3 .col_s:nth-child(2) {width: 48%;}
	.service .in .col_1 .col_in_3 .col_s:nth-child(3) {width: 48%;}
	.service .in .col_1 .col_in_3 .col_s .ph {}
	.service .in .col_1 .col_in_3 .col_s .ph img {}
	.service .in .col_1 .col_in_3 .col_s .txt {font-size: 3.2vw;font-weight: 500;color: #000;}
	.service .in .ph {margin-bottom: 8px;}
	.service .in .ph img {}
	.service .in .txt {font-size: 3.2vw;font-weight: 500;color: #000;}
}


.store {width: 100%;background-color: #e6e6e6;}
.store .head {width: 100%;height: 400px;background-color:#e83534; }
.store .head .tit {font-size: 36px;font-weight: 900;color: #FFF;text-align: center;padding: 72px 0 0;box-sizing: border-box;}
.store .head .tit span {font-size: 12px;font-weight: 700;display: block;}
.store .in {width: 1180px;margin: -190px auto 0;background-color: #e6e6e6;box-sizing: border-box;padding: 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.store .in .col_store {width: 535px;height: auto; margin: 0 0 30px;background-color: #FFF;position: relative;}
.store .in .col_store:before {content:'';width: 50px;height: 100%;background-color: #00387f;position: absolute;right: 0;top: 0;transition: all 0.5s;z-index: 10;}
.store .in .col_store:after {  content: '';width: 10px; height:10px;border-top: solid 2px #FFF;border-right: solid 2px #FFF;  position: absolute;right: 20px;top: calc(50% - 5px);transform: rotate(45deg);z-index: 11;}
.store .in .col_store:hover:before {background-color: rgba(0,56,127,0.70);}
.store .in .col_store a {content: ''; width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.5s;}
.store .in .col_store .tit {width: 100%;height: 56px; box-sizing: border-box;padding: 0 50px 0 30px;display: flex;justify-content: flex-start;align-items: center;font-size:13px;font-weight: 700;color: #00387f;border-bottom: solid 1px #cccccc;}
.store .in .col_store .tit span {font-size:20px;font-weight: 700;padding-left: 10px;}
.store .in .col_store .tit span span {font-size: 16px;}
.store .in .col_store .txt_area {box-sizing: border-box;padding: 15px 50px 15px 30px;}
.store .in .col_store .txt_area .tr {width: 100%;display: flex;justify-content: flex-start;font-size: 12px;color: #000;}
.store .in .col_store .txt_area .tr .th {width: 15%;}
.store .in .col_store .txt_area .tr .td {width: 85%;}
.store .in .col_store .txt_area .tr.nenmatu {margin-top: 5px;}
.store .in .col_store .txt_area .tr.nenmatu .th {width: 25%; line-height: 1.5;}
.store .in .col_store .txt_area .tr.nenmatu .td {width: 75%; display: flex; flex-wrap: wrap; line-height: 1.5;}
.store .in .col_store .txt_area .tr.nenmatu .td span {width: 35%;}
.store .in .col_store .txt_area .tr.nenmatu .td span.date {width: 15%;}

@media(max-width:768px) {
	.store {width: 100%;background-color: #e6e6e6;}
	.store .head {width: 100%;height: 200px;background-color:#e83534; }
	.store .head .tit {font-size: 6.4vw;font-weight: 900;color: #FFF;text-align: center;padding: 9% 0 0;box-sizing: border-box;}
	.store .head .tit span {font-size: 3.0vw;font-weight: 700;display: block;}
	.store .in {width: 90%;margin: -50px auto 0;background-color: #e6e6e6;box-sizing: border-box;padding: 5%;display:block;}
	.store .in .col_store {width: 100%;height: auto; margin: 0 0 5%;background-color: #FFF;position: relative;}
	.store .in .col_store:before {content:'';width: 20px;height: 100%;background-color: #00387f;position: absolute;right: 0;top: 0;transition: all 0.5s;}
	.store .in .col_store:after {  content: '';width: 8px; height:8px;border-top: solid 2px #FFF;border-right: solid 2px #FFF;  position: absolute;right: 6px;top: calc(50% - 8px);transform: rotate(45deg);}
	.store .in .col_store:hover:before {background-color: rgba(0,56,127,0.70);}
	.store .in .col_store a {content: ''; width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.5s;}
	.store .in .col_store .tit {width: 100%;height: 40px;box-sizing: border-box;padding: 0 10px 0 2%;display: flex;justify-content: flex-start;align-items: center;font-size:2.6vw;font-weight: 700;color: #00387f;border-bottom: solid 1px #cccccc;}
	.store .in .col_store .tit span {font-size:3.0vw;font-weight: 700;padding-left: 1.25%;white-space: nowrap;}
	.store .in .col_store .tit span span {font-size: 2.6vw;}
	.store .in .col_store .txt_area {box-sizing: border-box;padding: 2.5% 25px 2.5% 3%;}
	.store .in .col_store .txt_area .tr {width: 100%;display: flex;justify-content: flex-start;font-size: 2.8vw;color: #000;}
	.store .in .col_store .txt_area .tr .th {width: 18%;}
	.store .in .col_store .txt_area .tr .td {width: 82%;}
  .store .in .col_store .txt_area .tr.nenmatu {display: block;}
  .store .in .col_store .txt_area .tr.nenmatu .th {width: 100%;}
  .store .in .col_store .txt_area .tr.nenmatu .td {width: 100%;}
}



footer {width: 100%;}
footer .in {width: 1100px;margin: 0 auto 0;display: flex;justify-content: space-between;align-items: center;padding: 56px 0;}
footer .in .f_logo {width: 388px;}
footer .in .f_logo img {width: 100%;height: auto; margin-left: -16px;}
footer .in .f_txt {font-size: 12px;}

.f_nav {width: 100%;height: 50px;background-color: #00387f;}
.f_nav .in {width: 1100px; margin: 0 auto 0;}
.f_nav .in ul {height: 50px; display: flex;justify-content: flex-start;align-items: center;}
.f_nav .in ul li {display: inline-block;margin-right: 16px;}
.f_nav .in ul li a {font-size: 14px;font-weight: 700;color: #FFF;transition: all 0.5s;}
.f_nav .in ul li a:hover {text-decoration: underline;}

@media(max-width:768px) {
	footer .in {width: 90%;margin: 0 auto 0;display:block;padding: 5% 0;}
	footer .in .f_logo {width: 100%;}
	footer .in .f_logo img {width: 100%;height: auto; margin-left:0;}
	footer .in .f_txt {font-size: 2.8vw;}

.f_nav {width: 100%;height: auto;background-color: #00387f;}
.f_nav .in {width: 90%; margin: 0 auto 0;padding: 3% 0}
.f_nav .in ul {height: 50px; display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.f_nav .in ul li {display: inline-block;margin-right: 0;padding: 0 2%;line-height: 1.1;}
.f_nav .in ul li a {font-size: 3.6vw;font-weight: 700;color: #FFF;transition: all 0.5s;}
.f_nav .in ul li:nth-child(1) ,.f_nav .in ul li:nth-child(2){border-right: solid 1px #FFF;}
.f_nav .in ul li a:hover {text-decoration: underline;}
}