@charset "utf-8";

/* ----------------------------------------------
Reset
---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
color:#4a4a4a;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ----------------------------------------------
Global Elements
---------------------------------------------- */
html {
	box-sizing: border-box;
	font-size: 60%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow:auto;
}

body {
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	background:#ffffff;
	color:#313334;
	font-size:1.7rem;
	line-height:2em;
	width: 100%;
	letter-spacing: 0.05em;
}

ul, li{list-style-type:none;}
img {border:none;vertical-align:bottom;}
input,textarea,select {}
form {margin:0px;}
table {border-collapse:collapse;font-size:100%;border-spacing:0;}

.sp_br{display: none;}

.font_min {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.font_g {font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;}
.font_g2 {font-family:"メイリオ,Meiryo,游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;}


@font-face {font-family: 'fontcurve';src: url('../fonts/learning_curve_regular_ot_tt.ttf');}
.font_curve {font-family: fontcurve;color:#362400;}

/* ----------------------------------------------
Text elements
---------------------------------------------- */
a {color:#0000ff;text-decoration:none;}
a:hover {color:#0000ff;}
a:focus, *:focus { outline:none; }

/* iPhone 角丸防止 */
input[type="button"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="submit"],
button,
select,
textarea {-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:none;}

.alignleft {display:inline;float:left;}
.alignright {display:inline;float:right;}
.aligncenter {display:block;margin-right:auto;margin-left:auto;text-align:center;}

img{-webkit-backface-visibility: hidden;}



/* ----------------------------------------------
共有
---------------------------------------------- */

#wrapper{
	position: relative;
	box-sizing: border-box;
	max-width: 1366px;
	margin: 0 auto;
	min-width: 1000px;
}

#wrapper_in{

}

h2{
	/*color: #85cbbb;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 1em;
	letter-spacing: 0.2em;
    position: relative;
    padding-left: 55px;
    margin-top: 40px;
    line-height: 1.2em;*/
}

a{
	/*text-decoration: underline;*/
	color: #c8a063;
}

a:hover{
	text-decoration: none;
color: #313334;
}

.center_img{
	text-align: center;
}

.center_img img{
	display: inline-block;
	width: 100%;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.font_m{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.w_1000{
max-width: 1000px;
margin: 0 auto;
}

.pa_40{
	padding: 0 40px;
}

.color_p{
	color: #eb6da5;
}

.deco img{
	width: 100%;
	display: block;
	vertical-align: bottom;
}

/* --------------
共有 @media screen
----------------- */

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

	#wrapper{
		position: relative;
		box-sizing: border-box;
		max-width: initial;
		margin: initial;
		min-width: initial;
	}

}


/* ----------------------------------------------
main_box
---------------------------------------------- */

#main_box picture img{
	object-fit: cover;
	width: 100%;
	height: auto;
}

#main_box picture:after{
/*    content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #00419A;
opacity: 0.3;
display:block*/
}

#main_box{
	position: relative;
}

#main_box #main_c{
	position: absolute;
	top: 8vh;
	right: 80px;
	font-size: 4.5vw;
	line-height: 1.2em;
	color:#eb6da5;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

#main_box #main_c span{
	font-size: 0.35em;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 1em;
}

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

	#main_box #main_c {
	/*    left: 5vw;
	    top: 10vw;
	    width: 100%;
	    font-size: 8.5vw;*/
	}

		#main_box picture img{
			object-fit: cover;
			width: 100%;
		}

}

/* ----------------------------------------------
main
---------------------------------------------- */


h1 img {
    width: 380px;
    height: auto;
    position: absolute;
    top: 85px;
    left: 20px;
}

#h_box{
	z-index: 10;
	position: relative;
}

.h_tel{
	z-index: 10;
}

.h_tel img{
  width: 360px;
  height: auto;
  position: absolute;
  top: 30px;
  right: 0;
  
}

#koderagroup{
	position: absolute;
    top: 35px;
    left: 20px;
    width: 180px;
}

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

	h1 img {
	    width: 35%;
	    height: auto;
	    position: absolute;
	    top: 14vw;
	    left: 20px;
	}

	.h_tel img {
	    width: 50%;
	    height: auto;
	    position: absolute;
	    top: 7px;
	    right: 22px;
	}

	#h_box{
		height: 27vw;
	}

	#koderagroup{
	    position: absolute;
	    top: 9vw;
	    left: 20px;
	    width: 22%;
	}

}

/* ----------------------------------------------
gn
---------------------------------------------- */

#gn{
    padding: 170px 20px 12px 20px;
    position: relative;
    z-index: 5;
}

#gn ul{
	display: flex;
}

#gn ul li{
	margin-right: 35px;
	font-size: 85%;
	line-height: 1.4em;
	margin-top: 1.5em;
}

#gn ul li a{
	text-decoration: none;
	color: #4a4a4a;
}


/* --------------
gn @media screen
----------------- */

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

	#gn {
    	padding: initial;
    }

	#gn ul{
		display:none;
	}
}


/* ----------------------------------------------
ハンバーガーメニュー
---------------------------------------------- */

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  background: rgba(255,255,250,0.5);
  border-radius:1px;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 4px ;
  left    : 6px;
  background : #002E6C;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.7);
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  display: none;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;

}

	/* --------------
	ハンバーガー @media screen
	----------------- */

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

		.hamburger,.globalMenuSp{
			display:none;
		}
	}


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

		nav.globalMenuSp.active ul li {
		display: block;
		}
}


/* ----------------------------------------------
comfort
---------------------------------------------- */

#comfort{
	margin-top: 150px;
	background-image: url(../../psd/index-assets/promise_back.png);
	background-repeat: no-repeat;
	text-align: center;
}

#comfort img{
	max-width: 1000px;
	margin: 0 auto 0 auto;
	width: 90%;
	display: block;
}

#comfort p{
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 100px;
  	margin-top: 150px;
  	position: relative;
  	display: inline-block;
}

#comfort p:before {
	content: "";
	display: inline-block;
	width: 360px;
	height: 360px;
	background: url(../../psd/idea_index-assets/my_place_img1.png) no-repeat;
	background-size: contain;
	margin-right: 8px;
	position: absolute;
    top: -149px;
    left: -330px;
}

#comfort p:after {
	content: "";
	display: inline-block;
	width: 360px;
	height: 360px;
	background: url(../../psd/idea_index-assets/my_place_img2.png) no-repeat;
	background-size: contain;
	margin-right: 8px;
	position: absolute;
    top: -140px;
    right: -375px;
}

#comfort h2{
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
	margin: 0.6em 0 1.5em;
	line-height: 1.3em;
}

/* --------------
#comfort @media screen
----------------- */

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

	#comfort {
   		margin-top: 40px;
	}

	#comfort h2 {
    	font-size: 1.1em;
	}

	#comfort p {
    	font-size: 1em;
		margin-top: 337px;
		margin-bottom: 0px;
	}

	#comfort p:before {
		width: 260px;
		height: 300px;
		top: -331px;
		left: -20px;
	}

	#comfort p:after {
	    width: 129px;
	    height: 208px;
	    top: -324px;
	    left: 200px;
	}
}

/* ----------------------------------------------
consul
---------------------------------------------- */

#consul{
	text-align: center;
	background-color: #daebc9;
	padding-top: 5%;
	min-width: 1000px;
}

#consul p{
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 10%;
    margin-top: 5%;
	position: relative;
	font-size: 1.4em;
}

#consul p:before{
	content: "";
	display: inline-block;
	width: 60px;
    height: 166px;
	background: url(../../psd/idea_index-assets/school_c.png) no-repeat;
	background-size: contain;
	position: absolute;
    top: -58px;
    left: -96px;
}

#consul img:nth-of-type(1){
	width: 90%;
	max-width: 650px;
	display: inline-block;
}

#consul img:nth-of-type(2){
	width: 90%;
	display: inline-block;
	max-width: 1366px;
}

#three_point{
	background-image: url(../../psd/idea_index-assets/class.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 1000px;
}

#consul #three_point img{
    width: 30%;
    max-width: 400px;
    margin-right: 45%;
    margin-top: 5%;
    margin-bottom: 5%;
}

/* --------------
#consul @media screen
----------------- */

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

	#consul{
		padding-top: 5%;
		min-width: initial;
	}

	#consul p {
		padding: 0 1em;
		font-size: 1em;
	}

	#three_point{
		width: 100%;
		background-size: cover;
		min-width: initial;
		height: 80vw;
	}

	#consul #three_point img {
	    width: 60%;
	    max-width: initial;
	    margin-right: 40%;
	    margin-top: 5%;
	    margin-bottom: 5%;
	}
}


/* ----------------------------------------------
advice
---------------------------------------------- */

#advice{
	background-color: #feeb8e;
	text-align: center;
	min-width: 1000px;
}

#advice h2{
	max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

#advice img{
    width: 55%;
    max-width: 1000px;
    display: inline-block;
    margin-top: -5%;
}

/* --------------
#advice @media screen
----------------- */

@media screen and (max-width: 768px) {
	
	#advice{
		min-width: initial;
	}

	#advice h2{
		max-width: initial;
	}

	#advice img{
    	width: 90%;
    	max-width: initial;
    	margin-top: -5%;
	}
}


/* ----------------------------------------------
relief
---------------------------------------------- */

#relief{
	background-color: #ffffff;
    text-align: center;
   margin-top: -10%;
   min-width: 1000px;
}

#relief h2{
    padding-top: 10%;
    max-width: 1366px;
    margin: 0 auto;
    text-align: center;
}

#relief div{
	max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

#relief img{
    width: 55%;
    max-width: 1000px;
    display: inline-block;
}

/* --------------
#relief @media screen
----------------- */

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


	#relief{
	   min-width: initial;
	}

	#relief h2{
	    max-width: initial;
	}

	#relief div{
		max-width: initial;
	}

	#relief img{
	    width: 90%;
	}

}


/* ----------------------------------------------
feature
---------------------------------------------- */

#feature{
	background: linear-gradient(to bottom, #daebc9 85%, #FFF);
    text-align: center;
    margin-top: 5%;
    padding-bottom: 5%;
    min-width: 1000px;
}

#feature h2{
    padding-top: 5%;
    max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

#feature img{
    width: 50%;
    max-width: 1000px;
    display: inline-block;
}

/* --------------
#feature @media screen
----------------- */

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

	#feature{
		background: linear-gradient(to bottom, #daebc9 85%, #FFF);
	    text-align: center;
	    margin-top: 5%;
	    padding-bottom: 5%;
	    min-width: initial;
	}

	#feature h2{
	    padding-top: 5%;
	    max-width: initial;
		text-align: center;
		margin: 0 auto;
	}

	#feature img{
	    width: 90%;
	    max-width: initial;
	    display: inline-block;
	}
}


/* ----------------------------------------------
graduation
---------------------------------------------- */

#graduation{
	background: #ffffff;
    text-align: center;
    margin-top: 5%;
    padding-bottom: 5%;
    min-width: 1000px;
}

#graduation h2{
    padding-top: 5%;
    max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

#graduation img{
    width: 50%;
    max-width: 1000px;
    display: inline-block;
}

/* --------------
#graduation @media screen
----------------- */

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

	#graduation{
	    min-width: initial;
	}

	#graduation h2{
	    max-width: initial;
	}

	#graduation img{
	    width: 90%;
	    max-width: initial;
	}
}


/* ----------------------------------------------
reception
---------------------------------------------- */

#reception{
	background: linear-gradient(to top, #fdec79 85%, #FFF);
	background-color: #fdec79;
    text-align: center;
    margin-top: -10%;
    min-width: 1000px;
}

#reception h2{
    padding-top: 15%;
    max-width: 1366px;
	text-align: center;
	margin: 0 auto;
}

#reception img:nth-of-type(1){
    width: 50%;
    max-width: 1000px;
    display: inline-block;
    padding-top: 3%;
    padding-bottom: 5%;
}

/* --------------
reception @media screen
----------------- */


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

	#reception{
		background: linear-gradient(to top, #fdec79 85%, #FFF);
		background-color: #fdec79;
	    text-align: center;
	    margin-top: -10%;
	    min-width: initial;
	}

	#reception h2{
	    padding-top: 15%;
	    max-width: initial;
		text-align: center;
		margin: 0 auto;
	}

	#reception img:nth-of-type(1){
	    width: 90%;
	    max-width: initial;
	    display: inline-block;
	    padding-top: 3%;
	    padding-bottom: 5%;
	}

}

/* ----------------------------------------------
NEWS_BOX
---------------------------------------------- */

#news_box{
	display: flex;
	margin-top: 120px;
}

#news_box #news_b{
	width: 20%;
	margin-top: 35px;
}

#news_box #news_b li{
	text-align: center;
}

#news_box>div img{
	width: 105px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#news_box #news_b ul li:nth-of-type(1){
	color: #eb6da5;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
}

#news_box #news_b ul li:nth-of-type(3),#news_box #news_b ul li:nth-of-type(3) a{
	color: #eb6da5;
	text-decoration: underline;
	line-height: 1.5em;
}


#news_box #news_c{
  width: 80%;s
}
#news_box #news_c li{
  display: flex;
  padding:15px;
  border-bottom:1px solid #000;
}

#news_box .day{
  
}
#news_box #news_c .label{
  background-color:#f1abba;
  border-radius:100vh;
  color:#fff;
  padding:1px 25px;
  margin:0 20px;
  font-size: 0.7em;
  }

#news_box .text{
  
}

/* --------------
NEWS_BOX @media screen
----------------- */


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

}

	/* ----------------------------------------------
	Mail
	---------------------------------------------- */

	#mail{
	}

	.pri_box {
	    border: 1px solid #1851bc;
	    background: #fff;
	    padding: 0.5em;
	    height: 9em;
	    overflow: auto;
	    overflow-x: hidden;
	    overflow-y: scroll;
	    font-size: 0.9em;
	}

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

		#mail {
			margin-right: 0;
			margin-left: 0;
			
		}
}




/* ----------------------------------------------
event_s
---------------------------------------------- */

#event_s>div:nth-of-type(1){
	display: flex;
	border-radius: 25px;
	border: #eb6da5 4px solid;
	padding: 3em 2em 1.5em 2em;
	max-width: 1000px;
	width: 90%;
	text-align: center;
	z-index: 5;
	background-color: #ffffff;
	margin: 0 auto;
	margin-top: -25px;
	box-sizing: border-box;
}

#event_s h3{
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	text-align: center;
	margin-top: 80px;
}

#event_s h3 span{
	background-color: #eb6da5;
	display: inline-block;
	color: #ffffff;
	border-radius: 100vh;
	padding: 0.5em 6em;
	line-height: 1.3em;
	z-index: 10;
	position: relative;
	font-weight: bold;
}

#event_s ul{

}

#event_s ul li{
	text-align: left;
	padding-left: 2em;
	color: #eb6da5;
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: bold;
}

#event_s>div div:nth-of-type(1){
	width: 200px;
}

#event_s>div div:nth-of-type(1) p{
	font-size: 0.7em;
	line-height: 1.6em;
	margin-top: 2em;
}

#event_s>div ul{
	width: 70%;
	padding-right: 6em;
	/*background-color: #e00000;*/
}

#event_s>div ul li{
	width: 90%;
	/*background-color: #e00000;*/
	padding-left:6em;
	text-indent:-3em;
}

#event_s>div div:nth-of-type(2){
	width: 30%;
	/*background-color: #ff2200;*/
}

#event_s div div:nth-of-type(1) img{
	width: 230px;
	margin-left: -60px;
	/*background-color: #005566;*/
}

#event_s div div:nth-of-type(2) img{
	width: 200px;
	background-color: #005566;
	width: 90%;
}

#event_s div div:nth-of-type(2) p{
font-size: 80%;
line-height: 1.2em;
margin-top: 0.5em;
}

#event_s div div:nth-of-type(2) p:nth-of-type(1){
margin-bottom: 1.5em;
}

/* ----------------------------------------------
footer
---------------------------------------------- */

	footer{
		background-color:#002E6C;
		background-image: url(../images/bgImg.png);
		background-repeat: no-repeat;
/*		padding: 0 80px 0 300px;*/
		color: #ffffff;
	}

	footer h2{
		font-size: 34px;
		margin-bottom: 2em;
		padding-top: 2em;

	}

	footer a{
		text-decoration: none;
		color: #313334;
	}

	footer h2{
		text-align: center;
	}

	footer dl{
		display: flex;
		flex-wrap: wrap; 
	}

	footer dt{
		width: 15%;
		margin-bottom: 2em;
		margin-left: 20%;
	}

		footer dd a,footer dd a:hover{
		color: #ffffff;
	}

	footer dd a span{
		background-color: #ffffff;
		color: #002E6C;
		display: inline-block;
		padding: 0.1em 1.5em;
		font-size: 70%;
		margin-left: 1em;
	}

	footer dd{
		width: 65%;
	}

	#f_nav{
		position: relative;
	}

	#f_nav ul {
		width: 40%;
		display: flex;
		margin: 2em auto 0 auto;
		/*background-color: #ff00aa;*/
		 justify-content: space-between; 
	}

	#f_nav ul li{
		display: inline-block;
	}

	#f_nav a{
		text-decoration: none;
    color: #313334;
	}

	#f_copy{
		font-size: 70%;
		text-align: center;
		margin-top: 1.5em;

	}

	/* --------------
	footer @media screen
	----------------- */

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

	footer{
		 flex-direction: column;
	}

	#f_gnv{
		margin: 2em;
		width: initial;
	}

	#f_gnv1 ul{
		width: 100%;
	}

	#f_gnv1 li{
		display: flex;
	}

	#f_gnv2{
		justify-content: center;
		text-align: center;
		border-bottom: 1px dotted rgba(255 255 250);
		padding-bottom: 2em;
	}

	#f_sns{
		width: initial;
	}

	}

	@media screen and (max-width: 768px) {
	footer{
		padding: 0;
	}

	footer dt {
    width: initial;
    margin-bottom: initial;
    margin-left: 2em;
    font-weight: bold;
}

footer dd {
    width: initial;
    margin-left: 2em;
    margin-bottom: 2em;
    margin-right: 2em;
}

	footer dl {
    display: flex;
    flex-direction: column; 
	}

	#f_gnv1 li {
	    flex-direction: column;
	    text-align: center;
	    margin-bottom: 2em;
	}

	.f_copy{
		margin-right: 0;
		margin-left: 0;
	}

	#f_nav ul {
    width: initial;
    flex-direction: column;
    text-align: center;
	}

		#f_nav ul li{
    margin-bottom: 1.5em;
	}
}