@charset "UTF-8";
/*******************************

AdvantageCss

*******************************/
.page .mainimg {
	margin-bottom: 0;
    padding: 15vh 0;
	position: relative;
}
.page .mainimg.sub p {
    width: 100%;
    font-size: 250%;
    color: #fff;
    text-align: center;
    letter-spacing: .2em;
    margin-top: 100px;
}
section{
	margin-bottom: 0;
	padding-bottom: 0;
}
/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px) {
    .page .mainimg.sub p {
        font-size: 200%;
        margin-top: 50px;
    }
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    .page .mainimg {
        padding: 50px 0;
    }

    .page .mainimg.sub p {
        font-size: 150%;
        margin-top: 30px;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
    .page .mainimg {
        padding: 25px 0;
    }

    .page .mainimg.sub p {
        font-size: 100%;
        margin-top: 20px;
    }
	.page .mainimg .bg-img {
		height: 190px;
	}
	 section {
        margin-bottom: 0;
    }
}

/*-----------------------------
contents-list
-----------------------------*/
.contents-link li.current {
    background: url(../../img/link01.jpg) center center no-repeat;
    background-size: cover;
}


/*-----------------------------
sec01
-----------------------------*/
section.sec01 .h200 {
    padding-left: 3em;
    text-indent: -3em;
}

section.sec01-01 {
    padding-top: 50px;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    section.sec01 figure {
        margin-bottom: 80px;
    }
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
	section.sec01 figure {
        margin-bottom: 0;
    }
}

/*-----------------------------
sec02
-----------------------------*/
section.sec01-02 {
    position: relative;
    margin-bottom: 30px;
}

section.sec01-02 figure {
    /*width: 63%;
    margin-left: -20%;*/
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
}

section.sec01-02 .txt-wrap {
    margin-top: 50px;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    section.sec01-02 figure {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        position: static;
    }
}


/*-----------------------------
bg
-----------------------------*/
#youtube-area {
  width: 100%;
  height: 150%;
  position: relative;
	background: #444444;
}
#youtube-area:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
}
.bg{
	width: 100%;
	height: 100%;
}
.sec01-01,
.sec01-02,
.contents-link,
.breadcrumb,
footer{
	background: #fff;
}
section.sec01-01,
section.sec01-02{
	margin-bottom: 340px;
}
section.sec01-01{
	padding-bottom: 100px;
}
section.sec01-02{
	padding-bottom: 50px;
}

.contents-link{
	margin-top: 0;
	padding-top: 50px; 
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
	section.sec01-01,
	section.sec01-02{
		margin-bottom: 0;
		padding-bottom: 0;
	}
}