@charset "UTF-8";

body {
	font-size: 14px;
	font-family: "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #000;
	font-feature-settings: "palt";
  background: #f4f9ff;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #000;
	text-decoration: none;
}

a:focus,
*:focus {
	outline: none;
}

img {
	max-width: 100%;
	vertical-align: top;
  border: 0;
}

@media screen and (min-width: 750px){
  a.hover {
    transition: all 0.25s ease-in-out;
  }
}

#page_wrap {
	width: 100%;
  max-width: 750px;
	background: #fff;
  margin: 0 auto;
  box-shadow: 0px 0px 120px -16px #797da0;
}

.inner {
	max-width: 750px;
	margin: 0 auto;
}

.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media screen and (max-width: 640px){
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}

/* ------------------------------------------------------------------
	main
-------------------------------------------------------------------*/

.floating{
    padding: min(1.733vw, 13px) min(6.267vw, 47px);
    display: flex;
    justify-content: space-between;
    background: #fff;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.floating li img{
    width: min(40.133vw, 301px);
}

#sec_q01{
    position: relative;
}

#sec_q01 ul{
    position: absolute;
    bottom: min(14.133vw, 106px);
    left: 50%;
    transform: translateX(-50%);
    width: min(80vw, 600px);
    display: flex;
    justify-content: space-between;
}

#sec_q01 ul li{
    position: relative;
    cursor: pointer;
}

#sec_q01 ul li img{
    width: min(37.467vw, 281px);
}

#sec_q01 ul li .on{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#sec_q02{
    position: relative;
    display: none;
}

#sec_q02 .detail{
    display: none;
}

#sec_q02 ul{
    position: absolute;
    top: min(54.67vw, 410px);
    left: 50%;
    transform: translateX(-50%);
    width: min(80.133vw, 601px);
}

#sec_q02 ul li{
    position: relative;
    cursor: pointer;
    margin-bottom: min(5.33vw, 40px);
}

#sec_q02 ul li img{
    width: 100%;
}

#sec_q02 ul li .on{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#sec_q03{
    position: relative;
    display: none;
}

#sec_q03, #sec_q03 .detail01, #sec_q03 .detail02, #sec_q03 .detail03, #sec_q03 .detail04 {
  display: none;
}

#sec_q03 ul{
    position: absolute;
    top: min(55.467vw, 416px);
    left: 50%;
    transform: translateX(-50%);
    width: min(80.133vw, 601px);
}

#sec_q03 ul li{
    position: relative;
    cursor: pointer;
    margin-bottom: min(5.33vw, 40px);
}

#sec_q03 ul li img{
    width: 100%;
}

#sec_q03 ul li .on{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#cv{
    position: relative;
    display: none;
}

#cv a img{
    position: absolute;
    bottom: min(2.267vw, 17px);
    left: 50%;
    transform: translateX(-50%);
    width: min(92vw, 690px);
}


/* ------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
#footer {
	background-color: #ebebeb;
  font-size: min(max(13px, calc(0.8125rem + ((1vw - 3.75px) * 0.8))), 16px);
	text-align: center;
	padding: 9% 0 8.53%;
}

#footer ul {
	padding-bottom: 10px;
}

#footer li {
	list-style-type: none;
	display: inline-block;
}

#footer li:first-child {
	border-right: solid 1px #000;
	padding-right: 10px;
	margin-right: 3px;
}

#footer li a {
	color: #4d4d4d;
	text-decoration: none;
}

#footer p {
	color: #4d4d4d;
  font-size: min(max(10px, calc(0.625rem + ((1vw - 3.75px) * 0.5333))), 12px);
}

/* ------------------------------------------------------------------
	pagetop
-------------------------------------------------------------------*/
.pagetop {
  position: fixed;
  width: 80px;
  bottom: 4.25vw;
  right: 4.25vw;
  z-index: 200;
}
.pagetop img {
  width: 100%;
  display: none;
}
@media screen and (max-width: 500px){
  .pagetop {
    width: 13vw;
  }
}