@charset "utf-8";
@font-face {
    font-family: Yumin;  /* フォント集合名 */
    src:url(../font/yumin.ttf)  /* フォントのURL */
}
@font-face {
    font-family: YuminB;  /* フォント集合名 */
    src:url(../font/yumindb.ttf)  /* フォントのURL */
}
@font-face {
    font-family: Yugo;  /* フォント集合名 */
    src:url(../font/yugothib.ttf);  /* フォントのURL */
}
@font-face {
    font-family: rounded;  /* フォント集合名 */
    src:url(../font/rounded-x-mplus-1c-bold.ttf)  /* フォントのURL */
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* header */

header#header {
	width:100%;
	height:100%;
}

header#header a {
	color:#fff;
}

div#topbar {	
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    background:#fff;
}

@media (min-width: 780px){
header#header p.header_bt01,header#header p.header_bt02 {
	display:none;
}
}

@media (max-width: 780px){
div#topbar {	
    background:none;
}

header#header p.header_bt01 {
	position:absolute;
	top:7px;
	right:97px;
}

header#header p.header_bt02 {
	position:absolute;
	top:7px;
	right:55px;
}
}

nav#nav {
	width:85%;
	font-size:1.1vw;
}

nav#nav ul li {
	width:16%;	
	float:left;
}

nav#nav ul li a {
	padding:20px 0;
	color:#da6a00;	
	display:block;
	text-align:center;
	font-weight:bold;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-ms-transition: 0s ease-in-out;
}

nav#nav ul li a:hover {
	color:#be2e3c;
}

nav#nav ul li.header-logo {
	width:20%;
}

nav#nav ul li.header-logo a {
	background:#da6a00;
	color:#fff;
	font-weight:bold;
}

nav#nav ul li.header-logo a:hover {
	background:#be2e3c;
	color:#fff;
}

@media (max-width: 780px){
nav#nav {
	width:100%;
	font-size:3.8vw;
}

nav#nav ul li a {
	padding:10px 0;
}

nav#nav ul li.header-logo {
	width:80%;
}

nav#nav ul li.hvr-underline-from-left {
	display:none;
}
}
p.header_bt03 {
	text-align:center;
	color:#37007a;
}

p.header_bt03 a {
	width:15%;
	height:100%;
	padding:0 0 0 5px;
	position:absolute;
	top:0;
	right:0;
	font-weight:bold;
	background:#5a2654;
	font-size:1.05vw;
	display:block;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

p.header_bt03 a:hover {
	background:#5a2654;
	color:#fff !important;
}

p.header_bt03 span {
	padding-right: 25px;
	background:url(../../images/header_icon02.png) no-repeat right;
	background-size:18px 12px;
}

.menu_close img {
	max-width:150px;
}

@media (max-width: 880px){
p.header_bt03 span {
	padding-right:0;
	background:none;
}
}

@media (max-width: 780px){
p.header_bt03 {
	display:none;
}
}


/* mainimg */
section#mainimg {
	clear:both;
	background:url(../../images/main-bg01_202610.png) repeat center;
	background-size:cover;
}

section#mainimg02 {
	clear:both;
	background:url(../../images/main-bg02_202610.png) no-repeat center bottom;
	background-size:cover;
}

.backcolor {
	padding-bottom: 5%;
	/* background:#fff; */
}

.backcolor02 {
	padding-bottom: 5%;
	background:#fff;
}

.backcolor03 {
	padding-bottom: 5%;
	background:url(../../images/backcolor03.png) no-repeat center top #fff;
}

p.main-position {
	position:absolute;
	z-index:9999;
	top:0;
	left:0;
}

/* txt01 */
.txt01,.txt01 a {
	clear:both;
	padding:10px 20px;
	font-size:2.5vw;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

.txt02 {
	clear:both;
	padding:10px 20px;
	font-size:1.2vw;
}

.txt03,.txt03 a {
	clear:both;
	padding:20px 15px 0 15px;
	font-size:1.6vw;
	font-weight:bold;
	text-decoration:underline;
}

.txt03,.txt03 a:hover {
	text-decoration:none;
}

.txt04 {
	clear:both;
	padding:10px 20px;
	font-size:1.4vw;
}

.txt05 {
	clear:both;
	padding:3vw 0;
	font-size:3vw;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media (max-width: 780px){
.txt01,.txt01 a {
	padding:5px 10px;
	font-size:4.5vw;
}

.txt02 {
	padding:5px 10px;
	font-size:3.8vw;
}

.txt03,.txt03 a {
	padding:10px 10px 0 10px;
	font-size:4vw;
}

.txt04 {
	padding:5px 10px;
	font-size:3.8vw;
}

.txt05 {
	font-size:4.5vw;
}
}

/* index01 */
section#index01 {
	clear:both;
	width:100%;
}

div.index01_bg01 {
	padding:1.5em 1em;
	background:url(../../images/index01_bg01_202610.png) no-repeat left top;
	background-size:cover;
}

.title-center {
	text-align:center;
}

.title-center img {
	max-width:800px;
}

.postage {
	clear:both;
	width:90%;
	margin:5% 5% 0 5%;
	padding:5%;
	/* background:url(../../images/postage-bg01.png) repeat; */
	background:#FAFEC3;
	border-radius:10px;
}

.postage p,.postage h2,.postage p a {
	color:#3023B1;
}

.postage-txt {
	padding:20px;
	background:#fff;
	color:#066CD8 !important;
	border-radius:5px;
}

@media (max-width: 780px){
.postage-txt {
	padding:10px;
}
}

/* index02 */
section#index02 {
	clear:both;
	width:100%;
}

div.index02_bg01 {
	background:url(../../images/index02_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index02_bg02 {
	padding-bottom: 20px;
	background:#fff;
}

.w880 {
	max-width:880px;
	margin:0 auto;
}

.w900 {
	max-width:900px;
	margin:0 auto;
}

@media (max-width: 780px){
.w900 {
	padding:0 10px;
}
}

/* index03 */
section#index03 {
	clear:both;
	width:100%;
}

div.index03_bg01 {
	background:url(../../images/index03_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index03-bg01 {
	padding:20px 20px 20px 20px;
	background:#B3D9FF;
	color:#000;
}

div.index03-bg01 a {
	color:#000;
}

div.index03-bg02 {
	margin-bottom: 20px;
	padding:20px;
	background:#fff;
	border-radius:10px;
	color:#C08E3F;
}

div.index03-bg02 .title03 {
	display:block;
	font-size:1.8em;
	margin-bottom: 20px;
	color:#3023B1;
}

@media (max-width: 780px){
div.index03-bg01 {
	padding:10px 10px 10px 10px;
}

div.index03-bg02 {
	margin-bottom: 10px;
	padding:10px;
	border-radius:5px;
}

div.index03-bg02 .title03 {
	font-size:1.8em;
	margin-bottom: 10px;
}
}

/* index04 */
section#index04 {
	clear:both;
	width:100%;
}

.big {
	font-weight:bold;
	font-size:1.4em;
	color:#F72B2E;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

.index04_bg01 {
	background:#fff;
}

@media (max-width: 780px){
.index04_bg01 {
	padding-bottom: 10px;
}

.big {
	display:block;
}
}

/* index05 */
section#index05 {
	clear:both;
	width:100%;
}

/* index06 */
section#index06 {
	clear:both;
	width:100%;
}

section#index06 .backcolor {
	padding-bottom: 0;
}

div.index06_bg01 {
	background:url(../../images/index06_bg01.png) no-repeat left top;
	background-size:cover;
}

.index06_bg02 {
	background:url(../../images/index06_bg02.png) no-repeat left top;
	background-size:cover;
}

/* index07 */
section#index07 {
	clear:both;
	width:100%;
}

div.index07_bg01 {
	background:url(../../images/index07_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index07_bg02 {
	background:url(../../images/index07_bg02.png) no-repeat left bottom;
	background-size:cover;
}

/* index08 */
section#index08 {
	clear:both;
	width:100%;
}

div.index08_bg01 {
	background:url(../../images/index08_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index08_bg02 {
	max-width:1050px;
	height:100%;
	margin:0 auto;
	background:url(../../images/index08_bg02.png) no-repeat center top;
	background-size:cover;
}

/* index09 */
section#index09 {
	clear:both;
	width:100%;
}

div.index09_bg01 {
	background:url(../../images/index09_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index09_bg02 {
	background:url(../../images/index09_bg02.png) no-repeat left top;
	background-size:cover;
}

/* index10 */
section#index10 {
	clear:both;
	width:100%;
}

div.index10_bg01 {
	background:url(../../images/index10_bg01.png) no-repeat left top;
	background-size:cover;
}

div.index10_bg02 {
	background:url(../../images/index10_bg02.png) no-repeat left top;
	background-size:cover;
}

/* index11 */
section#index11 {
	clear:both;
	width:100%;
}

/* campaign_bt */
section#campaign_bt {
	clear:both;
	width:100%;
	text-align:center;
}

section#campaign_bt img {
	max-width:800px;
}

@media (max-width: 780px){
section#campaign_bt .backcolor,section#campaign_bt .backcolor02 {
	padding-left:10px;
	padding-right:10px;
}
}

/* accesslog */
div#accesslog {
	clear:both;
	display:none;
}