@charset "utf-8";


.pc {
	}
.sp {
	display:none;
	}


/* contents */
.cts {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.cts_bk01 {
	width:100%;
	margin:0px -500%;
	padding:100px 500% 150px 500%;
	float:left;
	background-color:#f5f5f5;
	z-index:1;
	position:relative;
	}

.cts_bk02 {
	width:100%;
	margin:0 -100%;
	padding:150px 100%;
	float:left;
	background-color:#f5f5f5;
	}

.cts_bk03 {
	width:100%;
	margin:0px -500%;
	padding:100px 500% 150px 500%;
	float:left;
	background-color:#ffffff;
	z-index:1;
	position:relative;
	}








.bx {
	width:100%;
	float:left;
	z-index:1;
	position:relative;
	}
.bx_middle {
	width:100%;
	float:left;
	display:flex; /* Flexboxを有効にする */
	align-items:center; /* 子要素を垂直方向の中央に配置する */
	}

.bx1000 {
	width:1200px;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}
.bx60 {
	width:60%;
	float:left;
	padding-left:20%;
	padding-right:20%;
	}

.bx80 {
	width:80%;
	float:left;
	padding-left:10%;
	padding-right:10%;
	}

.bx80_wh {
	width:80%;
	float:left;
	margin-left:10%;
	margin-right:10%;
	background-color:#ffffff;
	}


.bx120 {
	width:120%;
	margin-left:-10%;
	float:left;
	}

.color_bx {
	width:90%;
	float:left;
	padding:5%;
	background-color:#A9A9A9;
	}




.bx_l {
	width:50%;
	float:left;
	}
.bx_r {
	width:45%;
	float:right;
	}
.bx_r_top {
	width:55%;
	float:right;
	margin:0 -5% 0 -5%;
	}
.bx_r_img {
	width:85%;
	float:right;
	margin:0 -40% 0 0;
	}

.bx_l02 {
	width:30%;
	float:left;
	}
.bx_r02 {
	width:65%;
	float:right;
	}
.top_img_r_bx {
	width:45%;
    padding:0% 0% 0% 0%;
	margin:0 0 0 5%;
	float:left;
	z-index:100;
	position:relative;
	}

.bx2 {
	width:44%;
	margin:0 3% 0 3%;
	float:left;
	}
.bx3 {
	width:32%;
	margin:0 0% 0 1%;
	float:left;
	}
.bx5 {
	width:18%;
	margin:0 1% 0 1%;
	float:left;
	}





/* Common */
.top10 {
	margin-top:10px;
	}
.top15 {
	margin-top:15px;
	}
.top30 {
	margin-top:30px;
	}
.top50 {
	margin-top:50px;
	}
.top100 {
	margin-top:100px;
	}
.top100_pad {
	padding-top:100px;
	}
.top200 {
	margin-top:200px;
	}
.btm5 {
	margin-bottom:5px;
	}
.btm10 {
	margin-bottom:10px;
	}
.btm20 {
	margin-bottom:10px;
	}
.btm30 {
	margin-bottom:30px;
	}
.btm50 {
	margin-bottom:50px;
	}
.btm100 {
	margin-bottom:100px;
	}
.btm200 {
	margin-bottom:200px;
	}

.top-100 {
	margin-top:-100px;
	}
.top-50 {
	margin-top:-50px;
	}
.btm-80 {
	margin-bottom:-80px;
	}
.btm-50 {
	margin-bottom:-50px;
	}
.btm-20 {
	margin-bottom:-20px;
	}
.btm-10 {
	margin-bottom:-10px;
	}









p {
	margin-top:20px;
	}

.black {
	color:#333333;
	}
.white {
	color:#ffffff;
	}
a .white {
	color:#ffffff;
	}
.color {
	color:#ffff00;
	}

.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
.bold {
	font-family:"hiragino-kaku-gothic-pron", sans-serif;
	font-weight:600;
	font-style:normal;
	}
.ggl {
	font-family:"helvetica-lt-pro", sans-serif;
	font-weight:700;
	font-style:normal;
	}
.ggl02 {
	font-family:"helvetica-lt-pro", sans-serif;
	font-weight:400;
	font-style:normal;
	}


.bg_yellow {
	width:auto;
	padding-top:-5%;
	background-color:#ffff00;
	float:left;
	}



.ft40 {
	font-size:40%;
	}
.ft60 {
	font-size:60%;
	}
.ft80 {
	font-size:80%;
	}
.ft90 {
	font-size:90%;
	}
.ft120 {
	font-size:120%;
	}
.ft150 {
	font-size:150%;
	}
.ft200 {
	font-size:200%;
	}
.ft300 {
	font-size:300%;
	}
.ft300_yellow {
	font-size:300%;
	background:linear-gradient(transparent 55% , #ffff00 80%);
	background-color:#ffff00;
	}
.ft400 {
	font-size:400%;
	}


.line-height120 {
	line-height:120%;
	}
.line-height130 {
	line-height:130%;
	}
.line-height150 {
	line-height:150%;
	}