/*==================================================
	Universal Reset
	Default Style
==================================================*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');
/*--------------------------------------------------
	Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,figure,figcaption{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}
ul,ol{
list-style:none;
}
/*--------------------------------------------------
	Default Style
--------------------------------------------------*/
body{
/*background:#fff;*/
color:#222;
font-size:16px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
/*line-height: 180%;*/
margin-bottom:0;
}
a:link{color:#003399; text-decoration:none}
a:visited{color:#003399; text-decoration:none}
a:active{color:#003399; text-decoration:none}
a:hover{color:#003399; text-decoration:underline}
.clrFix:after{
clear:both;
content:" ";
display:block;
height:0;
line-height:0;
opacity:0;
}
a:hover img{
opacity:0.8;
}
.spnone{
display:block;
}
.pcnone{
display:none;
}
/*---------------------------------------------------コンテンツ-----------------------------------------------------*/
#content .dot,
#contents .dot{ border:2px dotted #999999;	margin:0px 0px 30px 0px;	padding:20px 20px 20px 20px;}
h1 {	font-size: 12px;	color: #444444;	font-weight: normal;	}

.box {
	background: #ffffff;
	width: 100%;
	margin: 0 auto 0px auto;
	padding: 15px;
	border: 2px solid #000000;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
}

.box2 {
	background: #ffffff;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 30px;
	border: 3px solid #FF0000;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}
.box3{
	background: #ffffff;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 30px;
	border: 3px solid #0184FD;
	border-radius: 10px;
}



#wrap{
	width:960px;
	margin:10px auto;
}

#social_box{
	background:#FFE599;
	width:140px;
	padding:15px;
	margin-left:900px;
	text-align:center;
	position:fixed;
	bottom:200px;
	list-style-type:none;
}

#main{
	width:660px;
	float:right;
}

#side{
	width:300px;
	float:right;
}

/*--------------------------------------------------
	2020/6 Renewal
--------------------------------------------------*/
.inner{
position:relative;
margin:0 auto;
max-width:1080px;
}
#header{
background-color:#f5f6f0;
min-width:1080px;
}
#header .h1_sub{
color:#777777;
float:left;
font-size:62.5%;
line-height:1em;
padding-top:5px;
}
#header .header_menu{
float:right;
font-size:75%;
}
#header .header_menu li{
float:left;
line-height:20px;
margin-left:15px;
}
#header .header_menu li a{
background:url(../img/ico_head2.png) no-repeat left center;
padding-left:12px;
}
#header input[type=text]{
border:1px solid #555;
border-radius:3px;
box-sizing:border-box;
height:18px;
width:100px;
}
#header input[type=submit]{
background-color:#555;
border:none;
border-radius:3px;
box-sizing:border-box;
color:#fff;
font-size:12px;
height:18px;
margin-top:1px;
}
#header .logo{
clear:both;
margin:8px auto 0;
padding-bottom:14px;
text-align:center;
}
#header .contact_btn{
position:absolute;
right:0;
top:40px;
}
#header .contact_btn a{
background:url(../img/ico_link.png) no-repeat 10px center;
background-color:#ee0000;
border:1px solid #ee0000;
border-radius:3px;
box-sizing:border-box;
color:#fff;
display:block;
font-size:87.5%;
line-height:38px;
padding-left:15px;
text-align:center;
transition:all 0.3s linear;
width:150px;
}
#header .contact_btn a:hover{
background-color:#fff;
color:#ee0000;
text-decoration:none;
}
#header #menubtn,
#header .spnav{
display:none;
}

#glonav{
background-color:#202020;
border-bottom:2px solid #ee0000;
min-width:1080px;
}
#glonav .glonav_main{
display:table;
width:100%;
}
#glonav .glonav_main > li{
border-top:2px solid #202020;
border-bottom:2px solid #202020;
font-size:112.5%;
display:table-cell;
height:56px;
line-height:1em;
position:relative;
text-align:center;
transition:all 0.3s linear;
vertical-align:middle;
}
#glonav .glonav_main > li:hover{
border-bottom-color:#ee0000;
}
#glonav .glonav_main > li .glonav_op{
font-size:61.12%;
display:block;
line-height:1em;
margin-bottom:5px;
}
#glonav .glonav_main > li > a{
color:#fff;
display:block;
transition:all 0.3s linear;
}
#glonav .glonav_main > li > a:hover{
color:#ee0000;
text-decoration:none;
}
#glonav .glonav_sub{
background-color:#fff;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
display:none;
font-size:75%;
left:0;
padding:20px;
position:absolute;
top:58px;
transition:all 0.3s linear;
width:300px;
z-index:10;
}
#glonav .glonav_sub li{
text-align:left;
margin-bottom:10px;
}
#glonav .glonav_sub li:last-child{
margin-bottom:0;
}
#glonav .glonav_sub a{
color:#000;
}
#glonav .glonav_main > li:hover .glonav_sub{
display:block;
height:auto;
}
#glonav ~ table{
margin:20px auto 60px;
}
#contents{
margin-bottom:60px;
min-width:1080px;
padding-top:20px;
}
#contents #mainV{
float:left;
margin-bottom:45px;
width:800px;
}
#contents #mainV p{
line-height:1em;
margin-bottom:0;
}
#contents #mainBanner{
float:right;
width:260px;
}
#contents #mainBanner ul{
list-style:none;
margin-left:0;
margin-bottom:0;
}
#contents #mainBanner li{
line-height:1em;
margin-bottom:10px;
}
#contents h1{
background:url(../img/7.jpg) no-repeat left center;
background-size: 100% 100%;
font-size:150%;
font-weight: bold;
margin-bottom:30px;
padding:6px 35px;
}
#contents h2{
font-family:'Noto Serif JP',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:125%;
margin-bottom:30px;
text-align:center;
}
#contents p + h2,
#contents ul + h2,
#contents ol + h2{
margin-top:50px;
}
#contents h3{
font-size:112.5%;
font-weight: bold;
margin-bottom:30px;
}
#contents p + h3,
#contents ul + h3,
#contents ol + h3{
margin-top:40px;
}
#contents h4{
font-weight:bold;
margin-bottom:20px;
}
#contents .h2_op{
border-bottom:2px solid #ee0000;
display:inline-block;
padding:0 10px;
position:relative;
}
#contents .h2_op:before{
background:url(../img/ico_head2.png) no-repeat center center;
bottom:-2px;
content:" ";
display:block;
height:9px;
position:absolute;
left:-9px;
width:9px;
}
#contents .h2_sub{
margin-bottom:5px;
font-weight: bold;
text-align: center;
}
#contents p.h2_sub + h2{
margin-top:5px;
}
#contents p{
margin-bottom:20px;
}
#contents ul{
list-style-image:url(../img/ico_list.png);
margin-left:20px;
margin-bottom:20px;
}
#contents ul li{
margin-bottom:10px;
}
#contents ol{
margin-bottom:20px;
}
#contents dl{
margin-bottom:20px;
}
#contents dt{
font-weight:bold;
margin-bottom:5px;
}
#contents dd{
margin-bottom:5px;
}
#contents dd + dt{
margin-top:10px;
}
#contents .anchor_links{
display:table;
list-style: none;
margin-bottom:50px;
margin-left:0;
}
#contents .anchor_links li{
background: url("../img/ico_arrow_down.png") no-repeat left center;
display:table-cell;
padding:0 20px;
}
#contents .box01{
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
box-sizing: border-box;
float:left;
margin-bottom:20px;
padding:30px;
width:800px;
}
#contents .box01 h2{
font-weight: bold;
color:#ee0000;
}
#contents .box01 p{
text-align:center;
}
#contents .column_sub{
font-size:87.5%;
}
#contents .box02{
clear:both;
margin-bottom:40px;
padding:0 40px;
}
#contents .webseminar{
display:table;
margin-bottom:15px;
}
#contents .webseminar dt{
display:table-cell;
vertical-align:top;
width:320px;
}
#contents .webseminar dt img{
max-width: 100%;
}
#contents .webseminar dd{
display:table-cell;
padding-left:15px;
vertical-align:middle;
}
#contents .webseminar h4{
margin-bottom:10px;
color:#ee0000;
}
#contents .webseminar .webseminar_theme{
display: block;
margin-top: 10px;
}
#contents .webseminar .webseminar_ttl{
font-weight: bold;
color:#0000ee;
}
#contents .webseminar .webseminar_theme a{
padding-left:26px;
background:url("../img/ico_arrow_right.png") no-repeat left center;
}
#contents .news_date{
font-size:87.5%;
text-align:center;
}
#contents .movie{
float:left;
width:480px;
}
#contents .movielink{
border-collapse: collapse;
border-top:1px solid #CCCCCC;
border-right:1px solid #ccc;
font-size:75%;
line-height:1.5em;
list-style:none;
margin-bottom:30px;
margin-left:0;
width:100%;
}
#contents .movielink td{
background:url(../img/8-.gif) no-repeat 5px center;
background-color:#E1E2DC;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
box-sizing: border-box;
margin-bottom:0;
padding:5px 5px 5px 35px;
width:50%;
}
#contents .movielink td.current{
background:url(../img/8.gif) no-repeat 5px center;
background-color:#fff;
font-weight: bold;
}
#contents .banners{
text-align:center;
}
#contents .banners a + a{
margin-left:15px;
}
#contents .movietxt{
float:right;
width:570px;
}
#contents .box03{
background-color:#FFFFDD;
border:1px solid #FF6600;
margin-bottom:30px;
padding:20px;
}
#contents .box03 h3{
color:#FF6600;
position: relative;
text-align:center;
}
#contents .box03 .h3_sub{
color:#000;
font-weight:normal;
}
#contents .box03 .theme_num{
position:absolute;
left:0;
top:0;
font-weight:normal;
}
#contents .box03 h4{
background-color:#FF6600;
color:#fff;
padding:5px 10px;
}
#contents .box03 .inner_box{
float:left;
width:40%;
}
#contents .box03 .inner_box:last-child{
width:60%;
}
#contents .box03 p{
text-align: center;
vertical-align: middle;
}
#contents .box03 p img{
margin-left:10px;
vertical-align: middle;
}
#contents .box03 + h2{
margin-top:50px;
}
#contents .drawer_list{

}
#contents .drawer_list .sp_button{
display:none;
}
#contents .column_list{
list-style:none;
margin:0 0 30px;
}
#contents .column_list li{
background:url(../img/19-.gif) no-repeat left 10px;
border-top:1px dotted #cc9933;
padding:10px 0 10px 40px;
}
#contents .column_drawer{

}
#contents .column_drawer li{
display:none;
}
#contents .column_drawer.active li{
display:list-item;
}
#contents .column_drawer .sp_button{
background:none;
border:none;
display:list-item;
font-weight: bold;
padding:0 0 10px;
}
#contents .column_drawer .sp_button:after{
background: url("../img/ico_arrow_down.png") no-repeat right top;
content:" ";
display:inline-block;
height:1.25em;
transition: all 0.2s linear;
vertical-align: middle;
width:20px;
}
#contents .column_drawer.active .sp_button:after{
background-position: left bottom;
transform: rotate(180deg);
}
#contents .column_detail{
margin-bottom:30px;
padding:40px;
}
#contents .column_detail.chiebukuro{
background-color:#FFCCCC;
}
#contents .column_detail.jikuashi{
background-color:#DDEEEE;
}
#contents .column_detail.kokoro{
background-color: #FFEEBB;
}
#contents .column_title{
border-bottom:1px dotted #cc9933;
margin-bottom:20px;
padding-bottom:20px;
}
#contents .column_title h3{
background:url(../img/19-.gif) no-repeat left top;
margin-bottom:10px;
padding-left:36px;
}
#contents .column_title p{
margin-bottom:0;
}
#contents form{
background-color:#FFFFCC;
padding:40px;
}
#contents input[type="text"]{
border:1px solid #a5a5a5;
border-radius:5px;
box-sizing: border-box;
font-size:1em;
padding:5px;
width:100%;
}
#contents input[type="text"].smalltxt{
width:70px;
}
#contents textarea{
border:1px solid #a5a5a5;
border-radius:5px;
box-sizing: border-box;
font-size:1em;
padding:5px;
width:100%;
}
#contents select{
border:1px solid #a5a5a5;
box-sizing: border-box;
font-size:1em;
min-width: 200px;
padding:5px;
}
#contents .button{
text-align: center;
}
#contents button,
#contents input[type="button"],
#contents input[type="submit"]{
color:#fff;
background-color:#000;
border:none;
border-radius: 5px;
box-sizing:border-box;
font-size:1em;
padding:10px 20px;
cursor: pointer;
}
#contents .button a,
.button a{
background-color:#000;
border:1px solid #000;
border-radius: 5px;
color:#fff;
display:inline-block;
padding:10px 20px;
transition:all 0.2s linear;
}
#contents .button a:hover,
.button a:hover{
background-color:#fff;
color:#000;
text-decoration: none;
}
#contents .required{
color:#ee0000;
}
#contents .formbox{
width:100%;
}
#contents .formbox dt{
box-sizing: border-box;
clear:both;
float: left;
font-weight:normal;
width:15%;
text-align: left;
padding:10px 0;
vertical-align: top;
margin-top:0;
}
#contents .formbox dd{
box-sizing: border-box;
float:left;
width:85%;
padding:10px 0 10px 20px;
vertical-align: top;
}
#contents form p + h3{
margin-top:35px;
}
#contents .seminar_box{
padding:50px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
background-color:#fff;
margin-bottom:50px;
}
#contents .zeminar_step{
	list-style: none;
	margin:0 auto 50px;
	text-align: center;
}
#contents .zeminar_step li{
	border:1px solid #000;
	box-sizing: border-box;
	margin:65px auto;
	padding:30px;
	position:relative;
	width:670px;
}
#contents .zeminar_step li:first-child{
	margin-top:0;
}
#contents .zeminar_step li:before{
	background:url("../img/150416.jpg") no-repeat center center;
	content:" ";
	display:block;
	height:65px;
	left:0;
	position:absolute;
	top:-65px;
	width:100%;
}
#contents .zeminar_step li:first-child:before{
	content:none;
}
#contents .zeminar_step li.last:before{
	background-image:url("../img/150416-.jpg");
}
#contents .schedule_box{
border:2px solid #000;
margin-bottom:30px;
padding:30px 40px;
}
#contents .schedule_box + h2{
margin-top:50px;
}
#contents .schedule_box h3{
line-height:37px;
margin-bottom:20px;
}
#contents .schedule_box .program_ttl{
background:#000;
color:#fff;
padding:5px 10px;
margin-right:10px;
}
#contents .schedule_box .point{
color:#ff0000;
font-weight:bold;
}
#contents .schedule_box .schedule_table{
border-collapse: collapse;
width:100%;
}
#contents .schedule_box .schedule_table thead th:after{
background: url(../img/ico_arrow_down.png) no-repeat right top;
content: " ";
display: inline-block;
height: 1.25em;
transition: all 0.2s linear;
vertical-align: middle;
width: 20px;
}
#contents .schedule_box .schedule_table thead th:hover{
cursor:pointer;
}
#contents .schedule_box .schedule_table tbody{
display:none;
}
#contents .schedule_box .schedule_table tbody tr:nth-child(even){
background-color:#eeeeee;
}
#contents .schedule_box .schedule_table tbody td{
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px dotted #000;
padding:5px 10px;
}
#contents .schedule_box .schedule_table tbody tr:first-child td{
border-top:1px dotted #000;
}
#contents .center_table{
border-collapse: collapse;
margin:0 auto 50px;
}
#contents .center_table th{
border:1px solid #000;
font-weight:bold;
padding:5px 10px;
}
#contents .center_table td{
border:1px solid #000;
padding:5px 10px;
}

#footer{
background-color:#b2b2b2;
min-width:1080px;
padding:40px 0 30px;
}
#footer .inner{
box-sizing:border-box;
display:table;
padding:0 40px;
width:100%;
}
#footer #pagetop{
position:absolute;
right:0;
top:-90px;
}
#footer .footerbox{
display:table-cell;
vertical-align:top;
}
#footer .footer_link{
font-size:75%;
line-height:1em;
margin-bottom:20px;
}
#footer .footer_link li{
margin-bottom:20px;
}
#footer .footer_link a{
color:#fff;
}
#footer .footer_sub{
margin-top:10px;
}
#footer .footer_sub li{
float:left;
font-size:91.67%;
margin-bottom:10px;
width:180px;
}
#footer .footer_sub li:nth-child(2n+1){
clear:both;
}
#footer .footer_sub a{
color:#787878;
}
#copyright{
min-width:1080px;
}
#copyright p{
color:#b2b2b2;
font-size:75%;
text-align:center;
}