/*CSSリセット*/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,::before,::after{box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~="screen"]{display:inherit}[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}

.mincho {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*common*/
body {
font-size:20px;
}

h1 {
display:inline;
font-size:20px;
font-weight:400;
}

h2 {
display:inline;
font-size:20px;
font-weight:400;
}

.mv {
position:relative;
width:100%;
height:auto;
}

.mv img{
width:100%;
height:auto;
}

.logo {
width:12%;
position:absolute;
top:20px;
left:20px;
}

.logo_right {
width:88%;
position:absolute;
}

.top_word {
margin:0 auto;
width:100%;
max-width:1200px;
text-align:center;
font-size:2rem;
color:#FFFFFF;
padding-top:20px;
}

.top_txt {
margin:0 auto;
width:100%;
max-width:800px;
color:#FFFFFF;
padding-top:20px;
padding-bottom:80px;
}

.img_5l_wrap {
background-image: url(5l_img.png);
background-repeat:no-repeat;
background-size:contain;
margin:0 auto;
width:100%;
max-width:1200px;
height:auto;
}

.img_5l_spacer img{
width:100%;
max-width:1200px;
height:auto;
}

.img_5l_word {
margin:0 auto;
width:100%;
max-width:800px;
text-align:center;
font-size:2rem;
color:#FFFFFF;
}

.img_5l_txt {
margin:0 auto;
width:100%;
max-width:800px;
color:#FFFFFF;
padding-top:20px;
}

.set_word_wrap {
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
width:100%;
max-width:1200px;
text-align:center;
margin-top:120px;
padding-bottom:50px;
}

.set_word {
font-size:2rem;
color:#FFFFFF;
}

.set_word_left img,.set_word_right img{
width:100%;
max-width:213px;
height:auto;
}

.thumbnail {
display:flex;
justify-content:space-between;
align-items:start;
width:100%;
max-width:800px;
margin:0 auto;
padding-bottom:100px;
text-align:center;
font-size:1.2rem;
line-height:1.2rem;
}

.tn_list img {
width:100%;
max-width:120px;
height:auto;
padding-bottom:5px;
}

.tn_list:not(:last-child) {
padding-right:15px;
}

.tn_list a {
color:#FFF;
text-decoration:none;
}

.tn_list a:hover {
color:#CCC;
text-decoration:none;
opacity:0.9;
}

.item_wrap {
display:flex;
justify-content:space-between;
align-items:center;
margin:0 auto;
width:100%;
max-width:1200px;
height:auto;
padding-bottom:30px;
}

.l_set {
background-image: url(l_img.jpg);
background-repeat:no-repeat;
}

.m_set {
background-image: url(m_img.jpg);
background-repeat:no-repeat;
}

.taraba_set {
background-image: url(taraba_img.jpg);
background-repeat:no-repeat;
}

.tume_set {
background-image: url(tume_img.jpg);
background-repeat:no-repeat;
}

.tako_set {
background-image: url(tako_img.jpg);
background-repeat:no-repeat;
}

.item_word img{
width:100%;
max-width:500px;
height:auto;
}

.item_txt {
width:100%;
max-width:500px;
padding:20px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 5px;
margin-top:30px;
color: #363636;
text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8), 1px 1px 3px rgba(255, 255, 255, 0.8), -1px -1px 3px rgba(255, 255, 255, 0.8), -1px -1px 3px rgba(255, 255, 255, 0.8);
font-weight:600;
}

.btn {
position: relative;
width:600px;
height:108px;
margin: 0 auto;
display: block;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
}

.btn img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}

.btn:hover img:nth-of-type(2) {
opacity: 0;
}

.pc_cont {
display:block;
}

.sp_cont ,.pc_br {
display:none;
}

/*footer*/
.block05 {
  background: url("../kanisyabu/img/block05_bg.png") center top no-repeat;
  background-size: cover;
  font-size: 16px;
  line-height: 2.7rem;
  -webkit-text-size-adjust: none;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  margin-top:200px;
}
.block05 .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 85px 0 115px 0;
}
.block05 h4 {
  color: #fff;
  font-size: 50px;
  padding-bottom: 24px;
  font-weight:400;
}
.block05 p {
  color: #fff;
  font-size: 16px;
  line-height: 27px;
}
.block05 p.copy {
  font-size: 36px;
  padding-bottom: 50px;
}
.block05__Link {
  width: 30.8%;
  margin: 110px auto 0 auto;
}
.block05__Link a {
  display: block;
  webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  padding: 0 0 12px 0;
  background: url("../kanisyabu/img/arrow.svg") 97% 7px no-repeat;
  background-size: 9px 15px;
  text-decoration:none;
}
.block05__Link a:hover {
  opacity: 0.7;
  background: url("../kanisyabu/img/arrow.svg") 98% 7px no-repeat;
  background-size: 9px 15px;
}
.block06 {
  padding: 75px 0 0 0;
  background-color:#FFF;
  -webkit-text-size-adjust: none;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  color:#363636;
}
.block06 .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.block06 .footer_logo img {
  width: 100%;
  max-width: 246px;
  margin: 0 auto;
  padding-bottom:25px;
}
.block06 p {
  font-size: 16px;
  line-height: 27px;
}

.footer {
  padding: 100px 0 40px 0;
  position: relative;
  background-color:#FFF;
}

.footer p {
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  font-size:13px;
  margin:30px 0;
}
.footer p a {
  color: #363636;
  text-decoration:none;
}
.footer p a:hover {
  opacity: 0.7;
}
.footer__Copy small {
  display: block;
  font-size: 12px;
  text-align: center;
  color: #363636;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

body .pc {
    display: block;
}
body .sp {
    display: none;
}

.topLink {
  width: 7.5rem;
  height: 7.5rem;
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1;
}

.topLink img {
  max-width: 100%;
  width: auto;
}

.topLink__close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  z-index: 1;
  cursor: pointer;
}

.topLink a {
  display: block;
}

.topLink a:hover {
opacity: 0.8;
}


@media screen and (max-width: 1180px) {
.logo {
width:20%;
position:absolute;
top:20px;
left:20px;
}

.logo_right {
width:80%;
}

.sp_cont {
display:block;
}

.pc_cont {
display:none;
}

.top_word,.top_txt,.img_5l_word,.img_5l_txt,.set_word_wrap {
padding-left:20px;
padding-right:20px;
}

.set_word {
padding-bottom:20px;
}

.set_word_left ,.set_word_right {
margin-top:-15px;
}

.set_word_left img,.set_word_right img{
width:80%;
}

.thumbnail {
padding-left:20px;
padding-right:20px;
padding-bottom:100px;
font-size:1rem;
}

.item_wrap {
display:block;
background-image: none;
padding:40px 20px;
}

.item_word img{
margin:0 auto;
padding-bottom:20px;
}

.item_img img{
width:100%;
height:auto;
margin:0 auto;
padding-bottom:20px;
}

.item_txt {
max-width:100%;
margin:0 auto;
padding:20px;
background-color: rgba(255, 255, 255, 1);
}

.btn_sp {
margin-top:20px;
text-align:center;
}

.btn_sp img{
width:500px;
height:90px;
}

.sp_br {
display:none;
}
}

@media screen and (max-width: 767px) {
.logo {
width:24%;
position:absolute;
top:12px;
left:12px;
}

.logo_right {
width:86%;
}

h1 {
font-size:1rem;
}

.top_word {
font-size:1.4rem;
}

.top_txt {
font-size:1rem;
}

.img_5l_word {
font-size:1.4rem;
}

.img_5l_txt {
font-size:1rem;
}

.set_word_wrap {
margin-top:50px;
padding-bottom:0px;
}

.set_word {
width:100%;
padding-bottom:15px;
font-size:1.6rem;
white-space: nowrap;
}

.set_word_left ,.set_word_right {
margin-top:20px;
}

.set_word_left img,.set_word_right img{
width:100%;
}

.thumbnail {
display:none;
}

.item_wrap {
display:block;
background-image: none;
padding:10px 20px 50px 20px;
}

.item_txt {
font-size:1rem;
padding:15px;
font-weight:500;
}

.btn_sp {
margin:0 auto;
width:100%;
padding-top:20px;
}

.btn_sp img {
width:100%;
height:auto;
}

body .pc {
    display: none;
}
body .sp ,.pc_br {
    display: block;
}

/*footer*/
  .block05 {
    background: url("../kanisyabu/img/block05_bg_sp.png") center top no-repeat;
    background-size: cover;
	margin-top:100px;
  }
  .block05 .inner {
    width: 89.3%;
    max-width: initial;
    margin: 0 auto;
    text-align: center;
    padding: 55px 0 80px 0;
  }
  .block05 h4 {
    color: #fff;
    font-size: 25px;
    padding-bottom: 12px;
  }
  .block05 p {
    color: #fff;
    font-size: 13px;
    line-height: 23px;
  }
  .block05 p.copy {
    font-size: 20px;
    padding-bottom: 30px;
  }
  .block05__Link {
    width: 72.5%;
    margin: 60px auto 0 auto;
  }
  .block05__Link a {
    display: block;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    padding: 0 0 12px 0;
    background: url("../kanisyabu/img/arrow.svg") 97% 7px no-repeat;
    background-size: 6px 10px;
  }
  .block05__Link a:hover {
    opacity: 0.7;
    background: url("../kanisyabu/img/arrow.svg") 97% 7px no-repeat;
    background-size: 6px 10px;
  }
  .block06 {
    padding: 40px 0 0 0;
  }
  .block06 .inner {
    width: 89.3%;
    max-width: initial;
    margin: 0 auto;
    text-align: center;
  }
  
  .block06 .footer_logo img {
    width: 53.7%;
    max-width: initial;
    margin: 0 auto 15px auto;
  }
  .block06 p {
    font-size: 13px;
    line-height: 23px;
  }
    .footer {
    padding: 30px 0 20px 0;
    position: relative;
  }
  .footer p {
    font-size: 12px;
	margin:15px 0;
  }
  .footer p a {
    color: #363636;
  }
  .footer p a:hover {
    opacity: 0.7;
  }
  .footer__Copy {
    padding-top: 15px;
  }
  .footer__Copy small {
    display: block;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    color: #363636;
  }
  
    .topLink {
    display: none;
  }
}