@charset "UTF-8";
/*--------------------------------------
		リセットCSS
---------------------------------------*/
main {
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
}

main html, main body, main div, main span, main object, main iframe,
main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre,
main abbr, main address, main cite, main code,
main del, main dfn, main em, main img, main ins, main kbd, main q, main samp,
main small, main strong, main sub, main sup, main var,
main b, main i,
main dl, main dt, main dd, main ol, main ul, main li,
main fieldset, main form, main label, main legend,
main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td,
main article, main aside, main canvas, main details, main figcaption, main figure,
main footer, main header, main hgroup, main menu, main nav, main section, main summary,
main time, main mark, main audio, main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

main img {
  vertical-align: bottom;
}

main body {
  line-height: 1;
}

main article, main aside, main details, main figcaption, main figure,
main footer, main header, main hgroup, main menu, main nav, main section {
  display: block;
}

main ul {
  list-style: none;
}

main blockquote, main q {
  quotes: none;
}

main blockquote:before, main blockquote:after,
main q:before, main q:after {
  content: '';
  content: none;
}

main a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

main ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

main mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

main del {
  text-decoration: line-through;
}

main abbr[title], main dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

main table {
  border-collapse: collapse;
  border-spacing: 0;
}

main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

main input, main select {
  vertical-align: middle;
}

/*------------------------------------------------------*/
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format("opentype");
}

/*html {
	height: 100%;
}*/
header {
  z-index: 10;
}

main {
  color: #000;
  font-family: "游明朝", "YuMincho", "Noto Serif Japanese", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "メイリオ", "Meiryo", serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.8;
  height: 100%;
  background-color: #fff;
  min-width: 1150px;
  display: block;
  overflow: hidden;
  margin-bottom: 0px;
  position: relative;
  z-index: 0;
}

.inner {
  width: 1150px;
  margin: 0 auto;
  box-sizing: border-box;
}

.main_title {
  background: #ffffff;
}

.main_title_inner {
  position: relative;
  margin: 0 auto;
  width: 740px;
  height: 200px;
}

.main_title_inner p {
  position: absolute;
  left: 0;
  font-size: 54px;
  line-height: 1;
  padding: 45px 0;
}

.main_title_inner p small {
  font-size: 30px;
}

.main_icon {
  position: absolute;
  right: 0;
  top: 24px;
  width: 22%
}

.main_icon img {
  width: 100%;
}

@media screen and (max-width: 600px) {
  main {
    min-width: 100%;
    position: relative;
    margin-bottom: 90px;
    padding-top: 70px;
    margin-top: -70px;
  }
  .inner {
    width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 2%;
  }
  .main_title_inner {
    width: 100%;
    height: 100px;
  }
  .main_title_inner p {
    font-size: 1.28571rem;
    left: 5%;
    top: 30%;
    padding: 0;
  }
  .main_title_inner p small {
    font-size: 0.85rem;
  }
  .main_icon {
    position: absolute;
    right: 5%;
    top: 14%;
    width: 20%
  }
}

/*--- link ---*/
a {
  color: #000;
}

a:link, a:hover, a:active, a:focus {
  color: #000;
  border: none;
  text-decoration: none;
}

/*---------------------------
		pageTop
----------------------------*/
#pageTop {
  width: 46px;
  height: 46px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  display: none;
  cursor: pointer;
  transition: 0.3s all;
}

#pageTop:before {
  content: '';
  background: url(../images/arrow.png) no-repeat;
  background-size: 24px;
  width: 24px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -12px;
  transform: rotate(180deg);
}

#pageTop:hover {
  opacity: 0.8;
}

@media screen and (max-width: 600px) {
  #pageTop {
    transform: scale(0.8);
    right: 10px;
    bottom: 10px;
  }
}

/*---------------------------
		PC / sp
----------------------------*/
.pc_none {
  display: none;
}

.sp_none {
  display: inline-block;
}

.pc_br {
  display: block;
}

.sp_br {
  display: none;
}

@media screen and (max-width: 600px) {
  .pc_none {
    display: inline-block;
  }
  .sp_none {
    display: none;
  }
  .pc_br {
    display: none;
  }
  .sp_br {
    display: block;
  }
  img {
    width: 100%;
    height: auto;
  }
}

/*----------------------
		nav
-----------------------*/
nav ul li {
  float: left;
  width: 50%;
  position: relative;
  z-index: 12;
  display: block;
  background: #221514;
  color: #fff !important;
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
  font-size: 1.42857rem;
  font-weight: 700;
  line-height: 1.6;
  transition: 0.3s all;
  color: #fff;
  cursor: pointer;
}

nav ul li a {
  color: #fff !important;
}

nav ul li small {
  display: block;
  font-size: 16px;
  font-size: 1.14286rem;
}

nav ul li:first-child:before {
  content: '';
  width: 1px;
  height: calc(100% - 40px);
  position: absolute;
  top: 20px;
  right: 0;
  background-color: #4d4d4d;
  z-index: 12;
}

nav ul li dl {
  position: relative;
}

nav ul li dt {
  position: relative;
  z-index: 11;
  padding: 0px;
  position: relative;
  display: inline-block;
  transition: .3s;
}

nav ul li dt::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: .3s;
}

nav ul li dt:hover::after {
  bottom: 0;
  opacity: 1;
}

nav ul li dt.current::after {
  bottom: 0;
  opacity: 1;
}

nav ul li dd {
  overflow: hidden;
  position: absolute;
  top: 72px;
  left: 0;
  width: 200%;
  z-index: 10;
  background-color: #221514;
  padding: 80px 0 30px;
  opacity: 1 !important;
  display: none;
}

nav ul li dd ul {
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}

nav ul li dd li {
  float: left;
  width: 50%;
  margin-bottom: 30px;
  padding: 0px;
}

nav ul li dd li:first-child:before {
  display: none;
}

nav ul li dd li:last-child {
  width: 100%;
}

nav ul li dd li:last-child.w50 {
  width: 50%;
}

nav ul li dd a {
  color: #fff !important;
  font-size: 16px;
  font-size: 1.14286rem;
  padding: 0px;
  position: relative;
  display: inline-block;
  transition: .3s;
}

nav ul li dd a::after {
  position: absolute;
  bottom: .3em;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: .3s;
}

nav ul li dd a:hover::after {
  bottom: 0;
  opacity: 1;
}

nav ul li:nth-child(2) dd {
  left: -100%;
}

nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
}

nav.fixed li {
  padding: 10px 0;
}

nav.fixed li small {
  display: none;
}

nav.fixed li dd {
  top: 40px;
}

nav.fixed li dd li {
  padding: 0px;
}

.menu {
  display: none;
  position: relative;
}

@media screen and (max-width: 600px) {
  nav {
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 10;
    width: 100%;
  }
  nav .menu {
    height: 60px;
    width: 100%;
    background-color: #221514;
  }
  nav .navWrap {
    display: none;
    padding-bottom: 5px;
    background-color: #221514;
  }
  nav ul {
    display: block;
    padding-top: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  nav ul li {
    float: none;
    width: 100%;
    position: relative;
    text-align: left;
    padding: 0 7%;
    margin: 0px 0 30px;
    display: block;
    background: #221514;
    color: #fff !important;
    text-align: left;
    font-size: 4vw;
    line-height: 1.6;
    transition: 0.3s all;
  }
  nav ul li:hover {
    color: #fff;
    opacity: 0.8;
  }
  nav ul li small {
    display: block;
    font-size: 2.5vw;
  }
  nav ul li:first-child:before {
    content: '';
    width: 1px;
    height: calc(100% - 40px);
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #4d4d4d;
    z-index: 10;
  }
  nav ul li dt {
    margin-bottom: 30px;
  }
  nav ul li dd {
    display: block !important;
    width: 100%;
    margin: 0px !important;
    position: relative;
    top: 0;
    left: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
  }
  nav ul li dd ul {
    display: block;
    padding: 0px;
    height: auto !important;
    padding: 0px !important;
    margin-bottom: -100px !important;
  }
  nav ul li dd ul li {
    width: 100%;
    margin-bottom: 15px;
  }
  nav ul li dd ul a {
    font-size: 3vw;
  }
  nav ul li:nth-child(1) dd {
    height: 140px;
  }
  nav ul li:nth-child(2) dd {
    height: 360px;
  }
  nav.fixed li {
    padding: 0 7%;
  }
  nav.fixed li dd li {
    padding: 0px;
  }
  .menu {
    display: block;
  }
  .menu_btn {
    width: 30px;
    height: 20px;
    box-sizing: border-box;
    padding: 11px 0 0 8px;
    position: absolute;
    right: 30px;
    top: 8px;
    z-index: 9997;
    transition: all .4s;
    display: block;
  }
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    width: 30px;
    height: 15px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
  }
}

/*----------------------
		MV
-----------------------*/
#mv li {
  height: 300px;
  width: 100%;
  display: table;
}

#mv li a {
  display: block;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
  /*padding-left: 125px;*/
  color: #fff;
  font-size: 30px;
  font-size: 2.14286rem;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  transition: 0.3s all;
}

#mv li a small {
  display: block;
  font-size: 26px;
  font-size: 1.85714rem;
}

#mv li a span {
  display: inline-block;
  padding: 20px 60px 20px 135px;
  box-sizing: border-box;
  background: rgba(0,0,0,0.6);
  width: 676px;
}

#mv li a:hover {
  -webkit-filter: brightness(110%);
  -moz-filter: brightness(110%);
  -ms-filter: brightness(110%);
  -o-filter: brightness(110%);
  filter: brightness(110%);
}

#mv li a:hover:before {
  margin-top: 5px;
}

#mv li a:before {
  content: '';
  background: url(../images/arrow.png) no-repeat 0 0;
  width: 30px;
  height: 19px;
  position: absolute;
  top: 140px;
  left: 50px;
  margin-top: -9.5px;
  transition: 0.7s all ease-out;
  z-index: 1;
}

#mv li:nth-child(1) a {
  background: url(../images/btn_bg1.jpg) no-repeat right center;
  background-size: cover;
}

#mv li:nth-child(2) a {
  background: url(../images/btn_bg2.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 600px) {
  #mv {

  }
  #mv li {
    height: auto;
    width: 100%;
    display: table;
    overflow: hidden;
  }
  #mv li a {
    display: block;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding: 30px 2% 30px 0px;
    font-size: 4vw;
    line-height: 1.6;
    position: relative;
    transition: 0.3s all;
    white-space: nowrap;
  }
  #mv li a small {
    display: block;
    font-size: 3.5vw;
  }
  #mv li a span {
    display: block;
    width: 72vw;
    box-sizing: border-box;
    padding: 0px 10px 0px 40px;
  }
  #mv li a:hover {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    -ms-filter: brightness(110%);
    -o-filter: brightness(110%);
    filter: brightness(110%);
  }
  #mv li a:hover:before {
    margin-top: 5px;
  }
  #mv li a:before {
    content: '';
    background: url(../images/arrow.png) no-repeat;
    background-size: 15px;
    width: 30px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -1px;
    transition: 0.7s all ease-out;
  }
  #mv li:nth-child(1) a {
    background: url(../images/sp/btn_bg1.jpg) no-repeat right center;
    background-size: cover;
    box-sizing: border-box;
  }
  #mv li:nth-child(2) a {
    background: url(../images/sp/btn_bg2.jpg) no-repeat center center;
    background-size: cover;
  }
}

/*----------------------
		area
-----------------------*/
.area {
  margin-top: -50px;
  padding-top: 50px;
  padding-bottom: 0px;
}

.area hr {
  border: 0px;
  margin: 0px;
  border-top: 1px solid #c2c2c2;
  margin: 0;
  width: 100%;
}

.area hr.red {
  margin: 0;
  border-top: 20px solid #cc0001;
}

.area figure {
  position: relative;
}

.area figure.w100p {
  margin-bottom: 60px;
}

.area figure.w100p img {
  width: 100%;
}

.area figure.left {
  float: left;
  margin: 0 110px 160px 0;
}

.area figure.left.lr60 {
  margin-left: -60px;
  margin-right: 60px;
  margin-bottom: 120px;
}

.area figure.right {
  float: right;
  margin: 0 0px 50px 110px;
}

.area figure.right.lf60 {
  margin-bottom: 170px;
}

.area figure.img1 {
  margin-left: 110px;
  text-align: center;
}

.area figure.img1 p {
  margin: 0px 0 -5px;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.area figure.img2 {
  margin-right: 110px;
  text-align: center;
}

.area figure.img2 p {
  margin: 0px 0 30px;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.area figure.img2 small {
  display: block;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: left;
  margin: 20px 0 0 80px;
  font-size: 10px;
  font-size: 0.71429rem;
}

.area figure span {
  position: absolute;
  bottom: -50px;
  right: -80px;
  background: #f2f2f2;
  font-size: 26px;
  font-size: 1.85714rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 15px;
  min-width: 300px;
}

.area figure span.pic2 {
  right: -150px;
}

.area figure span.pic4 {
  right: 188px;
}

.area figure span small {
  display: block;
  font-size: 15px;
  font-size: 1.07143rem;
  margin-top: 5px;
}

.area p {
  margin-bottom: 60px;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
}

.area p.lead {
  clear: both;
  font-size: 36px;
  font-size: 2.57143rem;
  margin: 110px 0;
  text-align: center;
  line-height: 1.6;
}

.area p.lead small {
  font-size: 22px;
  font-size: 1.57143rem;
}

.area p.no {
  overflow: hidden;
  zoom: 1;
}

.area h2 {
  clear: both;
  font-size: 36px;
  font-size: 2.57143rem;
  text-align: center;
  padding: 110px 0;
  line-height: 1.4;
}

.area h2 span {
  font-size: 28px;
  font-size: 2rem;
  margin-left: 10px;
}

.area h2 small {
  font-size: 22px;
  font-size: 1.57143rem;
}

.area .logo_mama {
  width: 352px;
  margin: 0 auto 45px;
}

.area dl {
  font-size: 15px;
  font-size: 1.07143rem;
}

.area dl dt {
  margin-bottom: 45px;
  position: relative;
  padding-left: 35px;
}

.area dl dt:before {
  content: '';
  width: 30px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 0.8em;
  left: 0;
}

.area dl dd {
  margin-bottom: 60px;
}

.area dl dd:last-of-type {
  margin-bottom: 0px;
}

.area dl.no {
  overflow: hidden;
  zoom: 1;
}

.area .anime {
  opacity: 0;
  transition: 1.5s all;
}

.area .anime.iv {
  opacity: 1;
}

.area .btn {
  clear: both;
  display: block;
  vertical-align: middle;
  text-align: center;
  padding: 13px 100px;
  margin: 0 auto 120px;
  background-color: #cc0001;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-size: 1.57143rem;
  font-weight: 700;
  width: 32%;
  min-height: 90px;
}

.area .btn  span {
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.area .btn a {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.3s all;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.area .btn a:hover {
  background: rgba(255,255,255,.3);
}

.area .btn small {
  font-size: 18px;
}

.area#area1 {
  margin-bottom: 110px;
}

p.subtitle {
  text-align: center;
  font-size: 20px;
  padding-top: 70px;
}

@media screen and (max-width: 600px) {
  .area {
    margin-top: -30px;
    padding-top: 30px;
    margin-bottom: 0px;
  }
  .area hr {
    border: 0px;
    margin: 0px;
    border-top: 1px solid #c2c2c2;
    margin: 0 auto;
    width: 84%;
  }
  .area figure {
    position: relative;
    margin-bottom: 60px;
  }
  .area figure img {
    width: 100%;
  }
  .area figure.left {
    float: none;
    margin: 0 0px 50px 0;
  }
  .area figure.left.lr60 {
    margin-left: -2%;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 104%;
  }
  .area figure.right {
    float: none;
    margin: 0 0px 50px 0px;
    display: block;
  }
  .area figure.right.lf60 {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 120px;
    width: 100%;
  }
  .area figure.img1 {
    margin-left: 0px;
    margin-top: 0px;
    text-align: center;
  }
  .area figure.img1 p {
    margin: 0px 0 10px;
    color: #cc0001;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.14286rem;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .area figure.img2 {
    margin-right: 0px;
    margin-top: 0px;
    text-align: center;
  }
  .area figure.img2 p {
    margin: 0px 0 30px;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.14286rem;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .area figure.img2 small {
    display: block;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    margin: 20px 0 0 0px;
    font-size: 10px;
    font-size: 0.71429rem;
  }
  .area figure span {
    position: relative;
    bottom: auto;
    right: auto;
    background: #f2f2f2;
    font-size: 15px;
    font-size: 1.07143rem;
    line-height: 1.4;
    padding: 7px 10px;
    display: inline-block;
    margin: -35px 0 0 3%;
    min-width: inherit;
    width: 160px;
  }
  .area figure span.pic2 {
    left: calc(100% - 200px);
    width: 150px;
  }
  .area figure span.pic4 {
    left: calc(100% - 210px);
    width: 150px;
  }
  .area figure span small {
    display: block;
    font-size: 10px;
    font-size: 0.71429rem;
    margin-top: 5px;
  }
  .area p {
    margin-bottom: 60px;
    padding: 0 8%;
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.8;
  }
  .area p.lead {
    clear: both;
    font-size: 18px;
    font-size: 1.28571rem;
    margin: 60px 0 50px;
    text-align: center;
    padding: 0px;
  }
  .area p.lead small {
    font-size: 12px;
    font-size: 0.85714rem;
  }
  .area p.no {
    overflow: hidden;
    zoom: 1;
  }
  .area h2 {
    clear: both;
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 700;
    text-align: center;
    padding: 50px 0;
  }
  .area h2 span {
    font-size: 14px;
    font-size: 1rem;
    margin-left: 10px;
  }
  .area h2 small {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 1.4;
    display: inline-block;
    margin-top: 15px;
  }
  .area .logo_mama {
    width: 175px;
    margin: 0 auto 45px;
  }
  .area dl {
    font-size: 13px;
    font-size: 0.92857rem;
    padding: 0 8%;
  }
  .area dl dt {
    margin-bottom: 45px;
    position: relative;
    padding-left: 35px;
    position: relative .area dl dt;
  }
  .area dl dt :before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 0.8em;
    left: 0;
  }
  .area dl dd {
    margin-bottom: 60px;
  }
  .area dl dd:last-of-type {
    margin-bottom: 0px;
  }
  .area#area1 {
    margin-bottom: 50px;
  }
  .area .btn {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.14286rem;
    padding: 13px 10px;
    width: 80%;
    min-height: 70px;
  }
  .area .btn a {
    display: inline-block;
    color: #fff;
    box-sizing: border-box;
    transition: none;
  }
  .area .btn small {
    font-size: 12px;
  }
  .area .btn a:hover {
    opacity: 1;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  p.subtitle {
    padding-top: 70px;
    letter-spacing: -1px;
  }
}

/*----------------------
 movie
-----------------------*/
.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: -10%;
}

.movie iframe {
  position: absolute;
  top: 0;
  left: 10%;
  width: 80% !important;
  height: 80% !important;
}

.triver_enquete {
  clear: both;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 30px!important;
  margin-top: 80px;
}

.enquete_input {
  margin: 0 auto!important;
}

.thanks_html {
  margin: 0 auto!important;
}

.enquete_chart {
  margin: 0 auto!important;
}

@media screen and (max-width: 600px) {
  .triver_enquete {
    clear: both;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    margin: 40px 0 -20px;
  }
  .triver_enquete .enquete_input {
    width: 300px !important;
  }
}