@charset "utf-8";
@media print, screen and (max-width: 989px) {
/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,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;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
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 #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* ----- custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
em,i{font-style:italic;}
address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:74%;line-height:1;}
sup{top:-.15em;}
sub{bottom:-.1em;}
img{max-width:100%;height:auto;vertical-align:top;}
/* ------------------------------------------------------
* Basic
------------------------------------------------------ */
html {
font-size: 62.5%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {background: #fff;
color: #333;
font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
word-wrap : break-word;
font-size: 1.2rem;
line-height: 1.5;
}
body *,
body *::before,
body *::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ----- a ----- */
a {
-webkit-transition: all .2s ease-out 0s;
transition: all .2s ease-out 0s;
}
a:link    {color:#0075c2;text-decoration:underline;}
a:visited {color:#0075c2;text-decoration:underline;}
a:hover   {color:#0075c2;text-decoration:none;}
a:active  {color:#0075c2;text-decoration:none;}
/* ----- form ----- */
input,
select,
textarea,
pre {
border-radius: 0;
box-shadow: none;
color: #333;
font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.6rem;
line-height: 1.5;
}
input[type="text"],
textarea {
-webkit-appearance: none;
appearance: none;
}
ul{
  text-align: left;
}
/* ------------------------------------------------------
 * General Purpose
------------------------------------------------------ */
/* ----- device ----- */
.sp-hidden {
  display: none !important;
}
/* ----- inner-block ----- */
.inner-block{
  padding: 10px 10px 30px 10px;
}
/* ----- text-paragraph ----- */
.text-paragraph01{
  text-align: center;
  margin-bottom: 5%;
}
.text-paragraph01 > span{
  font-weight: bold;
}
  
/* ------------------------------------------------------
 * heading
------------------------------------------------------ */
.heading-lv2_Type01{
  margin-bottom: 5%;
  background: #f18fc0;
  color: #fff;
  padding: 10px;
}
.heading-lv2_Type02{
  background: #383838;
  padding: 15px;
  color: #fff;
}
.heading-lv3 span{
  display: inline-block;
  position: relative;
  margin: 4% 0;
}
.heading-lv3 span:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  bottom: -16px;
  left: 0;
  background: url(https://gigaplus.makeshop.jp/mobilefilm/images/houjin/point-line.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.heading-lv3 > .heading_title{
  font-size: 2.4rem;
}

.heading-lv1{
  width: 45%;
}

.heading_title{
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}

.heading_title a{
    text-decoration:none;
    color: #707070;
    font-size:clamp(1.2rem, 0.834rem + 1.56vw, 1.8rem);
    }

/* ------------------------------------------------------
 * List
------------------------------------------------------ */
.annotation-list li{
  position: relative;
  padding-left: 1.0em;
}
.annotation-list li:before{
  position: absolute;
  content: "※";
  left: 0;
  top: 0;
}

/* ------------------------------------------------------
 * linkBtn
------------------------------------------------------ */
.linkBtn_Type1{
  text-align: center;
  margin-bottom: 20px;
}
.linkBtn_Type1 a{
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  padding: 20px 40px;
  background: #ED3A94;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0px 3px 6px #00000066;
}
.linkBtn_Type1 a:hover{
  box-shadow: 0px 0px 0px #fff;
}
.linkBtn_Type1 a span{
  position: relative;
  padding-right: 10px;
}
.linkBtn_Type1 a span:after{
  position: absolute;
  content: "";
  top: 2px;
  right: -14px;
  width: 20px;
  height: 70%;
  background: url(https://gigaplus.makeshop.jp/mobilefilm/images/houjin/blank_icon.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.linkBtn_Type2{
  text-align: center;
  margin-bottom: 20px;
}
.linkBtn_Type2 a{
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  padding: 14px 20px;
  background: #7DCFD9;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0px 3px 6px #00000066;
}
.linkBtn_Type2 a:hover{
  box-shadow: 0px 0px 0px #fff;
}
.linkBtn_Type2 a span{
  position: relative;
  padding-right: 10px;
}
.linkBtn_Type2 a span:after{
  position: absolute;
  content: "";
  top: 2px;
  right: -14px;
  width: 20px;
  height: 70%;
  background: url(https://gigaplus.makeshop.jp/mobilefilm/images/houjin/blank_icon.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.logo-title{
  font-size:10px;
}
.heading_btn{
  text-align: center;
  width: 100%;
}
.heading_btn a{
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 14px 20px;
  background: #6CBBF5;
  border-radius: 32px;
  text-decoration: none;
}
.heading_btn a:hover{
  box-shadow: 0px 0px 0px #fff;
} 
.heading_btn a span{
  position: relative;
}

/* ------------------------------------------------------
 * Header
------------------------------------------------------ */
/* ----- headerBody -----*/
#header.Header > .header-fix-wrap{
  width: 100%;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 12px 0 rgba(0, 0, 0, .12);
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.headerBody{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.headerBody a {
  display: block;
  width: 100%;
  height: auto;
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.headerBody > .page-title{
  font-size: 1.0rem;
  line-height: 1.0;
  margin-left: 5px;
}
#header.Header > .header-fix-wrap > .header-fixheight > #headerBody.headerBody > .heading_btn{
  margin-left: auto;
}
/* ------------------------------------------------------
 * footer
------------------------------------------------------ */
/* ----- footer -----*/
#footer.Footer{
  position: relative;
  width: 100%;
  text-align: center;
  background: #222;
  padding-bottom: 0;
}
/* ----- footerBody -----*/
#footer.Footer > #footerBody.footerBody{
}
 /*-- Pagetop --*/
.Pagetop{
  position: fixed;
  display: none;
  right: 5%;
  bottom: 10%;
  width: 40px;
  height: 40px;
  background: #333;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 9997;
}
.Pagetop a{
  position: relative;
}
.Pagetop a:after{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: 16px;
  margin-left: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#footer.Footer > #footerBody.footerBody >.footer_continer{
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 20px;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist{
  width: 100%;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList{
  width: 100%;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li:nth-child(1){
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li{
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li > a{
  color: #fff;
  text-decoration: none;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li.logo img,
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li.logo  > a > img {
  width: 50%;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li.sns_link > ul.link_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px 0 20px;
}
#footer.Footer > #footerBody.footerBody >.footer_continer > .footer_linklist > .linkList > ul > li.sns_link > ul.link_box > li{
  width: 8%;
  margin-right: 10px;
}
#footer.Footer > #footerBody.footerBody > .footer-copyright{
  padding: 20px;
  text-align: center;
  background: #000;
  color: #999;
  font-size: 12px;
}
/*----------------------
* hero
------------------------*/
/* ------------ mainContainer tab-area ------------ */
  .mainContainer .tab-area{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    
  }
  .mainContainer .tab-area > .tab{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: calc((100% - 10px)/2);
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
  .mainContainer .tab-area > .tab span{
    font-size: 14px;
  }
  .mainContainer .tab-area > .tab.individual{
    margin-right: 10px;
    border: 4px solid #6190de;
    color: #6190de;
    font-weight: bold;
    
  }
  .mainContainer .tab-area > .tab.individual.active{
    background: #6190de;
    color: #fff;
  }
  .mainContainer .tab-area > .tab p{
    position: relative;
    margin-left: 10px;
  }
  .mainContainer .tab-area > .tab.individual p:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20%;
    top: 40%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://gigaplus.makeshop.jp/mobilefilm/images/houjin/ordermade/consumer_icon.gif");
  }
  .mainContainer .tab-area > .tab.individual.active p:before{
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -70%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #6191de transparent transparent transparent;
  }
  .mainContainer .tab-area > .tab.Corporation{
    border: 4px solid #f18fc0;
    color:#f18fc0;
  }
  .mainContainer .tab-area > .tab.Corporation.active{
    background: #f18fc0;
    color: #ffffff;
  }
  .mainContainer .tab-area > .tab.Corporation p:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20%;
    top: 40%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("https://gigaplus.makeshop.jp/mobilefilm/images/houjin/ordermade/corp_icon.gif");
  }
  .mainContainer .tab-area > .tab.Corporation.active p:before{
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -70%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #f18fc0 transparent transparent transparent;
  }

/* ------------ mainContainer panel-area ------------ */

  .mainContainer .panel-area .panel.Corporation,
  .mainContainer .panel-area .mainContainer .panel-area .panel.Corporation .btnContainer{
    background: #fff5f6;
    padding-top:32px;
  }
  .mainContainer .panel-area .images{
    padding-bottom: 60px;
    text-align: center;
  }
  .mainContainer .panel-area .panel .btnContainer{
    padding: 0px;
    text-align: center;
  }
  .mainContainer .panel-area .panel .btnContainer > .subText{
    font-size: 12px;
    padding: 0 15px;
    color: #333;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
  }
  .mainContainer .panel-area .panel .btnContainer > .subText > span{
    position: relative;
  }
  .mainContainer .panel-area .panel .btnContainer > .subText > span:before{
    position: absolute;
    left: -5%;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #333;
    border-radius: 1px;
    transform: rotate(-30deg);
  }
  .mainContainer .panel-area .panel .btnContainer > .subText > span:after{
    position: absolute;
    content: "";
    right: -5%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #333;
    border-radius: 1px;
    transform: rotate(30deg);
  }
  .mainContainer .panel-area .panel .btnContainer > .requestBtn{
    text-align: center;
    width: 100%;
    padding-bottom: 60px
  }
  .mainContainer .panel-area .panel .btnContainer > .requestBtn > a{
    display: inline-block;
    width: 80%;
    padding: 14px;
    background: #6CBBF5;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
  }
  .mainContainer .panel-area .panel .switch{
    text-align: center;
    padding-bottom: 100px;
  }
  .mainContainer .panel-area .panel .switch a{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #333;
    text-decoration: none;
  }
  .mainContainer .panel-area .movieArea{
    padding: 20px;
    text-align:center;
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  
  .mainContainer .panel-area .movieArea .movieTitle{
    font-size: 18px;
    font-weight:bold;
    color: #333;
    padding-bottom:10px;
    text-align: center;
  }
  .mainContainer .panel-area .movieArea iframe{
    width: 100%;
    height: 100%;
  }
/* ------ qaList ----- */
.qaList{
  margin-bottom: 20px;
}
.qaList li{
  padding: 20px 0;
  border-bottom: 1px solid #707070;
}
.qaList li ul li{
  position: relative;
  padding: 14px 40px 14px 64px;
  border-bottom: none;
}
.qaList li ul li.answer{
  display: none;
}
.qaList li ul li.question:before{
  position: absolute;
  content: "Q";
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 34px;
  color: #fff;
  background: #FF9ACD;
}
.qaList li ul li.answer:before{
  position: absolute;
  content: "A";
  width: 56px;
  height: 56px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 34px;
  color: #fff;
  background: #7DCFD9;
}
.qaList li ul li.question:after{
  position: absolute;
  content: "";
  right: 20px;
  top: calc(50% - 10px);
  width: 14px;
  height: 14px;
  margin-top: -4px;
  margin-left: -7px;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  transition:all 300ms 0s ease;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.qaList li ul li.question.open:after{
  position: absolute;
  content: "";
  right: 20px;
  top: calc(50%);
  width: 14px;
  height: 14px;
  margin-top: -4px;
  margin-left: -7px;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  transition:all 300ms 0s ease;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.qaList li ul li + li{
  margin-top: 20px;
}




  
}