@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
body {
  width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.content_outer{
	width: 100%;
}
.content_outer img{
	display: block;
}
.content_outer * {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  word-break: break-all;
	font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 1080px) {
  .content_outer  * {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .content_outer  * {
    font-size: 4.266vw;
  }
}
.content_outer a{
	-webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slick-loading .slick-list
{
    background: #fff url('../images/phasefree/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
#slider{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
.slick-slider01{
	width: auto;
	margin: 0;
	padding: 0;
}
.slick-slider01 li{
	margin: 0;
	padding: 0;
}

.slick-next {
	right: 10%;
}
.slick-prev {
	left: 10%;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.slick-next {
		right: 1%;
	}
	.slick-prev {
		left: 1%;
	}
}
.slick-prev:before, .slick-next:before{
	font-size: 3.2em;
	color: #333;
	font-family:"HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS P Gothic","Osaka,Verdana,Arial","Helvetica",sans-serif;
}
@media screen and (max-width: 768px) {
	.slick-prev:before, .slick-next:before{
		font-size: 1.6em;
	}
}
.slick-next:before {
	content: '>';
}
.slick-prev:before {
	content: '<';
}
.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}
.content_inner{
	width: 100%;
	margin: auto;
	text-align: center;
}
.content_inner h1 img{
	margin:7.5em auto 3.5em;
	max-width: 98%;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
	.content_inner h1 img{
		margin:3.5em auto 1.5em;
	}
}
.content_inner h2{
	margin:0 auto 2em;
	padding: 0.6rem 2rem;
	border: 1px solid #000;
	text-align: center;
	font-size: 1.6em;
	width: auto;
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.content_inner h2{
		font-size: 1.2em;
	}
}
.content_inner .center_block{
	margin:0 auto 3rem;
	display: block;
	text-align: center;
}
.content_inner .center_block img{
	margin: auto;
}
.box_outer{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-align-self: stretch;
  align-self: stretch;
  flex-wrap: wrap;
	width: 98%;
	max-width: 744px;
	margin: 0 auto 4.5em;
}
.box_outer .right{
	width: 57%;
}
.box_outer .right img{
	width: 100%;
	height: auto;
}
.box_outer .left{
	width: 43%;
	padding-left: 1.8em;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-align-self: stretch;
  align-self: stretch;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.box_outer .left,
	.box_outer .right{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 1em;
	}
}
.box_outer .title p{
	font-size: 1em;
	margin: 1.7em 0;
	text-align: left;
}
.box_outer .btm_area{
	text-align: left;
	width: 100%;
}
.box_outer .btm_area a{
	width: 100%;
	padding: 1em 0.4em;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 0.75em;
	max-width: 250px;
	font-weight: bold;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
	.box_outer .btm_area a{
		margin: 0 auto 1em;
	}
}
.detail a{
	border: 1px solid #3F3B3A;
	color: #3F3B3A;
	margin-bottom: 1em;
}
.detail a:hover{
	background-color: #3F3B3A;
	color: #FFF;
}
.shop a{
	border: 1px solid #C1272D;
	color: #C1272D;
}
.shop a:hover{
	background-color: #C1272D;
	color: #FFF;
}
.end_area{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-align-self: stretch;
  align-self: stretch;
  flex-wrap: wrap;
	width: 98%;
	max-width: 744px;
	margin: 4.8em auto 3em;
	border: 0.625em solid #F6F6F6;
	padding: 2.5em 2.75em;
}
@media screen and (max-width: 768px) {
	.end_area{
		padding: 0.5em;
	}
}
.end_area .left{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-self: center;
  align-self: center;
  flex-wrap: wrap;
	width: 32%;
}
.end_area .left img{
	width: 85%;
  margin: -3em auto auto;
}
@media screen and (max-width: 768px) {
	.end_area .left img{
		margin:1rem auto 3rem;
		width: 60%;
	}
}
.end_area .right{
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: space-between;
  align-content: space-between;
  -webkit-align-self: stretch;
  align-self: stretch;
  flex-wrap: wrap;
	width:68%;
	padding-left: 2.625em;
	color: #3F3B3A;
}
@media screen and (max-width: 768px) {
	.end_area .left,
	.end_area .right{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}
}
.end_area h3{
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 2em;
}
.end_area p{
	text-align: left;
	margin-bottom: 2em;
	font-size: 0.875em;
	line-height: 1.8;
}
.end_area a{
	display: inline-block;
	text-align: left;
	font-size: 0.75em;
	position: relative;
}

.end_area a::after{
	content: "";
	display: inline-block;
	background-image: url("../images/phasefree/icon.png");
	background-position: center;
	background-size: 100%;
	width: 1em;
	height: 1em;
}
.pc{
  display: block;
}
.sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}