@charset "utf-8";

*{
	font-family:'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	font-size:20px;
	color:#333333;
	letter-spacing:0.5px;
	line-height:180%;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	vertical-align:bottom;
	}
	
h1 {
	font-weight:normal;
	}


a {
	}
a:hover {
    opacity: 0.6;
	}

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



.gotop{
	width:100px;
	height:100px;
    position:fixed;
    right:20px;
	bottom:0;
	background-color:#ffffff;
	text-align:center;
	}



.fadein {
	animation:fade-in 0.5s;
	animation-fill-mode:forwards;
	}
@keyframes fade-in {
	from{ opacity:0; }
	to  { opacity:1; }
	}



html {
	height:100%;
	overflow:auto;
	scroll-behavior:smooth;
	}
.section {
	scroll-margin-top:200px;
	}
	
body {
	margin:auto;
	width:100%;
    position:relative;
	}



/* head */
#hd {
	width:90%;
	height:100px;
	padding:0 5%;
    display:flex;
    align-items:center;
	}
.hd_l {
	width:40%;
	float:left;
	text-decoration:none;
	}
.hd_r {
	width:60%;
	text-align:right;
	float:right;
	}

/* menu */
.mnu {
	position:sticky;
	top:0;
	width:90%;
	height:100px;
	padding:0 5%;
	float:left; 
    display:flex;
    align-items:center;
	z-index:9000;
	background-color:#000000;
	}
.mn_bx_l {
	float:left;
	margin-right:20px;
	text-decoration:none;
	}
.mn_bx {
	float:left;
	margin-right:20px;
	text-decoration:none;
	}



/* contents */
.cts_bk01 {
	width:100%;
	background-color:#565656;
	}
.cts_bk01::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk02 {
	width:100%;
	background-color:#cfcfcf;
	}
.cts_bk02::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk03 {
	width:100%;
	background-color:#ffffff;
	}
.cts_bk03::after{
	content:"";
	display:block;
	clear:both;
	}
.cts_bk_inner {
	width:1000px;
	margin:0px auto 0px auto;
	min-height:100%;
	padding-top:200px;
	padding-bottom:200px;
	display:flow-root;
	}



.bx {
	width:100%;
	float:left;
	}

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

.grid2 {
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
	}
.grid3 {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:30px;
	}




/* footer */
.cts_fot {
	width:90%;
	background-color:#403737;
	margin:0 0%;
	padding:50px 5%;
	float:left;
	}
.fot_mnu01 {
	width:25%;
	margin:0px 0px 0px 0px;
	float:left;
	}
.fot_mnu02 {
	width:25%;
	margin:0px 0px 0px 0px;
	float:left;
	}
.fot_mnu03 {
	width:25%;
	margin:0px 0px 0px 0px;
	float:left;
	}
.fot_mnu04 {
	width:25%;
	margin:0px 0px 0px 0px;
	float:left;
	}
a.ft {
	width:100%;
	color:#ffffff;
	text-decoration:none;
	float:left;
	}

/* copy */
.fot_copy {
	width:100%;
	margin:30px 0px 0px 0px;
	float:left;
	}



/* form */
.form_line {
    width:60%;
    margin:0px 0px 10px 0px;
    padding:0% 20%;
    float:left;
    }
.form01 {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0% 0%;
    float:left;
    }
.form02 {
    width:100%;
    margin:0px 0px 0px 0%;
    padding:0% 0%;
    float:left;
    }
.form02 select {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2%;
    float:left;
    border:1px solid #dadada;
	background-color:#fffcf4;
	border-radius:10px;
	font-size:80%;
    }
.form02 input,
.form02 textarea{
	width:98%;
	padding:1%;
	float:left;
	border:1px solid #dadada;
	background-color:#fffcf4;
	border-radius:10px;
	font-size:80%;
	}
.form_line_center {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0% 0%;
    float:left;
	text-align:center;
    }
.form_line_center a {
	text-decoration:none;
	font-size:80%;
    }
.form_line_center .button {
    width:30%;
    margin:2% 0px 0px 35%;
    padding:2% 0%;
    float:left;
    background-color:#dadada;
    border:none;
	border-radius:10px;
    }
.form_line_center .button:hover {
    background-color:#cccccc;
    cursor:pointer;
    }



/* List */
.lis_line {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:2% 0%;
    float:left;
	border-bottom:1px dotted #000000;
    display:flex;
    align-items:center;
    }
.lis_l {
    width:30%;
    margin:0px 0px 0px 0px;
    padding:0% 0%;
    float:left;
    }
.lis_r {
    width:70%;
    margin:0px 0px 0px 0%;
    padding:0% 0%;
    float:left;
    }















/* Common */

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


/* Font */
.white {
	color:#ffffff;
	}
a .white {
	color:#ffffff;
	}
.color {
	color:#69c1bc;
	}
.center {
	text-align:center;
	}
.bold {
	font-weight:bold;
	}

.ft120 {
	font-size:120%;
	}
.ft110 {
	font-size:110%;
	}
.ft90 {
	font-size:90%;
	}
.ft80 {
	font-size:80%;
	}