/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
↓YUI3 CSS Fonts　フォントサイズを相対指定する↓*/


/*送信ボタン*/
input[type="submit"] {
  -webkit-appearance: none;
}
input[type="reset"] {
  -webkit-appearance: none;
}


/*---↓リンクに対する共通設定↓---*/
*:not(br){
	margin:0;
	padding:0;
	line-height:1.5;
	list-style:none;
}
/*アンダーtopボタン*/
/*.pagetop {
	position: fixed;
	bottom: -520px;
	right: 10px;
	z-index:9999;
}
.pagetop a {
	display: block;
	width: 86px;
	height: 138px;
}*/

img{
	border:none;
}
a:hover,/*マウスオーバーした時のリンク部分を指定*/
a:active,/*クリック時のリンク部分を指定*/
a{
	text-decoration:none;
}
	
	
p{
	margin: 0;
}
a, a:link,/*未訪問のリンクを指定*/
a:visited,/*訪問済みのリンクを指定*/{
}
body{	
	overflow-x:hidden;
	font-family: 'Noto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",          Sans-Serif;
}


@font-face {
  font-family: U-OTF-GothicMB101Upr-Heavy;
  src: url("../font/U-OTF-GothicMB101Upr-Heavy.otf") format("opentype");
}
@font-face {
  font-family: U-OTF-GothicMB101Upr-DeBold;
  src: url("../font/U-OTF-GothicMB101Upr-DeBold.otf") format("opentype");
}
@font-face {
  font-family: U-OTF-GothicMB101Upr-Medium;
  src: url("../font/U-OTF-GothicMB101Upr-Medium.otf") format("opentype");
}

/* clearfix
----------------------------------------------------*/
.clearfix{ /zoom: 1; }
.clearfix:after{ content: ''; display: block; clear: both; }
/* box-sizing
----------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*送信ボタン*/
input[type="submit"] {
  -webkit-appearance: none;
}
input[type="reset"] {
  -webkit-appearance: none;
}

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
    overflow-x: hidden;
	height:100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}


/*----------------------------------------------------
	#globalHeader
		ヘッダー
----------------------------------------------------*/
body.home #globalHeader {
	height:100%;
	width:100%;
}


/*アンダーtop*/
.pagetop {
	position: absolute;
	right: 15px;
	bottom: -70px;
}
.pagetop a {
	display: block;
	width: 82px;
	position: relative;
}
.pagetop img{
	width: 100%;
	position: absolute;
	top: 0;
}
.pagetop img:nth-child(2):hover{
	opacity: 0;
}



/*/////////////////////////////////*/

header{
	display: flex;
	width: 100%;
	position: fixed;
    top: 0;
	z-index:999;
	background-color: rgba(0, 0, 0, 0.3);
}
.header_nav{
	display: flex;
	justify-content: flex-end;
}
.top_logo{
	margin-right: auto;
	width: 18%;
}
.top_logo img{
	/*width: 100%;*/
	padding: 20px 0 0 20px;
	max-height:90px;
}

/*////////////ビッグナビ/////////////////////*/
.g_nav {
    margin-top:20px;
	clear:both;
}
.g_nav > ul {
    display: flex;
    justify-content: space-between;
    width:;
    margin:0 auto;
    list-style:none;
	/*background:rgba(0,0,0,0.65);*/
}
 .g_nav > ul > li {
    /*padding:10px 27px 20px;*/
	padding:20px 15px;
    color: #fff;
    font-size:85%;
	font-weight:bold;
	font-family: 'Noto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",          Sans-Serif;
	white-space:nowrap;
	letter-spacing: 1px;
	transition: .2s;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	cursor: pointer;
}
.g_nav > ul > li:hover{
	background: rgba(0,0,0,0.65);
}
.g_nav > ul > li a{
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
.mdd_wrap {
    position:absolute;
    top: 70px;
	background: rgba(0,0,0,0.65);
	right: 0;
	margin: 0;
    width: 76%;
	z-index:999;
}
.mdd_inner {
    display:none;
    width:1100px;
    overflow:hidden;
    margin:0 auto;
	/*height:155px;*/
	padding-bottom:10px;
}
.guide_list{
	padding:10px 0;
	display: flex;
	flex-wrap: wrap;
    justify-content: flex-start ;
}

.guide_list li{
	text-align:center;
	width:22%;
	/*float:left;*/
	padding:15px 15px;
	font-size:93%;
	white-space:nowrap;
}

.guide_list li span{
	display:block;
	width:209px;
	margin:0 auto;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}
.guide_list li a{
	color:#fff !important;
	text-decoration:none !important;
}
.guide_list li a:hover{
	opacity:0.6;
}

.shiryo_menu{
	background-color: #00467e;
	padding: 10px;
	transition: .2s;
}

/*////////////  Footer /////////////////////*/
footer{
	width: 100%;
	background-color: #000;
}
.footer-wrapper{
	width: 100%;
	position: relative;
	background-color: #000;
	background-image: url(../img/top/footer-background.jpg);
	background-repeat: no-repeat;
}
.footoer-wrapper-center{
	width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
}
.under-sns{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/*gap: 50px;*/
}
.under-sns li{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #fff;
	font-size: 174%;
	line-height: 60px;
	transition: .3s;
}
.under-sns li:nth-child(2){
	margin: 0 50px;
}
.under-sns li img{
	vertical-align: middle;
}
.under-sns li a{
	color: #fff;
}
.under-sns li:hover{
	transform: scale(1.1);
}
.footer-nav{
	padding: 40px 40px;
	display: flex;
}
.footer-nav li a{
	color: #fff;
	line-height: 2.5;
}
.fotter-nav-sub{
	display: flex;
	justify-content: space-between;
	flex: 3;
}
.footer-nav-home{
	flex: 1;
	padding-left: 25px;
	position: relative;
}
.footer-nav-home a::after{
	content: '';/* ボーダーライン */
	position: absolute;
	top: 35px;
	left: 23px;
	/*線の形状*/
	width: 40%;
	height: 1px;
	background: #fff;
	/*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}
.footer-nav-home a:hover::after{
	transform: scale(1, 1);
}

.footer-banner{
	display: flex;
	justify-content: center;
	/*gap: 50px;*/
}


.footer-banner-sub01{
	display: grid;
	gap: 25px;
	padding: 13px 0 20px;
	margin-right: 50px;
}
.footer-banner-sub01 li a{
	display: block;
}
.footer-banner-sub01 li{
	border: 1px solid #fff;
	/*padding: 26px 70px;*/
	transition: .2s;
	color: #fff;
	text-align: center;
	width:250px;
	height:53px;
	line-height:53px;
}
.footer-banner-sub01 li:hover{
	transform: translate(2px,2px);
	background-color: #fff;
	color: #000;
}
.fotter-nav-sub ul li{
	width: 250px;
}
.fotter-nav-sub ul li a{
	position: relative;
}
.fotter-nav-sub ul li a::after{
	content: '';/* ボーダーライン */
	position: absolute;
	top: 25px;
	left: 0;
	/*線の形状*/
	width: 80%;
	height: 1px;
	background: #fff;
	/*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}
.fotter-nav-sub ul li a:hover::after{
	transform: scale(1.5, 1);
}
.footer-banner-sub{
	display: grid;
	justify-content: ;
	gap: 10px;
	padding-bottom: 20px;
}
.footer-banner-sub li{
	transition: .2s;
}
	
.footer-banner-sub li:hover{
	opacity: 0.8;
	transform: translate(2px,2px);
}


/*////////////  Footer02 /////////////////////*/
.underfooter-wrapper{
	width:100%;
	background-color: #00467e;
	clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
	-moz-clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
	/*clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 0 98%, 0 0, 50% 25%);*/
}
.underfooter-wrapper-center{
	width: 1100px;
	margin: 0 auto;
	padding: 170px 0 50px;
	display: flex;
	justify-content: center;
	gap: 50px;
}
.underfooter-info{
	flex: 1;
	height: 307px;
}
.footer-address{
	padding-top: 40px;
	position: relative;
	color: #fff;
}
.footer-address::after{
	content: '';
	width: 70%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 15px;
	left: 0;
}
.underfooter-map{
	flex: 2;
}
iframe{
	border: 2px solid #fff;
}
.copy{
	padding-top: 48px;
	color: #bae0fe;
}