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

/* basic
--------------------- */
html,body {
    height: 100%;
	scroll-behavior: smooth;
}

body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size:16px;
	text-align: justify;
	line-height: 1.75;
}

h1,h2,h3,h4,h5,h6,.mincho,.ribbon_grandaward,.ribbon_award_l,.ribbon_award_s {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight:900;
	text-align: initial;
}

h1 {font-size:210%;}
h2 {font-size:190%;}
h3 {font-size:170%;}
h4 {font-size:150%;}
h4.small {font-size:130%;}
h5 {font-size:130%;}
h6 {font-size:110%;}

h2 {border-left:4px solid #bfa86f; padding:.5rem 0 .5rem 2rem; margin: 4rem 0 2rem 0;}
h3 {color:#9e7e2e; margin-bottom: 1rem; }
h4 {text-decoration: underline; text-decoration-thickness: 0.5em; text-decoration-color: rgba(191, 172, 125, 0.25); text-underline-offset: -0.2em; text-decoration-skip-ink: none;}

h4,h5,h6 {margin-bottom: .5rem;}


/*1024px以下*/
@media (width <= 1024px){
	body {font-size:0.875rem;}
	h2 {font-size:143%;}
	h2 {border-left:4px solid #bfa86f; padding:.5rem 0 .5rem 1rem; margin: 3rem 0 1rem 0;}
	h4, h4.small {font-size:112.5%;}
	h6 {font-size:110%;}
}



strong {text-decoration: underline; text-decoration-thickness: 0.5em; text-decoration-color: rgba(158, 242, 158, 0.95); text-underline-offset: -0.2em; text-decoration-skip-ink: none;}
strong.textcolor {color:#9ef29e;text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(158, 242, 158, 0.95); text-underline-offset: 5px; text-decoration-skip-ink: none;}

a, a:visited {color:#000;text-decoration: underline;}
a:hover {text-decoration: initial; background-color:rgba(233, 233, 233, 0.95); transition: .5s; }

i {margin-right: 0.25rem; margin-left: 0.25rem;}

.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}
/*1024px以下*/
@media (width <= 1024px){
	.catch:before, .catch:after {
		width:min(8.53vw,3em);
	}
	.catch:before {
		margin-right: min(4.27vw,1em); /* 文字の右隣 */
	}
	.catch:after {
  		margin-left: min(4.27vw,1em); /* 文字の左隣 */
	}
	.mt2mb2 {margin-top:1rem!important; margin-bottom:1rem!important;}
}


.bold {font-weight:700;}
em {font-style:normal;}
.block {display:block;}
.inline-block {display: inline-block;}
.mt1mb1 {margin-top:1rem; margin-bottom:1rem;}
.mt2mb2 {margin-top:2rem; margin-bottom:2rem;}
.mt4mb4 {margin-top:4rem; margin-bottom:4rem;}
.mt1 {margin-top:1rem;}
.mt2 {margin-top:2rem;}
.mt3 {margin-top:3rem;}
.mt4 {margin-top:4rem;}
.mb05 {margin-bottom:.5rem;}
.mb1 {margin-bottom:1rem;}
.mb2 {margin-bottom:2rem;}
.mb5 {margin-bottom:5rem;}
.pt1pb1 {padding-top: 1rem; padding-bottom: 1rem;}
.nowrap {white-space: nowrap}
.txt-center {text-align:center;}

.fs120p {font-size:120%;}
.relative {position: relative;}

.box-white {border:1px solid #fff; padding: 0.5rem 2rem;}


/* btn_line
--------------------- */
.btn_line {
	display: inline-block;
	width: 100%;
	/*max-width: 350px;*/ /* ボタン幅 */
	position: relative;
	/*color: #45B173;*/ /* 文字色 */
	padding: 1em 2em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}
.btn_line::before,
.btn_line::after {
	position: absolute;
	width: 100%;
	height: 2px; /* 線幅 */
	content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
	background: #bfa86f; /* 金色 */
}
.btn_line::before {
	top: 0;
	left: 0;
}
.btn_line::after {
	right: 0;
	bottom: 0;
}
/* マウスオーバーした際のデザイン */
.btn_line:hover:before,
.btn_line:hover:after {
	width: 0;
}

/* btn_oval
--------------------- */
a.btn_oval_light {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem 4rem;
	border-radius: 100vw;
	/*color: #fff;*/
	font-weight:700;
	background: #5cf25c;
}
a.btn_oval_light:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad_oval_light 1.5s infinite;
	/*color: #fff;*/
}
.obi a.btn_oval_light {
	color: #000!important;
	background: #5cf25c;
}
.obi a.btn_oval_light:hover {
	color: #000;
	background: #5cf25c!important;
}

@keyframes shad_oval_light {
	0% {box-shadow: 0 0 0 0 #00eda2;}
	70% {box-shadow: 0 0 0 10px rgb(0 237 162 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(0 237 162 / 0%);}
}
/**/

/* entry-1 */
a.btn_oval_entry1 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem 4rem;
	border-radius: 100vw;
	/*color: #fff;*/
	font-weight:700;
	background: #56ffaa;
}
a.btn_oval_entry1:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad_oval_light 1.5s infinite;
	/*color: #fff;*/
}
.obi a.btn_oval_entry1 {
	color: #000!important;
	background: #56ffaa;
}
.obi a.btn_oval_entry1:hover {
	color: #000;
	background: #56ffaa!important;
}

@keyframes shad_oval_entry1 {
	0% {box-shadow: 0 0 0 0 #56ffaa;}
	70% {box-shadow: 0 0 0 10px rgb(86 255 170 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(86 255 170 / 0%);}
}
/**/

/* entry-2 */
a.btn_oval_entry2 {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem 4rem;
	border-radius: 100vw;
	/*color: #fff;*/
	font-weight:700;
	background: #7affff;
}
a.btn_oval_entry2:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad_oval_light 1.5s infinite;
	/*color: #fff;*/
}
.obi a.btn_oval_entry2 {
	color: #000!important;
	background: #7affff;
}
.obi a.btn_oval_entry2:hover {
	color: #000;
	background: #7affff!important;
}

@keyframes shad_oval_entry2 {
	0% {box-shadow: 0 0 0 0 #7affff;}
	70% {box-shadow: 0 0 0 10px rgb(122 255 255 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(122 255 255 / 0%);}
}
/**/

a.btn_oval_faded {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem 4rem;
	border-radius: 100vw;
	/*color: #fff;*/
	/*font-weight:700;*/
	background: #d8ecb6;
}
a.btn_oval_faded:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad_oval_faded 1.5s infinite;
	/*color: #fff;*/
}
@keyframes shad_oval_faded {
	0% {box-shadow: 0 0 0 0 #d8ecb6;}
	70% {box-shadow: 0 0 0 10px rgb(216 236 182 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(216 236 182 / 0%);}
}

/*1025px以上*/
@media (width >= 1025px){
	.display_sp {
		display: none;
	}
}
/*600px以上*/
@media (width >= 600px){
	.display2_sp {
		display: none;
	}
}
/*1024px以下*/
@media (width <= 1024px){
	.hidden_sp {display:none;}
	a.btn_oval_light, a.btn_oval_faded {font-size:min(3.73vw,100%);}
}
/*599px以下*/
@media (width <= 599px){
	.hidden2_sp {display:none;}
}




/* header(navi)
--------------------- */
.header {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.logo {
  font-weight: 700;
  padding-left: 14px;
}
.hamburger-menu {
  width: 50px;
  height: 50px;
  position: relative;
  border: none;
  background: transparent;
  appearance: none;
  padding: 0;
  cursor: pointer;
}
.hamburger-menu__bar {
  display: inline-block;
  width: 54%;
  height: 2px;
  background: #242424;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {
  top: 16px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 24px;
}
.hamburger-menu__bar:last-child {
  top: 32px;
}
.hamburger-menu--open .hamburger-menu__bar {
  top: 50%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}
.navigation {
  display: none;
  background: #bfa86f;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 9999;
}
.navigation__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation__list-item {
  border-bottom: solid 1px #474747;
}
.navigation__list-item:first-child {
  border-top: solid 1px #474747;
}
.navigation__link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 24px 0;
  transition: .5s;
}
@media (hover: hover) and (pointer: fine) {
  .navigation__link:hover {
    background: #333;
  }
}
/**/
.header {
	/* headerを画面上部に固定する */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: 0.7s;
	background:rgba(226,219,210,0.9);
	z-index:-1;
  }


/* main(mv)
--------------------- */
main {
    background: url("../images/mvback.jpg") no-repeat;
    background-size:cover;
	background-position:center center;
    width: 100%;
	height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	box-sizing: border-box;
	padding-bottom: 1rem;
	overflow: hidden;
}

main img,
main h1,
main h2,
main p,
main div {overflow: visible;}

main img {
	max-width: 680px;/*700px*/
	width: 88%;/*90%*/
	height: auto;
	margin-top: auto;
	/*margin-bottom: auto;*/
}

main h1,main h2 {font-family:"Yu Gothic",sans-serif;font-weight:500;}
main h1 {font-size:275%;}
main h2 {font-size:137.5%; border-left: initial; padding:initial; margin: initial;}

/*1024px以下*/
@media (width <= 1024px){
	main h1 {font-size:min(6.8vw,270%);}/*{font-size:min(7.68vw,275%);}*/
	main h2 {font-size:min(3.8vw,136%);}/*{font-size:min(4.27vw,137.5%);}*/
	main p {font-size:min(3.73vw,100%);}
}


main div img[src$="icon-arrow-down.png"] {
    display: block;
    width:25px;
    height: auto;
	margin: 0 auto;
	filter: drop-shadow(0 0 2px #404040);
}
main div span {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:500;
	color: #fff;
	text-shadow:0 0 4px #000;
}
main h1 {margin-top:2rem;}
main h2 {margin-top:.5rem;}
main p {margin: 1.5rem 0 auto;}


/* obi
--------------------- */
.obi {
    background: url("../images/obiback.jpg") no-repeat;
    background-size:cover;
	background-position:center center;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 5rem 0;
}
.obi h2 {
	font-size:187.5%; 
	border-left: initial; 
	padding:initial; 
	margin: initial;
	text-shadow:0 0 4px #000;
}
.obi a, .obi a:visited {color:#fff;}
.obi a:hover {text-decoration:none; background-color:transparent!important; }
.obi p {margin:2rem 0;}
.obi img.concept_logo {filter: drop-shadow(0 0 70px rgba(255,255,255, 1)); margin-bottom: 3rem; width:max(20vw,300px);}
.obi p.text {text-align:center;}
@media (width <= 1024px){
	.obi h2 {
		font-size:min(5.33vw,187.5%); 
		text-align: center;
	}
	.obi p {
		font-size:min(3.73vw,100%); 
		width:min(90vw,90%);
	}
	.obi p.text {text-align:left;}
}

/* EventDetails
--------------------- */
.EventDetails,
.EventDetails_consept {
    background: url("../images/EventDetails.jpg") no-repeat;
    background-size:cover;
	background-position:center center;
	width:auto;
	height:300px;
}
@media (width <= 1024px){
	.EventDetails_consept {display: none;}
}

/* pre-event
--------------------- */
.pre-event {
    background: url("../images/back.jpg") no-repeat;
    background-size:cover;
	background-position:center center;
	box-sizing: border-box;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.pre-event-detail {
	width:90%;
	max-width:1000px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color:#f1ecdf;
	border:5px solid #bfa86f;
	border-radius: 5px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pre-event-detail h2 {border-left:none; padding:0; margin:0;font-size:187.5%; text-align: center;}
.pre-event-detail h2 span {background-color:#bfa86f;}
.pre-event-detail p {width: 95%!important; margin: 1rem auto; text-align: center;}
/*1024px以下*/
@media (width <= 1024px){
	.pre-event-detail h2{font-size:min(5.33vw,187.5%); }
	.pre-event-detail p {font-size:min(3.73vw,100%);text-align: left;}
	.pre-event-detail p.bold{text-align: center;}
}


/* container
--------------------- */
.container {
	width: 90%;
	max-width:1000px;
	margin:5rem auto;
}

.container table {
	width: 100%;
	
}
.container table,
.container th,
.container td {
	border: 1px solid #bfa86f;
	border-collapse: collapse;
}
.container th,
.container td {
	padding: 1.875rem;
}
.container th {
	white-space: nowrap;
	background-color: #d8ecb6;
	text-align: center;
}
.container ul {
	margin-left: 1.25rem;
}
.container li {
	list-style-type: disc;
}

/*1024px以下*/
@media (width <= 1024px){
	.container tr {display:flex; flex-direction:column;}
	.container th,
	.container td {
		padding: 0.5rem 1.125rem;
	}
	.container ul.timeline li {list-style: none!important; margin-bottom: 1.5rem;}
}

.container .timeline {
  list-style: none;
  margin-left:0.5rem;
}
.container .timeline > li {
  /*padding-bottom: 1.5rem!important;*/
}

/* for Desktop */
@media ( min-width : 640px ){
  .container .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .container .timeline-date {
    width: 10rem;
    float: left;
	padding-top: 1rem;
	padding-bottom: 1rem;
  }
  .container .timeline-content {
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 1.875rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
  }
  .container .timeline-content:before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background: #d8ecb6;
    position: absolute;
    left: 9.75rem;
    top: 1.5rem;
    border-radius: 100%;
  }
}

.container dl {
	display: flex;
	width: 100%;
	margin-bottom: 1.75rem;
}
.container dt {
	width:14.375rem;
	}
.container dd {
	width:48.125rem;
	font-size:87.5%;
	}
.container dd .name {
	font-size:143%;
	font-weight: 700;
	display: block;
}
.container dd .position {
	font-weight: 700;
	display: block;
	margin-bottom: 0.3rem;
}
.container dt img {
	width:200px;
	height: auto;
}
/*1024px以下*/
@media (width <= 1024px){
	.container dl{flex-direction: column; }
	.container dt,
	.container dd {width:100%;}
	.container dt img {margin-left: auto;margin-right: auto;margin-bottom: 0.5rem;}
	.container dd .name,
	.container dd .position {text-align: center;}
}
/*1024px以下*/
@media (width <= 1024px){
	.container dd p {display:none;}
}

/**/
/*アコーディオン全体*/
.updownmenu {
  width: 100%;
  padding: 10px 10px 20px;
}
.updownmenu input {
  display: none; /*チェックボックスを隠す*/
}

/*バー部分*/
.updownmenu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #000;
  line-height: 1.5;
  position: relative;
  margin: 0 0 10px;
  padding: 1rem 2rem;
  background-color: #d8ecb6;
}

/*開いたときに表示される部分*/
.updownmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.updownmenu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li{
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background: #f1f1f1;
  padding: 1rem 2rem;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child{
  margin-bottom: 20px;
}

/*閉じた状態の矢印描画*/
.updownmenu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.updownmenu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #000 2px solid;
  border-right: #000 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}
/**/

.container .interview {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
	justify-content: space-between;	
}
/*599px以下*/
@media (width <= 599px){
	.container .interview {flex-direction: column; justify-content:space-around!important; align-items: center;}
}
.container .interview .interviewee {
	width:20rem;
	height: 10rem;
	margin-bottom: 2rem;
}
.container .interview .interviewee a:hover {}
.container .interview .interviewee .box {
	width: 18.75rem;
	height: 10rem;
    background: url("../images/back_interviewbox.png") no-repeat;
    background-size:cover;
	background-position:center center;
	margin: 0 auto;
	border-radius:3px;
	background-color: antiquewhite;
	position: relative;
}

.container .interview .interviewee p {
	position: absolute;
	top:5.25rem;
	left: 2.625rem;
	right: 2.625rem;
	font-size:1.5rem;
	font-weight:700;
	text-align: center;
}


.container .interview .interviewee .box .ribbon_grandaward,
.container .interview .interviewee .box .ribbon_award_l,
.container .interview .interviewee .box .ribbon_award_s {
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}

.container .interview .interviewee .box .ribbon_grandaward,
.container .interview .interviewee .box .ribbon_award_l,
.container .interview .interviewee .box .ribbon_award_s {
  --d: .8em; /* the depth */
  
  position: absolute;
  top: 0.75rem;
  inset-inline: calc(-1*var(--d));
  /*border-bottom: var(--d) solid #0008;*/
  padding: 0.5rem;
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));
  /*background-color: #3FB8AF;*/ /* the main color */
}

.container .interview .interviewee .box .ribbon_grandaward {
	font-size: 1.5rem;
	color:#fedf94;
	text-shadow: #000 1px 0 5px;
	border-bottom: var(--d) solid #312f25;
	background-color: #585542; /* the main color */
}

.container .interview .interviewee .box .ribbon_award_l {
	color:#000;
	border-bottom: var(--d) solid #639763;
	background-color: #9ef29e; /* the main color */
}

.container .interview .interviewee .box .ribbon_award_s {
	color:#000;
	border-bottom: var(--d) solid #4c959c;
	background-color: #7df4ff; /* the main color */
}

/* ---------- */
ul.merit {
	display: flex;
	width: 100%;
	justify-content: space-between!important;
}
ul.merit li {list-style-type: none!important; width:20rem;}
ul.merit li img {border:1px solid #ddd; box-sizing: border-box;}
/*1024px以下*/
@media (width <= 1024px){
	ul.merit {flex-direction: column; justify-content:center; align-items: center;margin-left:-.005rem;}
	ul.merit li{margin-bottom: 1.5rem;}
}

/* ---------- */
.container .snsarea {
	background-color: #efeeed;
	text-align: center;
	padding: 2.5rem 1rem 2rem;
	box-sizing: border-box;
	margin: 12rem 0 2rem;
}
.container .snsarea h6 {text-align:center;}
.container .snsarea i {
	font-size:2.57rem;
	display: inline-block;
	margin: .5rem 1rem 0;
}
.container .snsarea a, 
.container .snsarea a:visited {color:none;text-decoration:none;}
.container .snsarea a:hover {
	text-decoration: none!important; 
	background-color:none!important; 
	opacity: 0.4;
	transition: .5s;
	}

.container .inquiry {
	text-align: center;
	margin: 5rem 0 2rem}
.container .inquiry h6 {text-align:center;}

/* footer
--------------------- */
footer {
	background-color: #585348;
	color:#fff;
}

footer .copyright {
	background-color: #16256a;
	font-size:0.75rem;
	text-align: center;
	padding: 0.5rem 0;
}
footer .contents {
	width:100%;
	max-width:1000px;
	height: auto;
	margin: 0 auto;
	padding: 2rem 0;
	display: flex;
	justify-content: space-between;
}
/*599px以下*/
@media (width <= 599px){
	footer .contents {width: 90%!important;}
	footer .contents p {text-align: right; width:85%; }
	footer .contents a {margin-bottom:0.75rem!important; }
}

footer .contents img {
	width:175px;
	height: auto;
}

footer .contents a.txt {
	color:#fff;
	display: inline-block;
	margin: 0 1rem;
}
footer .contents a.txt:hover {
	text-decoration: none; 
	background-color:rgba(233, 233, 233, 0.2);
}
footer .contents a.img:hover {
	text-decoration: none; 
	background-color:rgba(233, 233, 233, 0);
	opacity: 0.4;
	transition: .5s;
}