*{
	margin:0;
	padding:0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{

	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 20px;
    vertical-align: baseline;
    background: transparent;
    font-family: "ヒラギノ角ゴ ProN" , "ヒラギノ角ゴ Pro W3",YuGothic, "游ゴシック",
     "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
    font-feature-settings: "palt";
    font-weight: 500;
    line-height: 2;
    letter-spacing: .08em;
}
a{
	color:white;
	text-decoration: none;
}

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

@media screen and (max-width:480px){





header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:5px auto;
    display:block;
    height:50px;
    background-color: white;
    z-index: 9999;
}
.container{
    width:95%;
    height:50px;
    margin:auto;
    display:table;

}
.header-logo{
    height:50px;
    width:20vw;
    display: table-cell;
    vertical-align: middle;
}
.header-logo img{
    height: 80%;
    display: block;
}
.GEEP{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 4vw;
    font-weight:bold;
    font-family: "ＭＳ 明朝";
}
.GEEP span{
    font-size: 4vw;
}


.sns-btn{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:0px 15px;
}


.sns-btn i{
    vertical-align: middle;
    font-size: 1.5em;
    margin: 0px;
    color: #0066CC;
}
.sns-btn i:hover{
    color: #000033;
}





.hamburger-menu{
    margin: 0 auto; /* 中央寄せしたいだけ */
    cursor: pointer;
    background-color: #fff;
    width:25px;
    vertical-align: middle;
    display: table-cell;
}

.hamburger-menu-line{
    width:100%;
    height:2px;
    background-color: #000;
    margin:5px 0px;
}



.dropdown{
  display:none;
}

label{
    width:10%;
    vertical-align: middle;
}
.label-list{
    display: table;
    width: 100%;
    color:#fff;
    height:20%;
    border-bottom:#fff 1px solid;
    font-family:sans-serif;
}
.label-list a{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    padding:20px 0;
}
.dropdown{
    z-index: 999;
    position: absolute;
    width:50%;
    top:50px;
    right:0;
    text-align: center;
    background-color: #5D99FF;
}

label:hover{
}
.label-list::before,
label::before{
  display:block;
  position:absolute;
  right:5%;
  width:.5em;
  height:.5em;
  border-top:#000 2px solid;
  border-left:#000 2px solid;
  transform:rotate(135deg);
}
input[type="checkbox"]{
  display:none;
}
label[for="menu"]{
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
label[for="menu"]::before{
  transform:rotate(225deg);
}
#menu:checked + .dropdown{
  display:block;
}



.nav-menu{
    display: none;
}

.header-image{
    display: none;
}

.main-visual{ 
    width:100%;
    overflow: hidden;
}

.main-visual-catch{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:50%;
    width:95%;
    height:100%;
    margin:auto;
    text-align: left;
    color:white;
}
.main-visual-catch span{
    padding:1%;
    
}

.main-visual-catch p{
    text-shadow: 0px 0px 5px #000000;
    text-shadow: 0px 0px 8px #222222;
    font-family: "ＭＳ Ｐゴシック";
    font-weight: 900;
    font-size: 1.4em;
}


.main-visual-img{
	width:100%;
	object-fit: cover;
}



/*****ラッパー************/
.wrapper{
	background:#fff;
	overflow:hidden;
}

.content{
	padding:40px 0;
}

.w-container{
	width:90%;
	margin:auto;
}

.sub-content{
	margin-top:56px;
	font-size: 0.8em;
}

.sub-content a{
	color:#000;
}
.sub-content i{
	color:#000;
}


.content-title{
	font-size: 1em;
	border-bottom: solid 2px #3399FF;
	font-weight: bold;
}

.table{
	width:100%;
	margin:50px auto 0;
}

table{
	border-collapse: collapse;
    text-indent: initial;
    border-spacing: 2px;
    border-top: solid 1px #c5c5c5;
}

tr{
	border-bottom: solid 1px #c5c5c5;
}

tr{
	display: table-row;
    vertical-align: inherit;
    
}
td{
	display: table-cell;
	vertical-align: inherit;
	padding:13px 8px;
	font-size: 0.5em;
    color:#000;
}
td:first-child{
	border-right:solid 1px #c5c5c5;
	
}




/******フッター*****************************/

footer{
    background-color: #5D99FF;
    color:white;

}

footer p,h3,span{
    font-size: 0.8em;
}
footer i{
    color:#fff;
    font-size: 1em;
}
.footer-container{
    width:90%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin:auto;
}



.footer-menu{
    width:100%;
    display: table;
    vertical-align: middle;
    text-align: left;
    margin:auto ;
    padding:5px 0;
    border-top:solid 1px white;
    border-bottom: solid 1px white;
}

.footer-nav{
    list-style: none;
    text-decoration: none;
    display: table-cell;
    width:50%;
}

.footer-nav a{
    color: white;
    font-size:1em;
}

.footer-nav a:hover{
    opacity: 0.7;
}

.footer-info-left{
    font-size: 20px;
    width:100%;
    margin:auto;
    padding-top: 40px;
    vertical-align: top;
    text-align: left;
}

footer h3{
    font-weight: bold;
    padding-top: 50px;
}

.footer-info-right{
    width:100%;
    padding-top: 40px;
    margin:auto;
    vertical-align: top;
    text-align: left;
}
.mailto{
    color: white;
}

.copy{
    background-color: #000;
    color: white;
    text-align: center;
    margin:auto;
}
.copy p{
    font-size:0.5em;
}




}

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

@media screen and (min-width:480px) and (max-width:1220px){


/*********ヘッダー***********/
header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:5px auto;
    display:block;
    height:70px;
    background-color: white;
    z-index: 9999;
}
.container{
    width:95%;
    height:70px;
    margin:auto;
    display:table;

}
.header-logo{
    height:50px;
    width:20vw;
    display: table-cell;
    vertical-align: middle;
}
.header-logo img{
    height: 80%;
    display: block;
}
.GEEP{
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    font-size: 3vw;
    font-weight:bold;
    font-family: "ＭＳ 明朝";
}
.GEEP span{
    font-size: 3vw;
}


.sns-btn{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:0px 15px;
}


.sns-btn i{
    vertical-align: middle;
    font-size: 1.5em;
    margin: 0px;
    color: #0066CC;
}
.sns-btn i:hover{
    color: #000033;
}






.hamburger-menu{
    margin: 0 auto; /* 中央寄せしたいだけ */
    cursor: pointer;
    background-color: #fff;
    width:25px;
    vertical-align: middle;
    display: table-cell;
}

.hamburger-menu-line{
    width:100%;
    height:2px;
    background-color: #000;
    margin:5px 0px;
}



.dropdown{
  display:none;
}

label{
    width:10%;
    vertical-align: middle;
}
.label-list{
    display: table;
    width: 100%;
    color:#fff;
    height:20%;
    border-bottom:#fff 1px solid;
    font-family:sans-serif;
}
.label-list a{
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
}
.dropdown{
    z-index: 999;
    position: absolute;
    width:30%;
    top:70px;
    right:0;
    height:50vh;
    text-align: center;
    background-color: #5D99FF;
}

label:hover{
}
.label-list::before,
label::before{
  display:block;
  position:absolute;
  right:5%;
  width:.5em;
  height:.5em;
  border-top:#000 2px solid;
  border-left:#000 2px solid;
  transform:rotate(135deg);
}
input[type="checkbox"]{
  display:none;
}
label[for="menu"]{
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
label[for="menu"]::before{
  transform:rotate(225deg);
}
#menu:checked + .dropdown{
  display:block;
}



.nav-menu{
    display: none;
}

.header-image{
    display: none;
}



.main-visual{ 
    width:100%;
    overflow: hidden;
}

.main-visual-catch{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:50%;
    width:95%;
    height:100%;
    margin:auto;
    text-align: left;
    color:white;
}
.main-visual-catch span{
    padding:1%;
    
}

.main-visual-catch p{
    text-shadow: 0px 0px 5px #000000;
    text-shadow: 0px 0px 8px #222222;
    font-family: "ＭＳ Ｐゴシック";
    font-weight: 900;
    font-size: 1.4em;
}

.main-visual-sp{
    display: none;
}
.main-visual-pc{
    height:100%;
    position:relative;
}
.main-visual-img{
    width:100%;
    object-fit:cover;
}

/*****ラッパー************/
.wrapper{
	background:#fff;
	overflow:hidden;
}

.content{
	padding:50px 0;
}

.w-container{
	width:80%;
	margin:auto;
}

.sub-content{
	margin-top:56px;
}

.sub-content a{
	color:#000;
}
.sub-content i{
	color:#000;
}

.content-title{
	font-size: 36px;
	border-bottom: solid 2px #3399FF;
	font-weight: bold;
}

.table{
	width:100%;
	margin:50px auto 0;
}

table{
	border-collapse: collapse;
    text-indent: initial;
    border-spacing: 2px;
    border-top: solid 1px #c5c5c5;
}

tr{
	border-bottom: solid 1px #c5c5c5;
}

tr{
	display: table-row;
    vertical-align: inherit;
    
}
td{
	display: table-cell;
	vertical-align: inherit;
	padding:20px;
    color:#000;
}
td:first-child{
	border-right:solid 1px #c5c5c5;
	
}





/******フッター*****************************/

footer{
    background-color: #5D99FF;
    color:white;

}

footer p,h3,span{
    font-size: 0.8em;
}
footer i{
    color:#fff;
    font-size: 1em;
}
.footer-container{
    width:90%;
    padding-top: 40px;
    padding-bottom: 40px;
    margin:auto;
}



.footer-menu{
    width:100%;
    display: table;
    vertical-align: middle;
    text-align: left;
    margin:auto ;
    padding:5px 0;
    border-top:solid 1px white;
    border-bottom: solid 1px white;
}

.footer-nav{
    list-style: none;
    text-decoration: none;
    display: table-cell;
    width:50%;
}

.footer-nav a{
    color: white;
    font-size:1em;
}

.footer-nav a:hover{
    opacity: 0.7;
}

.footer-info-left{
    font-size: 20px;
    width:100%;
    margin:auto;
    padding-top: 40px;
    vertical-align: top;
    text-align: left;
}

footer h3{
    font-weight: bold;
    padding-top: 50px;
}

.footer-info-right{
    width:100%;
    padding-top: 40px;
    margin:auto;
    vertical-align: top;
    text-align: left;
}
.mailto{
    color: white;
}

.copy{
    background-color: #000;
    color: white;
    text-align: center;
    margin:auto;
}
.copy p{
    font-size:0.5em;
}




}
/***********************************************************************/
/***********************************************************************/

@media screen and (min-width:1220px){

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:10px 0;
    display:block;
    height:auto;
    background-color: white;
    z-index: 9999;
}
.container{
    width:90%;
    max-width: 1300px;
    height:auto;
    margin:auto;
    display:table;
}
.header-logo{
    width:120px;
    display: table-cell;
    line-height: 0.7em;
    vertical-align: middle;
}
.header-logo img{
    display: block;
}
.GEEP{
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    font-size: 2vw;
    font-weight:bold;
    font-family: "ＭＳ 明朝";
}
.GEEP span{
    font-family: "メイリオ";
    font-size: 1.8vw;
    color: #000;
}

.nav-menu{
    font-size: 16px;
    list-style: none;
    text-decoration: none;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
}
.nav-menu a{
    color:black;
}
.nav{
    display: inline-block;
    padding:4px 8px ;
}
.nav-menu li a:hover{
    border-bottom: solid 2px #3399FF; 
    border-top:solid 2px white;
}

.sns-btn{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:0px 20px;
}


.sns-btn i{
    font-size: 40px;
    margin: 0px;
    color: #0066CC;
}
.sns-btn i:hover{
    color: #000033;
}


.header-image{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width:10%;
}

.header-image img{
    margin-left: auto;
    width:40%;
    vertical-align: middle;
}


.menu{
    display: none;
}
#menu{
    display: none;
}
.dropdown{
    display: none;
}

.main-visual{
    width:100%;
    height:50vh;
    overflow: hidden;
}

.main-visual-catch{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:35%;
    width:75%;
    margin:auto;
    text-align: left;
    color:white;
}
.main-visual-catch p{
    font-size:3em;
    
}

.main-visual-catch p{
    text-shadow: 0px 0px 5px #000000;
    text-shadow: 0px 0px 8px #222222;
    font-family: "ＭＳ Ｐゴシック";
    font-weight: 900;
}

.main-visual-img{
	width:100%;
	object-fit: cover;
}

/*****ラッパー************/

.wrapper{
	background:#fff;
	overflow:hidden;
}

.content{
	padding:110px 0;
}

.w-container{
	width:80%;
    max-width: 1200px;
	margin:auto;
}

.sub-content{
	margin-top:56px;
	font-size: 0.8em;
}

.sub-content a{
	color:#000;
	font-size: 0.8em;
}
.sub-content i{
	color:#000;
	font-size: 0.8em;
}

.content-title{
	font-size: 1.5em;
	border-bottom: solid 2px #3399FF;
	font-weight: bold;
}

.table{
	width:100%;
	margin:50px auto 0;
}

table{
	border-collapse: collapse;
    text-indent: initial;
    border-spacing: 2px;
    border-top: solid 1px #c5c5c5;
}

tr{
	border-bottom: solid 1px #c5c5c5;
}

tr{
	display: table-row;
    vertical-align: inherit;
    
}
td{
	display: table-cell;
	vertical-align: inherit;
	padding:20px;
}
td:first-child{
	border-right:solid 1px #c5c5c5;
	
}







/******フッター*****************************/

footer{
    background-color: #5D99FF;
    color:white;
}
footer p,span{
	color: #fff;
    font-size: 0.8em;
}
footer i{
    color:#fff;
    font-size: 1em;
}
.footer-container{
    width:70%;
    max-width: 1100px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin:auto;
}




.footer-menu{
    width:100%;
    display: table;
    vertical-align: middle;
    text-align: left;
    margin:auto;
    padding:5px 0;
    border-top:solid 1px white;
    border-bottom: solid 1px white;
}
.footer-nav{
    list-style: none;
    text-decoration: none;
    display: table-cell;
    width:50%;
}

.footer-nav a{
    color: white;
}
.footer-nav a:hover{
    opacity: 0.7;
}

.footer-info-left{
    width:100%;
    margin:auto;
    text-align: left;
}

footer h3{
    font-weight: bold;
    padding-top: 50px;
}

.footer-info-right{
    width:100%;
    margin:auto;
    text-align: left;
}
.mailto{
    color: white;
}

.copy{
    background-color: #000;
    color: white;
    text-align: center;
    margin:auto;
}
.copy p{
    font-size: 0.5em;
}




}
/**********************************************************************/
/**********************************************************************/