@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);



html,
body { width:100%; min-width: 320px; overflow-x: hidden;}
body { height:auto; background:#fff;}
/*body * { border:0.02px solid #000000; background:rgba(000,000,000,0.1)}
*/

/* フォントの指定 */
html { font-size: 65%; /* font-size: 62.5%;*/ }
body,input,select,textarea { 
	font-size: 17px; font-size: 1.7rem; 
	line-height:1.8; 
	letter-spacing:0.05em;
	font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	color:#000; }
	
a {color:#000; text-decoration: none;}
p {text-align:justify; text-justify:inter-ideograph;}
p a {color:#000; text-decoration: underline;}
a img { opacity: 1; transition: 0.5s;}
a:hover img { opacity: 0.6;}

/* セレクト時の色指定 */
::selection {
    background: #0B4FAA;
    color: #fff;
}
::-moz-selection {
    background: #0B4FAA; /*Firefox*/
    color: #fff;
}

.inner { width: 90%; margin: 0 auto;}
.mw100 { max-width: 100%;}
.showPc { }
.showSp { display: none;}
.imgTxt { position:relative;}
.imgTxt p { overflow: hidden;position:absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-150vw; font-size: 10px!important; }

@media screen and (max-width:1280px){
html { font-size: 62.5%;}
}

@media screen and (max-width:768px){
html { font-size: 55%;}
.showPc { display: none;}
.showSp { display: block;}
}

/* 画像と文字を重ねて文字を見えなくする */
.imgTxt { position: relative; text-align: center; }
.imgTxt img { max-width: 100%;}
.imgTxt span { display: block; position: absolute; text-indent: -9999px; }


/* --------------------------------------------

共通のもの

---------------------------------------------- */

/* リンクボタン */
.button {
  display: block;
  width: 100%;
	position: relative;
	transition: .3s;
	z-index: 1;
	overflow: hidden;
}
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 120%;
	height: 100%;
	background: #002F67;
	transform-origin: right top;
	transform: skewX(-30deg) scale(0, 1);
	transition: transform .3s;
}
.button:hover::after {
	transform-origin: left top;
	transform: skewX(-30deg) scale(1, 1);
}




/* リンクボタン　青 */
.button-blue {
  color: #fff;
  background-color: #0051b0;
}

.button-blue::before {
  display: inline-block;
  content: "";
  width: 1.3em;
  height: 1.3em;
  margin: 0 .5em 0 .8em;
  vertical-align: middle;
  background: url(../img/share/buttonIcon_b.png) center no-repeat;
  background-size: contain;
}

/* リンクボタン　白 */
.button-white {
  color: #1e4c91;
  border: 2px solid #1e4c91;
  background-color: #fff;
}

.button-white::before {
  display: inline-block;
  content: "";
  width: 1.3em;
  height: 1.3em;
  margin: 0 .5em 0 .8em;
  vertical-align: middle;
  background: url(../img/share/buttonIcon_w.png) top no-repeat;
  background-size: contain;
}
.button-white:hover {
	color: #fff;
}
.button-white:hover::before {
  background: url(../img/share/buttonIcon_b.png) top no-repeat;
  background-size: contain;
}



/* cssアニメーション */
@keyframes fadeInBottomTop {
  0% {
    opacity: 0;
    transform: translateY(20px) translateX(0);
 }
  100% {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}




/* --------------------------------------------

#main

---------------------------------------------- */
main#contents {
	background-image:url(../img/share/main_back.png);
  background-position: bottom right;
  background-repeat: no-repeat;
	background-size: 68% auto;
  background-color: #fff;
}

h2.h2_spl {
	max-width: 980px;
	padding: 0.6em;
	margin: 3em auto;
	text-align: center;
	font-size: 21px; font-size: 2.1rem;
	color: #1E4C91;
	letter-spacing:0.1em;
	background: #d2d2d2;
	background: -moz-linear-gradient(140deg, #d2d2d2 0%, #f0f0f0 15%, #ffffff 30%, #e6e6e6 50%, #ffffff 70%, #f0f0f0 85%, #d2d2d2 100%); 
	background: -webkit-linear-gradient(140deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	background: linear-gradient(-50deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 );
}

.splTitle {
	max-width: 980px;
	padding: 0.6em;
	margin: 3em auto;
	text-align: center;
	font-size: 21px; font-size: 2.1rem;
	color: #1E4C91;
	letter-spacing:0.1em;
	background: #d2d2d2;
	background: -moz-linear-gradient(140deg, #d2d2d2 0%, #f0f0f0 15%, #ffffff 30%, #e6e6e6 50%, #ffffff 70%, #f0f0f0 85%, #d2d2d2 100%); 
	background: -webkit-linear-gradient(140deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	background: linear-gradient(-50deg, #d2d2d2 0%,#f0f0f0 15%,#ffffff 30%,#e6e6e6 50%,#ffffff 70%,#f0f0f0 85%,#d2d2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=1 );
}


/* フォーム */
.formOuter .formAttention {
  margin-bottom: 2em;
  font-size: 14px; font-size: 1.4rem;
  color: #ea1d13;
	line-height: 1.3;
}


.formOuter table {
  width: 100%;
  /* margin-bottom: 4em; */
  margin-bottom: 2em;

  font-size: 14px; font-size: 1.4rem;
  border: solid #c8c8c8;
  border-width: 1px 0;
}

.formOuter table tr {
  border-bottom: 1px dashed #c8c8c8;
}

.formOuter table tr:nth-last-of-type(1) {
  border: none;
}

.formOuter table th {
  width: 155px;
  padding: 1.4em 1em 1.2em;
  font-weight: normal;
} 

.formOuter table td {
  padding: 1.2em 1em;
}

.formOuter table td ul li {
  display: inline-block;
  width: 45%;
  max-width: 72px;
}

/* テキストボックス・セレクトボックス */
.formOuter table input[type="text"],
.formOuter table input[type="tel"],
.formOuter table select {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  background: #f0f0f0;
}

/* ラジオボタン */
.formOuter table input[type="radio"] {
  display: none;
}

.formOuter table input[type="radio"] + label {
  display: block;
  cursor: pointer;
  overflow: hidden;
  width: 72px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  color: #6e6e6e;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  background: #f0f0f0;
}

.formOuter table input[type="radio"]:checked + label {
  color: #fff;
  border-color: #f0f0f0;
  border-radius: 4px;
  background: #3151a9;
}

/* テキストエリア */
.formOuter table textarea {
  display: block;
  width: 100%;
  height: 126px;
  resize: vertical;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
  background: #f0f0f0;
}

/* form　必須 */
.formOuter table .required::before {
  display: inline-block;
  content: "※";
  color: #ea1d13;
}

/* form　入力欄幅 */
.formOuter table .size1 { max-width: 300px;}
.formOuter table .size2 { max-width: 220px;}
.formOuter table .size3 { max-width: 130px;}
.formOuter table .size4 { max-width: 80px;}
.formOuter table .size5 { max-width: 220px;}

/* form　データーピッカー */
.formOuter table #datepicker { margin-right: .5em;}
.formOuter table #datepicker + select { margin-right: .3em; }


/* form　ボタン */
.formOuter .button {
  display: block;
  width: 95%;
  max-width: 350px;
  height: 60px;
  margin: 0 auto 1em;
  font-size: 21px;
  font-size: 2.1rem;
  text-align: center;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 30px;
  border: none;
  box-shadow: 0 5px 0 0 rgba(0,0,0,0.2);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6179b4+0,1e4c91+56,233555+100 */
  background: #6179b4; /* Old browsers */
  background: -moz-linear-gradient(45deg, #6179b4 0%, #1e4c91 56%, #233555 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #6179b4 0%,#1e4c91 56%,#233555 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #6179b4 0%,#1e4c91 56%,#233555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6179b4', endColorstr='#233555',GradientType=1 ); /* IE6-9 
  fallback on horizontal gradient */
}
@media screen and (max-width:780px){
.formOuter table {
  margin-bottom: 2.2em;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}

.formOuter table th ,
.formOuter table td {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.formOuter table th {
  padding: .8em 1em 0;
}

.formOuter table td {
  padding-top: 0;
}

.formOuter table select {
  margin-top: .5em;
}
}

/* エラーメッセージ */
.error_messe {
  padding: 1em 0;
  border-bottom: 1px dashed #c8c8c8;
}

/* 送信完了メッセージ */
.send_messe {
  width: 92%;
  max-width: 796px;
  margin: 0 auto;
  text-align: center;
}

.send_messe b {
  display: block;
  margin-bottom: 1em;
  border-bottom: 1px solid #6179b4;
}



/* --------------------------------------------

#header

---------------------------------------------- */ 
#header {
	background: #fff;
}

.header__inner {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/* logo */
.header__logo {
  position: relative;
  margin: 1rem 0 0em 20px;
}

.header__logo * {
  display: block;
  position: absolute; top: 0; left: 0;
}

.header__logo,
.header__logo * {
  float: left;
  overflow: hidden;
  width: 400px;
  height: 80px;
  text-indent: 100%;
  white-space: nowrap;
}

.header__logo span {
  background: url(../img/share/logo.png) top left no-repeat;
  background-size: contain;
}

/*　スマホ用設定　*/
@media screen and (max-width:980px){
.header__logo,
.header__logo * {
  float: none;
  width: 330px;
  height: 65px;
}
}
@media screen and (max-width:500px){
.header__logo,
.header__logo * {
  width: 230px;
  height: 45px;
}
}

/* ハンバーガーメニュー */
.header__button {
  display: none;
  position: absolute; top: 1.1em; right: .5em;
  width: 20%;
  max-width: 65px;
  height: 65px;
  cursor: pointer;
  background: #233555;
}

/*.header__button::after {
  display: block;
  content: "menu";
  width: 100%;
  padding-top: 40px;
  font-size: 10px; font-size: 1rem;
	font-weight: 300; letter-spacing: 0.3em;
  text-decoration: none;
  text-align: center;
  transition: all .4s;
  color: #fff;
}

.header__button.active::after {
  content: "close";
}*/

.header__button span {
  display: inline-block;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  width: 25px;
  height: 1px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.header__button span:nth-of-type(1) { top: 25%;}
.header__button span:nth-of-type(2) { top: 45%;}
.header__button span:nth-of-type(3) { top: 65%;}

/* ハンバーガーメニュー　アクティブアニメーション */
.header__button.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.header__button.active span:nth-of-type(2) { opacity: 0;}
.header__button.active span:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}
/* スマホ用設定 */
@media screen and (max-width:980px){
.header__button {
  display: block;
}
}
@media screen and (max-width: 500px) {
.header__button {
  max-width: 45px;
  height: 45px;
}
.header__button span {
  width: 20px;
}
/* ハンバーガーメニュー　アクティブアニメーション */
.header__button.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
.header__button.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}
/*.header__button::after,
.header__button.active::after {
  display: none;
}*/
}


/* --------------------------------------------

#nav

---------------------------------------------- */ 
#nav {
  float: right;
	width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 450px) ;
	width : calc(100% - 450px) ;
}

.header__navList {
  overflow: hidden;
}

.header__navList li {
  float: left;
  width: 25%;
  text-align: center;
  background: #6179b4;
  background: -moz-linear-gradient(45deg, #6179b4 0%, #1e4c91 56%, #233555 100%);
  background: -webkit-linear-gradient(45deg, #6179b4 0%,#1e4c91 56%,#233555 100%);
  background: linear-gradient(45deg, #6179b4 0%,#1e4c91 56%,#233555 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6179b4', endColorstr='#233555',GradientType=1 ); 
	transition: 1s;
}

.header__navList li a {
  display: block;
  width: 100%;
  padding: 2em 0;
  color: #fff;
}

/* hover */
.header__navList li:not(:last-of-type):hover {
  background: #233555;
  background: -moz-linear-gradient(45deg, #324D8F 0%, #174487 56%, #233555 100%);
  background: -webkit-linear-gradient(45deg, #324D8F 0%,#174487 56%,#233555 100%);
  background: linear-gradient(45deg, #324D8F 0%,#174487 56%,#233555 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324D8F', endColorstr='#233555',GradientType=1 ); 
}

/* 幅指定 */
.header__navList li:nth-of-type(1) ,
.header__navList li:nth-of-type(2) ,
.header__navList li:nth-of-type(3) ,
.header__navList li:nth-of-type(4) {
}

/* 採用情報 */
.header__navList li:nth-last-of-type(1) {
  background: #ffd100;
}

.header__navList li:nth-last-of-type(1) a {
  color: #1e4c91;
}

.header__navList li:nth-last-of-type(1) a::after {
  display: inline-block;
  content: "";
  width: 13px;
  height: 13px;
  margin-left: .5em;
  vertical-align: middle;
  background: url(../img/share/header_linkIcon.png) top left no-repeat;
  background-size: contain;
}
@media screen and (max-width:1200px){
.header__navList li {
	font-size: 13px; font-size: 1.3rem;
}
}
@media screen and (max-width:980px){
#nav {
  display: none;
  float: none;
	width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233555+0,1e4c91+44,6179b4+100 */
  background: #233555; /* Old browsers */
  background: -moz-linear-gradient(top, #233555 0%, #1e4c91 44%, #6179b4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #233555 0%,#1e4c91 44%,#6179b4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #233555 0%,#1e4c91 44%,#6179b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233555', endColorstr='#6179b4',GradientType=0 ); /* IE6-9 */ 
}
.header__navList {
	margin: 0% 1%;
}
.header__navList li {
  float: none;
  opacity: 0;
  width:100%;
  margin: 0.2em auto;
	font-size: 18px; font-size: 1.8rem;
  transition: 0.5s;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
	border-radius: 0.3em;
}

.header__navList li:nth-of-type(1),
.header__navList li:nth-of-type(2),
.header__navList li:nth-of-type(3),
.header__navList li:nth-of-type(4) {
}

.header__navList li a {
  padding: 1.6em 0;
}
/*　hover指定　*/
.header__navList li:not(:last-of-type):hover {
  background: none;
}

/* アニメーション */
.anime .header__navList li {
  opacity: 1;
}
.anime .header__navList li:nth-of-type(1) {
  transition-delay: .1s;
}
.anime .header__navList li:nth-of-type(2) {
  transition-delay: .2s;
}
.anime .header__navList li:nth-of-type(3) {
  transition-delay: .3s;
}
.anime .header__navList li:nth-of-type(4) {
  transition-delay: .4s;
}
}

/* --------------------------------------------

#footer

---------------------------------------------- */ 
#footer {
  background: #0051b0;
}

/* contact */
.footer__contact {
  padding: 3em 0;
  background-image: url(../img/share/footer_back.png);
  background-position: top right;
  background-repeat: no-repeat;
	background-size: 68% auto;
  background-color: #0047ae;
}

.footer__button {
  display: block;
  width: 75%;
  max-width: 540px;
  margin: 0 auto;
  padding: 1em 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  background: #0850a5;
}

.footer__button::before {
  display: inline-block;
  content: "";
  width: 1.3em;
  height: 1.3em;
  margin-right: .5em;
  vertical-align: middle;
  background: url(../img/share/buttonIcon_b.png) center no-repeat;
  background-size: contain;
}
@media screen and (max-width:780px){
.footer__contact {
  padding: 1.5em 0;
}

.footer__button {
  font-size: 17px;
  font-size: 1.7rem;
}
}

/* guide */
.footer__inner-guide {
  overflow: hidden;
  max-width: 1115px;
  padding: 4em 0;
}

/* guide logo */
.footer__50th {
  float: left;
  width: 5.1%;
  margin-right: 1.5%;
}
.footer__50th.showPc {
  display: inline-block;
}
.footer__50th.showSp {
  display: none;
}

/* guide logo */
.footer__logo {
  float: left;
  width: 27.7%;
  margin-right: 1.5%;
}

/* guide tmsMark */
.footer__tmsMark {
  float: left;
  width: 3.7%;
}

/* guide nav */
.footer__nav {
  float: right;
  overflow: hidden;
  width: 60.5%;
  margin: 1em 0;
  text-align: center;
}

.footer__nav li {
  display: inline-block;
  margin: 0 .25%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.footer__nav li a {
  width: 100%;
  padding: 0 .4em;
  color: #fff;
}

.footer__nav li a::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 10px;
  margin-right: .7em;
  background: url(../img/share/footerNav_icon.gif) top center no-repeat;
  background-size: contain;
}

@media screen and (max-width:1024px){
.footer__inner-guide {
  padding: 2em 0 1em;
  text-align: center;
}

/* guide logo */
.footer__50th {
  display: inline-block;
  float: none;
  width: 15%;
  max-width: 68px;
}

/* guide logo */
.footer__logo {
  display: inline-block;
  float: none;
  width: 85%;
  max-width: 360px;
}

/* guide tmsMark */
.footer__tmsMark {
  display: inline-block;
  float: none;
  width: 15%;
  max-width: 54px;
}

/* guide nav */
.footer__nav {
  float: none;
  width: 90%;
  margin: 2em auto 0;
}
}

@media screen and (max-width:780px){
.footer__50th.showPc {
  display: none;
}
.footer__50th.showSp {
  display: inline-block;
}
.footer__50th {
  margin: 0 0.5rem .5em;
}  

/* guide logo */
.footer__logo {
  display: block;
  margin: 0 auto 1em;
}

/* guide tmsMark */
.footer__tmsMark {
  display: inline-block;
  margin: 0 0.5rem .5em;
}

/* guide nav */
.footer__nav {
  display: none;
}
}

/* other */
.footer__other {
  background: #1e4c91;
}

.footer__other .footer__inner-other {
  max-width: 967px;
  padding: 1em 0;
}

.footer__other ul {
  float: left;
  overflow: hidden;
  /* width: 30%; */
  text-align: center;
}

.footer__other ul li {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0;
}

.footer__other ul li a {
  display: block;
  width: 100%;
  padding: 0 1em;
  color: #fff;
}

.footer__other ul li a::before {
  display: inline-block;
  content: "";
  width: 6px;
  height: 10px;
  margin-right: .5em;
  background: url(../img/share/footerNav_icon.gif) top center no-repeat;
  background-size: contain;
}

.footer__other .footer__copy {
  float: right;
  width: 33.4%;
  padding: .5em 0;
  font-size: 10px;
  font-size: 1rem;
  color: #ccc;
  text-align: right;
}

@media screen and (max-width:1024px){
.footer__other ul {
  float: none;
  width: 100%;
  margin-bottom: 2em;
}

.footer__other .footer__copy {
  float: none;
  width: 100%;
  text-align: center;
}
}




.kari { display: block; position: relative; width: 1356px; left: 50%; margin-left: -678px;}



/*---------- cookieポップアップ ----------*/
/* .add-control .btn_close {
  text-align: center;
  cursor: pointer;
  background: url(../img/share/close.svg) no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
}
.add-control .btn_close:hover {
  cursor: pointer;
}
.add-control .action-close {
  position: relative;
  margin-top: 2em;
}
.add-control .action-close .btn_close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.add-control {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  visibility: hidden;
}
.add-control.is-show {
  visibility: visible;
}

.add-control .checkbox {
  display: none;
}
.add-control .action-close #close:checked ~ .btn_close {
  display: none;
}
.add-control .action-close #close:checked ~ .box {
  display: none;
} */

.cookie-consent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0,0,0,.8);
  padding: 1em 5%;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  visibility: hidden;
}
.cookie-consent.is-show {
  visibility: visible;
}
.cookie-consent .cookie-text {
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: justify;
}
.cookie-consent .cookie-text a {
  color: #fff;
  text-decoration: underline;
}
.cookie-consent .cookie-agree {
  color: #fff;
  background: dodgerblue;
  border-radius: 2px;
  padding: .2em 2.6em;
  margin: 0 0 0 30px;
  font-size: 15px;
}
.cookie-consent .cookie-agree:hover {
  cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
  display: none;
}
/* ゆっくり消える */
.cc-hide2 {
  animation: hide 0.5s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
/* メディアクエリ */
@media screen and (max-width: 768px) {
  .add-control .action-close .btn_close {
    right: 16px;
    top: 8%;
    transform: translateY(0);
  }  
  .cookie-consent {
    flex-direction: column;
    padding: 1.2em 5%;
  }
  .cookie-consent .cookie-text {
    margin-bottom: 1.4em;
  }
  .cookie-consent .cookie-agree {
    padding: .4em 3.8em;
    margin: 0;
    font-size: 13px;
  }
}