@charset "utf-8";


/*webフォント*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*全体の設定
---------------------------------------------------------------------------*/
html {scroll-behavior: smooth;}
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: 'Noto Sans JP', sans-serif;	/*フォント種類*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 16px;font-weight: normal;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: 100%;vertical-align: middle;}
img {pointer-events: none;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;height: 100%;}
video,audio {max-width: 100%;}


/*--マージンのスペース--*/
/*--上--*/
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt1em {margin-top:1em !important;}
.mt1em_p {margin-top:2em !important;}
.mt2em_p {margin-top:3em !important;}
.mt3em_p {margin-top:4em !important;}
.mt4em_p {margin-top:5em !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}

/*--左--*/
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}

/*--下--*/
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

/*--右--*/
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}


/*--改行--*/
.pc-sp {display:inline-block;line-height: 0 !important;;}
.pc90-sp {display:inline-block;line-height: 0 !important;;}
.pc76-sp {display:inline-block;line-height: 0 !important;;}
.pc48-sp {display:inline-block;line-height: 0 !important;;}
.sp-pc {display:none;line-height: 0 !important;;}
.sp90-pc {display:none;line-height: 0 !important;;}
.sp76-pc {display:none;line-height: 0 !important;}
.sp48-pc {display:none;line-height: 0 !important;;}


/*--align--*/
.tx_center {text-align: center !important;}
.tx_left {text-align: left !important;}
.tx_right {text-align: right !important;}

div.an-sp {margin-top:0;padding-top:0;}

/*--テキストカラー--*/
.tx_red {color:#FF0000 !important;}
.tx_blue {color:#004490; !important;}
.tx_link_blue {color:#0060ff;  !important;}

/*--テキスト装飾--*/
.bold {font-weight: 700;}

/*--アンダーライン--*/
span.tx_underline {border-bottom: solid 2px; padding-bottom: 2px;line-height: initial;}


/*--リンク--*/
a {
/*	display: inline-block;*/
	color: #0060ff;		/*リンクテキストの色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
	word-wrap: break-word;
}
a:hover {
	color: #fc9d10;			/*マウスオン時の文字色*/
	text-decoration: underline;
}

a.pdf:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 25px;
	margin: 0 0 0 5px;
	background-image: url('../images/logo_pdf.png');
	background-size: contain;
	vertical-align: middle;
}

p {
	margin: 0;
	font-size: 16px;
	line-height: 2;
}

header , #contents , footer {
	width: 100% ;
	max-width:1200px ;
	margin: 0 auto ;
	padding: 0;
}
header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	height: 60px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e9752c;
}

#header_logo {
	width: 420px;
	margin: 0 0 2px 0;
}
#header_logo .sitelogo a img {
	height: initial;
}

#contents {background: #ffffff;}



footer{
	text-align: center;
}
footer #ftnavi{
	padding: 18px 0 5px;
	border-top: solid 1px #e9752c;
}
footer #ftnavi a{
	font-size: 14px;
	line-height: 1;
	margin: 0 1em 0 0;
	color: #000000;
}
footer #ftnavi a:hover {color: #0060ff;}
footer #ftnavi a:last-child {margin: 0 .2em 0 0;}

footer #copyright{
	padding: 3px 0;
	font-size: 10px;
	color: #ffffff;
	background: #e9752c;
}



/* ボタン */
.btn_nav_box {
	display: block;
	margin: 40px auto 20px;
	text-align: center;
}


.btn_main01 {
	position: relative;
	display: block;
}
.btn_main01 a {
	position: relative;
	display:inline-block;
	margin-bottom: 2px;
	padding: 5px 34px 5px 15px;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 20px;
	background: #e9752c;
}
.btn_main01 a.pos_right {
	position: absolute;
	bottom: 0;
	right: 0;

}
.btn_main01 a.pos_left {
	position: absolute;
	bottom: 0;
	left: 0;

}
.btn_main01 a.pos_center {
	position: absolute;
	bottom: 0;
	left: 50%;

}

a.btn_main02 {
	position: relative;
	display:inline-block;
	margin-bottom: 2px;
	padding: 0px 44px 0px 15px;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 20px;
	background: #0060ff;;
}

.btn_navi .submit ,
.btn_navi a {
	position: relative;
	display:inline-block;
	margin-bottom: 2px;
	padding: 8px 50px;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 30px;
	background: #e9752c;
}
.btn_navi .submit{
	border: none;
	padding: 12px 50px;
}
.btn_main01 a:after {
	content: "";
	background-image: url('../images/mark_leave_room.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	position: absolute;
	top: 32.5%;
	right: 12px;
}
.btn_main01 a.pos_right:after {
	content: "";
	background-image: url('../images/mark_leave_room.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	position: absolute;
	top: 22.5%;
	right: 12px;
}

a.btn_main02:after {
	content: "";
	background-image: url('../images/mark_leave_room.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 17px;
	height: 14px;
	position: absolute;
	top: 32.5%;
	right: 14px;
}
a.btn_main02:hover ,
.btn_navi .submit:hover ,
.btn_navi a:hover ,
.btn_profile a:hover ,
.btn_main01 a:hover {
	text-decoration: none;
	background: #349dfc;
}


/* 下地色 */
.tp_bg_yel {
	padding: 15px 30px;
	border: 1px solid #545454;
}
.bg_yel {
	padding: 15px 30px;
	background: #fef9e8;
}


/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーグレーム設定（変更不要）*/
#pageTop {
	position: fixed;
	bottom: 40px;
	right: 2%;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 10px 20px;
	font-size: 24px;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 10px;
	background-color: rgb(97, 149, 235);
	filter: drop-shadow(0px 0px 8px #faf3be);
}
#pageTop a:hover {
	background-color: rgb(140, 180, 250, 0.8);
}




/*画面幅1200px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){
.pc-sp {display:none;line-height: 0 !important;;}
.sp-pc {display:inline-block;line-height: 0 !important;;}

header , #contents , footer {
	width: calc(100% - 30px) ;
	padding: 0 15px;
}



/*画面幅900px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
.pc90-sp {display:none;line-height: 0 !important;;}
.sp90-pc {display:inline-block;line-height: 0 !important;;}

} /* @media max 900px */





/*画面幅768px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
.pc76-sp {display:none;line-height: 0 !important;;}
.sp76-pc {display:inline-block;line-height: 0 !important;}


/* youtubeetc */


.bg_yt_channel {
	margin: 30px 0 0 0;
	background: url('../images/img_backgimg_yt.jpg') no-repeat;
}
.img_yt_channel {
	width: auto ;
	height: auto ;
	max-height: 240px ;
	padding: 0 22%;
}

.text_content {
	display: block;
	width: calc(100% - 535px) ;
	text-align: center;
}
.text_content span {
	display: inline-block;
	margin: 0 0 20px;
	font-size: 28px;
	color: #FF0000;
}


} /* @media max 768px */





/*画面幅540px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:540px){


} /* @media max 540px */





/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
.pc48-sp {display:none;line-height: 0 !important;;}
.sp48-pc {display:inline-block;line-height: 0 !important;;}

} /* @media max 480px */





/*画面幅425px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:425px){

} /* @media max 425px */





/*画面幅360px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:380px){
} /* @media max360px */