@charset "UTF-8";
/* 基本設定
*----------------------------------------------------------------------*/
html {
  font-size: 62.3%;
}

body {
  font-size: 1.5rem;
  /*13px*/
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:none;
}

body * {
  word-break: break-word;
  line-break: strict;
}
img {
  height: auto;
  margin: auto;
}
.sp_only {
  display: none;
}

#wrapper {
  max-width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  background-color: transparent;
  padding: 0;
}

#contents {
  width: 100%;
  overflow: hidden;
  margin:0 0 0;
}


#header {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 0;
  font-size: 0;
}

.fadein {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.fadein.active {
  opacity: 1;
  transform: translateY(0);
}

.section_inner{
	width:100%;
	max-width:1200px;
	margin:auto;
}

/*----------------------top----------------------*/
.btn_topplan{
	width:100%;
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
margin:90px 0 70px;
max-width: 1200px;
}
.btn_topplan li{
	width:32%;
}
.kaihou{
	font-size:2.5em;
	font-weight:bold;
	color:#00469D;
	text-align:center;
}
.kaihou::before {
  content: '';
  display: inline-block;
  width: 51px;
  height: 59px;
  background-image: url(../img/ico_kaihou01.jpg);
  background-size: contain;
  vertical-align: middle;
}
.kaihou::after {
  content: '';
  display: inline-block;
  width: 51px;
  height: 59px;
  background-image: url(../img/ico_kaihou02.jpg);
  background-size: contain;
  vertical-align: middle;
}
.mainphoto_txt01{
	font-size:1.7em;
}
.mainphoto_txt01 span {
  padding: 0.3% 1% 0.6%;
}
#sec01 h3{
	background:#00479D;
	text-align:center;
	padding:5px 25px;
	color:#fff;
	font-size:3em;
	position:relative;
	max-width:640px;
	margin:0 auto 50px;
}
#sec01 h3 span{
	color:#FF0;
	font-weight:bold;
}
#sec01 h3 img{
	position: absolute;
  right: -160px;
  top: -60px;
  width: 200px;
}
.no1_area{
	margin:0;
	text-align:center;
	position:relative;
}
.no1_area::before{
	content: '';
  display: inline-block;
  width: 300px;
  height:500px;
	background-image: url(../img/img_maintit01.jpg);
    background-size: contain;
	position:absolute;
	bottom:0;
	left:calc((100% - 1700px)/2);
	background-repeat:no-repeat;
	z-index:-1;
}
.no1_area::after{
	content: '';
  display: inline-block;
  width: 300px;
  height:500px;
	background-image: url(../img/img_maintit02.jpg);
    background-size: contain;
	position:absolute;
	bottom:0;
	right: calc((100% - 1600px)/2);
	background-repeat:no-repeat;
	z-index:-1;
}
.no1_area p{
	text-align:center;
	font-size:2em;
	padding: 0 0 50px;
}
.no1_area h4{
	text-align:center;
	font-size:2em;
}
.mainphoto_txt04{
	position:relative;
}
.mainphoto_txt04::before , .mainphoto_txt04::after{
	content:none;
}
.mainphoto_txt04 span {
  background: linear-gradient(0deg, #8c7537 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #bc7f04 90% 100%);
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 1));
  color:inherit;
  text-shadow:none;
  font-size: 1.6em;
  line-height: 100%;
  
}
.mainphoto_txt04 img{
	position:absolute;
	top: -80px;
  width: 200px;
  left: calc((100% - 1120px)/2);
}
#star01{
	position:absolute;
	max-width:50px;
	left: calc((100% - 260px)/2);
  bottom: 270px;
}
#star02{
	position:absolute;
	max-width:50px;
	right: calc((100% - 750px)/2);
  bottom: 100px;
}

.submission_data{
	background:#EEEEEE;
	padding:25px 0;
}
.submission_data p{
	text-align:center;
	font-size:2em;
	margin:0 0 15px;
}
.submission_data p span{
	color:#00469D;
	font-weight:bold;
}
.submission_data ul{
	text-align:center;
}
.submission_data ul li{
	max-width: 110px;
	margin: 0 15px 10px;
  display: inline-block;
}
.submission_data ul li img{
	max-height:65px;
}

/* single marker */
.u-fade-type-marker {
    background: linear-gradient(to right, transparent 50%,  rgba(255, 207, 191, 0.9) 50%);
    background: linear-gradient(to right, transparent 50%, rgba(255, 207, 191, 0.9) 50%);
    background-repeat: repeat-x;
    background-size: 200% .6em;
    background-position: 0 .6em;
    padding-bottom: .6em;
}
.u-fade-type-marker01 {
    background: linear-gradient(to right, transparent 50%,  rgba(255, 255, 115, 0.9) 50%);
    background: linear-gradient(to right, transparent 50%, rgba(255, 255, 115, 0.9) 50%);
    background-repeat: repeat-x;
    background-size: 200% .6em;
    background-position: 0 .6em;
    padding-bottom: .6em;
}

.u-fade-type-marker.is-active , .u-fade-type-marker01.is-active{
    transition: all 1.2s ease;
    background-position: -100% .6em;
}

#sec06{
background: url(../img/bg_creative.jpg) no-repeat 100% 100% fixed;
background-size: cover;
-webkit-background-size: cover;
padding: 100px 0;
margin: 0 auto;
}
.creative_slider01 .slick-slide {
  margin: 0 20px;
  width: 200px;
}
.creative_slider01 ul{
max-width: 100%;
}
.creative_slider01 ul{
display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
flex-wrap: wrap;
max-width: 1200px;
  margin: auto;
}
.creative_slider01 ul li{
margin: 0 10px 20px;
  width: 220px;
  background: #fff;
  padding: 5px;
}
.creative_slider01 ul li img{
height: 55px;
  object-fit: cover;
  width: 220px;
}
.creative_slidertxt{
text-align: center;
  background: #fff;
  padding: 10px;
  display: block;
  margin: auto;
  max-width: 1180px;
}
#monthlyplan .creative_slider01 ul{
max-width: 100%;
}
.contact_inner{
	width:100%;
	max-width:1200px;
	margin:auto;
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
}
.contact_inner_left{
	width:22.7%;
}
.contact_inner_right{
	width:72.5%;
}
.contact_inner_right h5{
	width:72.5%;
	color:#00479D;
	text-align:center;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-top:2px #00479D solid;
	border-bottom:2px #00479D solid;
	padding:5px 0;
	font-size: 2em;
  font-weight: 600;
  letter-spacing: 0.5em;
  width: 100%;
  margin:0 0 30px;
}
.contact_inner_right_under{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
}
.contact_inner_right_under01 , .contact_inner_right_under02 {
	width:49%;
}
.contact_inner_right_under01 p{
	line-height:100%;
	}
.contact_inner_right_under01 p img{
	max-width:54px;
	display: inline-block;
	padding:0 5px 0 0;
	}
.contact_inner_right_under01 p span{
	font-size: 3.5em;
  font-weight: bold;
}
.contact_inner_right_under02 img{
	width:100%;
	max-width:400px;
}

#sec02 {
  margin: 0 !important;
}

#point_slide{
display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
width:100%;
box-sizing:border-box;
}
.point_inner{
	width:30%;
	flex-wrap: wrap;
}
#point_slide:after {
    content: "";
    display: block;
    width: 30%; 
    height: 0;
}

.point_inner_left , .point_inner_right{
  width: 100%;
  margin:0 0 30px;
}
.point_inner_right img{
  width: 60%;
}

.point_no{
margin: 0 !important;
}
.point_no span{
font-size: 1.5em !important;
color: #FF5B26;
}

.point_no::after {
  content: none;
}
.flow_inner{
	display:block;
}
.flow_inner div{
  display: flex;
  justify-content: space-between;
  gap: 0.1vw;
  max-width: 1350px;
  padding: 0px;
  margin: auto;
  box-sizing:border-box;
  flex-wrap: wrap;
}
.flow_inner #section01, .flow_inner #section02, .flow_inner #section03, .flow_inner #section04, .flow_inner #section05, .flow_inner #section06, .flow_inner #section07, .flow_inner #section08, .flow_inner #section09, .flow_inner #section10 {
  background: #fff;
  padding: 2vw 1vw;
  margin: 0 0 1vw;
  width: 19%;
}

.flow_inner .point_no::after {
  left: 30%;
  width: 30px;
}
.flow_inner #section01 p, .flow_inner #section02 p, .flow_inner #section03 p, .flow_inner #section04 p, .flow_inner #section05 p, .flow_inner #section06 p, .flow_inner #section07 p, .flow_inner #section08 p, .flow_inner #section09 p, .flow_inner #section10 p {
  font-size: 1.1em;
}

#sec111{
	margin:0 0 100px;
	padding:0;
}
.news_area dd img{
	display:inline-block;
}
/* アニメーションを適用するクラス */
.fade-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: all 0.8s ease;
}

.fade-left.show {
  opacity: 1;
  transform: translateX(0);
}
.fade-right {
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.8s ease;
}

.fade-right.show {
  opacity: 1;
  transform: translateX(0);
}

.fade-up-block-image{
        width: 32%;
    }

/* fade up */
.u-fade-type-up{
    transform: translateY(50px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}

.is-active .u-fade-type-up:nth-child(2){transition-delay: .4s;}
.is-active .u-fade-type-up:nth-child(3){transition-delay: .8s;}
.is-active .u-fade-type-up:nth-child(4){transition-delay: 1.2s;}
.is-active .u-fade-type-up:nth-child(5){transition-delay: 1.6s;}
.is-active .u-fade-type-up:nth-child(6){transition-delay: 2s;}
.is-active .u-fade-type-up:nth-child(7){transition-delay: 2.4s;}
.is-active .u-fade-type-up:nth-child(8){transition-delay: 2.8s;}
.is-active .u-fade-type-up:nth-child(9){transition-delay: 3.2s;}
.is-active .u-fade-type-up:nth-child(10){transition-delay: 3.6s;}




.option_left h2 {
  letter-spacing: 0.1em;
}

.service03 {
  width: 68%;
  background: url(../img/img_service06.jpg) right 9vw no-repeat;
    background-size: auto;
  background-size: 15vw;
  margin: 0 0 80px;
}
.service003 {
width: 100%;
  margin: 0 auto 80px;
  max-width: 1200px;
  font-size: 1.2em;
}

.service03_txt01 {
  margin: 0 0 30px 0px !important;
}

#sec007 {
	padding:0;
}

#sec007 .option {
  width: 1200px;
  margin: auto;
  display: block;
}
#sec007 .option h4{
	font-size: 34px;
  font-weight: bold;
  border-bottom: 2px #000 solid;
  padding: 0 0 10px;
  display: inline-block;
  position: relative;
  margin: 0 0 40px;
}
#sec007 .option_right {
  width: 100%;
}
.service01 ul li {
  font-weight: 600;
  font-size: 1.2em;
}
.nodata{
	margin:40px 0;
}
.nodata h6{

	border-bottom:1px #333333 solid;
	line-height:100%;
	margin:0 0 20px;
	font-size:1.6em;
	padding:10px 0;
}

.nodata p{
	margin:0 0 20px;
	font-size:1.2em;
}
.nodata ul{
	display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: center; 
    align-items: center;
	gap: 40px;
}
.nodata ul li{
	background:none;
	margin: 0;
  padding: 0;
}
#nodatta_list{
	width:30%;
}
#nodatta_list img{
	padding:0 0 5px;
}
#nodatta_txt01{
	box-sizing:border-box;
	background:#fff;
	padding:20px;
	font-size:1em;
	margin:0 0 50px;
}

.hiketsu_bg_gray_innerleft dd, .hiketsu_bg_gray_innerright dd , .hiketsu_seisaku p{
  font-size: 1em;
}

.top_contact26 h3{
 font-size: 30px;
  font-weight: bold;
  margin: 0 0 50px;
}
.top_contact26 p {
  text-align: left;
  margin: 0 0 30px;
}

.top_contact26 {
  width: 100%;
  max-width: 1350px;
  margin:50px auto 0;
  background: url(../img/bg_contact.png) right top no-repeat;
    background-size:contain !important;
  background-size: 30vw;
  width: 65.5vw;
}

.footer_inner_left li a , .footer_inner_right li a{
  font-size: 1em;
}
.copy_area {
  padding: 20px 0;
}


/*月額プラン*/

.service003 h4 {
  font-size: 34px;
  font-weight: bold;
  border-bottom: 2px #000 solid;
  padding: 0 0 10px;
  display: inline-block;
  position: relative;
  margin: 0 0 40px;
}
.service003 h5 {
  font-size: 20px;
  margin: 0 0 30px;
}
#service003_txt02{
margin: 30px auto 30px;
  font-size: 2em;
  text-align: center;
  max-width: 1200px;
}
.service_getsugaku {
  border-bottom: 1px #333 solid;
  border-top: 1px #333 solid;
  line-height: 100%;
  padding: 4px 0;
}

.service03_txt01 span {
  font-size: 1.5em;
}

.plan_monthly{
margin: 50px 0;
display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
  background-size: 15vw;
  background: url(../img/img_getugaku.jpg) right bottom no-repeat;
  background-size: 450px;
}
.plan_monthly dl{
	width:48%;
	margin:0 0 30px;
}

.news_area_contact{
	margin:30px 0;
}
.news_area_contact h5{
font-size: 20px;
  margin: 0 0 30px;
  text-align:center;
}

.contact_tel_right p img {
  display: inline-block;
}
.contact_tel_left h6 {
  font-size: 1.3em;
}

/*運営代行プラン*/
.daiko_area{
	max-width:1200px;
	margin:auto;
}

.daiko_main{
	margin:0 0 120px;
}

.daiko_area h2 {
  font-size: 60px;
  font-weight: bold;
  margin: 0 0 20px;
  letter-spacing: 0.2em;
  text-align: center;
}
.daiko_area h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 50px;
  text-align: center;
}
.daiko_inner {
  width: 100%;
  margin: 0 auto 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.daiko_inner_left {
  width: 60%;
}
.daiko_inner_left h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 50px;
  text-align:left;
}
.daiko_inner_left ul{
	margin:0 0 0 25px;
}
.daiko_inner_left li{
	list-style-position:outside;
	list-style-type:disc;
	line-height:160%;
	font-size:1.4em;
}
.daiko_inner_left p{
	line-height:160%;
	font-size:1.4em;
}
.daiko_inner_left p span{
	font-size:0.8em;
}
.daiko_inner_right {
  width: 22%;
}




.daiko_example_area01 {
  padding: 60px 0;
}
.daiko_example_area01Inner {
	max-width:1200px;
	margin: 0 auto 50px;
}
.daiko_example_area01Inner h5{
	border-top:1px #333333 solid;
	border-bottom:1px #333333 solid;
	padding:5px 0;
	line-height:100%;
	margin: 0 0 40px;
  font-size: 25px;
}
.daiko_example_area01Inner h5 span{
	font-weight:bold;
	padding:0 0 0 10px;
}
.daiko_example_area01Inner .option {
  width: 100%;
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.daiko_example_area01Inner .option h2{
	font-size:50px;
}

#mission_area h3 {
  font-size: 2.8em;
  letter-spacing: 0.1em;
}

#housyu {
  background: #E6EDF6;
}
#housyu h5{
	text-align:center;
	font-size: 34px;
	padding:15px 0;
	font-weight:bold;
	margin: 0 0 50px;
}

@media screen and (min-width: 1240px) and (max-width: 1500px) {
.no1_area::after {
  background-size: 20vw;
  right: calc((100% - 110vw)/2);
}
.no1_area::before {
  background-size: 20vw;
  left: calc((100% - 110vw)/2);
}
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
.no1_area::after {
  background-size: 160px;
  right: calc((100% - 120vw)/2);
  bottom: -230px;
}
.no1_area::before {
  background-size: 160px;
  left: calc((100% - 100vw)/2);
  bottom: -230px;
}
}

@media screen and (max-width: 1239px) {
#contents {
  margin: 100px 0 0;
}
.contact_inner{
flex-wrap: wrap;
}
.contact_inner_left {
  width: 100%;
  max-width: 333px;
  margin: 0 auto 20px;
}
.contact_inner_right {
  width: 96%;
  margin: auto;
}
.contact_inner_right_under01 p span {
  font-size: 5.5vw;
}
.service01 , .service02 , .service03 {
    width: 100%;
}
.service02{
margin: 0 0 80px 0;
}
.service01 h4::after , .service02 h4::after {
    width: 15vw;
}

#sec007 .option {
  width: 94%;
}
.daiko_inner_left {
  width: 75%;
}

}

@media screen and (max-width: 999px) {
.mainphoto_txt04 img {
  position: absolute;
  top: -2vw;
  width: 16vw;
  left: calc((100% - 100vw)/2);
}
#sec01 h3 img {
  position: absolute;
  right: calc((100% - 100vw)/2);
  top: -60px;
  width: 16vw;
}
#star01 {
  left: calc((100% - 30vw)/2);
  bottom: calc((100% + 16.5vw)/2);
  width: 4vw;
}
.creative_slider01 ul li {
  width: 30%;
  margin: 0 1.66% 20px;
}
.flow_inner{
	padding:0;
}
.flow_inner .point_no::after {
  left: 8vw;
}
.plan_monthly{
  background-size: 400px;
}
.daiko_example_area01Inner .option {
  width: 96%;
  margin: auto;
  flex-wrap: wrap;
}
.top_contact26 {
    margin: 50px auto 0;
    background: url(../img/bg_contact.png) right 50px no-repeat;
    background-size: 20vw !important;
    background-size: 30vw;
    width: 75.5vw;
}

.daiko_area {
    max-width: 96%;
    margin: auto;
}
.daiko_example_area01 {
    width: 96%;
    margin: auto;
}
.daiko_example_area01Inner {
    max-width: 96%;
    margin: 0 auto 30px;
}
.creative h5{
max-width: 40vw;
}
.creative h5::after {
  right: 18vw;
}
.footer_inner_left h6 {
    text-align: center;
	width: 50vw;
	margin: 0 auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
.row-reverse {
    flex-direction: column-reverse;
}
#header .header_inner .header_wrap .logo_wrap{
	background-image: none !important;
}
#header .header_inner .header_wrap .logo_wrap {
    padding: 0 0 0 20px !important;
  }
  
#sec02, #sec03, #sec04, #sec05, #sec06, #sec07, #sec08, #sec09 {
    padding: 50px 20px;
  }
.kaihou {
  font-size: 4.2vw;
}
.kaihou::after {
  width: 5.2vw;
  height: 5vw;
  background-repeat:no-repeat;
}
.kaihou::before {
  width: 5.2vw;
  height: 5vw;
  background-repeat:no-repeat;
}
#mission_area h3 {
  font-size: 2.3em;
}
#sec01 h3 img {
    width: 26vw;
  }
.service01 h4::after{
    width: 20vw;
  }
#star01 {
  left: calc((100% - 30vw)/2);
  bottom: calc((100% + 26.5vw)/2);
  width: 4vw;
}
.option_right dl{
width: 30%;
margin: 0 5% 20px 0;
}
.option_right dl:nth-of-type(2n) {
    margin: 0 5% 20px 0;
  }
.option_right dl:nth-of-type(3n) {
    margin: 0 0 20px 0;
  }
.option_right dl:nth-of-type(5n) {
    margin: 0 5% 20px 0;
  }
.mailmagalist{
margin: 0 0 20px 0 !important;
}


.point_inner {
  width: 100%;
}

.point_inner_right img {
    width: 44vw;
  }
.contact_inner_right_under01 p {
text-align: center;
}
.contact_inner_right_under01 p img {
  width: 6vw;
}

#monthlyplan .creative_slider01 .slick-slide{
width: 130px;
}

.flow_inner #section01, .flow_inner #section02, .flow_inner #section03, .flow_inner #section04, .flow_inner #section05, .flow_inner #section06, .flow_inner #section07, .flow_inner #section08, .flow_inner #section09, .flow_inner #section10 {
  width: 49%;
  padding: 4vw;
}
.flow_inner .point_no::after {
  left: 16vw;
}
#sec06 {
  background-position-x: 60%;
}
.nodata ul{
	flex-wrap: wrap;
	text-align: center;
}
#nodatta_list {
  width: 100%;
  text-align: center;
  white-space: initial;
}
.nodata_img{
max-width: 60%;
margin: 0 auto 20px;
}
#roll90{
	transform: rotate(90deg);
}
.top_contact26 {
    margin: 50px auto 0;
    background: url(../img/bg_contact.png) right 22vw no-repeat;
    background-size: 150px !important;
    background-size: 30vw;
    width: 90%;
}
.creative h2 {
    font-size: 10vw;
	}

.creative_slider01 ul li {
    width: 30%;
    margin: 0 2% 20px;
  }
.creative_slider01 ul li img {
  height: 8vw;
}
.creative_slider01 ul li:nth-of-type(3n) {
margin: 0 0 20px 2%;
  }
.creative_slider01 ul {
    max-width: 100%;
}
.creative h5 {
max-width: 63vw;
}
.creative h5:after {
    right: 27.0vw;
}
.service03 h4{
	line-height:100%;
}
.plan_monthly dl {
  width: 100%;
}
.plan_monthly {
    background-size: 35vw;
  }
.service01 ul li {
  white-space: nowrap;
}
.service01 ul li span{
	display:inline-block;
}
.contact_inner_right_under {
  flex-wrap: wrap;
}
.contact_inner_right_under01, .contact_inner_right_under02 {
  width: 100%;
}

.contact_inner_right_under01 p span {
    font-size: 9.5vw;
  }
.contact_inner_right_under01 p img {
    width: 12vw;
  }
/*運営代行プラン*/
.daiko_inner {
  width: 96%;
  margin: 0 auto 50px;
  flex-wrap: wrap;
}

.daiko_inner_left , .daiko_inner_right  {
  width: 100%;
}
.daiko_inner_right  {
    max-width: 40%;
    margin: auto;
}
.contact_inner_left {
    width: 70%;
  }
.footer_inner_left ul , .footer_inner_right ul {
        max-width: 100%;
    }
.footer_inner_left li {
    width: 46%;
    background: url(../img/ico_footer.jpg) left 18% no-repeat;
    padding: 0 0 0 20px;
    line-height: 100%;
    margin: 0 0 15px;
}
.footer_inner_left li a, .footer_inner_right li a {
    font-size: 1em;
    line-height: 100%;
}
.footer_inner_right li {
        margin: 0 0 15px;
    }
}







h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: inherit;
}

a {
  color: #000;
  text-decoration: none;
  font-weight: inherit;
  transition-duration: 0.3s;
}

a:hover {
  opacity: 0.8;
}

img {
  vertical-align: text-bottom;
  /*you kakunin*/
  height: auto;
}







@media screen and (max-width: 768px) {

  #contents {
    margin-top: 120px;
	width: 94%;
    padding: 0;
    margin: 0 auto;
  }
  

 
  /*Header */
  #header {
    margin-bottom: 5px;
  }
  

  /***********************************
  ヘッダー
  ***********************************/
  .header_wrap {
    position: fixed;
    height: 120px;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 120;
  }
  #header {
    width: 100%;
    margin: 0px auto;
  }
  .h_inner {
    margin: 0px 0 0;
  }
  .header_h1_under, .header_h1 {
    width: 100%;
    height: 20px;
    float: none;
    text-align: center;
    background: #ededed;
  }
  .header_h1_under a, .header_h1 a {
    display: none;
  }
  .head_title {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    letter-spacing: 1px;
  }
  .header_sp {
    width: 95%;
    margin: 0 2.5%;
    position: relative;
    text-align: center;
  }
  .header_sp #navBtn {
    position: absolute;
    top: 10px;
    left: 0;
  }
  .header_sp .spCart {
    position: absolute;
    top: 10px;
    right: 0;
  }
  .header_sp #navBtn img, .header_sp .spCart img {
    width: 40px;
    height: 40px;
  }
  .header_sp .spLogo img {
    width: 180px;
    margin-top: 15px;
  }
}

body #header {
  height: auto;
}

body img {
  display: block;
  width: 100%;
}


.fade {
  opacity: 0;
  transition-duration: 0.5s;
}

.fade.view {
  opacity: 1;
}

a img {
  transition-duration: 0.5s;
}

a:hover img {
  opacity: 0.7 !important;
}

@media screen and (max-width: 768px) {


  .common_btn {
    display: block;
    margin: 0 auto;
    width: 68vw;
    height: 13.33333vw;
    border: 1px solid #282828;
    border-radius: 1.06667vw;
    font-size: 4vw;
    line-height: 12.8vw;
    letter-spacing: 0;
    text-align: center;
    transition-duration: 0.5s;
  }
  .common_btn.mincho {
    font-family: MyYuGothicM, YuGothic, sans-serif;
  }
  .common_btn:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
  }

  .mb10 {
    margin-bottom: 2.66667vw !important;
  }
  .mb15 {
    margin-bottom: 4vw !important;
  }
  .mb20 {
    margin-bottom: 5.33333vw !important;
  }
  .mb25 {
    margin-bottom: 6.66667vw !important;
  }
  .mb30 {
    margin-bottom: 8vw !important;
  }
  .mb40 {
    margin-bottom: 10.66667vw !important;
  }
  .mb45 {
    margin-bottom: 12vw !important;
  }
  .mb50 {
    margin-bottom: 13.33333vw !important;
  }
  .mb60 {
    margin-bottom: 16vw !important;
  }
  .mb100 {
    margin-bottom: 26.66667vw !important;
  }
  .mb0-35 {
    margin-bottom: 9.33333vw !important;
  }
  .mb0-40 {
    margin-bottom: 10.66667vw !important;
  }
  .mb20-15 {
    margin-bottom: 4vw !important;
  }
  .mb25-15 {
    margin-bottom: 4vw !important;
  }
  .mb25-20 {
    margin-bottom: 5.33333vw !important;
  }
  .mb30-25 {
    margin-bottom: 6.66667vw !important;
  }
  .mb40-25 {
    margin-bottom: 6.66667vw !important;
  }
  .mb40-50 {
    margin-bottom: 13.33333vw !important;
  }
  .mb45-25 {
    margin-bottom: 6.66667vw !important;
  }
  .mb45-30 {
    margin-bottom: 8vw !important;
  }
  .mb45-50 {
    margin-bottom: 13.33333vw !important;
  }
  .mb60-0 {
    margin-bottom: 0 !important;
  }
  .mb60-40 {
    margin-bottom: 10.66667vw !important;
  }
  .mb60-50 {
    margin-bottom: 13.33333vw !important;
  }
  .mb70-40 {
    margin-bottom: 10.66667vw !important;
  }
  .mb160-100 {
    margin-bottom: 26.66667vw !important;
  }
}
/*-----------------------------------------------------------------
Header
-----------------------------------------------------------------*/
#header .header_inner {
  width: 100%;
  background: #00479D;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

#header .header_inner.open {
  background: transparent;
  height: 70px;
}

#header .header_inner.open .header_wrap {
  background: #00479D;
}

#header .header_inner.open .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(135deg);
}

#header .header_inner.open .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(2) {
  opacity: 0;
}

#header .header_inner.open .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(3) {
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-135deg);
}

#header .header_inner.open .header_wrap .h_btn_wrap .menu_wrap .menu_btn .txt {
  display: none;
}

#header .header_inner.open .header_wrap .h_btn_wrap .menu_wrap .menu_btn .close {
  display: block;
}

#header .header_inner.black {
  height: 70px;
}

#header .header_inner.black .header_wrap {
  background: #1E1E1E;
}

#header .header_inner .header_wrap {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background: transparent;
  transition-duration: 0.5s;
}

#header .header_inner .header_wrap .logo_wrap {
  width: auto;
  height: 100%;
  /*display: flex;
  justify-content: center;
  align-items: center;*/
  margin: 0 0 0 20px;
  background-image: url(../img/logo_mark.png);
  background-size: contain;
  padding: 0 0 0 120px;
  background-repeat: no-repeat;
}
#header .header_inner .header_wrap .logo_wrap h1{
font-size: 13px;
color: #fff;
margin: 8px 0 0;
display: inline-block;
}
/*#header .header_inner .header_wrap .logo_wrap::before {
content: '';
  display: inline-block;
  width: 129px;
  height: 81px;
  background-image: url(../img/logo_mark.png);
  background-size: contain;
  vertical-align: middle;
}*/

#header .header_inner .header_wrap .logo_wrap a img {
  display: block;
  width: 200px;
  width: 16vw;
  margin: 0;
  max-width: 300px;
}

#header .header_inner .header_wrap .h_btn_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

#header .header_inner .header_wrap .h_btn_wrap .cart_wrap {
  width: 58px;
  height: 100%;
}

#header .header_inner .header_wrap .h_btn_wrap .cart_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

#header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn {
  width: 48px;
}

#header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn img {
  display: block;
  margin: 2px 0 8px;
}

#header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn span {
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  white-space: nowrap;
}

.h-tel {
  width: auto;
  height: 100%;
  border-left: 1px solid #fff;
  display: block;
}
.h-tel ul{
 width: 170px;
  margin: 8px 20px;
}
.h-tel ul li{
margin: 0 0 5px;
}
.h-tel ul li:last-of-type{
margin: 0;
}

.h-tel ul li img{
margin: 0;
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap {
  width: 75px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
  cursor: pointer;
  display: none;
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn {
  width: 100%;
  margin: 15px 0 0;
  /*transition: filter 0.3s; filter: invert(1) brightness(10);
background: transparent;*/
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp {
  display: block;
  width: 35px;
  height: 27px;
  margin: 4px auto 10px;
  position: relative;
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span {
  width: 100%;
  height: 1px;
  background: transparent;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  transition-duration: 0.5s;
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(1) {
  top: 0;
  transform: translateX(-50%);
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(2) {
  top: 50%;
  transform: translateX(-50%);
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp span:nth-child(3) {
  bottom: 0;
  transform: translateX(-50%);
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .txt {
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.1em;
  color: #fff;
  white-space: nowrap;
}

#header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .close {
  white-space: nowrap;
  display: none;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  white-space: nowrap;
}

#site_top_link{
display: block;
}

.h-menu{
display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 18px 0 0;
}
.h-menu li{
list-style-type: none;
margin: 0 20px 0 0;
}
.h-menu li a{
font-size: 15px;
}

@media screen and (max-width: 1240px)  {
  #header .header_inner {
    /*height: 9.75806vw;*/
  }
  #header .header_inner.open {
    height: 7.5vw;
  }
  #header .header_inner.black {
    background: transparent;
    height: 7.5vw;
  }
  #header .header_inner .header_wrap {
    /*height: 7.5vw;*/
    border-bottom: 0.08065vw solid #fff;
  }
  #header .header_inner .header_wrap .logo_wrap {
    /*width: 25.40323vw;*/
  }
  #header .header_inner .header_wrap .logo_wrap a img {
    width: 18.62903vw;
	width: 26vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap {
    width: 4.67742vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn {
    width: 3.87097vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn img {
    margin: 0.16129vw 0 0.64516vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn span {
    font-size: 0.80645vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap {
    width: 6.04839vw;
    border-left: 0.08065vw solid #fff;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp {
    width: 2.82258vw;
    height: 2.17742vw;
    margin-top: 0.32258vw;
    margin-bottom: 0.80645vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .txt {
    font-size: 0.80645vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .close {
    font-size: 0.80645vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap {
  display: block;
}
.h-menu , .h-tel{
display: none;
}
}
@media screen and (max-width: 768px) {
  #header .header_inner {
    height: 13.33333vw;
  }
  #header .header_inner.open {
    height: 13.33333vw;
  }
  #header .header_inner.black {
    background: transparent;
    height: 13.33333vw;
  }
  #header .header_inner .header_wrap {
    height: 13.33333vw;
  }
  #header .header_inner .header_wrap .logo_wrap {
  width: 85vw;
    padding: 0 0 0 100px;
    margin: 0 0 0 5px;
  }
  #header .header_inner .header_wrap .logo_wrap a img {
    width: 53vw;
    max-width: 80%;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap {
    width: 13.33333vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn {
    width: 9.33333vw;
    height: 9.06667vw;
    position: relative;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn img {
    margin-bottom: 1.86667vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .cart_wrap a .cart_btn span {
    font-size: 7px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap {
    width: 13.33333vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn {
    width: 5.6vw;
    position: relative;
    height: 8vw;
	margin: auto;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .span_warp {
    width: 100%;
    height: 4.26667vw;
    margin-top: 2.5vw;
    margin-bottom: 0.8vw;
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .txt {
    font-size: 12px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
  }
  #header .header_inner .header_wrap .h_btn_wrap .menu_wrap .menu_btn .close {
    font-size: 7px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
  }
  
  #header .header_inner .header_wrap .logo_wrap h1 {
  font-size: 2vw;
  margin: 5px 0 0;
}
  
}
/*-----------------------------------------------------------------
giftHamburger.scss
-----------------------------------------------------------------*/
#header {
  width: 100%;
  overflow: hidden;
}

#header .giftHamburger {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  transform: translateY(50px);
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.5s;
}

#header .giftHamburger.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

#header .giftHamburger .hamburger_wrap {
  width: 100%;
  height: auto;
  max-height: 100vh;
  overflow-y: scroll;
  padding: 156px 0 50px;
  background: #fff;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap {
  width: 964px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li {
  width: 305px;
  margin-bottom: 30px;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(n+4) {
  width: 225px;
  margin-bottom: 30px;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li .img_wrap {
  position: relative;
  width: 100%;
  height: 87px;
  border-radius: 4px;
  transition-duration: 0.5s;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(n+4) .img_wrap {
  position: relative;
  width: 100%;
  height: 65px;
  border-radius: 4px;
  transition-duration: 0.5s;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li .img_wrap img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition-duration: 0.5s;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li .img_wrap img.nohover {
  opacity: 1;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li .img_wrap img.hover {
  opacity: 0;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li a:hover .img_wrap {
  background: #000;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li a:hover .img_wrap img.nohover {
  opacity: 0;
}

#header .giftHamburger .hamburger_wrap .linkbtn_wrap li a:hover .img_wrap img.hover {
  opacity: 1;
}

#header .giftHamburger .hamburger_wrap .nav_wrap {
  width: 964px;
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap {
  width: 205px;
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .ttl {
  width: 100%;
  height: 40px;
  background: #EEEEEE;
  font-size: 17px;
  line-height: 40px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 15px;
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li {
  width: 100%;
  padding: 0 10px;
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  line-height: 40px !important;
  letter-spacing: 0;
  text-align: left;
  position: relative;
  color: #333;
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #282828;
  border-right: 1px solid #282828;
  transform: rotateZ(45deg);
}

#header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a:hover::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  /*border-bottom: 1px solid #282828;*/
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: 1;
}

#header .giftHamburger .hamburger_wrap .external_link_wrap {
  width: 550px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

#header .giftHamburger .hamburger_wrap .external_link_wrap li {
  width: 240px;
}

#header .giftHamburger .hamburger_wrap .external_link_wrap li a .img_wrap {
  width: 100%;
  transition-duration: 0.5s;
}

#header .giftHamburger .hamburger_wrap .external_link_wrap li a .txt {
  font-size: 13px;
  line-height: 44px;
  letter-spacing: 0.04em;
  text-align: center;
}

#header .giftHamburger .hamburger_wrap .external_link_wrap li a:hover .img_wrap {
  opacity: 0.7;
}

@media screen and (min-width: 751px) and (max-width: 1240px) {
  #header .giftHamburger {
    transform: translateY(4.03226vw);
  }
  #header .giftHamburger .hamburger_wrap {
    padding: 12.58065vw 0 4.03226vw;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap {
    width: 77.74194vw;
    margin: 0 auto 2.41935vw;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li {
    width: 24.59677vw;
    margin-bottom: 2.41935vw;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(n+4) {
    width: 35vw;
    margin-bottom: 30px;
	max-width: 280px;
    flex: 0 0 100%;
    margin: 0 auto;
    text-align: center;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li .img_wrap {
    height: 7.01613vw;
    border-radius: 0.32258vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap {
    width: 77.74194vw;
    margin: 0 auto 4.83871vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap {
    width: 16.53226vw;
	width: 100%;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .ttl {
    height: 3.22581vw;
    font-size: 1.37097vw;
    line-height: 3.22581vw;
    margin-bottom: 1.20968vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li {
    padding: 0 0.80645vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a {
    font-size: 1.20968vw;
    line-height: 3.22581vw !important;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a::after {
    width: 0.64516vw;
    height: 0.64516vw;
    border-top: 0.08065vw solid #282828;
    border-right: 0.08065vw solid #282828;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a:hover::before {
    height: 0.08065vw;
    border-bottom: 0.08065vw solid #282828;
    bottom: 0.64516vw;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap {
    width: 44.35484vw;
	width: 50vw;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap li {
    width: 35vw;
	margin: 0 10px;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap li a .txt {
    font-size: 1.04839vw;
    line-height: 3.54839vw;
  }
}
@media screen and (max-width: 768px) {
  #header .giftHamburger .hamburger_wrap {
    padding: 13.33333vw 0 13.33333vw;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: stretch;
    padding-top: 20px;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li {
    width: 50%;
    margin-bottom: 0px;
    border-bottom: 1px solid #D0D0D0;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1),
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(2),
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(3) {
    width: 110px;
	width: 76%;
    margin-bottom: 0px;
    border-bottom: none;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(2) {
    margin: 0 3%;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1) .img_wrap,
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(2) .img_wrap,
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(3) .img_wrap {
    width: 100%;
    height: 56px;
	height: auto;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1) .img_wrap {
    /*background: #EEEEEE;*/
  }
  
  
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1) .img_wrap img {
    /*width: 85px;*/
    position: static;
  }

  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1) .img_wrap .nohover,
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(1) .img_wrap .hover {
    display: none;
  }
  #header .jitakuHamburger.giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(2) .img_wrap .nohover,
  #header .jitakuHamburger.giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(2) .img_wrap .hover {
    display: none;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(4) {
    width: 100%;
    padding: 4vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    border-top: 1px solid #D0D0D0;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(4) a .img_wrap {
    width: 300px;
    height: 45px;
	height: auto;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(5) {
    width: 50%;
    padding: 4vw 0 2vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(5) a .img_wrap {
    width: 135px;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(6) {
    width: 50%;
    border-left: 1px solid #D0D0D0;
    padding: 4vw 0 2vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(6) a .img_wrap {
    width: 116px;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(7) {
    width: 100%;
    padding: 4vw 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li:nth-child(7) a .img_wrap {
    width: 245px;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li a .img_wrap {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 0;
    transition-duration: 0.5s;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li a .img_wrap img {
    width: 100%;
    position: static;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li a .img_wrap img.nohover {
    display: none;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li a .img_wrap img.hover {
    display: none;
  }
  #header .giftHamburger .hamburger_wrap .linkbtn_wrap li a:hover .img_wrap {
    background: transparent;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #D0D0D0;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap {
    width: 100%;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .ttl {
    height: 10.66667vw;
    font-size: 4.8vw;
    line-height: 10.66667vw;
    margin-bottom: 0px;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 2.66667vw 0;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li {
    width: 100%;
    padding: 2vw 5.33333vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a {
    font-size: 4vw;
    line-height: 110% !important;
    letter-spacing: 0;
    text-align: left;
    position: relative;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a::after {
    width: 2.13333vw;
    height: 2.13333vw;
  }
  #header .giftHamburger .hamburger_wrap .nav_wrap .dl_wrap .list ul li a:hover::before {
    bottom: 2.13333vw;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap {
    width: 100%;
    justify-content: center;
    padding-top: 30px;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap li {
    width: 300px;
    margin: 0 10px;
  }
  #header .giftHamburger .hamburger_wrap .external_link_wrap li a .txt {
    font-size: 12px;
    line-height: 40px;
  }
}







@media screen and (max-width: 768px) {
  #wrapper #contents #sysAside {
    display: none;
  }
  #contents {
    width: 100%;
    display: block;
    padding-top: 15vw;
  }
  .service h2 , .daiko_area h2 , .tit_com h2{
  font-size: 11vw;
  line-height: 120%;
}
.btn_topplan{
	display:none;
}
}