@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
	font-size: 1.3em;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
h1, h2 {
	margin: 0;
}
img {
	vertical-align: bottom;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
header {
	/* position: relative;
	max-width: 1200px; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	margin: 0 auto;
  z-index: 10;
}
header .inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
	max-width: 1200px;
  height: 80px;
  margin: 0 auto;
}
header h1 {
	position: absolute;
	top: 32px;
    left: 48px;
	z-index: 1;
}

header.fix {
  background: rgba(255,255,255,0.5);
}
header.fix .inner {
  height: 80px;
}
header.fix h1 {
	top: 0;
    -webkit-transition: top 0.30s;
       -moz-transition: top 0.30s;
        -ms-transition: top 0.30s;
         -o-transition: top 0.30s;
            transition: top 0.30s;
}
header.fix .zdo_drawer_menu .zdo_drawer_button {
	top: 15px;
    -webkit-transition: top 0.30s;
       -moz-transition: top 0.30s;
        -ms-transition: top 0.30s;
         -o-transition: top 0.30s;
            transition: top 0.30s;
}
.main > div {
	text-align: center;
}
.main > div img {
	width: 1200px;
}

.sec01 {
	background: url("../img/bg/img01.jpg") center top no-repeat;
}
.sec02 {
	background: url("../img/bg/img02.jpg") center top no-repeat;
}

.sec02 div, .sec04 div, .sec05 div, .sec07 div, .sec08 div, .sec09 div,
.sec11 div, .sec13 div, .sec14 div, .sec15 div, .sec16 div, .sec19 div,
.sec21 div, .sec22 div, .sec26 div {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	text-align: left;
}
.sec02 p, .sec04 p, .sec21 p {
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}
.sec02 p, .sec04 p, .sec05 p, .sec07 p, .sec08 p, .sec09 p,
.sec11 p, .sec13 p, .sec14 p, .sec15 p, .sec16 p, .sec19 p,
.sec21 p, .sec22 p, .sec26 p {
	font-size: 1.2em;
	line-height: 2;
	position: absolute;
}
.caption{
    font-size: 0.8em;
   }
   .pink{
    color: #df5f64;
   }
.sec13 p, .sec14 p, .sec15 p, .sec16 p {
	width: 290px;
	left: 238px;
}
.sec02 p {
	top: 470px;
}
.sec04 p {
	top: 220px;
}
.sec05 p {
	top: 400px;
	left: 108px;
}
.sec07 p {
	width: 328px;
	right: 165px;
}
.sec08 p {
	width: 310px;
	right: 200px;
}
.sec09 p {
	width: 370px;
	left: 170px;
}
.sec11 p {
	width: 300px;
	right: 230px;
}
.sec13 p {
	top: 216px;
}
.sec14 p {
	top: 226px;
}
.sec15 p {
	top: 266px;
}
.sec16 p {
	top: 260px;
}
.sec19 p {
	width: 310px;
	right: 200px;
}
.sec21 p {
	width: 600px;
}
.sec22 p {
	width: 320px;
	right: 200px;
}
.sec26 p {
	width: 340px;
	right: 220px;
}
p.secTitle,p.secTitle2 {
	font-size: 2.0em;
	line-height: 1.8;
}
p.secTitle .mini {
	font-size: 1.8rem;
}
.sec07 .secTitle {
	top: 0;
}
.sec07 .sub {
	top: 130px;
}
.sec08 .col {
	color: #5d8ab4;
}
.sec08 .secTitle {
	top: 19px;
	line-height: 1.4;
}
.sec08 .sub {
	top: 149px;
}
.sec09 .secTitle {
	/*top: 420px;*/
	    bottom: -170px;
	letter-spacing: 4px;
}
.sec09 .sub {
	top: 540px;
}
.sec11 .col {
	color: #e58902;
}
.sec11 .secTitle {
	top: 56px;
	line-height: 1.4;
	font-size: 1.7em;
}
.sec11 .sub {
	top: 180px;
}
.sec19 .secTitle {
	top: 216px;
	line-height: 1.4;
}
.sec19 sub {
	font-size: 1.4rem;
	vertical-align: super;
}
.sec19 .sub {
	top: 310px;
}
.sec19 .sub sub, .sec19 .sub .mini {
	font-size: 1.2rem;
}
.sec21 .secTitle {
	top: 370px;
}
.sec21 .sub {
	top: 430px;
	text-align: left;
}
.sec22 .secTitle {
	top: 62px;
	line-height: 1.4;
}
.sec22 .sub {
	top: 160px;
}
.sec26 .secTitle {
	top: 92px;
	line-height: 1.4;
}
.sec26 .sub {
	top: 190px;
}
.sec26 .secTitle2 {
	top: 400px;
	line-height: 1.4;
}
.sec26 .sub2 {
	top: 450px;
}

.sec03 {
	background: url("../img/bg/img03.jpg") center top no-repeat;
}
.sec04 {
	background: url("../img/bg/img04.jpg") center top no-repeat;
}
.sec05 {
	background: url("../img/bg/img05.jpg") center top no-repeat;
}
.sec06 {
	background: url("../img/bg/img06.jpg") center top no-repeat;
}
.sec07 {
	background: url("../img/bg/img07.jpg") center top no-repeat;
}
.sec08 {
	background: url("../img/bg/img08.jpg") center top no-repeat;
}
.sec09 {
	background: url("../img/bg/img09.jpg") center top no-repeat;
}
.sec10 {
	background: url("../img/bg/img10.jpg") center top no-repeat;
}
.sec11 {
	background: url("../img/bg/img11.jpg") center top no-repeat;
}
.sec12 {
	background: url("../img/bg/img12.jpg") center top no-repeat;
}
.sec13 {
	background: url("../img/bg/img13.jpg") center top no-repeat;
}
.sec14 {
	background: url("../img/bg/img14.jpg") center top no-repeat;
}
.sec15 {
	background: url("../img/bg/img15.jpg") center top no-repeat;
}
.sec16 {
	background: url("../img/bg/img16.jpg") center top no-repeat;
}
.sec17 {
	background: url("../img/bg/img17.jpg") center top no-repeat;
}
.sec18 {
	background: url("../img/bg/img18.jpg") center top no-repeat;
}
.sec19 {
	background: url("../img/bg/img19.jpg") center top no-repeat;
}
.sec20 {
	background: url("../img/bg/img20.jpg") center top no-repeat;
}
.sec21 {
	background: url("../img/bg/img21.jpg") center top no-repeat;
}
.sec22 {
	background: url("../img/bg/img22.jpg") center top no-repeat;
}
.sec23 {
	background: url("../img/bg/img23.jpg") center top no-repeat;
}
.sec24 {
	background: url("../img/bg/img24.jpg") center top no-repeat;
}
.sec25 {
	background: url("../img/bg/img25.jpg") center top no-repeat;
}
.sec26 {
	background: url("../img/bg/img26.jpg") center top no-repeat;
}
.sec27 {
	background: url("../img/bg/img27.jpg") center top no-repeat;
}
.sec28 {
	background: url("../img/bg/img28.jpg") center top no-repeat;
}
.sec29 {
	background: url("../img/bg/img29.jpg") center top no-repeat;
}
.btnWrap {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.btnWrap p, .btnWrap a {
	position: absolute;
}
.btnWrap p {
	text-align: left;
	font-size: 2.0rem;
	top: 334px;
    right: 540px;
}
/*.btnWrap a {
	background: url("../img/index/btn_h.jpg") center top no-repeat;
	background-size: 100%;
	top: 245px;
    right: 260px;
}
.btnWrap a img {
	width: 100%;
	transition: .3s all;
}
.btnWrap a img:hover {
	opacity: 0;
}*/
/*カラーミー*/
.btnWrap form,
.btnWrap a {
	background: url("../img/index/btn_h.jpg") center top no-repeat;
	background-size: contain;
	width: 247px;
	position: absolute;
	top: 245px;
    right: 240px;
}
.btnWrap input[type="image"] {
	width: 247px;
	transition: all .3s;
}
.btnWrap input[type="image"]:hover {
	opacity: 0;
}
/*カラーミーend*/
footer {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.footInTop {
	position: relative;
}
.footInTop ul {
	width: 220px;
	margin: 0 auto;
	font-size: 2.0rem;
}
.footInTop ul li i {
	padding-top: 13px;
}
.footInTop ul li a, .copy {
	color: #b3b3b3;
}
.footInTop ul, .footInMid ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.totop {
	position: absolute;
	top: -148px;
	right: 40px;
}
.footInMid {
	width: 650px;
	margin: 30px auto;
}
.footInMid ul li a {
	color: #4d4d4d;
	text-decoration: none;
	font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}
.sns {
	width: 10%;
	margin-left: 10px;
}
.sns img {
	width: 100%;
}
.sns:last-child {
	margin: 0;
}
.copy {
	text-align: center;
	margin-bottom: 70px;
	font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}
.sp {
	display: none;
}

/*.btnHidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
}

.btnHidden > div,
.comBtn .cartjs_cart_in,
.comBtn .cartjs_cart_in input{
    width: 100% !important;
    height: 100% !important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    box-sizing: border-box !important;
    cursor: pointer;
}*/
.footlink{
	text-align: center;
	    margin-bottom: 10px;
}
.footlink li{
	color: #b3b3b3;
   display: contents; 
       font-size: 0.8em;
}
.footlink li a{
	padding: 0 10px;
	text-decoration: none;
	color: #b3b3b3;
}

@media screen and (max-width: 749px) {
	.pc {
		display: none;
	}
	.sp {
		display: inherit;
	}
	header, header h1 img, .fixedWrap, .main > div img, .btnWrap, footer,
	.sec02 div, .sec04 div, .sec05 div, .sec07 div, .sec08 div, .sec09 div,
	.sec11 div, .sec13 div, .sec14 div, .sec15 div, .sec16 div, .sec19 div,
	.sec21 div, .sec22 div, .sec26 div {
		width: 100%;
	}
	.sec02 p, .sec04 p, .sec05 p, .sec07 p, .sec08 p, .sec09 p,
	.sec11 p, .sec13 p, .sec14 p, .sec15 p, .sec16 p, .sec19 p,
	.sec21 p, .sec22 p, .sec26 p {
		font-size: 4.0vw;
		line-height: 2.0;
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}
	.sec07 p, .sec08 p, .sec09 p, .sec11 p, .sec19 p,
	.sec21 p, .sec22 p, .sec26 p {
		right: 0;
		left: 0;
	}
	.sec02 p {
		width: 72%;
		top: 73%;
	}
	.sec04 p {
		top: 34%;
	}
	.sec05 p {
		width: 60%;
		top: 48%;
		left: 4%;
		font-size: 3.6vw;
		line-height: 1.8;
	}
	p.secTitle,p.secTitle2 {
		font-size: 6vw;
		line-height: 1.6;
	}
	p.secTitle .mini {
		font-size: 1.9rem;
	}
	.sec07 .secTitle {
		top: 58%;
		text-align: center;
	}
	.sec07 .sub {
		font-size: 3.6vw;
		top: 74%;
	}
	.sec08 .secTitle {
		top: 6%;
		text-align: center;
		font-size: 6.0vw;
		line-height: 1.8;
	}
	.sec08 .sub {
		width: 72%;
		top: 50%;
		font-size: 3.6vw;
	}
	.sec09 .secTitle {
		top: 105%;
    text-align: center;
    letter-spacing: normal;
    font-size: 1.7rem;
	}
	.sec09 .sub {
		font-size: 3.6vw;
		top: 117%;
	}
	.sec11 .secTitle {
		top: 12%;
		text-align: center;
		font-size: 4.8vw;
		line-height: 1.6;
	}
	.sec11 .sub {
		width: 72%;
		font-size: 3.6vw;
		top: 64%;
	}
	.sec13 p, .sec14 p, .sec15 p, .sec16 p {
		font-size: 3.5vw;
	}
	.sec13 p, .sec14 p, .sec16 p {
		width: 38%;
		top: 44%;
		left: 10%;
	}
	.sec15 p {
		width: 44%;
		top: 28%;
		right: 11%;
		left: auto;
	}
	.sec16 p {
		width: 48%;
	}
	.sec19 p {
		width: 74%;
	}
	.sec19 .secTitle {
		top: 1%;
		text-align: center;
		font-size: 6.0vw;
		line-height: 1.6;
	}
	.sec19 sub {
		font-size: 1.4rem;
		vertical-align: super;
	}
	.sec19 .sub {
		top: 47%;
	}
	.sec21 .secTitle {
		top: 56%;
		text-align: center;
	}
	.sec21 .sub {
		top: 76%;
		font-size: 3.7vw;
		z-index: 1;
	}
	.sec22 p {
		width: 77%;
	}
	.sec22 .secTitle {
		text-align: center;
		top: 14%;
		line-height: 1.6;
	}
	.sec22 .sub {
		top: 49%;
		font-size: 3.6vw;
	}
	.sec26 p {
		width: 77%;
	}
	.sec26 .secTitle {
		text-align: center;
		top: 10%;
		line-height: 1.6;
	}
	.sec26 .sub {
		top: 30.5%;
	}
	.sec26 .secTitle2 {
		text-align: center;
		top: 51%;
		line-height: 1.6;
	}
	.sec26 .sub2 {
		top: 72.5%;
	}
	
	header h1 {
		width: 30vw;
		top: 4vw;
		left: 24px;
	}
  header.fix .inner {
    height: 17vw;
  }
  header.fix h1 {
    top: 5vw;
  }
  header.fix .zdo_drawer_menu .zdo_drawer_button {
    top: 2.5vw;
  }
	.main > div {
		background: none;
	}
	.btnWrap p {
		text-align: center;
		font-size: 3.2vw;
		top: 51%;
		right: 0;
		left: 0;
		margin: auto;
	}
	/*.btnWrap a {
		top: 60%;
		right: 0;
		left: 0;
		margin: auto;
		max-width: 75%;
		background: url("../img/index/sp/btn_h.jpg") center top no-repeat;
		background-size: 100%;
	}*/
	/*カラーミー*/
	.btnWrap form {
		top: 80%;
		right: 0;
		left: 0;
		margin: auto;
		width: 75%;
		max-width: 100%;
		background: url("../img/index/sp/btn_h.jpg") center top no-repeat;
		background-size: 100%;
	}
	.btnWrap input[type="image"] {
		width: 100%;
		transition: all .3s;
	}
	.btnWrap input[type="image"]:hover {
		opacity: 0;
	}
	/*カラーミーend*/
	footer {
		margin-top: 20vw;
	}
	.footInTop ul {
		width: 56%;
    /* margin: 0 auto; */
    margin-right: 9%;
	}
	.footInTop ul li:first-child {
		width: 60%;
	}
	.footInTop ul li:first-child img {
		width: 100%;
	}
	.footInTop ul li i {
		font-size: 6.4vw;
		padding-top: 2vw;
	}
	.footInTop .footLogo {
		width: 80%;
	}
	.totop {
		top: -39.6vw;
		right: 5vw;
	}
	.totop img {
		width: 4.3vw;
	}
	.footInMid {
		width: 100%;
		margin: 30px auto;
	}
	.footInMid ul {
		flex-direction: column;
	}
	.footInMid ul li {
		width: 90%;
	}
	.footInMid ul li a {
		text-align: left;
		height: 5vw;
		display: block;
		font-size: 4.8vw;
		padding: 4vw 0 6vw .8vw;
		border-bottom: 2px solid #f3f3f3;
		background-image: url(../img/bg/sp/foot_menu.png);
		background-size: cover;
		background-position: 0 -5px;
	}
	.copy {
		text-align: center;
		margin: 12vw 0;
		font-size: 3vw;
	}
	.btnWrap form, .btnWrap a{
	width: 75%;
    position: absolute;
    top: 65%;
    right: 13%;
    }
}