@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,500,700|Noto+Sans+JP:400,500,700,900&display=swap');

/* ----------------------------------------------------------------------------------------------------
*  reset
* --------------------------------------------------------------------------------------------------*/
/*====================================
RESET
======================================*/
html{overflow-y: scroll;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
blockquote, q {
    quotes:none;
}
h1, h2, h3, h4, h5, h6, p {margin:0; font-weight:normal; display:block; font-size: 100%;}
ul,li {list-style:none; padding:0;margin:0;}
dl,dt,dd {padding:0; margin:0;}
table,tr,td {border:0;padding: 0 ; margin:0;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
a {
  text-decoration:none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:focus {
  outline:none;
  cursor: pointer;
}
a:hover {cursor: pointer;}

input, textarea, select {
    vertical-align:middle;
}
button{
     background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

img {vertical-align:bottom; border:0; padding:0; margin:0;line-height:0; }
div {margin:0;padding:0;}

caption, th{
    font-weight: normal;
}


input,select,button,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0;
	font-family:inherit;font-size:inherit;font-weight:inherit;
}

*,*:after,*:before{
	box-sizing: border-box;
}



/* ----------------------------------------------------------------------------------------------------
*  基本
* --------------------------------------------------------------------------------------------------*/
html,body{
	height:100%;
	width:100%;
    position: relative;
}
html{
	font-size:62.5%;
    overflow-y: scroll;
}
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	text-align: left;
}
ul{letter-spacing: -0.4em;}
.android ul{letter-spacing: -1em;}
ul li{letter-spacing: normal;}


body a {
	text-decoration:none;
	color:#000;
}
body{
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6;
	font-family: 'Noto Sans JP', sans-serif;
	-ms-font-feature-settings: "normal";
	font-weight: 400;
	color: #323232;
	background: #fff;
	word-wrap: break-word;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
}
.en{
	font-family: 'Barlow Semi Condensed', sans-serif;
}
	img{
		/* width:100%; */
		height:auto;
	}	
@media screen and (min-width: 769px) {
	html,body{
		min-width: 1220px;
	}
}
@media screen and (max-width: 768px) {
	html{-webkit-overflow-scrolling: touch;}
	body{
		font-size: 1.2rem;
	}
	img{
		width:100%;
		height:auto;
	}	

}



a, a:hover span, .fade, .pull_btn{
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a:hover, a:hover img, .fade:hover, .pull_btn:hover{
	opacity: 0.6;
}

table{width: 100%;}


/*--読み込み時にtransitionが動作する問題--*/
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}

/* ----------------------------------------------------------------------------------------------------
*  汎用
* --------------------------------------------------------------------------------------------------*/
.wrap,
.content-inner02{
	width: 100%;
	margin: 0 auto;
	position: relative;
}

@media screen and (min-width: 769px) {
	.sp{display: none!important;}
	.wrap,
	.content-inner02{
		max-width: 1200px;
	}
}

@media screen and (max-width: 768px) {
	body{
		min-width: 100%;
	}
	article{
		width: 100%;
		line-height: 1.6;
		overflow-x: hidden;
	}
	.wrap,
	.content-inner02{
		width: 96%;
		margin: 0 2%;
	}
	.pc{
		display: none!important;
	}
}

.header-title {
    text-align: center;
}
.header-title h2{
	text-align: center;
}
.lead-text {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    margin-bottom: 70px;
    color: #000;
}
article section{
	padding: 80px 0 90px;
}
@media screen and (max-width: 768px) {
	.header-title {
	    width: 96%;
	    margin: 0 2%;
	}
	.lead-text {
	    font-size: 16px;
	    line-height: 1.5;
	    margin-bottom: 30px;
	}
	article section{
		padding: 50px 0 50px;
	}
}

/* ------------------------------
    clearfix
------------------------------ */
.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

/* ------------------------------
   float
------------------------------ */
.aligncenter{
    display:block;
    margin:0 auto;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}

/* ------------------------------
   text
------------------------------ */
.taC{text-align: center;}
.taR{text-align: right;}
.taL{text-align: left;}

.nowrap{
	display: inline-block;
	text-indent: 0;
}
.bold{font-weight: bold;}

.fsMS{font-size: 1.5rem!important; }
.fsS{font-size: 1.2rem!important; }

@media screen and (max-width: 768px) {
	.fsMS{font-size: 1.2rem!important;}
	.fsMSS{font-size: 1rem!important;}
	.fsS{font-size: 1rem!important;}
}
/* ------------------------------
   shadow
------------------------------ */
.shadow{
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);
}
@media screen and (max-width: 768px) {
	.shadow{
		box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2);
	}
}
/* ------------------------------
   bg
------------------------------ */
.bg_gr{
	background: #eeeff3;
}
/* ------------------------------
   text-color
------------------------------ */
.fc_bl{
	color: #3981b9;
}
.fc_or{
	color: #ff8119;
}
.fc_yl{
	color: #ffff00;
}


/* ------------------------------
    字下げ
------------------------------ */
.hang1, .hang1 li{
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.hang1h, .hang1h li{
	padding-left: 1.5em!important;
	text-indent: -1.5em!important;
}

/* ------------------------------
    余白
------------------------------ */
/* -------------
    margin
---------------- */
.mB_1{margin-bottom: 30px!important;}
.mB_2{margin-bottom: 20px!important;}
.mB_3{margin-bottom: 10px!important;}

@media screen and (max-width: 768px) {
	.mB_1{margin-bottom: 20px!important;}
	.mB_2{margin-bottom: 14px!important;}
	.mB_3{margin-bottom: 6px!important;}

}


/* ------------------------------
    padding
------------------------------ */
.pB_1{padding-bottom: 30px!important;}
.pB_2{padding-bottom: 20px!important;}
.pB_3{padding-bottom: 10px!important;}

.pT_1{padding-top: 30px!important;}
.pT_2{padding-top: 20px!important;}
.pT_3{padding-top: 10px!important;}

@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
	.pB_1{padding-bottom: 20px!important;}
	.pB_2{padding-bottom: 14px!important;}
	.pB_3{padding-bottom: 6px!important;}

	.pT_1{padding-top: 20px!important;}
	.pT_2{padding-top: 14px!important;}
	.pT_3{padding-top: 6px!important;}
}


/* foot 用*/
#fixnav.seminar_nav{
    background: #c1272d;
    padding: 0;
}
#fixnav.seminar_nav.bg_bl{
    background: #5e5d96;
}
#fixnav.seminar_nav a{
    display: block;
    text-align: center;
}
#fixnav.seminar_nav a:hover{
    opacity: 0.9;
}
#fixnav.seminar_nav a img{
    width: auto;
    max-width: 100%;
    margin: auto;
}
footer.foot_list{
    padding-bottom: 168px;
    background: #000069;
}
@media screen and (max-width: 768px) {
    footer.foot_list{
        padding-bottom: calc(169 / 750 * 100%);
    }
}