@charset "utf-8";

/*上書き・打消し
---------------------------------------------------------- */
body {
	background-color: #fff;
	color: #333;
}
.head_contents {
	position: relative;
	z-index: 10;
}
#container {
	font-size: 1.8rem;
	background-color: inherit!important;
}

p {
	line-height: 1.6;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	height: auto;
}

address {
	font-family: inherit;
}

footer {
	position: relative;
	z-index: 1;
	padding: 0;
}

.footer_simple{
	background-color: #ec79a0;
}

.footer_simple .copyright {
	color: #fff;
	font-weight: bold;
}

@media screen and (min-width: 751px) {
	body {
		width: 100%;
		min-width: 1080px;
	}
}

@media screen and (max-width: 750px) {
	#container {
		font-size: 1.6rem;
	}
	img {
		width: 100%;
	}
}

.u-padding-t-0 {
	padding-top: 0 !important;
}
.u-padding-r-0 {
	padding-right: 0 !important;
}
.u-padding-b-0 {
	padding-bottom: 0 !important;
}
.u-padding-l-0 {
	padding-left: 0 !important;
}

.u-bg-none {
	background: none !important;
}

.u-boxshadow-none {
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

.u-boxshadow-white {
	-webkit-box-shadow: 4px 4px 0px 0px #fff !important;
	        box-shadow: 4px 4px 0px 0px #fff !important;
}

.u-letter-spacing-0 {
	letter-spacing: 0 !important;
}

@media screen and (min-width: 751px) {
	.u-padding-t-0-pc {
		padding-top: 0 !important;
	}
	.u-padding-r-0-pc {
		padding-right: 0 !important;
	}
	.u-padding-b-100-pc {
		padding-bottom: 100px !important;
	}
	.u-padding-b-0-pc {
		padding-bottom: 0 !important;
	}
	.u-padding-l-0-pc {
		padding-left: 0 !important;
	}
	.u-letter-spacing-0-pc {
		letter-spacing: 0 !important;
	}
	
	.u-bg-none-pc {
		background: none !important;
	}

	.u-boxshadow-none-pc {
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}

	.u-boxshadow-white-pc {
		-webkit-box-shadow: 4px 4px 0px 0px #fff !important;
		        box-shadow: 4px 4px 0px 0px #fff !important;
	}

}

@media screen and (max-width: 750px) {
	.u-padding-t-0-sp {
		padding-top: 0 !important;
	}
	.u-padding-t-20-sp {
		padding-top: 20px !important;
	}
	.u-padding-r-0-sp {
		padding-right: 0 !important;
	}
	.u-padding-b-100-sp {
		padding-bottom: 100px !important;
	}
	.u-padding-b-0-sp {
		padding-bottom: 0 !important;
	}
	.u-padding-l-0-sp {
		padding-left: 0 !important;
	}
	.u-letter-spacing-0-sp {
		letter-spacing: 0 !important;
	}
	.u-bg-none-sp {
		background: none !important;
	}

	.u-boxshadow-none-sp {
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}

	.u-boxshadow-white-sp {
		-webkit-box-shadow: 4px 4px 0px 0px #fff !important;
		        box-shadow: 4px 4px 0px 0px #fff !important;
	}
}



/*フォントサイズ、行間、マージン、パディング追加
---------------------------------------------------------- */
.font31 {
	font-size: 3.1rem;
}

.font32 {
	font-size: 3.2rem;
}

.font33 {
	font-size: 3.3rem;
}

.font34 {
	font-size: 3.4rem;
}

.font35 {
	font-size: 3.5rem;
}

.font36 {
	font-size: 3.6rem;
}

.line-height-sm {
	line-height: 1.3;
}

.line-height-m {
	line-height: 1.6;
}

.line-height-l {
	line-height: 1.8;
}

.m-0-auto {
	margin: 0 auto;
}

.mt120 {
	margin-top: 120px;
}
.mt130 {
	margin-top: 130px;
}
.mt140 {
	margin-top: 140px;
}
.mt150 {
	margin-top: 150px;
}
.mt160 {
	margin-top: 160px;
}
.mt170 {
	margin-top: 170px;
}
.mt180 {
	margin-top: 180px;
}
.mt190 {
	margin-top: 190px;
}
.mt200 {
	margin-top: 200px;
}

.pt150 {padding-top: 150px;}

.pb150 {padding-bottom: 150px;}

@media screen and (min-width: 751px) {
	.pc_mr0   {margin-right: 0 !important;}
	.pc_mr5   {margin-right: 5px !important;}
	.pc_mr10  {margin-right: 10px !important;}
	.pc_mr15  {margin-right: 15px !important;}
	.pc_mr20  {margin-right: 20px !important;}
	.pc_mr25  {margin-right: 25px !important;}
	.pc_mr30  {margin-right: 30px !important;}
	.pc_mr35  {margin-right: 35px !important;}
	.pc_mr40  {margin-right: 40px !important;}
	.pc_mr45  {margin-right: 45px !important;}
	.pc_mr50  {margin-right: 50px !important;}
	.pc_mr55  {margin-right: 55px !important;}
	.pc_mr60  {margin-right: 60px !important;}
	.pc_mr65  {margin-right: 65px !important;}
	.pc_mr70  {margin-right: 70px !important;}
	.pc_mr75  {margin-right: 75px !important;}
	.pc_mr80  {margin-right: 80px !important;}
	.pc_mr85  {margin-right: 85px !important;}
	.pc_mr90  {margin-right: 90px !important;}
	.pc_mr95  {margin-right: 95px !important;}
	.pc_mr100 {margin-right: 100px !important;}
	
	.pc_ml0   {margin-left: 0 !important;}
	.pc_ml5   {margin-left: 5px !important;}
	.pc_ml10  {margin-left:10px !important;}
	.pc_ml15  {margin-left:15px !important;}
	.pc_ml20  {margin-left:20px !important;}
	.pc_ml25  {margin-left:25px !important;}
	.pc_ml30  {margin-left:30px !important;}
	.pc_ml35  {margin-left:35px !important;}
	.pc_ml40  {margin-left:40px !important;}
	.pc_ml45  {margin-left:45px !important;}
	.pc_ml50  {margin-left:50px !important;}
	.pc_ml55  {margin-left:55px !important;}
	.pc_ml60  {margin-left:60px !important;}
	.pc_ml65  {margin-left:65px !important;}
	.pc_ml70  {margin-left:70px !important;}
	.pc_ml75  {margin-left:75px !important;}
	.pc_ml80  {margin-left:80px !important;}
	.pc_ml85  {margin-left:85px !important;}
	.pc_ml90  {margin-left:90px !important;}
	.pc_ml95  {margin-left:95px !important;}
	.pc_ml100 {margin-left:100px !important;}
	
	.pc_pt150 {padding-top: 150px !important;}
	.pc_pt270 {padding-top: 270px !important;}
	
	.pc_pb150 {padding-bottom: 150px !important;}
	.pc_pb270 {padding-bottom: 270px !important;}
}

@media screen and (max-width: 750px) {
	.sp_font31 {
		font-size: 3.1rem;
	}
	.sp_font32 {
		font-size: 3.2rem;
	}
	.sp_font33 {
		font-size: 3.3rem;
	}
	.sp_font34 {
		font-size: 3.4rem;
	}
	.sp_font35 {
		font-size: 3.5rem;
	}
	.sp_font36 {
		font-size: 3.6rem;
	}
	
	.w40vw {
		width: 40vw;
	}
	.w45vw {
		width: 45vw;
	}
	.w50vw {
		width: 50vw;
	}
	.w55vw {
		width: 55vw;
	}
	.w60vw {
		width: 60vw;
	}
	.w65vw {
		width: 65vw;
	}
	.w70vw {
		width: 70vw;
	}
	.w75vw {
		width: 75vw;
	}
	.w80vw {
		width: 80vw;
	}
	.w85vw {
		width: 85vw;
	}
	.w90vw {
		width: 90vw;
	}
	.w95vw {
		width: 95vw;
	}
	.w100vw {
		width: 100vw;
	}
	
	.sp_pt5   {padding-top: 5px !important;}
	.sp_pt10  {padding-top:10px !important;}
	.sp_pt15  {padding-top:15px !important;}
	.sp_pt20  {padding-top:20px !important;}
	.sp_pt25  {padding-top:25px !important;}
	.sp_pt30  {padding-top:30px !important;}
	.sp_pt35  {padding-top:35px !important;}
	.sp_pt40  {padding-top:40px !important;}
	.sp_pt45  {padding-top:45px !important;}
	.sp_pt50  {padding-top:50px !important;}
	.sp_pt100  {padding-top:100px !important;}
	
	.sp_pr5   {padding-right:  5px !important;}
	.sp_pr10  {padding-right: 10px !important;}
	.sp_pr15  {padding-right: 15px !important;}
	.sp_pr20  {padding-right: 20px !important;}
	.sp_pr25  {padding-right: 25px !important;}
	.sp_pr30  {padding-right: 30px !important;}
	
	.sp_pb5   {padding-bottom: 5px !important;}
	.sp_pb10  {padding-bottom:10px !important;}
	.sp_pb15  {padding-bottom:15px !important;}
	.sp_pb20  {padding-bottom:20px !important;}
	.sp_pb25  {padding-bottom:25px !important;}
	.sp_pb30  {padding-bottom:30px !important;}
	.sp_pb35  {padding-bottom:35px !important;}
	.sp_pb40  {padding-bottom:40px !important;}
	.sp_pb45  {padding-bottom:45px !important;}
	.sp_pb50  {padding-bottom:50px !important;}
	.sp_pb100  {padding-bottom:100px !important;}

	.sp_pl5   {padding-left: 5px !important;}
	.sp_pl10  {padding-left: 10px !important;}
	.sp_pl15  {padding-left: 15px !important;}
	.sp_pl20  {padding-left: 20px !important;}
	.sp_pl25  {padding-left: 25px !important;}
	.sp_pl30  {padding-left: 30px !important;}
}
	
	
/*共通（ラップ、ブロック）
---------------------------------------------------------- */
.o-wrapper {
	width: 100%;
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
}

.o-footer-wrapper {
	width: 100%;
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}



@media screen and (min-width: 751px) {
	.o-block-150-pc {
		padding: 150px 0;
	}
	.o-block-140-pc {
		padding: 140px 0;
	}
	.o-block-130-pc {
		padding: 130px 0;
	}
	.o-block-120-pc {
		padding: 120px 0;
	}
	.o-block-110-pc {
		padding: 110px 0;
	}
	.o-block-100-pc {
		padding: 100px 0;
	}
	.o-block-90-pc {
		padding: 90px 0;
	}
	.o-block-80-pc {
		padding: 80px 0;
	}
	.o-block-70-pc {
		padding: 70px 0;
	}
	.o-block-60-pc {
		padding: 60px 0;
	}
	.o-block-50-pc {
		padding: 50px 0;
	}
	.o-block-40-pc {
		padding: 40px 0;
	}
	.o-block-30-pc {
		padding: 30px 0;
	}
	.o-block-20-pc {
		padding: 20px 0;
	}
	.o-block-10-pc {
		padding: 10px 0;
	}
}

@media screen and (max-width: 750px) {
	.o-wrapper,
	.o-footer-wrapper {
		padding-right: 3%;
		padding-left: 3%;
	}
	.o-block-100-sp {
		padding: 100px 0;
	}
	.o-block-90-sp {
		padding: 90px 0;
	}
	.o-block-80-sp {
		padding: 80px 0;
	}
	.o-block-70-sp {
		padding: 70px 0;
	}
	.o-block-60-sp {
		padding: 60px 0;
	}
	.o-block-50-sp {
		padding: 50px 0;
	}
	.o-block-40-sp {
		padding: 40px 0;
	}
	.o-block-30-sp {
		padding: 30px 0;
	}
	.o-block-20-sp {
		padding: 20px 0;
	}
	.o-block-10-pc {
		padding: 10px 0;
	}
}



/*共通
---------------------------------------------------------- */
.c-bg-main {
	position: relative;
	z-index: 10;
	width: 100%;
	background-color: #fff;
}
.c-display-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-justify-content-c {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.c-align-items-c {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.c-flex-1-1-0per {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}

.c-display-flex.x2 {
	margin: -30px 0 0 -30px
}

.c-display-flex.x3 {
	margin: -20px 0 0 -20px
}

.c-display-flex.x2 li {
	width: calc(50% - 30px);
	margin: 30px 0 0 30px;
}

.c-display-flex.x3 li {
	width: calc(33.3333% - 20px);
	margin: 20px 0 0 20px;
}

.c-color-yellow {
	color: #FFFF00;
	text-decoration: underline;
}
.c-text-link {
	color: #333;
	text-decoration: underline;
	transition: all .2s ease-in;
}
.c-text-link:hover {
	color: #ff0000;
}

.c-item-txt {
	padding: 14px 8px;
}

.c-headline-lv2 {
	position: relative;
	margin: 30px 0;
	padding: 38px 0 38px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 0;
}

.c-headline-lv2 h2 {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-size: 4rem;
	font-weight: 800;
	line-height: 1.3;
	color: #fff;
}

.c-headline-lv3 {
	padding: 30px 0 15px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
	font-family: "M PLUS Rounded 1c", sans-serif;
}

.c-icon-sun {
    display: inline-block;
	width: 45px;
	margin-right: 10px;
}

@media screen and (min-width: 751px){
	.c-display-flex-pc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.c-justify-content-c-pc {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.c-align-items-c-pc {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.c-flex-1-1-0per-pc {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0%;
		        flex: 1 1 0%;
	}
	
	.c-display-flex-pc.x2 {
		margin: -30px 0 0 -30px
	}

	.c-display-flex-pc.x3 {
		margin: -25px 0 0 -25px
	}

	.c-display-flex-pc.x2 li {
		width: calc(50% - 30px);
		margin: 30px 0 0 30px;
	}

	.c-display-flex-pc.x3 li {
		width: calc(33.3333% - 25px);
		margin: 25px 0 0 25px;
	}
	
	.c-text-link:hover {
		opacity: .7;
	}
	
	.c-headline-lv2{
	    background-image: url(../img/ttl_pc.png);
		background-color: #ec79a0;
		height: 120px;
	}
}

@media screen and (max-width: 750px) {
	.c-display-flex-sp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.c-justify-content-c-sp {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.c-align-items-c-sp {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.c-flex-1-1-0per-sp {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0%;
		        flex: 1 1 0%;
	}
	
	.c-display-flex.x2,
	.c-display-flex-sp.x2 {
		margin: -10px 0 0 -10px
	}
	
	.c-display-flex.x2 li,
	.c-display-flex-sp.x2 li {
		width: calc(50% - 10px);
		margin: 10px 0 0 10px;
	}
	
	.c-display-flex.x3 {
		margin: -10px 0 0 -10px;
	}
	
	.c-display-flex.x3 li {
		width: calc(33.3333% - 10px);
		margin: 10px 0 0 10px;
	}

	.c-headline-lv2 h2 {
		font-size: 3rem;
	}

	.c-headline-lv2{
	    background-image: url(../img/ttl_sp.png);
	}

	.c-headline-lv3 {
		padding: 25px 0 5px;
		font-size: 2.4rem;
	}
}



/*メインビジュアル
---------------------------------------------------------- */
.hero-container {
	width: 100%;
	height: auto;
	z-index: 0;
	color: #333;
}

.hero-container img {
	display: block;
    margin: 0 auto;
}

@media screen and (min-width: 751px) {
	.hero-block div{
	width: 900px;
   }
}

@media screen and (max-width: 750px) {
	.hero-container {
		height: auto;
	}
}

/*procedure
---------------------------------------------------------- */
.procedure {
	color: #333;
}
[class*="procedure-list"] li {
	padding: 5px 0 5px 1.3em;
	text-indent: -1.3em;
}
[class*="procedure-list"] li::before {
	content: '・';
	margin-right: 0.3em;
}
.procedure-list-01 li:nth-child(1)::before {
	content: '①';
}
.procedure-list-01 li:nth-child(2)::before {
	content: '②';
}
.procedure-list-01 li:nth-child(3)::before {
	content: '③';
}
.procedure-list-02 li::before {
	content: '・';
	font-weight: bold;
}
.procedure-list-03 li::before {
	content: '※';
}
.c-box-link {
	padding: 30px 0px;
	transition: all .2s ease-in;
	text-align: center;
	color: #fff;
	width: 65%; 
    margin: auto;
    border-radius: 100px;
	background-color: #54cca8;
	font-size: 3rem;
	line-height: 1.2;
	
}
.c-box-link:hover {
	background-color: #93f4d7;
	color: #fff;
}

@media screen and (min-width: 751px) {
	.procedure dl{
		width: 900px;
	}

}

@media screen and (max-width: 750px) {
	.c-box-link{
		width:100%;
		padding: 18px 0px;
		}
}

/*daily
---------------------------------------------------------- */
.daily-time {
	display: block;
	padding-bottom: 10px;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
}
.main_slider_box {
	max-width: 1100px;
	margin: 20px auto;
}
.slick-dots li button {
	background: #ffd6e5;
}
.slick-dots li.slick-active button {
	background: #f66fa0;
}

@media screen and (min-width: 751px) {
	.daily .c-display-flex-pc {
		flex-wrap: wrap;
	}
	.daily .c-item-txt {
		font-size: 1.6rem;
	}
	
}
@media screen and (max-width: 750px) {
	.daily-time {
		font-size: 2.8rem;
	}
	.daily .c-item-txt {
		font-size: 1.4rem;
	}

}

/*message
---------------------------------------------------------- */
.message-headline-lv3 {
	margin-bottom: 14px;
	padding: .5em 0 .3em;
	border-top: 5px solid #f0f0f0;
	border-bottom: 5px solid #f0f0f0;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
	color: #333;
	text-align: center;
}
.message-headline-lv3 .txt_s {
	font-size: .7em;
}

@media screen and (max-width: 750px) {
	.message-headline-lv3 {
		font-size: 3rem;
	}
}