@charset "utf-8";
/*lecture_index_body--------------------------------------------------------------*/


body.lecture_index_body
{
	background 				: #333;
}
#lecture_index_wrapper
{
	padding 				: 3rem 3rem 5rem; 
	width 					: 100%;
	background 				: url("../images/common/base/index_bg.jpg") top center/cover no-repeat;
	min-height 				: 100vh; 
}


body.lecture_index_body #lecture_index_header
{
	background 				: #FFF;
    padding 				: clamp(1.5rem, 3vw, 2.5rem);
    margin-bottom 			: clamp(2rem, 3vw, 4rem);
}
body.lecture_index_body #lecture_index_header .h_logo,
body.contents_body #header .h_logo
{
    max-width : 90%;
    width: fit-content;
	margin 					: 0 auto; 
	display:block;
	text-decoration:none;
	color:#333;
}
body.lecture_index_body #lecture_index_header .h_logo > span,
body.contents_body #header .h_logo > span
{
	display 				: block;
}

body.lecture_index_body #lecture_index_header .h_logo > span span,
body.contents_body #header .h_logo > span span
{
	display:inline-block;
}
body.lecture_index_body #lecture_index_header .h_logo > span.name
{
	color: #222;
    font-size: clamp(3.2rem, 8vw, 5.3rem);
	letter-spacing: -.07em;
	line-height: 1.0;
	font-feature-settings : "palt" 1;
	font-weight 		: 400;
	margin-bottom 		:  .3rem; 
	
}
body.contents_body #header .h_logo > span.name
{
    font-optical-sizing: auto;
	color: #222;
    font-size: clamp(5rem, 7vw, 6.5rem);
	line-height: 1.0;
	font-weight 		: 600;
	font-feature-settings : "palt" 1;
	margin-bottom 		:  .3rem; 
	letter-spacing:-0.2rem;
}
body.contents_body #header .h_logo.traders_quest > span.name
{
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
	color: #222;
    font-size: clamp(4.3rem, 6vw, 6.8rem);
	letter-spacing: -.03em;
	line-height: 1.0;
}

body.lecture_index_body #lecture_index_header .h_logo > span.name em,
body.contents_body #header .h_logo > span.name em
{
	font-style: normal;
	font-weight 		: 800; 
	display:inline-block;
}


body.lecture_index_body #lecture_index_header .h_logo > span.sub_tag
{
	background 				: #222;
	color 					: #FFF;
	padding 				: .5em 1em;
	line-height 			: 1.0;
	max-width 				: 100%;
	margin 					: 0 auto;
	margin-bottom 			: .5rem;
    font-size 			: clamp(1.6rem, 3vw, 2rem);
}
body.contents_body #header .h_logo > span.sub_tag
{
	padding 				: .3em 1em;
	line-height 			: 1.3;
	max-width 				: 100%;
	margin 					: 0 auto;
	margin-bottom 			: .2rem;
    font-size 			: clamp(1.5rem, 3vw, 1.8rem);
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
body.contents_body #header .h_logo > span.sub_tag em
{
	font-style:normal;
	font-weight:bold;
}


body.lecture_index_body #lecture_index_header .h_logo > span.sub,
body.contents_body #header .h_logo > span.sub
{
    font-size 			: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 900;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:.5rem;
	margin-top:1rem;
	line-height:1.0;
	display:block;
}


#lecture_index_main .lecture_list dl,
#lecture_index_main .lecture_list dt,
#lecture_index_main .lecture_list dd
{
	padding 				: 0px;
	margin 					: 0px;
	list-style 				: none;
}

#lecture_index_main
{
	max-width 				: 1200px;
	margin 					: 0 auto;
	display: flex;
}
#lecture_index_main
{
	align-items: center;
}

#lecture_index_main .lecture_list
{
	display: flex;
	flex-flow: row wrap;
	gap:clamp(1.5rem, 2vw, 3rem);
}

#lecture_index_main .lecture_list a
{
	flex: 1 1 48%;
	width 			: 48%;
	line-height 	: 1.3;
	min-width: 300px;
	text-align: left;
	background 				: #FFF url("../images/common/base/bg_pattern03.gif") top -15px left 0px repeat-x; 
	padding 				: 2rem 2rem 4rem 2rem;
	border-radius 			: 3px;
	overflow 				: hidden;
	position: relative;
	text-decoration: none;
	color 					: #333;
	transition: all 0.5s ease;
}

#lecture_index_main .lecture_list.col_list,
#lecture_index_main .lecture_list.col_list a
{
	display: block;
}
#lecture_index_main .lecture_list
{
	max-width 				: 900px;
	margin 					: 0 auto; 
}
#lecture_index_main .lecture_list.col_list a
{
	width 					: 100%;
	margin-bottom 			: 2rem; 
}


#lecture_index_main .lecture_list a:hover
{
	background-color 				: #EEE; 
}


#lecture_index_main .lecture_list a:after
{
	content 				: "";
	background: url("../images/common/icon/btn_arr02_on.png") 0 0 /cover no-repeat;
	width 					: 30px;
	height 					: 30px;
	display: block;
	position: absolute;
	right 					: 2rem;
	bottom 					: 2rem;
}

#lecture_index_main .lecture_list a:hover:after
{
	background: url("../images/common/icon/btn_arr02.png") 0 0 /cover no-repeat;
}


#lecture_index_main .lecture_list a:before
{
	content 				: "01";
  font-family 				: "Jost", sans-serif;
  font-size 				:  clamp(10rem, 10vw, 20rem);
  position 					: absolute;
  display: inline-block;
  line-height 				: 1.0;
  right 					: 2rem;
  top 						: 0px;
  color 					: #EEE;
  	transition: all 0.5s ease;
	font-style: italic;
	font-weight: bold;
}
#lecture_index_main .lecture_list a:hover:before
{
	color 					: #888; 
}

#lecture_index_main .lecture_list a:nth-child(2):before
{
	content 				: "02" 
}
#lecture_index_main .lecture_list a:nth-child(3):before
{
	content 				: "03" 
}
#lecture_index_main .lecture_list a:nth-child(4):before
{
	content 				: "04" 
}
#lecture_index_main .lecture_list a:nth-child(5):before
{
	content 				: "05" 
}
#lecture_index_main .lecture_list a:nth-child(6):before
{
	content 				: "06" 
}
#lecture_index_main .lecture_list a:nth-child(7):before
{
	content 				: "07" 
}
#lecture_index_main .lecture_list a:nth-child(8):before
{
	content 				: "08" 
}
#lecture_index_main .lecture_list a:nth-child(9):before
{
	content 				: "09" 
}
#lecture_index_main .lecture_list a:nth-child(10):before
{
	content 				: "10" 
}


#lecture_index_main .lecture_list dt
{
	font-size 				: clamp(2.4rem, 5vw, 3rem);
	font-weight 			: bold;
	border-bottom 			: 1px #CCC solid;
	padding-bottom 			: .5em;
	margin-bottom 			: .5em;
	position: relative;
	z-index: 1;
}
#lecture_index_main .lecture_list dd
{
	position 				: relative;
	z-index 				: 2; 
}


/*opening_body--------------------------------------------------------------*/

.mail_body
{
	overflow: hidden;
}

#opening_body
{
	position: fixed;
	top: 0px;
	left: 0px;
	height 		: 100vh;
	height 		: 100dvh;
	background 	: #222;
	width 		: 100%;
	z-index 	: 5000;
	overflow: hidden;
	justify-content: center;
	align-items: center;
	display: flex;
}

#opening_body .opening_top
{
	position: absolute;
	top 			: 0px;
	left 			: 0;
	right 			: 0;
	margin 			: 0 auto;
	font-size 		: 8vw;
	color 			: #bd0000;
	font-size 			:  clamp(5rem, 8vw, 14rem);
	line-height 		: .8;
 	animation 			: OpnFeadAni03 1.2s ease-out 1.0s 1 forwards;
	opacity: 0;
	transform: translateY(-100%)
}

#opening_body .opening_bot
{
	position: absolute;
	bottom 			: -.2em;
	left 			: 0;
	right 			: 0;
	margin 			: 0 auto;
	font-size 		: clamp(12rem, 17vw, 32rem);
	color 			: #bd0000;
	line-height 		: .8;
 	animation 			: OpnFeadAni03 1.2s ease-out 1.0s 1 forwards;
	opacity: 0;
	transform: translateY(100%);
}

#opening_body .opening_bot br
{
	display: none;
}

#opening_body  .opening_catch
{
	color 			: #FFF;
	font-weight 	: 700;
	line-height 	: 1.4;
	z-index 		: 100;
	transform: translateY(-8%);
}

#opening_body  .opening_catch .tex01
{
	font-size 		: clamp(13rem, 20vw, 31rem);
	display 		: block;
	width: fit-content;
	position 		: relative;
	margin 			: 0 auto;
	line-height 	: 1.3; 
}

#opening_body  .opening_catch .tex01:before
{
 	content : "[";
	font-weight: normal;
 	animation 			: OpnFeadAni 0.5s ease-out 0.3s 1 forwards;
	transform 			: translateX(150%);
	display 			: inline-block;
	opacity 			: 0; 
	
}
#opening_body  .opening_catch .tex01:after
{
 	content : "]";
	font-weight: normal;
 	animation 			: OpnFeadAni 0.5s ease-out 0.3s 1 forwards;
	transform 			: translateX(-150%);
	display 			: inline-block;
	opacity 			: 0; 
}
#opening_body  .opening_catch .tex01 em
{
	transform 			: scale(6.0);
	display: inline-block;
 	animation 			: OpnFeadAni02 0.5s ease-out 1.0s 1 forwards;
}

@keyframes OpnFeadAni {
  100% {
    opacity: 1;
	transform 			: translateX(0%);
  }
}
@keyframes OpnFeadAni02 {
  100% {
    opacity: 1;
	transform 			: scale(1.0);
  }
}
@keyframes OpnFeadAni03 {
  100% {
    opacity: 1;
	transform 			: translateY(0%);
  }
}
@keyframes OpnFeadAni04 {
  100% {
  		color 			: #bd0000; 
  }
}
#opening_body  .opening_catch .tex01 em
{
	opacity 		: 0; 
}
#opening_body  .opening_catch .tex02
{
	font-size 			:  clamp(6rem, 14vw, 18rem); 
	display 		: block;
	width: fit-content;
	margin: 0 auto;
 	animation 			: OpnFeadAni03 0.5s ease-out 2s 1 forwards;
	opacity 			: 0;
	transform 			: translateY(-50%);
	line-height 		: 1.0; 
}
#opening_body  .opening_catch .tex02 br
{
	display: none;
}
#opening_body  .opening_catch em
{
	font-style: normal;
}


/*body--------------------------------------------------------------*/

html,
#content_ifr html
{
	font-size 		: 62.5%; 
}
body
{
	margin			: 0 auto;
	padding			: 0;
	font			: 2.0rem/1.8  "Jost",'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-weight 	: 400; 
	color			: #333;
	background		: #FFF;
	text-align		: center;
	-webkit-text-size-adjust		: 100%;
font-feature-settings: "palt";
	letter-spacing: .15rem;
	height: 100%;
}
body *
{
font-feature-settings: "palt";
}
body.contents_body
{
	background 			: #EEE; 
}
*
{
	box-sizing: border-box;
}

/*Opera用*/
html:first-child body
{
	font			: 2.0rem/1.8  "Jost",'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-weight 	: 400;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	padding         : 0;
}

img
{
	border			: 0;
	vertical-align  : top;
	max-width 		: 100%;
	height: auto;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: 1.6rem/1.6 'Noto Sans JP', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-weight 	: 400;
	text-align		: left;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #4D82C4; 
	text-decoration : underline;
}

a:hover,
a:active
{
	color           : #4D82C4; 
	text-decoration : none;
}
.en
{
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
}

/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	margin			: 0;
	padding			: 0;
	overflow 		: hidden;
}

/*▼header------------------------------------------------------------*/


#site_header
{
	max-width 			: 1000px;
	width 				: 90%;
	margin 				: 0 auto 2rem;
	position 			: relative;
}
body.contents_body #site_header
{
	background 			: #FFF;
	max-width 			: 100%;
	width 				: 100%;
	margin-bottom 		: 4rem; 
}
body.contents_body #site_header .site_header_inner
{
	padding-right 		: 0px;
	position: relative;
}

body.contents_body #site_header .h_logo
{
	text-align 			: center;
	padding 			: 1.5rem 0 1.0rem;
    max-width: 90%;
    width: fit-content;
	margin 				: 0 auto;	
}
body.contents_body #site_header .h_logo .en
{
	font-size 			: clamp(2.2rem, 5vw, 3.6rem);
	display: block;
	line-height 		: 1.0; 
}
body.contents_body #site_header .h_logo .en em
{
	color 				: #222;
}
body.contents_body #site_header .h_logo img
{
	width: 100%;
}
#site_header .site_header_inner
{
	padding-right 		: 40%; 
}
#header .h_logo
{
	padding 			: 4rem 0 5rem 0;
	text-align 			: left;
}





/*▼ハンバーガーメニュー--------------------------------------------------------*/

.hmenu
{
	background		: url("../images/common/base/index_bg.jpg") center center /cover no-repeat;
	padding			: 100px 4% 10%;
	margin			: 0;
	overflow		: auto;
 	-webkit-overflow-scrolling : touch;
	width			: 100%;
	height			: 100dvh!important;
	height 			: 100vh; 
	box-sizing		: border-box;
}
.menu
{
    position			: fixed;
    top					: 0px;
    left				: 0;
    width				: 100%;
    height				: 100%;
	-webkit-transition	: all 0.5s ease;
    -moz-transition		: all 0.5s ease;
    -o-transition		: all 0.5s ease;
	transition			: all 0.5s ease;
    visibility			: hidden;
    opacity				: 0;
	text-align 			: left
}
.md_open .menu
{
    visibility			: visible;
    opacity				: 1;
	z-index				: 800;
}


.menu-btn
{
	position			: fixed;
	padding				: 22px 18px;
	left 				: 0px;
	top 				: 0px; 
    width				: 70px;
    height				: 70px;
	background			: #222;
    cursor		 		: pointer;
	box-sizing	 		: border-box;
    z-index		 		: 2000;
}
.menu-btn img
{
	position	: absolute;
	bottom		: 6px;
	left		: 8px;
	width		: 30px;
	height		: auto;
}

.menu-trigger,
.menu-trigger span
{
	display					: inline-block;
	vertical-align 			: top;
	-webkit-transition		: all 0.5s ease;
    -moz-transition			: all 0.5s ease;
    -o-transition			: all 0.5s ease;
	transition				: all 0.5s ease;
	box-sizing				: border-box;
}
.menu-trigger
{
	position		: relative;
	display 		: block;
	height			: 100%;
}
.menu-trigger span
{
	position		: absolute;
	left			: 0;
	width			: 100%;
	height			: 1px;
	background 		: #fff;
}
.menu-trigger span:nth-of-type(1)
{
	top			: 0;
}
.menu-trigger span:nth-of-type(2)
{
	top			: 50%;
}
.menu-trigger span:nth-of-type(3)
{
	bottom		: 0;
}


/*ボタン開いた時*/

.md_open .menu-trigger span:nth-of-type(1)
{
	transform			: translateY(11px) rotate(-45deg);
}
.md_open .menu-trigger span:nth-of-type(2)
{
	opacity				: 0;
}
.md_open .menu-trigger span:nth-of-type(3)
{
	transform			: translateY(-13px) rotate(45deg);
}
.md_open .menu-trigger
{
	height			: 25px;
}
.sacbox
{
	display 		:none;
}
body.md_open
{
	overflow 		: hidden;
	height 			: 100%;
}
.hmenu .hm_title
{
	padding			: 12px 0;
	color			: #fff;
	font-size		: 22px;
	font-weight		: bold;
}
.hmenu ul,
.hmenu ul li
{
	margin			: 0;
	padding			: 0;
	list-style-type	: none;
}
.hmenu ul
{
	display 		: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap:1rem;
}
.hmenu ul li
{
	flex 				: 1 1 48%;
	width 				: 48%;
}
.hmenu ul li:first-child
{
	flex 				: 0 0 100%;
	width 				: 100%;
	text-align 			: center;
}
.hmenu ul li
{
	display: flex;
	flex-flow: column nowrap;
	flex-shrink: 1;
}


.hmenu ul li a
{
	padding 		: 2rem; 
	display			: block;
	color 			: #333;
	background 		: #FFF url("../images/common/icon/btn_arr02_on.png") top 50% right 2rem/ auto 20px no-repeat;
	text-decoration : none;
}
.hmenu ul li a:hover
{
	opacity 		: .6; 
}

#main_catch
{
	text-align 			: left;
}
#main_catch .sp_img
{
	display 			: none;
}
/*
#main_catch .pc_img
{
	position: fixed;
	width: 100%;
	top: 0;
	max-width 		: 1000px;
	z-index 		: -1; 
}
*/

#main_catch .pc_img ul,
#main_catch .pc_img li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
#main_catch .pc_img li
{
	position 			: absolute;
	z-index 			: -1; 
}
#main_catch .pc_img li:nth-child(1)
{
	right 				: 0px;
	top 				: 0px;
	width 			 	: 70%;
	transform 			: translateX(50%);
	
}
#main_catch .pc_img li:nth-child(2)
{
	left 				: 0px;
	top 				: 0px;
	width 				: 30%;
	transform 			: translate(-130%,40%);
}
#main_catch .pc_img li:nth-child(3)
{
	left 				: 0px;
	top 				: 0px;
	width 				: 56%;
	transform 			: translate(-108%,50%);
}
#main_catch .pc_img li:nth-child(4)
{
	right 				: 0px;
	top 				: 0px;
	width 			 	: 45%;
	transform 			: translate(95%,200%);
	
}

#main_catch .main_catch_inner .name_set
{
	position 			: relative;
	z-index 			: 100;
}

#main_catch .name
{
	width 				: 132%;
	margin-bottom 		: 2.5rem;
}
#main_catch .sns
{
	width 				: 90%;
	margin-bottom 		: 5rem; 
}
#main_catch .about_prf
{
	font-size 			: 1.6rem; 
	padding 			: 1rem 0 1rem 2.8rem; 
	border-left 		: 3px solid #222;
	font-weight 		: 500;
}

/*▼main------------------------------------------------------------*/

#main
{
	background 				: #FFF;
	padding 				: 3rem 2rem 4rem;
	text-align 				: left;
}
body.contents_body #main
{
	margin-bottom 			: 4rem; 
	padding 				: 4rem 5rem 4rem; 
}
.section_inner
{
	max-width 			: 900px;
	margin 			: 0 auto;
}

/*▼footer------------------------------------------------------------*/

#footer
{
	clear 				: both;
	background 			: #454545;
	position 			: relative;
	z-index 			: 100;
}
#footer #footer_inner
{
	width				: 1000px;
	margin				: 0 auto;
	padding				: 20px 0%;
	text-align			: left;
	position				: relative;
}
#footer .footer_logo a,
#footer .footer_logo_inner
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align 		: middle;
}
#footer .footer_logo_inner
{
	border-left 		: 1px #333 solid;
	border-right 		: 1px #333 solid;
	padding				: 1% 7% 3% 3%;
	margin-left			: 2%;
}
#footer .footer_logo_inner img
{
	margin-bottom		: 15px;
}

#footer ul.site_link_list,
#footer li.site_link_list li,
#footer ul.link_list,
#footer ul.link_list li
{
	margin				: 0px;
	padding				: 0px;
}
#footer ul.site_link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 10px;
}
#footer ul.site_link_list li a:hover
{
	opacity				: 0.9;
}

#footer ul.site_link_list
{
	position			: absolute;
	right				: 0px;
	top					: 35px;
}
#footer ul.link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	font-size			: 13px;
}
#footer ul.link_list li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-right		: 10px;
	color				: #EEEEEE;
}
#footer ul.link_list li a
{
	color 				: #EEEEEE;
}


#footer ul.link_list
{
	position			: absolute;
	right				: 0px;
	bottom				: 20px;
	width 				: 434px; 
}
#footer .copy
{
	background			: #FFF;
}
#footer .copy small
{
	font-size			: 1.4rem;
	color				: #333;
	font-style 			: normal;
	width				: 1000px;
	margin				: 0 auto;
	padding				: 0.5% 0px;
	text-align			: right;
	display				: block;
}

#footer .disclaimer_block
{
	background 			: #333333; 
	padding				: 1.7% 0px;
}


#footer .disclaimer_block_inner
{
	width				: 1000px;
	margin				: 0 auto;
		display 	 	: flex;
 	display 	 		: -ms-flexbox;
 	flex-flow 		 	: row wrap;
 	-ms-flex-flow 	 	: row wrap;
	justify-content 	: space-between;
 	-ms-flex-pack  		: justify;
}
#footer .disclaimer_block_inner .disc_item
{
	width				: 48%;
	color				: #EEE;
}
#footer .disclaimer_block_inner .disc_item .disc_title
{
	font-size			: 1.4rem;
	padding				: 10px 0px 10px 10px;
	border-left			: 1px #999 solid;
	margin-bottom		: 10px;
}
#footer .disclaimer_block_inner .disc_item .disc_cont
{
	font-size			: 1.4rem;
}
#footer .sns_link_small,
#footer .sns_link_small li
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}

#footer .sns_link_small
{
	position			: absolute;
	left				: 170px;
	bottom				: 30px;
}


#footer .sns_link_small li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: middle;
	margin-left			: 5px;
}
#footer .sns_link_small li:first-child
{
	border-right 		: 1px #CCC dotted;
	padding-right		: 15px;
	margin-right		: 5px;
}

#footer .sns_link_small li
{
	font-size			: 12px;
	color 				: #FFF;
}


#footer .sns_link_small li i
{
	color				: #FFF;
	font-size			: 18px;
}

#footer .sns_link_small li.facebook a:hover i
{
	color 				: #3b5998;
}

#footer .sns_link_small li.twitter a:hover i
{
	color 				: #5ea9dd;
}

#footer .sns_link_small li.google a:hover i,
#footer .sns_link_small li.youtube a:hover i
{
	color:#d95336;
}
#footer .sns_link_small li.insta a:hover i
{
	color:#c150cd;
}
#footer .sns_link_small li.line a:hover i
{
	color:#4ecd00;
}
#footer .sns_link_small li.mm a:hover i
{
	color:#F39;
}













/*1024以下の指定（タブレット）*/

@media screen and (max-width: 1024px) {





body
{
	min-width 		: 100%;
}
.section_inner
{
	width 		: 100%;
}
#wrapper
{
	border-top 		: 5px solid #333; 
}
body.contents_body #wrapper
{
	border-top: none;
}

#site_header
{
	margin-bottom 		: 0px;
}

.hmenu ul li:first-child,
.hmenu ul li
{
	flex 		: 1 1 100%;
	width 		: 100%;
	text-align 	: left;
}
.hmenu ul li a
{
	background-size 		: 20px auto; 
	padding-right 			: 50px; 
}


#header .h_logo
{
	max-width 		: 80%;
	padding 		: 3rem 0 3rem 0; 
}
#main_catch .pc_img
{
	display: none;
}
#main_catch .sp_img
{
	display: block;
	width 			: 110%;
	margin-left 	: -5%;
	margin-right 	: -5%; 
}
#main_catch .name_set
{
	padding 		: 2rem 2.5rem 2rem 2.5rem;
	width 			: 100%;
	background 		: #FFF;
	margin-top 		: -5rem;
	margin-left 	: -5%; 
	position 		: relative;
}
#main_catch .sns
{
	margin-bottom 	: 2rem; 
}
#site_header .site_header_inner
{
	padding-right 		: 0px; 
}
#main_catch .name
{
	width 				: 100%; 
}



/*▼footer------------------------------------------------------------*/

#footer #footer_inner,
#footer .disclaimer_block_inner
{
	width			: 90%;
    padding			: 3% 0%;
	margin-left 	: auto;
	margin-right 	: auto;

}
#footer .copy small
{
	width			: 100%;
	text-align		: center;
}


#footer .footer_logo_inner img
{
	width			: 80%;
	height 			: auto;
}

#footer ul.site_link_list,
#footer ul.link_list
{
	position		 	: static;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: bottom;
	text-align 			: center;
}

#footer ul.site_link_list
{
	width			: 45%;
}
#footer ul.link_list
{
	width 			: 54%;
	text-align 		: left;
}
#footer ul.site_link_list li
{
	width			: 45%;
}
#footer ul.site_link_list li img
{
	width			: 100%;
	height			: auto;
}

#footer .footer_logo_inner
{
	border-right	: none;
}

#footer .footer_logo a
{
	width				: 25%;
	text-align			: center;
}

#footer .footer_logo a img
{
	width				: 40%;
	height:auto;
}


#footer .footer_logo_inner
{
	box-sizing			: border-box;
	width				: 48%;
    padding				: 1% 3% 4% 3%;
	margin-left			: 0%;
}

#footer .sns_link_small
{
	left				: 28%;
	top					: 43%;
}
#footer ul.site_link_list li
{
	vertical-align 		: bottom;
	margin-left			: 2%;
	margin-right		: 0%;
}
#footer ul.link_list li
{
	vertical-align 		: bottom;
}
#footer .footer_logo
{
	margin-bottom		: 3%;
 	border-bottom 		: 1px #333333 solid;
 	padding-bottom		: 3%;
}

}


/*767以下の指定（スマホ横)*/
@media screen and (max-width: 767px) {

#lecture_index_wrapper
{
	padding 				: 2rem; 
}
#lecture_index_main .lecture_list a
{
	padding 				: 1.5rem 1.5rem 4rem;
}
#lecture_index_main .lecture_list a:after
{
	width 					: 25px;
	height 					: 25px; 
}
.menu-btn
{
	width 			: 60px;
	height 			: 60px; 
}


body,
html:first-child body
{
	font-size 			: 1.7rem; 
}



#opening_body .opening_catch
{
	transform: translateY(-15%);
}
#opening_body .opening_bot br,
#opening_body  .opening_catch .tex02 br
{
	display: inline;
}
#opening_body  .opening_catch .tex02
{
	text-align: left;
	line-height: 1.0;
}
#opening_body  .opening_catch .tex02 em
{
	font-size 		: 8rem; 
}

#main_catch .sp_img
{
	margin-left 			: -5%;
	margin-right 			: -5%;
	width 					: 110%; 
}

#header .h_logo
{
	max-width 			: 100%;
	width 					: 80%;
	padding 			: 2rem 0 2rem; 
}


body.contents_body #site_header .h_logo
{
	padding 			: 1.5rem 0 .3rem; 
}
body.contents_body #site_header
{
	margin-bottom 		: 3rem; 
}

#main_catch .name
{
	margin-bottom 		: 1.5rem; 
}
#main_catch .name_set
{
	padding 			: 1.5rem;
	width 				: 100%;
	margin-left 		: -5%; 
}
#main_catch .sns
{
	margin-bottom 		: 0px; 
}
#main_catch .about_prf
{
	padding 			: .5rem 0 .5rem 1.5rem;
	font-size 			: 1.4rem; 
}
#main
{
	padding 			: 2rem; 
}


body.contents_body #main
{

	padding 				: 3rem 2rem 4rem;
}


/*▼footer------------------------------------------------------------*/
#footer .footer_logo_inner img {
    width: 100%;
    height: auto;
}

#footer .footer_logo
{
	letter-spacing: -1em;
	overflow: hidden;
}
#footer .footer_logo a
{
	letter-spacing 		: normal;
	width				: 30%;
	text-align			: center;
}
#footer .footer_logo a img
{
	width				: 60%;
	height				: auto;
}



#footer .footer_logo
{
	margin-bottom		: 1.5%;
border-bottom: 1px #333333 solid;
padding-bottom			: 3%;
}




#footer .footer_logo_inner
{
	box-sizing			: border-box;
	width				: 68%;
    padding				: 1% 4% 1% 4%;
	margin-left			: 0%;
}

#footer .sns_link_small
{
	position:static;
	text-align:center;
	padding-bottom				: 1%;
	margin-bottom				: 4%;
border-bottom: 1px #333333 solid;
}

#footer ul.site_link_list li:first-child
{
	margin-left 		: 0px; 
}
#footer ul.site_link_list, #footer ul.link_list
{
	display:block;
	width				: 90%;
	margin				: 0 auto 3%;
	text-align: left;
}
#footer .disclaimer_block_inner .disc_item
{
	display				: block;
	width				: 100%;
	margin				: 0 auto 2rem;
}

#footer .copy small
{
	font-size			: 12px;
}


}






/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/