@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/

@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.ttf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.ttf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.ttf') format('truetype');
	font-weight: 500;
}

@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.ttf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.ttf') format('truetype');
	font-weight: 700;
}

@font-face {/*notosansブラック*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Black.ttf');
  src:
  url('../fonts/NotoSansJP-Black.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Black.woff') format('woff'),
  url('../fonts/NotoSansJP-Black.ttf') format('truetype');
	font-weight: 900;
}


/* Link
=========================================== */

a:link, a:visited {
	color: #363636;text-decoration: none;
}
a:hover, a:active {
	color:#363636;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#363636;text-decoration: none;
}

a img{transition: 0.3s;}
a:hover img {opacity:0.7;}


:focus{outline: none;}
/* 共通設定
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;}
html.showPage body{padding-top: 110px;}
body {
	background:url("../img/lp01/bg01.jpg") repeat center top #fff;background-attachment: fixed;background-size: cover;
	color:#363636;
	font-size:15px;
	line-height: 1.73;
	font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	font-weight: 700;
	 overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break: normal; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */
	
}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 900;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:600;color: #000000}

.wrap{width: 1100px;margin:0 auto;	position:relative;}

table{width:100%;}
img{max-width:100%;height:auto;}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

div#f-trigger {opacity: 0;position: absolute;left: 0;top: 90px;z-index: -20;}

.m-wrpper{width: 375px;background: #fff;margin: 0 auto;}

/*共通見出し設定*/


/*共通ボタン設定*/

.btn01{width: 100%;height: 80px;}
.btn01 a{width: 100%;height: 80px;margin: 0 auto;display: table;text-decoration: none;}
.btn01 a > span{display: table-cell;text-align: center;vertical-align: middle;border-radius: 50px;font-weight: 900;font-size: 22px;color: #fff;background: url("../img/lp01/btn-arrow.svg") no-repeat center right 15px #FF4E80;box-shadow: 0 10px 0 #B72056;transition: 0.3s;}

.btn01 a:hover{padding-top: 10px;}
.btn01 a:hover > span{box-shadow: 0 0 0 #B72056;}

/*スライダー　ふわっ*/
div#slider01{opacity: 0;transition: opacity .3s linear;}
div#slider01.slick-initialized{opacity: 1;}



/*font*/
.goth{font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

/* header */
/*-------------------------------------------*/




/* メインビジュアル */
/*-------------------------------------------*/

/* contents */
/*-------------------------------------------*/
.bg-blue{background: #F5F9FF;}


/* footer */
/*-------------------------------------------*/


/* OTHER
=========================================== */
.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#951010;}
.blue {color:#0181C0;}
.yellow{color:#FFDE00;}
.orange{color:#FC7801;}
.green{color:#00B561;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}



.sp{display:none!important;}

