@charset 'UTF-8';
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}button{background:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{max-width: 100%;height:auto;vertical-align:bottom}
html {
  height: 100%;
  font-size: 62.5%;
  background-color: #efefef;
}
body {
  min-width: 320px;
  font-family: 'Noto Sans JP', Hiragino Kaku Gothic ProN, '游ゴシック', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
  color: #333;
  overflow-wrap: break-word;
  overflow-x: hidden;
}
@media screen and (max-width:740px) {
  .pcDisp{display: none !important;}
}
@media screen and (min-width:741px) {
  .spDisp{display: none !important;}
}
@media screen and (min-width:1090px) {
  body { overflow: inherit !important;}
}

/* main */
.main {
  width: 90vw;
  max-width: 1040px;
  margin-inline: auto;
  padding-bottom: 80px;
}

.mod-h1 {
  margin-bottom: 1em;
  padding-top: 1em;
  font-size: clamp(2rem, 1.111rem + 4.44vw, 4rem);
  font-weight: 400;
  text-align: center;
  color: #656565;
  line-height: 1.6;
}
.mod-h1 > span {
  color: #fff;
}


.mod-movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.mod-movie > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* footer */
footer {
  border-top: 1px solid #d0d0d0;
  font-size: 1.1rem;
  padding: 1em 0;
  color: #A3A3A3;
}
footer address {
  width: 90vw;
  max-width: 1040px;
  margin-inline: auto;
  text-align: right;
  font-weight: 600;
  font-style: normal;
}