@charset "utf-8";
/* スマホ横向きCSS */
@media screen and (min-width:1px) and (max-width:768px) {
	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="button"] {
		border-radius: 0;
		-webkit-box-sizing: content-box;
		-webkit-appearance: button;
		appearance: button;
		border: none;
		box-sizing: border-box;
		cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
		display: none;
	}
	input[type="submit"]:focus,
	input[type="button"]:focus {
		outline-offset: -2px;
	}

	
	/*改行のPC,SPでの表示切替*/
	br.pc,
	img.pc,
	span.pc{
		display:none;
	}
	
	br.sp,
	img.sp,
	span.sp{
		display:inline;
	}

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
	}
	
	#container{
		min-width:initial;
		min-width:auto;
	}
	
	/*----------header----------*/
	header{}

		header > .box_inner{
			height: 16vw;
			padding-top: 0;
			padding-left: 3vw;
		}
			header > .box_inner .site_title h1 a .fig{
				width: 9vw;
				margin-right: 2vw;
			}

			header > .box_inner .site_title h1 a .lbl{
				width: calc(9vw / 62 * 470);
			}


	/*----------contents----------*/
	.contents{
		padding-top: 16vw;
		padding-bottom: 3em;
	}

	/*-----footer-----*/
	footer{}


		.fig_logo_contact_wrapper{
			padding: 1em 5vw;
		}

				.fig_logo_contact_wrapper .fig_logo{
					width: 8vw;
				}

				.fig_logo_contact_wrapper .contact_info_box{
					box-sizing: border-box;
					padding-left: 4vw;
				}

						.fig_logo_contact_wrapper .contact_info_box > dl > dt{
							font-size: 0.7em;
						}

						.fig_logo_contact_wrapper .contact_info_box > dl > dd{
							line-height: 1.4;
							font-size: 0.84em;
						}
	
						.fig_logo_contact_wrapper .contact_info_box > dl > dd a{
							color:#0063a4;
						}

		footer > .box_footer{
			box-sizing: border-box;
			height: 28vw;
			padding-top: 6vw;
			align-items: flex-start;
		}

			footer > .box_footer .copyright{
				font-size: 0.6em;
			}

	
	.nav_oc,
	.small_header .nav_oc{
		width: 16vw;
		height: 16vw;
		top: 0;
		right: 0;
	}

			.menu-trigger span {
				width: 7vw;
				left: 4.5vw;
				height: 0.6vw;
			}

			.menu-trigger span:nth-of-type(1) {
				top: 4.9vw;
			}

			.menu-trigger span:nth-of-type(2) {
				top: 7.7vw;
			}
			.menu-trigger span:nth-of-type(3) {
				bottom: 4.9vw;
			}

			.menu-trigger.active span:nth-of-type(1) {
				-webkit-transform: translateY(2.8vw) rotate(-315deg);
				transform: translateY(2.8vw) rotate(-315deg);
			}
	
			.menu-trigger.active span:nth-of-type(3) {
				-webkit-transform: translateY(-3.6vw) rotate(315deg);
				transform: translateY(-2.7vw) rotate(315deg);
			}

		.side_nav .side_global_nav{
			box-sizing: border-box;
			width: 100%;
			justify-content: space-between;
			padding: 0 5vw;
		}

			.side_nav .side_global_nav > ul{
				width: 100%;
			}

				.side_nav .side_global_nav > ul > li > a{
					height: 10vw;
					padding: 0 0 0 0.5em;
					font-size: 3.6vw;
				}
	
				.side_nav .side_global_nav > ul > li > .nolink{
					height: 7vw;
					padding: 0 0 0 0.5em;
					font-size: 3.4vw;
				}
	
				.side_nav .side_global_nav > ul > li > ul{
					margin: 0.5em 0 0 0.5em;
				}
	
					.side_nav .side_global_nav > ul > li > ul > li > a{
						font-size: 3.2vw;
					}

	
	/*ページトップ*/
	.pagetop{
		width:14vw;
		height:14vw;
		bottom:34vw;
		right:4vw;
	}
	
		.pagetop a:before{
			width: 3vw;
			height: 3vw;
		}

    .btn_goto_entry{
        top: auto;
        bottom: 2vw;
        right: auto;
        left: 0;
        width: 100%;
    }

        .btn_goto_entry a{
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            width: 94vw;
            height: 12vw;
            border-radius: 1vw;
            border: 2px solid #fff;
        }

        .btn_goto_entry a:hover{
            transform: none;
        }

            .btn_goto_entry a .lbl1{
                font-size: 1.3rem;
                margin: 0;
            }

            .btn_goto_entry a .lbl2{
                margin-top: 0;
                margin-left: 0.5em;
                font-size: 0.9rem;
            }

	
}