@charset "utf-8";

@font-face {
   font-family: MyWebFont;
   src: url('font/font01.woff') format("woff");
}

/*-------------------------------------------

    Element

-------------------------------------------*/
html{
	font-size: 62.5%;
}
body{
	font-family: Noto Sans Japanese, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.4rem;
	-webkit-font-smoothing: antialiased;
	color: #3e3a3a;
}

a:hover{
	opacity: 0.6;
}

.sukh{
    font-family: MyWebFont;
}

.inner{
	max-width: 1000px;
	margin: 0 auto;
}

#top{
	position: fixed;
	right: 50px;
	bottom: 50px;
	max-width: 40px;
}

.sp{
	display: none;
}

.sp_box{
	display: none;
}

sup {
vertical-align:text-top;
font-size: 10px;
}

/*-------------------------------------------

    Top - FV

-------------------------------------------*/
#fv h1{
    position: absolute;
    max-width: 50%;
    left: 0;
    right: 0;
    top: 57%;
    margin: auto;
    transform: translateY(-50%);
    z-index: 1;
}


/*-------------------------------------------

    Top - Title

-------------------------------------------*/
.top_ttl01{
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.2em;
	margin: 0 0 30px;
}
.top_ttl01 span{
	display: block;
	font-size: 1rem;
    letter-spacing: 0.3em;
    text-indent: 0.3em;
    transform: scale(0.7);
    transform-origin: center;
    margin: 7px 0 0;
}


/*-------------------------------------------

    Top - About

-------------------------------------------*/
#top_about{
	padding: 80px 20px;
	text-align: center;
}
#top_about h2{
	color: #293765;
}
#top_about p{
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: justify;
	font-weight: bold;
}

/*-------------------------------------------

    Top - News

-------------------------------------------*/
#top_news{
	background: #293765;
	padding: 80px 20px;
}
#top_news h2{
	color: #fff;
}
#top_news p{
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: justify;
	font-weight: bold;
}
#top_news dl{
	display: table;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
	padding: 15px 0 0;
}
#top_news dt{
	display: table-cell;
	vertical-align: top;
	width: 140px;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#top_news dd{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
#top_news dd a{
	color: #fff;
}

/*-------------------------------------------

    Top - License

-------------------------------------------*/
#top_license{
	background: #fff;
	padding: 80px 20px;
}
#top_license h2{
	color: #293765;
}

/*-------------------------------------------

    Top - License

-------------------------------------------*/
#top_seminar{
	background: #fff;
	padding: 0 20px 80px;
}
#top_seminar h2{
	color: #293765;
}



@media screen and (min-width:320px) and ( max-width: 767px) {
/*-------------------------------------------

    Element

-------------------------------------------*/
html{
	font-size: 62.5%;
}
body{
	font-family: Noto Sans Japanese, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.4rem;
	-webkit-font-smoothing: antialiased;
	color: #3e3a3a;
}

.sukh{
    font-family: MyWebFont;
}

.inner{
	max-width: 1000px;
	margin: 0 auto;
}

#top {
    position: static;
    max-width: 100%;
    background: #eaeaea;
    text-align: center;
}
#top a{
	display: block!important;
	opacity: 1!important;
	padding: 10px 0;
}
#top img{
	width: 24px;
}
.sp_box{
	display: block;
}

.sp{
	display: block;
}

/*-------------------------------------------

    Top - FV

-------------------------------------------*/
#fv h1{
    position: absolute;
    max-width: 80%;
    left: 0;
    right: 0;
    top: 292px;
    margin: auto;
    transform: translateY(-50%);
    z-index: 1;
}
#fv ul li img{
	width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right;
}

/*-------------------------------------------

    Top - Title

-------------------------------------------*/
.top_ttl01{
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    margin: 0 0 30px;
}
.top_ttl01 span{
	display: block;
	font-size: 1rem;
    letter-spacing: 0.3em;
    text-indent: 0.3em;
    transform: scale(0.7);
    transform-origin: center;
    margin: 7px 0 0;
}


/*-------------------------------------------

    Top - About

-------------------------------------------*/
#top_about{
	padding: 60px 15px;
	text-align: center;
}
#top_about h2{
	color: #293765;
}
#top_about p{
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: justify;
	font-weight: normal;
}

/*-------------------------------------------

    Top - News

-------------------------------------------*/
#top_news{
	background: #293765;
	padding: 60px 15px;
}
#top_news h2{
	color: #fff;
}
#top_news p{
	font-size: 1.3rem;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: justify;
	font-weight: bold;
}
#top_news dl{
    display: block;
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    padding: 15px 0 15px;
    border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
}
#top_news dt{
	display: block;
	vertical-align: top;
	width: 140px;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#top_news dd{
	display: block;
	vertical-align: top;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding: 5px 0 0;
}
#top_news dd a{
	color: #fff;
}

/*-------------------------------------------

    Top - License

-------------------------------------------*/
#top_license{
	background: #fff;
	padding: 80px 20px;
}
#top_license h2{
	color: #293765;
}

/*-------------------------------------------

    Top - License

-------------------------------------------*/
#top_seminar{
	background: #fff;
	padding: 0 20px 80px;
}
#top_seminar h2{
	color: #293765;
}

}