@charset "utf-8";
/* CSS Document */
html {
	/*height:100%;*/
}
body {
    text-align: center;
	margin:0;
	width:100%;
	background:#FFF;
	position:relative;
	-webkit-text-size-adjust: 100%;
	font-family:"Zen Kaku Gothic New", "ヒラギノ角ゴ 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;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-family: "Zen Dots", sans-serif;
	font-family: "Inter", sans-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;
}

a {
	text-decoration: none;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

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

input[type="submit"] {
   -webkit-appearance: none;
   /*border-radius: 0;*/
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
: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 {
	/*overflow-x:hidden;*/
	position: relative;
	z-index: 2;
}

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

/*ヘッダー */

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

.header_wrap {
	width: 100%;
	margin: 0 auto; 
	position: relative;
}

.header_in {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	margin: 0 auto;
	padding: 10px 30px;
	background: rgba(255,255,255,1);
	font-size: 0;
	position: relative;
}

.header_logo01 {
	margin: 0;
	padding: 0;
}

.header_logo01_img01 {
	display: block;
	max-height: 39px;
	width: auto;
	margin: 0 auto;
}

.header_box01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	margin-right: 30px;
}

.header_ul_li .header_box01 {
	padding-top: 20px;
}

.header_box01_button01 {
	display: block;
	margin-right: 20px;
}

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

.header_box01_button01_img01 {
	display: block;
	max-width: 30px;
	opacity: 1;
	transition-duration: 0.35s;
}

.header_box01_button01:hover .header_box01_button01_img01 {
	opacity: 0.5;
	transition-duration: 0.35s;
}

.header_ul {
	display: none;
	list-style: none;
	max-width: calc(100% - 180px);
	width: 350px;
	background: #f2f2f2;
	border-radius: 20px 0 0 20px;
	margin: 0;
	padding: 70px 50px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

.header_ul_li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom: #bd78b6 1px solid;
	position: relative;
}

.header_ul .header_ul_li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	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_span01 {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 1;
	text-align: left;
	left: 0px;
	position: relative;
	transition-duration: 0.35s;
}

.header_ul_li_o .header_ul_li_span01 {
}

.header_ul_li_border01 {
	display: block;
	width: 0%;
	height: 1px;
	margin: auto;
	background: #67BACA;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
}

.header_ul_li_o .header_ul_li_border01 {
	width: 100%;
	opacity: 1;
}

.header_ul_li_6_div {
	display:inline-block;
	width:30px;
	height:20px;
	margin:auto;
	padding:10px;
	position:absolute;
	top: 10px;
	/*right:100%;*/
	right:0px;
	z-index:2;
	cursor:pointer;
}

.header_ul_li_6_div_line {
	box-sizing: border-box;
	width:30px;
	height:3px;
	margin:auto;
	background: #595757;
	border-radius: 4px;
	transition: all .4s;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.header_ul_li_6_div_line_before {
	box-sizing: border-box;
	width:30px;
	height:3px;
	margin:auto;
	background: #595757;
	border-radius: 4px;
	transition: all .4s;
	position:absolute;
	top:10px;
	left:0;
	right:0;
}

.header_ul_li_6_div_line_after {
	box-sizing: border-box;
	width:30px;
	height:3px;
	margin:auto;
	background: #595757;
	border-radius: 4px;
	transition: all .4s;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
}

.header_ul_li_6_div_o {
}

.header_ul_li_6_div_o .header_ul_li_6_div_line_before {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.header_ul_li_6_div_o .header_ul_li_6_div_line {
	opacity: 0;
}

.header_ul_li_6_div_o .header_ul_li_6_div_line_after {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

.sub_ul {
	display:none;
	list-style:none;
	margin:0 auto;
	padding: 30px 10px 10px;
	text-align:left;
	position:absolute;
	top:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:2;
}

.sub_ul_li {
	width:max-content;
	margin: 0 auto 10px;
	border-radius: 5px;
	font-size:15px;
	line-height:1;
	position:relative;
}

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

.sub_ul_li_o {
}

.sub_ul_li a {
	display: block;
	padding:8px 10px;
	background:rgba(41,136,188,0.9);
	border-radius: 5px;
	color:#FFF;
	text-align:center;
	transition-duration: 0.35s;
}

.sub_ul_li a:hover {
	background:rgba(71,166,218,0.9);
	transition-duration: 0.35s;
}

.sub_ul_li_border {
	display:block;
	width:0;
	height:1px;
	margin:0 auto;
	background:#FFF;
	position:absolute;
	bottom:5px;
	left:0;
	right:0;
}

.sub_ul_li_o .sub_ul_li_border {
	width:80%;
}

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

/*コンテンツ */

.title01 {
	margin:0 auto 50px;
	padding: 0;
	text-align: center;
}

.title01_text01 {
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 15px 50px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 10px;
	text-align: center;
	vertical-align: top;
	position: relative;
}

.title01_text01_c01 {
	color: #67BACA;
}

.title01_text01:before,
.title01_text01:after {
	content: "";
	display: block;
	width: 40%;
	height: 1px;
	position: absolute;
}

.title01_text01:before {
	top: 0;
	left: 0;
	background: #FE0000;
}

.title01_text01:after {
	bottom: 0;
	right: 0;
	background: #67BACA;
}

.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;
}

.button01_big {
	text-align: center;
}

.button01_big_t01 {
	text-align: left;
}

.button01_big_t02 {
	text-align: right;
}

.button01 {
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	max-width: calc(100% - 62px);
	padding: 15px 30px;
	border: #67BACA 1px solid;
	border-radius: 5px;
	vertical-align: top;
	position: relative;
	transition-duration: 0.35s;
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.3);
}

.button01_c01 {
	background: #67BACA;
}

.button01:hover {
	transition-duration: 0.35s;
}

.button01_c01:hover {
	background: #FFF;
}

.button01:after {
	content: '\f061';
	display: block;
	margin-left: 15px;
	font-family:"Font Awesome 5 Free";
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	transition-duration: 0.35s;
}

.button01_c01:after {
	color: #FFF;
}

.button01_c01:hover:after {
	color: #67BACA;
}

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

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

.button01_c01 .button01_span {
	color: #FFF;
}

.button01_c01:hover .button01_span {
	color: #67BACA;
}

.button01_o .button01_span {
	transition-duration: 0.35s;
}

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

.index01_wrap_b01 {
	background: #94cfbf;
	overflow: hidden;
}

.index01_wrap_b01.new {
	background: #82c6d6;
}

.index01_wrap_b02 {
	padding: 60px 0;
	background-color: #94cfbf;
	background-image: radial-gradient(circle, #b4ddd2 2px, transparent 2px), radial-gradient(circle, #b4ddd2 2px, transparent 2px);
	background-position: 0 0, 7px 14px;
	background-size: 14px 28px;
	overflow: hidden;
}

.index01_wrap_b02.new {
	background-color: #82c6d6;
	background-image: radial-gradient(circle, #a7d7e2 2px, transparent 2px), radial-gradient(circle, #a7d7e2 2px, transparent 2px);
}

.index01_wrap_b02:before {
	content: "";
	display: block;
	max-width: 100%;
	width: 1000px;
	height: calc(100% + 150px);
	background:
	  linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #FFF 50%) no-repeat top left/50% 100%,
	  linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #FFF 50%) no-repeat top right/50% 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.index01_wrap_b03 {
	padding: 60px 0;
	background-color: #ffdee4;
	/*background-image: linear-gradient(45deg, #ffe7ec 25%, transparent 25%, transparent 75%, #ffe7ec 75%), linear-gradient(45deg, #ffe7ec 25%, transparent 25%, transparent 75%, #ffe7ec 75%);*/
	background-image: linear-gradient(45deg, #fdeef1 25%, transparent 25%, transparent 75%, #fdeef1 75%), linear-gradient(45deg, #fdeef1 25%, transparent 25%, transparent 75%, #fdeef1 75%);
	background-position: 0 0, 120px 120px;
	background-size: 240px 240px;
	overflow: hidden;
}

.index01_wrap_b04 {
	padding: 15px 0;
	background-color: #00a74d;
}

.index_content {
	max-width: calc(100% - 40px);
	width: 1030px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 3;
}

.index01_img01_wrap {
	max-width: 100%;
	width: max-content;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.index01_img01 {
	margin: 0 auto;
	position: relative;
	opacity: 0;
}

.index01_img01s {
	width: calc(1598 / 1367 * 100%);
	position: absolute;
	bottom: 0;
	left: 46.6%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.index01_img01_pc {
	display: block;
}

.index01_img01_sp {
	display: none;
}

.index01_imgbox01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: flex-end;
	max-width: 82%;
	height: calc(100% - 110px);
	width: 1110px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: 2;
}

.index01_imgbox01.new {
	display: none;
}

.index01_imgbox01_img01_wrap {
	max-height: 100%;
	position: relative;
}

.index01_imgbox01_img01 {
	display: block;
	max-height: 100%;
	width: auto;
	opacity: 0;
}

.index01_imgbox01_img01s {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.index01_imgbox02 {
	width: 100%;
	max-height: calc(100% - 70px);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

.index01_imgbox02_in {
	max-width: calc(100% - 60px);
	width: max-content;
	margin: 0 auto;
	position: relative;
}

.index01_imgbox02_img01 {
	display: block;
	max-height: 100%;
	width: auto;
	margin: 0 auto;
	opacity: 0;
}

.index01_imgbox02_img01s {
	display: block;
	width: calc(904 / 764 * 100%);
	position: absolute;
	top: 0;
	left: 46%;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}

.index01_imgbox02_img01s.new {
	width: calc(948 / 764 * 100%);
}

.index01_textul01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	max-width: calc(100% - 60px);
	width: max-content;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index: 4;
}

.index01_textul01.new {
	display: none;
	top: 50%;
}

.index01_textul01_li {
	margin-right: 100px;
}

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

.index01_textul01_li_text01 {
	display: block;
	width: 180px;
	margin-bottom: 10px;
	font-family: "Zen Dots", sans-serif;
	font-size: 80px;
	color: #d8323e;
	line-height: 1;
	letter-spacing: 5px;
	text-align: center;
}

.index01_textul01_li_text02 {
	display: block;
	font-family: "Zen Dots", sans-serif;
	font-size: 21px;
	color: #d8323e;
	line-height: 1;
	letter-spacing: 5px;
	text-align: center;
}

.index01_textimg01 {
	max-width: 700px;
	position: absolute;
	/*top: 70%;*/
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index: 4;
}

.index01_textimg01_pc {
	display: block;
}

.index01_textimg01_sp {
	display: none;
}

.index01_textimg02 {
	display: block;
	max-width: 25%;
	position: absolute;
	bottom: 5%;
	right: 0;
	z-index: 4;
}

.index02_title01 {
	display: block;
	margin: 0 auto 50px;
}

.index02_title01_img01 {
	display: block;
	max-height: 11px;
	margin: 0 auto 25px;
}

.index02_title01_img02 {
	display: block;
	max-width: 60%;
	margin: 0 auto;
}

.index02_text01 {
	margin: 0 auto 30px;
	padding: 0;
	font-size: 29px;
	font-weight: bold;
	color: #d8323e;
	line-height: 43px;
	text-align: center;
}

.index02_text01.new {
	color: #e52f81;
}

.index02_text02 {
	margin: 0 auto;
	font-size: 23px;
	font-weight: 500;
	color: #bd78b6;
	line-height: 41px;
	text-align: center;
}

.index02_text02.new {
	color: #00a199;
}

.index03_title01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0 auto 40px;
	padding: 0;
}

.index03_title01_img01 {
	display: block;
	margin-right: 25px;
}

.index03_title01_img01:last-child {
	max-height: 46px;
	margin-right: 0px;
}

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

.index03_ul01_li {
	width: calc((100% - 30px) / 2);
	margin-right: 20px;
	margin-bottom: 20px;
}

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

.index03_ul01_li:last-child:nth-child(5) {
	margin-right: 0px;
	margin-bottom: 0px;
}

.index03_ul01_li a {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 20px 20px 20px 35px;
	border-width: 6px;
	border-style: solid;
	border-radius: 80px;
}

.index03_ul01_li_b01 a {
	background: #43bb8f;
	border-color: #79ceaf;
}

.index03_ul01_li_b02 a {
	background: #8facff;
	border-color: #b7caff;
}

.index03_ul01_li_b03 a {
	background: #f7935b;
	border-color: #fab690;
}

.index03_ul01_li_b04 a {
	background: #9f78b5;
	border-color: #bfa6ce;
}

.index03_ul01_li_b05 a {
	background: #f37dbc;
	border-color: #f6a0ce;
}

.index03_ul01_li_img01 {
	display: block;
	position: relative;
	left: 0px;
	transition-duration: 0.35s;
}

.index03_ul01_li_img01_l2 {
}

.index03_ul01_li:hover .index03_ul01_li_img01 {
	left: 10px;
	transition-duration: 0.35s;
}

.index03_ul01_li_text01 {
	display: block;
	width: 190px;
	padding: 10px 0;
	border-radius: 30px;
	font-size: 26px;
	font-weight: 600;
	color: #FFF;
	line-height: 1;
	text-align: center;
}

.index03_ul01_li_b01 .index03_ul01_li_text01 {
	background: #19978f;
}

.index03_ul01_li_b02 .index03_ul01_li_text01 {
	background: #5173ca;
}

.index03_ul01_li_b03 .index03_ul01_li_text01 {
	background: #ea623a;
}

.index03_ul01_li_b04 .index03_ul01_li_text01 {
	background: #8755a3;
}

.index03_ul01_li_b05 .index03_ul01_li_text01 {
	background: #ef4ea4;
}

.index03_ul02 {
	list-style: none;
	margin: 0 auto 50px;
	padding: 0;
}

.index03_ul02:last-child {
	margin: 0 auto;
}

.index03_ul02_li {
	display: block;
	max-width: 100%;
}

.index03_ul02_li_box {
	max-width: 100%;
}

.index03_ul02_li_box_img01 {
	margin: 0 auto;
}

.index03_ul02_li_box_img01_pc {
	display: block;
}

.index03_ul02_li_box_img01_sp {
	display: none !important;
}

.index03_ul02_arrow {
	display: block;
	width: 22px;
	height: 41px;
	position: absolute;
	top: 45%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 2;
}

.index03_ul02_arrow_prev {
	left: 10px;
}

.index03_ul02_arrow_next {
	right: 10px;
}

.index03_ul02_arrow:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition-duration: 0.35s;
	cursor: pointer;
}

.index03_ul02_arrow:hover:before {
	opacity: 0.5;
	transition-duration: 0.35s;
}

.index03_ul02_arrow_prev:before {
	background: url("../img/ico02.webp") no-repeat center center/100% 100%;
}

.index03_ul02_arrow_next:before {
	background: url("../img/ico02.webp") no-repeat center center/100% 100%;
	transform: rotateY(180deg);
}

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

.index03_ul02_dots li {
	width: 20px;
	height: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}

.index03_ul02_dots li button {
	width: 100%;
	height: 100%;
	background: #FFF;
	border: none;
	border-radius: 50%;
	font-size: 0;
	color: transparent;
    line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	transition-duration: 0.35s;
}

.index03_ul02_dots li:hover button,
.index03_ul02_dots .slick-active button {
	transition-duration: 0.35s;
}

.index03_ul02_b01 li:hover button,
.index03_ul02_b01 .slick-active button {
	background: #43bb8f;
}

.index03_ul02_b02 li:hover button,
.index03_ul02_b02 .slick-active button {
	background: #8facff;
}

.index03_ul02_b03 li:hover button,
.index03_ul02_b03 .slick-active button {
	background: #f7935b;
}

.index03_ul02_b04 li:hover button,
.index03_ul02_b04 .slick-active button {
	background: #9f78b5;
}

.index03_ul02_b05 li:hover button,
.index03_ul02_b05 .slick-active button {
	background: #f37dbc;
}

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

/*フッター */

#footer {
	position: relative;
	z-index: 2;
}

.footer_box01 {
	padding: 30px 20px 40px;
}

.footer_box01_img01 {
	display: block;
	max-height: 39px;
	margin: 0 auto 30px;
}

.footer_box02 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 20px 10px;
	background: #00a74d;
}

.footer_box02_textbox01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
	margin-right: 20px;
	padding-right: 10px;
	border-right: #FFF 3px solid;
}

.footer_box02_textbox01_text01 {
	display: block;
	font-family: "Inter", sans-serif;
	font-size: 70px;
	font-weight: bold;
	color: #FFF;
	line-height: 55px;
	text-align: left;
}

.footer_box02_textbox01_text02 {
	display: block;
	font-size: 16px;
	color: #FFF;
	line-height: 1;
	text-align: left;
}

.footer_box02_textbox02 {
	font-size: 43px;
	font-weight: bold;
	color: #FFF;
	line-height: 1;
	text-align: left;
}

.footer_copy {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	line-height: 1;
	letter-spacing: 3px;
	text-align: center;
}

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

.head {
	height:20px !important;
	margin-bottom:8px;
}

.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;*/
}

#pankuzu_div {
	margin:0 auto;
	padding:10px 0 10px 100px;
	text-align:left;
}

.pankuzu {
	display:block;
	margin:0px auto;
	text-align:left;
}

.pankuzu_span_1 {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
	color:#006339;
	line-height:23px;
	vertical-align:middle;
}

.pankuzu_span_2 {
	display:inline-block;
	font-size:12px;
	color:#006339;
	line-height:23px;
	vertical-align:middle;
}

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

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

.feednew{
	padding-left:1em;
	color:#F00;
}

#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: #94cfbf;
  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: #d8323e;
  -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;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.page_up_img01 {
	display: block;
}

.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以上の幅の場合に適応される */