@charset "utf-8";
/* CSS Document */
html {
	/*height:100%;*/
	font-size: 10px;
}
body {
    text-align: left;
	margin:0;
	width:100%;
	background: #d8c9bc;
	position:relative;
	-webkit-text-size-adjust: 100%;
	font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
	/*
	font-family: 'Noto Sans JP', sans-serif;
	font-family: 'Noto Serif JP', serif;
	*/
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.nofloat{
	overflow:hidden;
	zoom:1;
}

img {
    border-style:none;
}

#wrapper a {
	text-decoration: none;
}

#wrapper a:link {
	color: #000000;
}

#wrapper a:visited {
	color: #000000;
}

ruby {
	ruby-align: distribute-space;
	ruby-overhang: auto;
	ruby-position: above;
}

input[type="submit"] {
   -webkit-appearance: none;
}

:placeholder-shown {
    color:#CCC;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color:#CCC;
}

/* Firefox 18- */
:-moz-placeholder {
    color:#CCC;
	opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
    color:#CCC;
	opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
    color:#CCC;
}

.a_block {
	display:block;
}

.img_block {
	display:block;
	margin: 0px auto;
}

.max_img {
	max-width:100%;
	height:auto;
}

.red_span {
	color:#F09100;
}

.bold_span {
	font-weight:bold;
}

.under_span {
	text-decoration:underline;
}

.inbl_span {
	display:inline-block;
	text-indent:0;
}

.br_1024 {
	display:none;
}

.br_768 {
	display:none;
}

.br_480 {
	display:none;
}

#wrapper {
	box-sizing: content-box;
	font-family: 'Noto Serif JP', serif;
	position: relative;
	z-index: 2;
	overflow-x: hidden;
}

#wrapper *,
#wrapper *:before,
#wrapper *:after {
	box-sizing: content-box;
}

#wrapper img {
	width: auto;
}

#main {
	position: relative;
	z-index: 1;
}

/*ヘッダー */

#header {
	position:relative;
	z-index:6;
}

.header_wrap {
	width: 100%;
	margin: 0 auto;
	background: rgba(255,255,255,1);
	position: relative;
}

.header_in {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	margin: 0 auto;
	padding: 15px 15px;
	font-size: 0;
	position: relative;
}

.header_logo01 {
	margin: 0;
	padding: 0;
	position: relative;
	order: 2;
}

.header_logo01_img01 {
	display: block;
	max-width: 100px;
	width: auto;
	margin: 0 auto;
	position: relative;
}

.header_ul_wrap {
	width: 300px;
	height: 100vh;
	padding-right: 28px;
	background: rgba(255,255,255,1);
	position: fixed;
	top: 0;
	right: -330px;
	z-index: 16;
	transition-duration: 0.35s;
}

.header_ul_wrap_o {
	right: 0;
	transition-duration: 0.35s;
}

.header_ul {
	list-style: none;
	width: calc(100% + 45px);
	height: calc(100% - 90px);
	margin: 0;
	padding: 70px 0 20px;
	position: relative;
	overflow-y: scroll;
}

.header_ul_li {
	border-bottom: #CCC 1px solid;
}

.header_ul_li:last-child {
	border-bottom: none;
}

.header_ul_li_sp {
	display: none;
}

/*.header_ul_li.onmenu {
	padding:10px 30px 10px 10px;
	padding:10px 20px 10px 20px;
}

.header_ul_li.onmenu:after {
	display:none;
	content:"\f0dd";
	font-family:"Font Awesome 5 Free";
	font-size:20px;
	color:#535554;
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header_ul_li.onmenu.active:after {
	content:"\f0de";
	font-family:"Font Awesome 5 Free";
}*/

.header_ul_li_o {
}

.header_ul_li a {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	padding: 20px 20px;
}

.header_ul_li_imgbox01 {
	display: flex;
	width: 70px;
	height: 70px;
	margin-right: 20px;
	background: #FFF;
}

.header_ul_li_imgbox01_img01 {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	opacity: 1;
	transition-duration: 0.35s;
}

.header_ul_li:hover .header_ul_li_imgbox01_img01 {
	opacity: 0.5;
	transition-duration: 0.35s;
}

.header_ul_li_span01 {
	display: block;
	max-width: calc(100% - 120px);
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	text-align: left;
	position: relative;
	transition-duration: 0.35s;
	z-index: 2;
}

.header_ul_li:hover .header_ul_li_span01 {
	color: #CCC;
	transition-duration: 0.35s;
}

.header_ul_li_ul_li:first-child .header_ul_li_span01 {
	font-weight: bold;
}

.header_ul_li_o .header_ul_li_span01 {
}

.header_ul_li_6_div {
	display: inline-block;
	width: 30px;
	height: 10px;
	position: fixed;
	top: 25px;
	/*right:100%;*/
	right: 20px;
	z-index: 17;
	cursor: pointer;
	transition-duration: 0.35s;
}

.header_ul_li_6_div_o {
	transition-duration: 0.35s;
}

.header_ul_li_6_div_line {
	display: none;
	box-sizing: border-box;
	width: 30px;
	height: 2px;
	margin:auto;
	background :#666;
	transition: all .4s;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
}

.header_ul_li_6_div_line_before {
	box-sizing: border-box;
	width: 30px;
	height: 2px;
	margin: auto;
	background: #000;
	transition: all .4s;
	position: absolute;
	top: 0px;
	right: 0;
}

.header_ul_li_6_div_line_after {
	box-sizing: border-box;
	width: 30px;
	height: 2px;
	background: #000;
	transition: all .4s;
	position: absolute;
	bottom: 0px;
	left: auto;
	right: 0;
}

.header_ul_li_6_div_o .header_ul_li_6_div_line_before {
	width: 32px;
	right: 4px;
	background:#000;
	-webkit-transform: translateY(4px) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}

.header_ul_li_6_div_o .header_ul_li_6_div_line {
	background:#000;
	opacity: 0;
}

.header_ul_li_6_div_o .header_ul_li_6_div_line_after {
	width: 32px;
	right: 4px;
	background:#000;
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
}

/*ヘッダーここまで */

/*コンテンツ */

#slider01 {
	padding: 51vw 20px 320px;
	background: url("../img/slide01_01.webp") no-repeat center 20%/cover;
	position: relative;
	z-index: 1;
}

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

#slider01 {
	padding: 50vw 20px 420px;
}

}

.slider01_img01 {
	display: block;
	position: absolute;
	z-index: 1;
}

.slider01_img01_p01 {
	max-width: 42%;
	top: 0;
	left: 0;
}

.slider01_img01_p02 {
	width: 100% !important;
	bottom: 0;
	left: 0;
}

.slider01_text01 {
	margin: 0 auto;
	font-size: 22px;
	font-weight: 500;
	color: #614d46;
	line-height: 50px;
	text-align: center;
}

.wrapper_title {
	margin:0 auto 80px;
	padding: 0;
	text-align: center;
}

.wrapper_title_text01 {
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: #0d6072 10px solid;
	font-family: "Oswald", sans-serif;
	font-size: 80px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	vertical-align: top;
}

.wrapper_title_text01_c01 {
	color: #231815;
}

.wrapper_title_text01_f01 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 55px;
}

.wrapper_title_text02 {
	display: block;
	margin-top: 20px;
	font-family: "Oswald", sans-serif;
	font-size: 37px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	vertical-align: top;
}

.wrapper_title_text02_c01 {
	color: #231815;
}

.wrapper_subtitle {
	margin: 0 auto 70px;
	position: relative;
}

.wrapper_subtitle_text01 {
	display: block;
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	text-align: center;
}

.wrapper_subtitle_text01_c01 {
	color: #231815;
}

.wrapper_button01_big {
	text-align: center;
}

.wrapper_button01_big_t01 {
	text-align: left;
}

.wrapper_button01_big_t02 {
	text-align: right;
}

.wrapper_button01 {
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	max-width: calc(100% - 130px);
	padding: 15px 75px 15px 55px;
	border-radius: 30px 9px 9px 30px;
	vertical-align: top;
	position: relative;
	transition-duration: 0.35s;
}

.wrapper_button01_c01 {
	background: #8ec76e;
}

.wrapper_button01_o.wrapper_button01_c01 {
	background: #c0dc61;
	transition-duration: 0.35s;
}

.wrapper_button01:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22px;
	border-radius: 10px;
	position: absolute;
	top: 5px;
	left: calc(100% - 28px);
	transform: scaleX(1.2) rotate(-45deg);
	z-index: 1;
	transition-duration: 0.35s;
}

.wrapper_button01_c01:after {
	border-color: transparent #8ec76e #8ec76e transparent;
}

.wrapper_button01_o.wrapper_button01_c01:after {
	border-color: transparent #c0dc61 #c0dc61 transparent;
}

.wrapper_button01_o:after {
	transition-duration: 0.35s;
}

.wrapper_button01_span {
	display: block;
	font-size: 26px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}

.wrapper_button01_c01 .wrapper_button01_span {
	color: #FFF;
	transition-duration: 0.35s;
}

.wrapper_button01_o.wrapper_button01_c01 .wrapper_button01_span {
}

.wrapper_button01_o.wrapper_button01_c04 .wrapper_button01_span {
}

.wrapper_button01_o .wrapper_button01_span {
	transition-duration: 0.35s;
}

.wrapper_index01 {
	position: relative;
	z-index: 1;
}

.wrapper_index01_b01 {
	padding: 150px 0 180px;
	background: #c7b29f;
}

.wrapper_index01_b02 {
	padding: 170px 0;
	background: #5a423c;
}

.wrapper_index01_b02:before,
.wrapper_index01_b02:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #c7b29f;
	position: absolute;
	left: 0;
}

.wrapper_index01_b02:before {
	top: 20px;
}

.wrapper_index01_b02:after {
	bottom: 20px;
}

.wrapper_index01_b03 {
	padding: 180px 0;
	background: #c7b29f;
}

.wrapper_index01_b04 {
	padding: 180px 0;
}

.index_content01 {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 3;
}

.index_icoul01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.index_icoul01_li {
	margin-right: 30px;
}

.index_icoul01_li:last-child {
	margin-right: 0px;
}

.index_icoul01_li_img01 {
	display: block;
	max-width: 38px;
	max-height: 50px;
}

.index_itembox01 {
	max-width: 100%;
}

.index_itembox01_ul01_wrap {
	max-width: 100%;
	width: 400px;
	margin: 0 auto 60px;
	position: relative;
}

.index_itembox01_ul01_wrap_p01 {
	max-width: calc(100% - 30px);
	width: 370px;
	padding: 15px 15px;
}

.index_itembox01_ul01_wrap_back01 {
	width: calc((100% - 44px) / 2);
	height: calc((100% - 44px) / 2);
	border: #5a423c 2px solid;
	position: absolute;
	z-index: 1;
}

.index_itembox01_ul01_wrap_back01_p01 {
	top: 0;
	left: 0;
	border-bottom: none;
	border-right: none;
}

.index_itembox01_ul01_wrap_back01_p02 {
	top: 0;
	right: 0;
	border-bottom: none;
	border-left: none;
}

.index_itembox01_ul01_wrap_back01_p03 {
	bottom: 0;
	left: 0;
	border-top: none;
	border-right: none;
}

.index_itembox01_ul01_wrap_back01_p04 {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
}

.index_itembox01_ul01 {
	list-style: none;
	margin: 0 auto !important;
	padding: 0;
	line-height: 0;
	position: relative;
	z-index: 2;
}

.index_itembox01_ul01_li {
	display: block;
}

.index_itembox01_ul01_li_box {
}

.index_itembox01_ul01_li_box_img {
	display: block;
}

.index_itembox01_title01 {
	margin: 0 auto 30px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #5a423c;
	line-height: 30px;
	text-align: center;
}

.index_itembox01_text01 {
	margin: 0 auto;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
	color: #251e1c;
	line-height: 30px;
	text-align: left;
}

.index_itembox01_text01_s01 {
	display: block;
	font-size: 15px;
	line-height: 22px;
}

.index_itembox01_ul02 {
	width: 240px;
	margin: 0 auto 35px;
	padding: 0;
}

.index_itembox01_ul02_li {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
}

.index_itembox01_ul02_li:last-child {
	margin-bottom: 0px;
}

.index_itembox01_ul02_li_text01 {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #251e1c;
	line-height: 30px;
	text-align: center;
}

.index_itembox01_ul02_li_ico01 {
	flex: 1;
	height: 8px;
	margin: 0 5px 7px;
	background: radial-gradient(circle farthest-side, #231814, #231814 30%, transparent 30%, transparent);
    background-size: 8px;
}

.index_itembox01_text02 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
	margin-bottom: 20px;
	font-family: 'Noto Sans JP', sans-serif;
}

.index_itembox01_text02_span01 {
	display: block;
	font-size: 25px;
	font-weight: bold;
	color: #5a423c;
	line-height: 1;
	text-align: center;
}

.index_itembox01_text02_span02 {
	display: block;
	margin-bottom: 3px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #5a423c;
	line-height: 1;
	text-align: center;
}

.index_itembox01_button01 {
	display: block;
	padding: 8px 0;
	background: #5a423c;
	border-radius: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	color: #FFF;
	line-height: 1;
	text-align: center;
	transition-duration: 0.35s;
}

.index_itembox01_button01:hover {
	background: #FFF;
	color: #5a423c;
	transition-duration: 0.35s;
}

.index01_ulbox01 {
	position: absolute;
	bottom: calc(100% + 160px);
	left: 50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.index01_ul01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.index01_ul01_li {
	max-width: calc((100% - 140px) / 2);
	width: 500px;
	margin-bottom: 140px;
	margin-right: 140px;
}

.index01_ul01_li:nth-child(2n) {
	margin-right: 0px;
}

.index02_img01 {
	display: block;
	margin: 0 auto 75px;
}

.index02_title01 {
	margin: 0 auto 75px;
	padding: 0;
	text-align: center;
}

.index02_title01_span01 {
	display: inline-block;
	font-size: 30px;
	font-weight: 500;
	color: #c9b29f;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}

.index02_title01_span02 {
	display: inline-block;
	margin: 0 10px 10px 0;
	font-size: 70px;
	font-style: italic;
	font-weight: 600;
	color: #c9b29f;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}

.index02_ul01 {
	list-style: none;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}

.index02_ul01_li {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	max-width: 100%;
	width: max-content;
	margin-bottom: 70px;
}

.index02_ul01_li:last-child {
	margin-bottom: 0px;
}

.index02_ul01_li:nth-child(1) {
}

.index02_ul01_li:nth-child(2) {
	margin-left: 100px;
}

.index02_ul01_li:nth-child(3) {
	margin-left: 200px;
}

.index02_ul01_li_img01 {
	display: block;
	margin-right: 40px;
}

.index02_ul01_li_textbox01 {
	max-width: calc(100% - 240px);
}

.index02_ul01_li_textbox01_title01 {
	margin: 0 auto 25px;
	padding: 0;
	font-size: 35px;
	font-weight: 600;
	color: #c9b29f;
	line-height: 1;
	text-align: left;
}

.index02_ul01_li_textbox01_text01 {
	margin: 0 auto;
	font-size: 25px;
	font-weight: 500;
	color: #FFF;
	line-height: 40px;
	text-align: left;
}

.index03_ulbox01 {
	margin-bottom: 30px;
	filter: brightness(200%);
	opacity: 0.3;
}

.index03_title01 {
	margin: 0 auto 180px;
	padding: 0;
	font-size: 35px;
	font-weight: 500;
	color: #5a423c;
	line-height: 1;
	letter-spacing: 4px;
	text-align: center;
}

.index03_ul01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	list-style: none;
	margin: 0 auto 180px;
	padding: 0;
}

.index03_ul01:last-child {
	margin: 0 auto 0px;
}

.index03_ul01_li {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	max-width: calc((100% - 180px) / 3);
	width: 400px;
	margin-right: 90px;
}

.index03_ul01_li:nth-child(3n),
.index03_ul01_li:last-child {
	margin-right: 0px;
}

.index04_box01 {
	padding: 95px 75px;
	background: #FFF;
	position: relative;
}

.index04_box01_img01 {
	display: block;
	position: absolute;
	top: -30px;
	right: 90px;
}

.index04_box01_textbox01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 60px;
}

.index04_box01_textbox01_text01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
	font-weight: 500;
	color: #5a423c;
	line-height: 1;
	text-align: center;
}

.index04_box01_textbox01_text01_f01 {
	font-size: 100px;
}

.index04_box01_textbox01_text01_f02 {
	font-size: 50px;
}

.index04_box01_textbox01_text01_f03 {
	font-size: 64px;
}

.index04_box01_textbox01_img01 {
	display: block;
}

.index04_box01_text01 {
	margin: 0 auto 130px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #5a423c;
	line-height: 38px;
	text-align: center;
}

.index04_box01_title01 {
	max-width: calc(100% - 70px);
	margin: 0 auto;
	padding: 0 35px 10px;
	position: relative;
}

.index04_box01_title01_text01 {
	display: block;
	width: 304px;
	margin: 0 auto;
	padding: 13px 0;
	border: #c9b29f 3px solid;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #5a423c;
	line-height: 1;
	text-align: center;
	position: relative;
}

.index04_box01_title01_text01_ico01 {
	display: block;
	position: absolute;
	bottom: -13px;
}

.index04_box01_title01_text01_ico01_p01 {
	left: -38px;
}

.index04_box01_title01_text01_ico01_p02 {
	right: -38px;
}

.index04_box01_img02 {
	margin: 0 auto 40px;
}

.index04_box01_img02_pc {
	display: block;
}

.index04_box01_img02_sp {
	display: none;
}

.index04_box01_ul01 {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: center;
	list-style: none;
	margin: 0 auto 100px;
	padding: 0;
}

.index04_box01_ul01_li {
	margin-bottom: 5px;
	padding-left: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 17px;
	font-weight: 500;
	color: #251e1c;
	line-height: 30px;
	text-indent: -1.5em;
	text-align: left;
}

.index04_box01_ul01_li:last-child {
	margin-bottom: 0px;
}

.index04_box01_button01_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.index04_box01_button01 {
	display: block;
	padding: 8px 60px;
	background: #008549;
	border: #008549 1px solid;
	border-radius: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	color: #FFF;
	line-height: 1;
	text-align: center;
	transition-duration: 0.35s;
}

.index04_box01_button01:hover {
	background: #FFF;
	color: #008549;
	transition-duration: 0.35s;
}

/*コンテンツここまで */

/*フッター */

#footer {
}

/*フッターここまで */

.subhead {
	width:200px;
	background-color:rgba(0,0,0,0.7);
	overflow: visible;
	position:relative;
	left:-33px;
}

.subhead_2 {
	width:245px;
	border-collapse:collapse;
}

.subhead_o {
	background-color:rgba(0,217,217,0.7);
}

.content {
    position: relative !important;
}
.header {
	z-index:15;
}

.fixed {
    position: fixed !important;
    top: 0px;
	-webkit-transform: translate3d(0,0,0);
	-webkit-overflow-scrolling:touch;
	z-index:15;
}

.fixed_index {
    position:absolute !important;
    /*top:-20vh;*/
}

.content_a_wrap {
	width: 100%;
	position: relative;
}

.content_a {
	height: 0px;
	position: absolute;
	top: -92px;
}

#loading_big {
    width: 100%;
    height: 100%;
    margin: auto;
    background: #FFF;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

#loading {
    width: 40px;
    height: 40px;
    margin: auto;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #169D62;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  background-color: #D3CBC5;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/*The MIT License (MIT)

Copyright (c) 2015 Tobias Ahlin

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.*/

.page-top_big {
	margin:0 auto;
	text-align: right;
	position: relative;
	z-index: 5;
}

.page-up {
	display: block;
	width: 100px;
	height: 100px;
	background: #FFF;
	border-radius: 50%;
	margin: auto;
	position:fixed;
	bottom: 70px;
	right: 20px;
	overflow: hidden;
}

.span_c02 {
	color: #FFF;
	top: 0;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-shadow: 
        #111 1px 1px 0, #111 -1px -1px 0,/*右下、左上*/
        #111 -1px 1px 0, #111 1px -1px 0,/*右上、左下*/
        #111 0px 1px 0, #111  0 -1px 0,/*右、左*/
        #111 -1px 0 0, #111 1px 0 0;/*上、下*/
	text-shadow: 
    #FFF 2px 0px 0px, #FFF -2px 0px 0px,
    #FFF 0px -2px 0px, #FFF 0px 2px 0px,
    #FFF 2px 2px 0px, #FFF -2px 2px 0px,
    #FFF 2px -2px 0px, #FFF -2px -2px 0px,
    #FFF 1px 2px 0px, #FFF -1px 2px 0px,
    #FFF 1px -2px 0px, #FFF -1px -2px 0px,
    #FFF 2px 1px 0px, #FFF -2px 1px 0px,
    #FFF 2px -1px 0px, #FFF -2px -1px 0px,
    #FFF 1px 1px 0px, #FFF -1px 1px 0px,
    #FFF 1px -1px 0px, #FFF -1px -1px 0px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/* box-shadow */
	box-shadow: 3px 3px 8px -1px rgba(150,150,150,0.3);
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
	backdrop-filter: blur(3px);
}

/* ここまで1024px以上の幅の場合に適応される */