@charset "utf-8";
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

* { margin: 0;padding: 0;font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック"; }
*::after,* { -webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html { font-size: 62.5%;background: #fff; }
body { font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック";text-align: center; }

img { border-width:0;vertical-align: bottom; }

/*-------------------------------------
	ヘッダー
---------------------------------------*/
	.h_layout01 { background-color: #fff;position: fixed;z-index: 9999;width: 100%;margin:-120px auto 0 auto;padding: 0 0 0 30px;display: flex;align-items: stretch;justify-content: center;height: 120px; }
	.h_layout02 { display: none !important; }
		h1 { width: 620px;margin: 0;padding: 0; }
			h1 span { display: block;margin: 5px 0 0 0;text-align :left;font-size: 1.2rem;font-weight: normal; }
			h1 img	{ margin: 20px 0;width: 100%;height: auto; }
		.h_menu { list-style: none;width: 80%;margin: 0;padding: 0;list-style: none;display: flex;justify-content: flex-end;align-items: stretch; }
		.h_menu li { display: flex;justify-content: center;align-items: center; }
		li.menu_tel  { width: 190px;background: #1694C4;font-size: 1.2rem;font-weight: bold; }
		li.menu_mail  { width: 190px;background: #2756A7;font-size: 1.2rem;font-weight: bold; }
			.menu_mail span,.menu_tel span { font-size: 1.8rem;color: #fff; }
			.menu_mail a,.menu_tel a { color: #fff;text-decoration: none; }
			.menu_mail a:hover,.menu_tel a:hover { opacity: .5; }
		li.menu_text  { margin: 0.5% 2.5% 0 0;font-size: 1.6rem;color: #000; }
		.h_menu img { height: auto;vertical-align: middle;margin-right: 2px; }
		.h_menu_image01 { width: 44px; }
		.h_menu02 { display: none !important; }
			.header_link { color: #000;text-decoration: none;display: inline-block;transition: .3s; }
			.header_link:hover { transform: rotate(5deg); }
	/* ライン */
		.menu_line { margin-bottom: -5px;border-bottom: 3px #800000 solid; }
	/* トップ画像 */.topimages_r img { display: block; width: 100%;height: 800px;object-fit: cover;margin: 0 auto; }

@media screen and (max-width: 1280px) {
	/* トップ画像 */.topimages_r img { height: 700px; }
	h1 img	{ margin: 30px 0 0 0; }
}

@media screen and (max-width: 1080px) {
	/* トップ画像 */.topimages_r img { height: 600px; }
}

@media screen and (max-width: 900px) {
	.h_layout02 { background-color: #fff;width: 100%;margin: 0 auto -120px auto;padding: 0;display: block !important; }
	.h_layout01 { display: none !important; }
	h1 { width: 60%;margin: 0 auto;padding: 0 0 20px 0; }
	/* トップ画像 */.topimages_r img { height: 450px; }
}

@media screen and (max-width: 700px) {
	h1 { width: 80%;margin: -10px auto 0 auto;padding: 0 0 20px 0; }
	/* トップ画像 */.topimages_r img { height: 350px; }
}

@media screen and (max-width: 580px) {
	/* トップ画像 */.topimages_r img { height: 280px; }
}

@media screen and (max-width: 400px) {
	/* トップ画像 */.topimages_r img { height: 200px; }
}

@media screen and (max-width: 350px) {
	/* トップ画像 */.topimages_r img { height: 150px; }
}


/*-------------------------------------
	レイアウト
---------------------------------------*/
	.hidden { overflow: hidden; }
	.top_yohaku { padding-top: 80px; }
	/*コンテンツ*/
		.layout01 { width: 100%;display: flex;align-items: stretch;flex-wrap: no-wrap;border-top: 1px #666 solid;border-bottom: 1px #666 solid;margin-top: 20px; }
	/*2列*/
		.retsu2_01 { flex-basis: 43px;flex-shrink: 0;flex-grow: 0; }
		.retsu2_02 { flex-grow: 1;align-items: center;border-left: 1px #666 solid; }
		.retsu2_02b { flex-grow: 1;align-items: center;border-left: 1px #666 solid;padding: 70px; }

	/*3列 retsu2_02の中に2列作る*/
		.layout02 { width: 100%;display: flex;align-items: stretch;flex-wrap: no-wrap; }
		.retsu3_02 { width:55%;padding: 70px;align-items: center; }
		.retsu3_03 { width: 45%;padding: 0;align-items: center; }
		.retsu3_images { display: block;width: 100%;height: 100%;object-fit: cover;margin: 0 auto; }

	/*先輩社員の声*/
		.layout_koe { width: 100%;margin-top: 20px; }
		.layout_koe02 { display: flex;justify-content: flex-start;flex-wrap: wrap; }
		.layout_koe03 { display: flex;flex-wrap: wrap;flex-direction: column;width: 24.75%;margin: 0 0.125% 0.25% 0.125%;padding: 25px 25px 0 25px;border: 1px #666 solid; }
		.layout_koe03 img { width: 90%;height: auto;margin-bottom: 20px; }

	/*エントリーフォーム*/
		.layout_entry { width: 80%;margin: 20px auto 0 auto;text-align: left; }


@media screen and (max-width: 1600px) {
	.retsu3_02 { width:60%;padding: 40px; }
	.retsu3_03 { width: 40%; }
	.layout_koe03 { width: 33.05%; }
}

@media screen and (max-width: 1080px) {
	.retsu2_02b { padding: 70px 50px; }
	.retsu2_02 { padding-right: -50px; }
	.layout02 { width:100%;flex-wrap: wrap; }
	.retsu3_02 { width:100%;padding: 50px; }
	.retsu3_03 { width: 100%;padding: 0; }
	.layout_koe03 { width: 49.75%; }
}

@media screen and (max-width: 800px) {
	.layout_entry { width: 90%; }
}

@media screen and (max-width: 700px) {
	.retsu2_02b { padding: 50px; }
	.layout_koe03 { width: 99.75%;margin-bottom: 10px; }
	.layout_koe03 img { width: 70%; }
}

@media screen and (max-width: 580px) {
	.retsu2_02b { padding: 40px; }
	.retsu3_02 { padding: 30px; }
}

@media screen and (max-width: 400px) {
	.retsu2_02b { padding: 30px; }
	.layout_koe03 img { width: 90%; }
}

@media screen and (max-width: 350px) {
	.retsu2_02b { padding: 15px; }
}



/*-------------------------------------
	見出し
---------------------------------------*/
	.heading08 { font-size: 4rem;text-align: left;font-weight: normal;letter-spacing: 0.07em;margin-left: 50px; }
	.heading08 span { display: flex;align-items: center;color: #666;letter-spacing: normal;font-size: 1.5rem; }
	.heading08 span::before { content: '';display: inline-block;margin-right: 10px;width: 20px;height: 1px;background-color: #666; }
	/*縦書き*/
		.tate { writing-mode: vertical-rl;-ms-writing-mode: tb-rl;font-size: 2rem;color: #666;font-weight: normal;letter-spacing: 0.07em;padding: 50px 0; }
	/*下線*/
		.h401 { padding: 0;width: fit-content;letter-spacing: 0.07em;margin-right: auto;margin-bottom: 0.2rem;background-image: linear-gradient(90deg, #1694C4 0 30px, #000 20%);background-repeat: no-repeat;background-size: 100% 2px;background-position: bottom;text-align: left;color: #000;font-weight: normal;font-size: 3rem; }
	/*社員の一日*/
		.heading09 { font-size: 2.6rem;font-weight: normal; }
		.heading09::before { content: attr(data-en);display: block;color: #333;font-size: 1.8rem; }
	/*募集要項*/
		.heading11 { position: relative;font-size: 2.6rem;text-align: center;font-weight: normal; }
		.heading11::before { content: attr(data-number);display: block;margin-bottom: 30px;color: #000;font-size: 5rem; }
		.heading11::after { content: '';position: absolute;top: 75px;left: 50%;transform: translateX(-50%);width: 1px;height: 15px;background-color: #000; }
	/*社員の声*/
		.h402 {   font-size: 2.6rem;color: #000;font-weight: normal;  line-height: 1;text-align: left; }
		.h402 span { display: block;font-size: 1.4rem;color: #666;margin-bottom: 15px; }
	/*社員の声 ふきだし*/
		.fukidashi-01-06 { position: relative;width: fit-content;padding: 5px 16px;border: 1px solid #2756A7;margin-bottom: 15px;background-color: #2756A7;border-radius: 20px;color: #fff;font-size:1.5rem;font-weight: normal; }
		.fukidashi-01-06::before { content: "";position: absolute;bottom: -5px;left: 50%;width: 15px;height: 15px;box-sizing: border-box;background-color: #2756A7;rotate: 135deg;translate: -50%;z-index:-99; }
		.fukidashi-01-06::after { content: "";position: absolute;bottom: -8px;left: 50%;width: 15px;height: 17px;box-sizing: border-box;border: 3px solid;border-color: #2756A7 #2756A7 transparent transparent;rotate: 135deg;translate: -50%; }
/* 付箋 */
.heading-015 {
    display: inline-block;
    position: relative;
    padding: 10px 60px 10px 30px;margin-top: 50px;
	margin-bottom: 15px;
    border-right: 27px solid #2756A7;
    background-color: #f5f5f5;
    color: #000;font-size: 2.3rem;font-weight: normal;letter-spacing: 0.075em;
}

.heading-015::before {
    position: absolute;
    bottom: 2px;
    right: -20px;
    z-index: -1;
    transform: rotate(5deg);
    width: 100%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}

@media screen and (max-width: 1600px) {
	.heading08 { font-size: 3.5rem;margin-left: 50px; }
	.heading08 span { font-size: 1.5rem; }
	.h401 { font-size: 2.5rem; }
	.h402 { font-size: 2.3rem; }
	.heading-015 { font-size: 2rem; }
	.fukidashi-01-06 { font-size:1.4rem;padding-left: 10px;padding-right: 10px; }
}

@media screen and (max-width: 1280px) {
	.heading08 { font-size: 3rem;margin-top: -10px; }
	.h401 { font-size: 2.3rem; }
	.heading-015 { font-size: 1.8rem; }
}

@media screen and (max-width: 1080px) {
	.tate { font-size: 1.8rem;padding: 30px 0;margin-left: 5px; }
	.heading08 { margin-top: -20px;  }
	.heading09 { font-size: 2.3rem; }
	.heading11 { font-size: 2rem; }
	.heading11::before { margin-bottom: 30px;font-size: 4rem; }
	.heading11::after { top: 60px;height: 15px;}
}

@media screen and (max-width: 900px) {
	.heading08 { font-size: 2.5rem;margin-top: -40px;  }
	.h401 { font-size: 2rem; }
	.heading09 { font-size: 1.8rem; }
	.heading-015 { font-size: 1.5rem; }
}

@media screen and (max-width: 700px) {
	.tate { font-size: 1.5rem;padding: 30px 0;margin-left: 5px; }
	.heading08 { font-size: 2.2rem;margin-left: 10px;margin-top: -40px;  }
	.heading09 { font-size: 1.5rem; }
	.heading11 { font-size: 1.5rem; }
	.heading11::before { margin-bottom: 10px;font-size: 2.8rem; }
	.heading11::after { top: 35px;height: 15px;}
	.heading-015 { font-size: 1.5rem; }
}

@media screen and (max-width: 580px) {
	.heading08 { font-size: 1.8rem;margin-left: 5px;margin-top: -50px; }
	.heading11 { font-size: 1.3rem; }
	.heading11::before { margin-bottom: 10px;font-size: 2rem; }
	.heading11::after { top: 25px;height: 12px;}
	.h401 { font-size: 1.6rem; }
}

@media screen and (max-width: 400px) {
	.heading08 { font-size: 1.5rem;margin-top: -60px; }
}

@media screen and (max-width: 350px) {
	.heading08 { font-size: 1.3rem; }
	.heading08 span { font-size: 1rem; }
}


/*-------------------------------------
	テキスト
---------------------------------------*/
	.text01 { margin: 0;padding: 0;text-align: left;font-size:2.5rem;color: #000;letter-spacing: 0.07em;line-height: 2; }
	.text01b { margin: 0;padding: 15px 0 0 0;text-align: left;font-size:2.3rem;color: #000;letter-spacing: 0.07em;line-height: 2; }
	.text02 { margin: 0;padding: 15px 0 0 0;text-align: left;font-size:2rem;color: #000;letter-spacing: 0.07em;line-height: 1.5; }
	/*社員の声*/.text03 { margin: 0;padding: 0 0 25px 0;text-align: left;font-size:1.7rem;color: #000;letter-spacing: 0.07em;line-height: 1.5; }

@media screen and (max-width: 1600px) {
	.text01 { font-size:2.3rem; }
	.text01b { font-size:2rem; }
	.text02 { font-size:1.8rem; }
}

@media screen and (max-width: 1280px) {
	.text01 { font-size:2rem; }
	.text01b { font-size:1.8rem; }
	.text02 { font-size:1.5rem; }
}

@media screen and (max-width: 1080px) {
	.text01 { font-size:1.7rem; }
}
@media screen and (max-width: 900px) {
	.text02 { font-size:1.3rem; }
}

@media screen and (max-width: 700px) {
	.text01 { font-size:1.5rem; }
}

@media screen and (max-width: 580px) {
	.text01 { font-size:1.3rem; }
	.text01b { font-size:1.3rem; }
}

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

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



/*-------------------------------------
	テーブル
---------------------------------------*/
	.culture-table { width: 100%;border: none;margin-top: 20px;border-top: 1px #999 solid;border-collapse: collapse; }
	.culture-table td, .culture-table th { border-bottom: 1px #999 solid; }
	.culture-table td { border-left: 1px #999 solid; }
	.culture-table th { width: 20%;text-align:center; }

	.culture-table03 { width: 100%;border: none;margin-top: 20px;border-top: 1px #999 solid;border-collapse: collapse; }
	.culture-table03 td, .culture-table03 th { border-bottom: 1px #999 solid; }
	.culture-table03 th { text-align:center; }

	.t_time { background-color: #dcdcdc;width: 10%;text-align: center;padding: 15px 5px;font-size: 1.6rem; }
	.t_naiyo { text-align: left;padding: 15px 20px;font-size: 1.8rem; }
	.t_time02 { border-left: 0;border-right: 1px #999 solid;background-color: #dcdcdc;width: 20%;text-align: center;padding: 15px 5px;font-size: 1.6rem; }
	.t_naiyo02 { text-align: left;padding: 15px 20px;font-size: 1.8rem; }
	.flow01 { padding: 15px; }
	.bosyu01 { vertical-align: top;padding: 50px 15px 15px 15px; }
	.bg01 { background-color: #f5f5f5; }
	.culture-table_none { display: none !important; }

@media screen and (max-width: 1080px) {
	.text01 { font-size:1.7rem; }
	.t_time { font-size: 1.5rem; }
	.t_naiyo { font-size: 1.6rem; }
}

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

@media screen and (max-width: 700px) {
.culture-table { display: none !important; }
	.culture-table_none { display: block !important;width: 100%; }
	.flow01 { padding: 10px; }
	.t_time02 { font-size: 1.4rem; }
	.t_naiyo02 { font-size: 1.6rem; }
}

@media screen and (max-width: 580px) {
	.text01 { font-size:1.3rem; }
	.t_naiyo02 { font-size: 1.5rem; }
}

@media screen and (max-width: 400px) {
	.t_naiyo02 { font-size: 1.3rem; }
}

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

/*-------------------------------------
	メールフォーム
---------------------------------------*/

.speechBubble {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 15px;
  border-radius: 8px;
  background-color: #1694C4;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #ffffff;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #1694C4;
  translate: -50% -100%;
}
/* メールフォーム枠 */
	.mform { width: 100%;border: #ccc 1px solid;border-collapse: collapse;font-size: 2rem;margin: 30px auto 80px auto; }
	.mform th { width: 30%;background-color: #f5f5f5;border-bottom: #ccc 1px solid;padding: 20px 0 20px 20px;text-align: left;font-weight: normal; }
	.mform td { background-color: #fff;border-bottom: #ccc 1px solid;padding: 20px;text-align: left; }

/* インプットスタイル */
	.inp{ border-radius: 5px;width: 100%;color:000;font-size: 100%;padding: 5px;border: 2px #999 solid; }
	.inp02{ border-radius: 5px;color:000;font-size: 100%;padding: 5px;border: 2px #999 solid;margin-bottom: 10px; }
	.inp03{ border-radius: 5px;color:000;font-size: 100%;padding: 5px;border: 2px #999 solid; }

/*ラジオボタン*/
.radioItem {
  display: flex;
  align-items: center;
  column-gap: 2px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.radioItem:not(:last-of-type) {
  margin-bottom: 25px;
}

.radioButton {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 3px solid #999;
  border-radius: 9999px;
  cursor: pointer;
}

.radioButton:checked {
  border: none;
  background-color: #1694C4;
}

.radioButton:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 9999px;
  background-color: #fff;
}
/*ラジオボタン横並び*/
.radioItem02 {
  display: inline-flex;
  align-items: center;
  column-gap: 4px;
  line-height: 1;
  cursor: pointer;
}

.radioItem02:not(:last-of-type) {
  margin-right: 16px;
}

.radioButton02 {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 3px solid #999;
  border-radius: 9999px;
  cursor: pointer;
}

.radioButton02:checked {
  border: none;
  background-color: #1694C4;
}

.radioButton02:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border-radius: 9999px;
  background-color: #ffffff;
}


/* フォーカス */
	.form-1 input[type=text]:focus,.form-1 select:focus,.form-1 textarea:focus{ background: #ffffe0; }
	.form-1 input[type=text],.form-1 select,.form-1 textarea{ background: #fff; } 

/* 必須バッチ */
	.Form-Item-Label-Required { border-radius: 5px;margin-right: 8px;padding: 2px 5px;display: inline-block;text-align: center;background: #1694C4;color: #fff;font-weight: normal;font-size: 1.5rem; }

/* 送信ボタン */
	.submit-btn { border-radius: 5px;background-color: transparent;border: none;cursor: pointer;outline: none;appearance: none;color: #fff;font-size: 2rem;padding: 10px 80px;background-color: #2756A7;cursor: pointer; }
		.submit-btn[disabled] { background-color: #ccc;cursor: not-allowed; }

/* チェックボックス */
	input[type="checkbox"]  { margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; }
	input[type="checkbox"] { cursor: pointer;padding-left: 30px;vertical-align: middle;position: relative; }
	input[type="checkbox"]::before,
	input[type="checkbox"]::after { content: "";display: block;position: absolute; }
	input[type="checkbox"]::before { background-color: #fff;border-radius: 0%;border: 2px solid #999;width: 20px;height: 20px;transform: translateY(-50%);top: 50%;left: 5px; }
	input[type="checkbox"]::after { border-bottom: 3px solid #1694C4;border-left: 3px solid #1694C4;opacity: 0;height: 6px;width: 11px;transform: rotate(-45deg);top: -7px;left: 10px; }
	input[type="checkbox"]:checked::after { opacity: 1; }

/* 個人情報の取扱いで使用 */
	.list-002 { counter-reset: li;text-align: left;margin-top: 20px; }
		.list-002 li { display: flex;align-items: center;padding: .5em;font-size:2rem;letter-spacing: 0.05em; }
		.list-002 li::before { display: inline-block;min-width: 1.7em;margin-right: 5px;border-radius: 50%;background-color: #1694C4;color: #fff;font-weight: noramal;font-size: 1.7rem;line-height: 1.7;text-align: center;content: counter(li);counter-increment: li; }

/* 同意の部分 */
	.checkdoui { font-size: 1.7rem;cursor: pointer; }
	.waku { padding: 0 0 50px 0;text-align: center; }
	.waku02 { padding: 0 0 30px 0;text-align: center;  }

@media screen and (max-width: 1600px) {
	.list-002 li,.mform,.submit-btn { font-size:1.8rem; }
}

@media screen and (max-width: 1280px) {
	.list-002 li,.checkdoui,.mform,.inp { font-size:1.5rem; }
	.mform,.submit-btn { font-size:1.5rem; }
}

@media screen and (max-width: 900px) {
	.mform,.Form-Item-Label-Required { font-size:1.3rem; }
	.list-002 li,.checkdoui,.mform,.inp,.submit-btn { font-size:1.3rem; }
}

@media screen and (max-width: 800px) {
		.mform th,.mform td { display: block;width: 100%; }
		.mform { border-bottom:0; }
		.mform th { background: #eee;border-bottom:none;padding: 10px 0 10px 15px; }
		.mform td{ padding: 10px 15px; }
	}



/*-------------------------------------
	フッター
---------------------------------------*/
	/*問い合わせ等*/
		.layout_button { margin-top: 50px;width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap; }
		.button_item { width: 50%; }
		.button_item img { width: 128px;height: auto; }
		.b_color01 { background-color: #2756A7;font-size: 1.8rem;color: #fff;padding: 50px 10px; }
		.b_color02 { background-color: #2756A7;border-left: 1px #fff solid;font-size: 1.8rem;color: #fff; }
		.b_color03 { display: none !important; }
		.b_color01 span,.b_color02 span,.b_color03 span { font-size: 2rem; }
		.b_color01 a,.b_color03 a { color: #fff;text-decoration: none; }
		.b_color02 a { color: #fff;text-decoration: none;padding: 50px 10px;display: block; }
		.b_color01 a:hover,.b_color02 a:hover,.b_color03 a:hover { opacity: .5; }

	/*会社一覧*/
		footer { text-align: left; width: 95%; margin: 50px auto 20px auto; }
		.f_company{ margin: 0 auto;width: 90%;display: flex;align-items: stretch;flex-wrap: wrap; }
		.f_companylayout { width: 50%;padding: 30px; }

@media screen and (max-width: 768px) {
.b_color01 { display: none !important; }
.b_color03 { display: block !important;background-color: #2756A7;font-size: 1.5rem;color: #fff; }
.b_color03 a { display: block;color: #fff;padding: 50px 10px;text-decoration: none; }
}

@media screen and (max-width: 1280px) {
.f_company{ width: 95%; }
}
@media screen and (max-width: 1080px) {
.button_item img { width: 64px; }
.f_company{ width: 100%; }
}
@media screen and (max-width: 900px) {
footer { width: 98%; }
}

@media screen and (max-width: 700px) {
.button_item img { width: 50px; }
.b_color01 { font-size: 1.5rem; }
.b_color02 { font-size: 1.5rem; }
.b_color03 { font-size: 1.5rem; }
.b_color01 span,.b_color02 span,.b_color03 span { font-size: 1.8rem; }
.f_companylayout { width: 100%; }
}

@media screen and (max-width: 400px) {
.f_images { width: 80%;height: auto; }
}

@media screen and (max-width: 400px) {
.b_color01 { font-size: 1.2rem; }
.b_color02 { font-size: 1.2rem; }
.b_color03 { font-size: 1.2rem; }
.b_color01 span,.b_color02 span,.b_color03 span { font-size: 1.5rem; }
.f_companylayout { padding: 10px; }
}


/*-------------------------------------
	著作権表示
---------------------------------------*/
	.copy { text-align: center;width: 100%;margin: 0 auto;padding: 80px 0 0 0;font-size: 1.6rem;color: #333;letter-spacing: 0.07em; }

@media screen and (max-width: 1080px) {
	.copy { font-size: 1.5rem; }
}
@media screen and (max-width: 900px) {
	.copy { font-size: 1.3rem; }
}
@media screen and (max-width: 580px) {
	.copy { font-size: 1rem; }
}

/*-------------------------------------
	トップへ戻る
---------------------------------------*/
	#page-top { position: fixed;bottom: 30px;right: 30px; }
		#page-top img { width: 85%;height: auto; }

/*-------------------------------------
	エントリー
---------------------------------------*/
#en { display: none !important; }
@media screen and (max-width: 900px) {
	#en { position: fixed;top: 5px;right: -3px;display: block !important; }
		#en img { width: 80%;height: auto; }
}
@media screen and (max-width: 700px) {
	#en { right: -10px; }
		#en img { width: 70%; }
}
@media screen and (max-width: 580px) {
	#en { right: -15px; }
		#en img { width: 60%; }
}
@media screen and (max-width: 400px) {
	#en { right: -20px; }
		#en img { width: 50%; }
}

/*-------------------------------------
	画像スクロール
---------------------------------------*/
	/* loop右から左へ */
		@keyframes infinity-scroll-left {
		  from { transform: translateX(0); }
		  to { transform: translateX(-100%); }
		}
	/* loop左から右へ */
		@keyframes infinity-scroll-right {
		  from { transform: translateX(-100%); }
		  to { transform: translateX(0%); }
		}
	/* IE11対策 */
		_:-ms-lang(x)::-ms-backdrop,.d-demo { display: -ms-grid;overflow: hidden; }
	/* 画像表示 */
		.d-demo__wrap { display: flex;overflow: hidden;margin: 30px 0 50px 0; }
		.d-demo__list { display: flex;list-style: none; }
		.d-demo__list--left{ animation :infinity-scroll-left 50s infinite linear 0.5s both; }
		.d-demo__list--right{animation :infinity-scroll-right 50s infinite linear 0.5s both; }
		.d-demo__item { width: calc(100vw / 5); }
		.d-demo__item > img{ width: 100%; }
	/* マウスオーバーで一時停止
		.d-demo__wrap:hover .d-demo__list--left { animation-play-state: paused; } */

	@media screen and (max-width: 1100px) {
		.d-demo__item { width: calc(100vw / 4); }
	}
	@media screen and (max-width: 900px) {
		.d-demo__item { width: calc(100vw / 3); }
	}