@charset "UTF-8";


/* --------------------------------------------------
	ブートストラップずれ調整
-------------------------------------------------- */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}


/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {/*color:#ff4300;*/ color:#0000ff;  text-decoration:none;}
a:hover {color:#ffb400; text-decoration:none;}
img {vertical-align:middle;}
a:hover img {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}
.img100{ max-width:100%; height:auto;}
p {margin:0 0 1em;}
dl,dt,dd {margin:0;}
figure {margin:0;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; line-height:1.5; font-weight:bold;}




/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body { width:100%;background-color:#fff; line-height:1.5; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;/*font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;*/  }
.wrap {
	overflow: hidden;
}



/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:10px; bottom:10px; line-height:1; cursor:pointer; z-index:100; background-color:rgba(236,28,36,0.9); padding:14px 14px 10px; text-align:center; color:#fff; font-size:14px; line-height:1; border-radius:300px;}
#backToTop .angle-up {display:block; width:25px; height:25px; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#backToTop em {display:block; margin-top:-7px;}
#backToTop:hover {background-color:#e68084;}



/* --------------------------------------------------
	 480px〜　big smart phone
-------------------------------------------------- */
@media print, screen and (min-width : 480px) {
	
/* --------------------------------------------------
	オリジナルブートストラップ（Big Smartphone）
-------------------------------------------------- */	
.col-bs-4 {width:33.33333333%; float:left;}
.col-bs-5 {width:41.66666667%; float:left;}
.col-bs-6 {width:50%; float:left;}
.col-bs-7 {width:58.33333333%; float:left;}
.col-bs-offset-1 {margin-left: 8.33333333%;}
.col-bs-push-6 {left: 50%;}
.col-bs-pull-6 {right: 50%;}
}

/* --------------------------------------------------
	 768px〜　tablet
-------------------------------------------------- */

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

/* --------------------------------------------------
	 992px〜　PC
-------------------------------------------------- */

@media print, screen and (min-width : 992px) {
	
body {margin-top:0;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {right:20px; bottom:20px;}
/* --------------------------------------------------
	フッター
-------------------------------------------------- */

}











/* --------------------------------------------------
	共通
-------------------------------------------------- */


.h-style01{line-height:1.5em; margin:15px 0 10px 0; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#333333;}
@media print, screen and (min-width : 768px) {
.h-style01{font-size: 250%; text-align:center; margin-bottom: 30px;}
}

.h-style02{line-height:1.5em; font-size:150%; letter-spacing:0.05em; font-weight:900; padding:10px 5px 0 5px; color:#333333;}
@media print, screen and (min-width : 992px) {
.h-style02{font-size: 180%;padding: 10px 100px 10px 100px;}
}

p{font-size:110%;line-height:1.5em;padding:5px;letter-spacing:0.15em;}

.p-style01{padding: 5px 5px;}
@media print, screen and (min-width : 992px) {
.p-style01{padding: 10px 120px;}
}

.p-point{margin:30px 50px 0px 50px;font-size: 100%; background: #4f729d; color: #FFFFFF; text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px;}
@media print, screen and (min-width : 992px) {
.p-point{margin:70px 300px 0px 300px;font-size: 130%; }
}

.tx-padding01{padding-top:15px;}
@media print, screen and (min-width : 768px) {
.tx-padding01{padding-top:30px;}
}

.tx-thin01{font-weight: 100; font-size: 90%;}
.tx-bold01{font-weight: bold; font-size: 120%;}
.tx-red01{color: #CC0000;}
.tx-blue01{color: #3366cc;}
.tx-right01{text-align: right; float: right;}
.tx-small01{font-size: 80%;}
.tx-small02{font-size: 50%; color:#333333;}
.tx-gray01{color: #666666;}
.tx-yellow01{/*background:#ff9900;*/margin: 5px 10px; font-size: 120%; padding:0 5px; color: #ff9900;}

.img-style01{}
@media print, screen and (min-width : 768px) {
.img-style01{padding: 10px 10px;}
}
@media print, screen and (min-width : 992px) {
.img-style01{padding: 10px 40px;}
}




/* --------------------------------------------------
	固定バナー
-------------------------------------------------- */
#floating-banner {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
	background: #999999;
}
 
#floating-banner img {
    max-width: 100%;
	text-align: center;
}

	
#floating-bannerpc {
    display: block;
    width: 150px;
    position: fixed;
    right:0;
    top: 40px;
    z-index: 9999;
}
	




/* --------------------------------------------------
	トップイメージ
-------------------------------------------------- */
.ct-mainimg{ background: linear-gradient(#062752, #4f729d); margin-bottom: 60px;}
@media print, screen and (min-width : 768px) {
.ct-mainimg{ margin-bottom: 100px;;}
}


/* --------------------------------------------------
	point1-5の注意書き
-------------------------------------------------- */
.p-pointex01{ text-align: center;}
@media print, screen and (min-width : 768px) {
.p-pointex01{padding: 50px 0px 20px 0;}
}
.tx-sekai01{font-size: 150%; color: #5eb2b6;}
.tx-sekai02{font-size: 150%; color: #e97672;}

/* --------------------------------------------------
	enhance for you 肌効果
-------------------------------------------------- */
.hadakouka01{ text-align: center;  background: linear-gradient(#7f8a89, #c3beb5); color: #FFFFFF;padding: 20px 0px 60px 0px;}
@media print, screen and (min-width : 768px) {
.hadakouka01{padding: 50px 0px 100px 0; margin: 60px 0 30px 0;}
}
@media print, screen and (min-width : 992px) {
.hadakouka01{padding: 50px 0px 100px 0; margin: 100px 0 30px 0;}
}

.h-hadakouka01{line-height:1.5em; margin:15px 0 10px 0; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#ffffff;}
@media print, screen and (min-width : 768px) {
.h-hadakouka01{font-size: 250%; text-align:center; margin-bottom: 30px;}
}



/* --------------------------------------------------
	よくある質問
-------------------------------------------------- */

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	font-size:110%;line-height:1.8em;letter-spacing:0.15em;
}

.cp_qa .cp_actab {
	padding: 15px 0 20px 0;
	border: 1px solid #cccccc;
	background: #f3f3f3;
	margin: 20px 5px;
}
.cp_qa label {
		color: #333333;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
}
.cp_qa .cp_actab-content {
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 15px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
@media print, screen and (min-width : 768px) {
.cp_qa .cp_actab-content {margin: 0 40px;}
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}





/* --------------------------------------------------
	サステナブル
-------------------------------------------------- */

.box-sustainable01{ }
@media print, screen and (min-width : 768px) {
.box-sustainable01{padding: 30px 0px 20px 0;}
}

.h-sustainable01{line-height:1.5em; font-size:150%; letter-spacing:0.05em; font-weight:900; padding:30px 5px 0 5px; color:#333333;}
@media print, screen and (min-width : 992px) {
.h-sustainable01{font-size: 150%;padding: 30px 5px 0 5px;}
}

/* --------------------------------------------------
	コピーライト＆リンク
-------------------------------------------------- */
.copyright-p01{text-align: center; padding: 30px 5px 150px 5px;font-size:110%;line-height:1.8em;padding:5px;letter-spacing:0.15em;}

.copyright-p01 a{text-decoration: none; color: #20479f;}
.copyright-p01 a:hover{text-decoration: none; color: #ff6666;}

@media print, screen and (min-width : 992px) {
.copyright-p01{ padding: 30px 5px 130px 5px;}
}