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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
*{
  margin:0;
  padding: 0;
}
html{ font-size: 62.5%; }

body {
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";/*weight:400,700*/
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #FFF;
	line-height:1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;/* safari:transitionでテキストが細くなる対策 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

img{
	width: 100%;
	height: auto;
}

a{
	text-decoration: none;
	outline: none;
	transition-duration: 0.5s;
	transition-property: opacity, color;
}

a:hover{
	text-decoration: none;
	color: #FFF;
	opacity: 0.7;
}

/*----DWナビゲート用----*/
.Aover{}
.pc{}
.sp{}
.img-switch{}
.flex_cards {}

/*ページトップ*/
.SmoothScroll_pageTop{
    text-align:right;
    position: fixed;
    bottom: 3%;
    right: 5%;
	z-index: 9999;
    display: none;
}
.SmoothScroll_pageTop a{
    display:inline-block;
    background-color:rgba(100, 100, 100, 0.4);
    padding:10px 20px;
    margin:10px 0;
    color:#FFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.SmoothScroll_pageTop a::before{
    font-family:FontAwesome;
	content: "\f077";
    margin-right:5px;
}
.SmoothScroll_pageTop a:hover{
    background-color:rgba(100, 100, 100, 0.6);
}
.SmoothScroll_pageTop a{
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        width:50px;
        height:50px;
        padding:0;
        text-align:center;
        line-height:50px;
}
.SmoothScroll_pageTop a::before{
        margin-right:0;
}
.SmoothScroll_pageTop a span{
        display:none;
}


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	.sp{
		display: none!important;
	}

	#wrapper {
		width: 100%;
		overflow: hidden;
	}
	
	header {
		width: 100%;
		padding-top: 3.33vw;
		position: relative;
		background: url("../images/main_bg.png") no-repeat #000;
		background-size: 100%;
		background-position: top;
		line-height: 0;
		position: relative;
	}
	
	header h1{
		width: 20.66%;
		float: right;
		margin-right: 3vw;
		margin-bottom: 4vw;
		overflow: hidden;
	}
	
	header h1 + p{
		width: 100%;
		margin-bottom: 8.66vw;
	}
	
	header p + p{
		width: 62.1%;
		margin: 0 auto;
		margin-bottom: 6vw;
	}
	
	header a.movie_btn{
		width: 8.33%;
		display: block;
		position: absolute;
		top: 63.1vw;
		right: 12.5vw;
		z-index: 5;
	}
	

	
	article {
	}
	
	section {
		width: 100%;
	}
	
	section#s01 {
		background: url("../images/s01_bg_pc.png") no-repeat #FFFFE7;
		background-size: 100%;
		background-position: top;
		padding-bottom: 6.5vw;
	}
	
	section#s01 div.block01{
		width: 100%;
		height: 83vw;
		position: relative;
	}
	
	section#s01 div.block01 p{
		width: 30.83vw;
	}
	
	section#s01 div.block01 p.text01{
		position: absolute;
		top: 16.4vw;
		left: 8vw;
	}
	
	section#s01 div.block01 p.text02{
		position: absolute;
		top: 28.5vw;
		left: 62.75vw;
	}
	
	section#s01 div.block01 p.text03{
		position: absolute;
		top: 57.75vw;
		left: 3.1vw;
	}
	
	section#s01 div.block01 p.text04{
		position: absolute;
		top: 56.8vw;
		left: 60.1vw;
	}
	
	section#s01 div.block02,
	section#s01 div.block03{
		line-height: 0;
	}
	
	section#s01 div.block02 h2{
		width: 29.16vw;
		margin: 0 auto;
	}
	
	section#s01 div.block02 p.img{
		width: 83.25vw;
		margin: 0 auto 13.16vw;
	}
	
	section#s01 div.block03 h2{
		width: 66.6vw;
		margin: 0 auto 9.25vw;
	}
	
	section#s01 div.block03 p{
		width: 56.66vw;
		margin: 0 auto;
	}
	
	section.point {
		overflow: hidden;
		position: relative;
	}
	
	section.point span.bg01{
		width: 19vw;
		position: absolute;
		top: 18.9vw;
		right: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg02{
		width: 45.6vw;
		position: absolute;
		bottom: 0;
		right: 8.5vw;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg03{
		width: 16.1vw;
		position: absolute;
		top: 25.5vw;
		right: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg04{
		width: 20vw;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	section.point div.section_inner{
		width: 83.33%;
		margin: 0 auto;
		padding: 1.6vw 0 5.8vw;
		position: relative;
	}
	
	section.point div.section_inner h2{
		width: 61.8vw;
		margin: 2.5vw 0 3.1vw;
	}
	
	section.point div.icon{
		width: 11.8vw;
		position: absolute;
		top: 1.6vw;
		right: 1.6vw;
		z-index: 5;
	}
	
	section.point div.section_inner ul.block{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	section.point div.section_inner ul.block li{
		width: 43%;
	}
	
	section.point div.section_inner ul.block li.img01{
		padding-top: 23vw;
	}
	
	section.point div.section_inner ul.block li:last-child{
		width: 53%;
		padding-top: 7.5vw;
	}
	
	section.point div.section_inner ul.block li h3{
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.4;
		color: #1D60C4;
		margin-bottom: 1.5vw;
	}
	
	section.point div.section_inner ul.block li p{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.8;
		color: #333;
	}
	
	section.point div.section_inner ul.block li p.not{
		width: 38.5vw;
		max-width: 462px;
		line-height: 0;
		margin-bottom: 2.2vw;
	}
	
	section.point div.section_inner ul.block li p.cap{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-top: 1em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section.point div.section_inner h4 {
		width: 100%;
		margin: 2.9vw 0 0.6vw;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 {
		width: 96%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		list-style: none;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 li{
		width: 15vw;
	}
	
	section.point div.section_inner ul.block02 li.photo03{
		width: 46.66%;
	}
	
	section.point div.section_inner ul.block02 li dl{
		width: 100%;
	}
	
	section.point div.section_inner ul.block02 li dl dt{
		width: 100%;
		margin-bottom: 1.75vw;
	}
	
	section.point div.section_inner ul.block02 li dl dt ul{
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		list-style: none;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 li dl dd{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		color: #333;
	}
	
	section.point div.section_inner ul.block02 li.arrow{
		width: 5.2vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	section.point div.section_inner ul.block02 li.arrow img{
		width: 31%;
	}
	
	section.point div.section_inner div.img02{
		max-width: 1425px;
		margin: 9vw auto 12.5vw;
	}
	
	section.point div.section_inner h5.document{
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		color: #000;
	}
	
	section.point div.section_inner h5.document span.text{
		display: inline-block;
		position: relative;
		padding-bottom: 3px;
	}
	
	section.point div.section_inner h5.document span.text::before{
		width: 100%;
		border-top: 2px solid #000;
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
	}
	
	section.point div.section_inner h5.document span.text::after{
		width: 18px;
		height: 10px;
		background: url("../images/document_arrow.png") no-repeat;
		background-size: cover;
		line-height: 0;
		content: "";
		position: absolute;
		bottom: -9px;
		left: -webkit-calc(50% - 9px);
		left: -moz-calc(50% - 9px);
		left: calc(50% - 9px);
	}
	
	section.point div.section_inner ul.document{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		margin: 5vw 0 10vw;
	}
	
	section.point div.section_inner ul.document li{
		width: 18%;
	}
	
	section.point div.section_inner ul.document li:last-child{
		width: 25.7%;
	}
	
	section.point div.section_inner ul.document li a{
		display: block;
	}
	
	section.point div.section_inner ul.document li a.dl_btn{
		width: 100%;
		max-width: 180px;
		margin: 20px auto 0;
	}
	
	section.point div.section_inner h5.campaign{
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		color: #000;
		margin-bottom: 1.2vw;
	}
	
	section#qa {
		padding: 180px 0 60px;
		background: #00284C;
		position: relative;
		overflow: hidden;
	}
	
	section#qa span.q_a{
		width: 278px;
		position: absolute;
		top: 0;
		left: -webkit-calc(50% - 139px);
		left: -moz-calc(50% - 139px);
		left: calc(50% - 139px);
	}
	
	section#qa div.section_inner{
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	section#qa div.section_inner h2{
		font-size: 30px;
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1.4;
		color: #FFF;
		text-align: center;
		margin-bottom: 30px;
	}
	
	section#qa div.section_inner dl + h2{
		margin-top: 120px;
	}
	
	section#qa div.section_inner dl{
		width: 100%;
		margin-bottom: 50px;
	}
	
	section#qa div.section_inner dl dt{
		width: 100%;
		display: block;
		margin-bottom: 35px;
		padding: 20px 0 20px 110px;
		overflow: hidden;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.5;
		color: #00284C;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		background: url("../images/qa_q.png") no-repeat #FFF;
		background-position: 40px 20px;
		background-size: 30px;
	}
	
	section#qa div.section_inner dl dd{
		width: 90%;
		display: block;
		margin: 0 auto;
		padding: 0 0 0 35px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.8;
		color: #FFF;
		background: url("../images/qa_a.png") no-repeat;
		background-position: 0 5px;
		background-size: 20px;
	}
	
	footer {
		width: 100%;
		background: #FFF;
		padding: 40px 0;
		position: relative;
		font-size: 1.0rem;
		color: #333;
	}
	
	footer div.f_logo{
		width: 357px;
		margin: 0 auto 20px;
		line-height: 0;
	}
	
	footer small{
		text-align: center;
		padding: 0;
		line-height: 1.4;
    }
	
	ul.nav.pc {
		width: 100%;
		padding: 25px 0;
		background: url("../images/contact_bg.png") repeat;
		background-size: 438px 116px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		list-style: none;
		line-height: 0;
	}
	
	ul.nav.pc li:first-child{
		width: 63.2%;
		max-width: 632px;
		margin-right: 70px;
	}
	
	ul.nav.pc li:nth-child(2){
		width: 22.5%;
		max-width: 270px;
	}
	
	ul.nav.pc li:nth-child(2) a{
		display: block;
		line-height: 0;
		margin-bottom: 4px;
	}
	
	ul.nav.pc li:nth-child(2) p{
		width: 75%;
		margin: 0 auto;
		line-height: 1.1;
	}
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	.pc{
		display: none!important;
	}
	
	#wrapper {
		width: 100%;
		overflow: hidden;
	}
	
	header {
		width: 100%;
		padding-top: 10vw;
		position: relative;
		background: url("../images/main_bg.png") no-repeat #000;
		background-size: 100%;
		background-position: top;
		line-height: 0;
	}
	
	header h1{
		width: 53.33%;
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 11.73vw;
	}
	
	header h1 + p{
		width: 100%;
		margin-bottom: 21.06vw;
	}
	
	header p + p{
		width: 85.6%;
		margin: 0 auto;
		margin-bottom: 14.93vw;
	}
	
	header a.movie_btn{
		width: 15%;
		display: block;
		position: absolute;
		top: 152vw;
		right: 5vw;
		z-index: 5;
	}
	
	header ul.sp{
		width: 100%;
		margin: 10.4vw 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		line-height: 0;
	}
	
	header ul.sp li{
		width: 50%;
		padding: 0 5.5vw;
		margin-bottom: 10vw;
	}
	
	header ul.sp li span{
		width: 10.1vw;
		display: block;
		margin: 0 auto 1vw;
	}
	
	article {
	}
	
	section {
		width: 100%;
	}
	
	section#s01 {
		background: url("../images/s01_bg_sp.png") no-repeat #FFFFE7;
		background-size: 100%;
		background-position: top;
		padding-bottom: 10.5vw;
	}
	
	section#s01 div.block01{
		width: 100%;
		height: 278vw;
		position: relative;
		overflow: hidden;
	}
	
	section#s01 div.block01 p{
		width: 73.6vw;
	}
	
	section#s01 div.block01 p.text01{
		position: absolute;
		top: 24.66vw;
		left: 5.6vw;
	}
	
	section#s01 div.block01 p.text02{
		position: absolute;
		top: 115.73vw;
		left: 31.06vw;
	}
	
	section#s01 div.block01 p.text03{
		position: absolute;
		top: 171.86vw;
		left: 5.6vw;
	}
	
	section#s01 div.block01 p.text04{
		position: absolute;
		top: 221.3vw;
		left: 17.06vw;
	}
	
	section#s01 div.block02,
	section#s01 div.block03{
		line-height: 0;
	}
	
	section#s01 div.block02 h2{
		width: 68vw;
		margin: 0 auto 14.9vw;
	}
	
	section#s01 div.block02 p.img{
		width: 94.13vw;
		margin-bottom: 25.86vw;
	}
	
	section#s01 div.block03 h2{
		width: 91.7vw;
		margin: 0 auto 13vw;
	}
	
	section#s01 div.block03 p{
		width: 80.8vw;
		margin: 0 auto;
	}
	
	section.point {
		overflow: hidden;
		position: relative;
	}
	
	section.point span.bg01{
		width: 30vw;
		position: absolute;
		top: 60vw;
		right: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg02{
		width: 30vw;
		position: absolute;
		top: 60vw;
		right: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg03{
		width: 30vw;
		position: absolute;
		top: 50vw;
		right: 0;
		z-index: -1;
		line-height: 0;
	}
	
	section.point span.bg04{
		display: none;
	}
	
	section.point span.bg{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	section.point div.section_inner{
		width: 86%;
		margin: 0 auto;
		padding: 4vw 0 17vw;
		position: relative;
	}
	
	section.point div.section_inner h2{
		width: 100%;
		margin: 3.7vw 0 35vw;
	}
	
	section.point div.icon{
		width: 11.8vw;
		position: absolute;
		top: 4vw;
		right: 0;
		z-index: 5;
	}
	
	section.point div.section_inner ul.block{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	section.point div.section_inner ul.block.reverse{
		flex-direction: column-reverse;
	}
	
	section.point div.section_inner ul.block li{
		width: 0%;
	}
	
	section.point div.section_inner ul.block li.img01{
		width: 100%;
		max-width: 500px;
		margin: 6vw auto 0;
	}
	
	section.point div.section_inner ul.block li:last-child{
		width: 100%;
		padding-top: 7.5vw;
	}
	
	section.point div.section_inner ul.block li h3{
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
		color: #1D60C4;
		margin-bottom: 1.5vw;
	}
	
	section.point div.section_inner ul.block li p{
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		color: #333;
	}
	
	section.point div.section_inner ul.block li p.not{
		width: 100%;
		max-width: 310px;
		line-height: 0;
		margin-bottom: 2.2vw;
	}
	
	section.point div.section_inner ul.block li p.cap{
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.8;
		margin-top: 1em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section.point div.section_inner h4 {
		width: 100%;
		margin: 10vw 0 7vw;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 {
		width: 100%;
		margin: 0 auto;
		list-style: none;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 li{
		width: 100%;
	}
	
	section.point div.section_inner ul.block02 li.photo03{
		width: 100%;
	}
	
	section.point div.section_inner ul.block02 li dl{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	section.point div.section_inner ul.block02 li dl dt{
		width: 50%;
		margin-bottom: 1.75vw;
	}
	
	section.point div.section_inner ul.block02 li dl dt ul{
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		list-style: none;
		line-height: 0;
	}
	
	section.point div.section_inner ul.block02 li dl dd{
		width: 46%;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.6;
		color: #333;
	}
	
	section.point div.section_inner ul.block02 li.arrow{
		width: 100%;
		padding: 4vw 0;
	}
	
	section.point div.section_inner ul.block02 li.arrow img{
		width: 26.2vw;
	}
	
	section.point div.section_inner div.img02{
		max-width: 1425px;
		margin: 9vw auto 12vw;
	}
	
	section.point div.section_inner h5.document{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		color: #000;
		margin-bottom: 10vw;
	}
	
	section.point div.section_inner h5.document span.text{
		display: inline-block;
		position: relative;
		padding-bottom: 3px;
	}
	
	section.point div.section_inner h5.document span.text::before{
		width: 100%;
		border-top: 2px solid #000;
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
	}
	
	section.point div.section_inner h5.document span.text::after{
		width: 18px;
		height: 10px;
		background: url("../images/document_arrow.png") no-repeat;
		background-size: cover;
		line-height: 0;
		content: "";
		position: absolute;
		bottom: -9px;
		left: -webkit-calc(50% - 9px);
		left: -moz-calc(50% - 9px);
		left: calc(50% - 9px);
	}
	
	section.point div.section_inner ul.document{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		margin: 5vw 0 5vw;
	}
	
	section.point div.section_inner ul.document li{
		width: 38.95%;
		margin-bottom: 12.8vw;
	}
	
	section.point div.section_inner ul.document li:last-child{
		width: 56.05%;
	}
	
	section.point div.section_inner ul.document li a{
		display: block;
	}
	
	section.point div.section_inner ul.document li a.dl_btn{
		width: 32.122vw;
		max-width: 180px;
		margin: 20px auto 0;
	}
	
	section.point div.section_inner h5.campaign{
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.6;
		text-align: center;
		color: #000;
		margin-bottom: 1.2vw;
	}
	
	section#qa {
		padding: 38vw 0 60px;
		background: #00284C;
		position: relative;
		overflow: hidden;
	}
	
	section#qa span.q_a{
		width: 46vw;
		position: absolute;
		top: 0;
		left: -webkit-calc(50% - 23vw);
		left: -moz-calc(50% - 23vw);
		left: calc(50% - 23vw);
	}
	
	section#qa div.section_inner{
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		padding: 0 10px;
	}
	
	section#qa div.section_inner h2{
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.4;
		color: #FFF;
		text-align: center;
		margin-bottom: 20px;
	}
	
	section#qa div.section_inner dl + h2{
		margin-top: 22vw;
	}
	
	section#qa div.section_inner dl{
		width: 100%;
		margin-bottom: 50px;
	}
	
	section#qa div.section_inner dl dt{
		width: 100%;
		display: block;
		margin-bottom: 20px;
		padding: 15px 15px 15px 60px;
		overflow: hidden;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 1.5;
		color: #00284C;
		border-radius: 40px;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		background: url("../images/qa_q.png") no-repeat #FFF;
		background-position: 25px 17px;
		background-size: 20px;
	}
	
	section#qa div.section_inner dl dd{
		width: 90%;
		display: block;
		margin: 0 auto;
		padding: 0 0 0 35px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.8;
		color: #FFF;
		background: url("../images/qa_a.png") no-repeat;
		background-position: 0 2px;
		background-size: 20px;
	}
	
	footer {
		width: 100%;
		background: #FFF;
		padding: 40px 0 22vw;
		position: relative;
		font-size: 1.0rem;
		color: #333;
	}
	
	footer div.f_logo{
		width: 78.4%;
		max-width: 357px;
		margin: 0 auto 20px;
		line-height: 0;
	}
	
	footer small{
		text-align: center;
		padding: 0;
		line-height: 1.4;
    }
	
	ul.nav.sp {
		width: 100%;
		position: fixed;
		display: flex;
		list-style: none;
		bottom: 0;
		left: 0;
		z-index: 999;
	}
	
	ul.nav.sp li{
		width: 50%;
		line-height: 0;
	}
	
	ul.nav.sp li a{
		display: block;
		padding: 2vw;
		text-align: center;
	}
	
	ul.nav.sp li a{
		background: #FF6D00;
	}
	
	ul.nav.sp li:first-child a{
		background: #1D60C4;
	}
	
	ul.nav.sp li a img{
		width: 20vw;
	}
	
	.SmoothScroll_pageTop{
        bottom: 12%!important;
    }
}



/*--------------------------------------------------------
　空き設定
--------------------------------------------------------*/
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }
.mt07 { margin-top: 7px !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt18 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 30px !important; }
.mt40 { margin-top: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.mu03 { margin-bottom: 3px !important; }
.mu05 { margin-bottom: 5px !important; }
.mu08 { margin-bottom: 8px !important; }
.mu10 { margin-bottom: 10px !important; }
.mu15 { margin-bottom: 15px !important; }
.mu20 { margin-bottom: 20px !important; }
.mu25 { margin-bottom: 25px !important; }
.mu30 { margin-bottom: 30px !important; }
.mu50 { margin-bottom: 50px !important; }
.mu40 { margin-bottom: 40px !important; }
.mu60 { margin-bottom: 60px !important; }
.mu70 { margin-bottom: 80px !important; }
.mu80 { margin-bottom: 80px !important; }
.mu100 { margin-bottom: 100px !important; }
.mu150 { margin-bottom: 100px !important; }

.mr02 { margin-right: 2px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr13 { margin-right: 13px !important; }
.mr14 { margin-right: 14px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml02 { margin-left: 2px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }