@charset "UTF-8";
/* ######################################################################################

　基本設定

###################################################################################### */
html { font-size: 10px; overflow-y:scroll;}

body { font-size: 1.6rem;  }

@media screen and (min-width: 768px) { html { font-size: 10px; }
	body { font-size: 1.6rem; } }
@media screen and (min-width: 992px) { html { font-size: 10px; }
	body { font-size: 1.6rem; } }
@media screen and (min-width: 1200px) { html { font-size: 10px; }
	body { font-size: 1.6rem; } }

body { background: #FFF; color: #FFF; font-family: 'Shippori Mincho',"游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

input, button, textarea, *:before, *:after { font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
p {margin: 0 0 1em; }
p:last-of-type { margin-bottom: 0; }
li {list-style: none;}
a {color: #FFF; }
a:hover img{ opacity: 0.7;}
a img{ transition: 0.3s;}

.serif { font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.sans { font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }
.alignM, .alignE { text-align: justify !important; text-justify: inter-ideograph !important; word-wrap: break-word !important; }
.alignM { -moz-text-align-last: justify !important; text-align-last: justify !important; }

img.alignright { float: right; margin: 0.5em 0 0.5em 1em; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }
img{max-width: 100%; height: auto; display: block;}

@media print, screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none !important; } }


/* =======================================================
　フレーム
========================================================== */
*[class*="contents"] {
    width: 100%;
    max-width: 390px;
}

.lead-section {
	background: url("../img/contents/bg_header.png") no-repeat top center;
	background-size: 390px auto;
}

.bg-cloud {position:relative;}
.bg-cloud:before {
    content:"";
    display:block;
    position: absolute;
    top:0;
    left:0;
    z-index:-10;
    width:100%;
    background:center top no-repeat;
    height:100%;
}
.bg-cloud.normal:before {background-image:url(../img/bg-body.png);}
.bg-cloud.red:before    {background-image:url(../img/bg-body_red.png);}
.bg-cloud.black:before    {background-image:url(../img/bg-body_black.png);}
.bg-cloud.yellow:before    {background-image:url(../img/bg-body_yellow.png);}
.bg-cloud.orange:before    {background-image:url(../img/bg-body_orange.png);}
@media print, screen and (min-width: 767px) {
    .bg-cloud:before {
        background-size:100% 100vh;
        background-attachment:fixed;
    }
}
@media print, screen and (max-width: 768px) {
    .bg-cloud:before {
        background-size:cover;
        background-size:auto;
        background-repeat:repeat-y;
    }
    .bg-cloud.normal:before {background-image:none;}
}

/*
red  #A23020
black #000000  85%
yellow #DED685 50%
orange  #E84133
*/



/*#Main::before {
	content: "";
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 390px;
	height: 100vh;
	background: url("../img/contents/bg_body_sp.png") no-repeat top center;
	background-size: 390px auto;
	z-index: -9999;}*/

.contentsBase .only-pc {
    display: none !important
}

@media print, screen and (min-width: 767px) {
}

/* =======================================================
　PC　背景設定 bg-sticky
========================================================== */

    .bg-sticky {
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
		z-index: -9999;
        background:url(../img/bg-body.png) no-repeat;
        background-size:cover;
    }
    /*
    .bg-sticky .col-left {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: calc(50% - 195px);
        background: url("../img/contents/bg_body01.png") top right no-repeat;
        background-size: cover;
    }
.bg-sticky .col-center::before {
          content: "";
		  position: fixed;
		  top: 0;
		  left: 50%;
		  transform: translateX(-50%);
		  width: 390px;
		  height: 100vh;
		  background: url("../img/contents/bg_body_sp.png") no-repeat top center;
		  background-size: 390px auto;
		  z-index: -1;
    }
    .bg-sticky .col-right {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: calc(50% - 195px);
        background: url("../img/contents/bg_body02.png") top left no-repeat;
        background-size: cover;
    }
*/