@charset "UTF-8";


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

	文字（大きさ）

---------------------------------------------------------------------*/
span.font70{
	font-size: 70%;
}

span.font80{
	font-size: 80%;
}

span.font85{
	font-size: 85%;
}

span.font90{
	font-size: 90%;
}

span.font105{
	font-size: 105%;
}

span.font110{
	font-size: 110%;
	line-height: 200%;
}

span.font120{
	font-size: 120%;
	line-height: 200%;
}

span.font120a{
	font-size: 120%;
	line-height: 200%;
}


p.font120{
	font-size: 120% !important;
	line-height: 220% !important;
}

span.font130{
	font-size: 130%;
	line-height: 200%;
}

span.font130a{
	font-size: 130%;
	line-height: 200%;
}
@media only screen and (max-width : 480px ){
	span.font130a{
	font-size: 110%;
	line-height: 200%;
}
}

span.font140{
	font-size: 140%;
	line-height: 260%;
}

span.font140a{
	font-size: 140%;
	line-height: 260%;
}

@media only screen and (max-width : 480px ){
	span.font140a{
	font-size: 110%;
	line-height: 180%;
}
}

p.font140a{
	font-size: 140% !important;
	line-height: 260% !important;
}

@media only screen and (max-width : 480px ){
	p.font140a{
	font-size: 110% !important;
	line-height: 180% !important;
}
}

span.font150{
	font-size: 150%;
	line-height: 200%;
}

span.font150a{
	font-size: 150%;
	line-height: 200%;
}
@media only screen and (max-width : 480px ){
	span.font150a{
	font-size: 110%;
	line-height: 200%;
}
}

span.font160{
	font-size: 160%;
}

span.font170{
	font-size: 170%;
}

span.font180{
	font-size: 180%;
	line-height: 180%;
}

@media only screen and (max-width : 480px ){
	span.font180{
	font-size: 180%;
	line-height: 240%;
}
}

span.font180a{
	font-size: 160%;
	line-height: 180%;
}

@media only screen and (max-width : 480px ){
	span.font180a{
	font-size: 130%;
	line-height: 160%;
}
}

/* 背景和紙の箇所のみ使用*/

span.font180b{
	font-size: 2.0vw;
	line-height: 220%;
}

@media only screen and (max-width: 868px) {
	span.font180b{
	font-size: 3.3vw;
	line-height: 160%;
}
}

@media only screen and (max-width : 480px ){
	span.font180b{
	font-size: 4.0vw;
	line-height: 160%;
}
}

/* 挨拶箇所のみ*/
span.font180c{
	font-size: 180%;
	line-height: 180%;
}

@media only screen and (max-width : 480px ){
	span.font180c{
	font-size: 160%;
	line-height: 160%;
}
}

span.font200a{
	font-size: 190%;
	line-height: 180%;
}

@media only screen and (max-width : 480px ){
	span.font200a{
	font-size: 160%;
	line-height: 160%;
}
}


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

	文字（太さ）

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

span.bold{
	font-weight: bold;
}

p.bold{
	font-weight: bold !important;
}

/* 文字の上に点 */
.dots {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}

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

	特殊文字

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

span.style01{
	font-family: "HG行書体";
}

.mincho {
	font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

p.right{
	text-align: right;
}

p.center,td.center{
	text-align: center !important;
}

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

	強制画像サイズ50％

---------------------------------------------------------------------*/
img.w50{
	width: 25% !important;
}

img.w60{
	width: 20% !important;
}
@media only screen and (max-width : 480px ){
	img.w60{
	width: 30% !important;
}
}
/*  seiko2024*/
img.w70a{
	width: 50% !important;
}
@media only screen and (max-width : 480px ){
	img.w70a{
	width: 70% !important;
}
}


img.w50a{
	width: 40% !important;
}
@media only screen and (max-width : 480px ){
	img.w50a{
	width: 70% !important;
}
}
img.border{
	margin: 5% 0;
	border: #333333 1px dotted;
	box-sizing: border-box;
}


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

	文字（色）

---------------------------------------------------------------------*/
span.map001{
    color: #114496;
}

span.map002{
    color: #328bcb;
}

span.map003{
    color: #853790;
}

span.map004{
    color: #15b0c6;
}
span.map005{
    color: #48a74f;
}
span.map006{
    color: #e37587;
}
span.map007{
    color: #f2931a;
}
span.map008{
    color: #e64437;
}


span.main01{
	color: #053383;
}
span.red{
	color: #ff0000;
}

span.blu{
	color: #053383;
}

span.blu000{
    color: #114496;
}

span.yel{
	color: #ffff00;
}

span.gre{
	color: #339a2c;
}

span.ore{
	color: #ff9900;
}

span.ore01{
	color: #ff6600;
}

span.bla{
	color: #000000;
}

span.whi{
	color: #ffffff;
}

span.brawn{
	color: #663300;
}

span.pink{
	color: #ff00ff;
}

span.pur{
	color: #800080;
}

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

	背景色(ボタンとして)

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

span.main01_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #053383;
	display: inline-block;
}

span.red_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ff0000;
	display: inline-block;
}





span.blu_bg{
	margin: 2%;
	padding: 1% 4%;
	background-color: #053383;
	display: inline-block;
}

span.yel_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ffff00;
	display: inline-block;
}

span.gre_bg{
	margin: 2%;
	padding: 1% 4%;
	background-color: #339a2c;
	display: inline-block;
}

span.gre_bg01{
	margin: 0%;
	padding: 1% 4%;
	background-color: #339a2c;
	display: inline-block;
}

span.gre_bg03{
	margin: 0 0 1%;
	padding: 0.5% 2%;
	background-color: #339a2c;
	display: inline-block;
}

span.gre_bg05{
	margin: 0.5% 2% 0.5% 0;
	padding: 0.1% 2%;
	background-color: #339a2c;
	display: inline-block;
	text-align: center;
	min-width: 10%;
}

span.ore_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ff9900;
	display: inline-block;
}

span.ore_bg01{
	margin: 0%;
	padding: 1% 4%;
	background-color: #ff9900;
	display: inline-block;
}

span.ore_bg02{
	margin: 0%;
	padding: 0.5% 1%;
	background-color: #ff9900;
	display: inline-block;
}

span.ore_bg03{
	margin: 0 0 1%;
	padding: 0.5% 2%;
	background-color: #ff9900;
	display: inline-block;
}

span.ore_bg04{
	margin: 0%;
	padding: 0.1% 2%;
	background-color: #ff9900;
	display: inline-block;
}

span.ore_bg05{
	margin: 0.5% 2% 0.5% 0;
	padding: 0.1% 2%;
	background-color: #ff9900;
	display: inline-block;
	text-align: center;
	min-width: 10%;
}


span.bla_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #000000;
	display: inline-block;
}

span.whi_bg{
	margin: 2%;
	padding: 1% 4%;
	background-color: #ffffff;
	display: inline-block;
}

span.brawn_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #663300;
	display: inline-block;
}

span.pink_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ff00ff;
	display: inline-block;
}

span.pur_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #800080;
	display: inline-block;
}



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

	背景色(h1 h2 h3 h4)

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

h1.main01_bg,h2.main01_bg,h3.main01_bg,td.main01{
	background-color: #053383;
}

h1.red_bg,h2.red_bg,h3.red_bg,td.red_bg{
	background-color: #ff0000;
}

h1.blu_bg,h2.blu_bg,h3.blu_bg,td.blu_bg{
	background-color: #053383;
}

h1.blu_bg02,h2.blu_bg02,h3.blu_bg02,td.blu_bg02{
	background-color: #ccd9e6 !important;
}

h1.blu_bg03,h2.blu_bg03,h3.blu_bg03,td.blu_bg03{
	background-color: #55AED5;
}

h1.blu_bg04,h2.blu_bg04,h3.blu_bg04,td.blu_bg04{
	background-color: #81EBAC;
}

h1.yel_bg,h2.yel_bg,h3.yel_bg,td.yel_bg{
	background-color: #ffff00;
}

h1.gre_bg,h2.gre_bg,h3.gre_bg,td.gre_bg{
	background-color: #339a2c;
}

h1.gre_bg01,h2.gre_bg01,h3.gre_bg01,td.gre_bg01{
	background-color: #bcf7b8;
}

h1.ore_bg,h2.ore_bg,h3.ore_bg,td.ore_bg{
	background-color: #ff9900;
}
h1.ore_bg01,h2.ore_bg01,h3.ore_bg01,td.ore_bg01{
	background-color: #ff9900;
}

h1.ore_bg02,h2.ore_bg02,h3.ore_bg02,td.ore_bg02{
	background-color: #F9D4A9;
}

h1.bla_bg,h2.bla_bg,h3.bla_bg,td.bla_bg{
	background-color: #000000;
}

h1.whi_bg,h2.whi_bg,h3.whi_bg,td.whi_bg{
	background-color: #ffffff;
}
h1.whi_bg01,h2.whi_bg01,h3.whi_bg01,td.whi_bg01{
	background-color: #E6E6E6;
}
h1.brawn_bg,h2.brawn_bg,h3.brawn_bg,td.brawn_bg{
	background-color: #663300;
}

h1.pink_bg,h2.pink_bg,h3.pink_bg,td.pink_bg{
	background-color: #ff00ff;
}

h1.pur_bg,h2.pur_bg,h3.pur_bg,td.pur_bg{
	background-color: #800080;
}

div.gray_bg{
    background-color: #E0E0E0 !important;
}


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

	背景色（丸み）

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

span.cir{
	border-radius: 5px;
}

span.cir01{
	border-radius: 50%;
	text-align: center;
}

span.cir02{
	border-radius: 20px;
	text-align: center;
}

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

	背景柄（丸み）

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

.obi_img0001{
	background-image: url("../image/common/bg012.png");
	background-repeat: no-repeat;
	background-position: 0 20%;
}

.obi_img0002{
	background-image: url("../image/top/img000_01.png");
	background-repeat: no-repeat;
	background-position: 70% 100%;
    background-size: 5%;
}
@media only screen and (max-width: 1366px){
    .obi_img0002{
        background-position: 80% 100%;
        background-size: 8%;
    }
    }
@media only screen and (max-width: 868px){
    .obi_img0002{
        background-position: 90% 100%;
        background-size: 8%;
    }
    }
@media only screen and (max-width : 480px ){
    .obi_img0002{
        background-position: 90% 100%;
        background-size: 8%;
    }
    }
/*  ------------------------------------------------------------------

	下線(ピンク線)

---------------------------------------------------------------------*/
span.under001{
	border-bottom: 5px solid #ff9900;
}

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

	下線(黒線)

---------------------------------------------------------------------*/
span.under002{
	border-bottom: 1px solid #000000;
}

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

	下線(緑二重線)

---------------------------------------------------------------------*/
span.under003{
	border-bottom: double 3px #ff9900;
	letter-spacing: 0.2em;
}

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

	下線(ピンク線)

---------------------------------------------------------------------*/
span.under004{
	border-bottom: 5px solid #ffffff;
}

.dot-text {
	letter-spacing: 10px;
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1.3em .3em;
    background-image: radial-gradient(.12em .12em at center center,#339a2c,#339a2c 100%,transparent);
}

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

	背景色（枠色）全体

---------------------------------------------------------------------*/
.bg_color001{
	background-color: #f5e5da !important;
	margin: 0;
	z-index: -20000 !important;
}

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

	背景線（枠色333333）全体　点線

---------------------------------------------------------------------*/
p.border{
	width: 100% !important;
	border: #999999 1px dotted;
	box-sizing: border-box;
	padding: 2% !important;
	background-color: #fae5c6;
	font-size: 120% !important;
	font-weight: bold;
}

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

	背景色（枠色）

---------------------------------------------------------------------*/
span.main01_waku,p.main01_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #339a2c;
	background-color: #fff;
	border: 1px #339a2c solid;
	display: inline-block;
}

span.red_waku,p.red_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ff0000;
	background-color: #fff;
	border: 1px #ff0000 solid;
	display: inline-block;
}

span.main02_waku,p.main02_waku{
    width: 92% !important;
	margin: 2%;
	padding: 2% 2% !important;
	background-color: #F7EBDB;
    border-radius: 10px;
	display: inline-block;
}

@media only screen and (max-width : 480px ){
    span.main02_waku,p.main02_waku{
    width: 92% !important;
    }
}
    

span.blu_waku{
	margin: 0;
	padding: 1% 2% !important;
	color: #053383;
	background-color: #fff;
	border: 1px #053383 solid;
	display: inline-block;
}

span.blu_waku02{
	margin: 1%;
	padding: 1% 2% !important;
	color: #053383;
	background-color: #fff;
	border: 1px #053383 solid;
	display: inline-block;
}

p.blu_waku{
	margin: 0 !important;
	padding: 1% 2% !important;
	color: #053383;
	background-color: #fff;
	border: 1px #053383 solid;
	box-sizing: border-box;
	display: inline-block;
}

p.blu_waku02{
	margin: 0 !important;
	padding: 1.5% 2% !important;
	color: #000;
	background-color: #fff;
	border: 1px #053383 solid;
	box-sizing: border-box;
	display: inline-block;
}

span.yel_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ffff00;
	background-color: #fff;
	border: 1px #ffff00 solid;
	display: inline-block;
}

span.gre_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #339a2c;
	background-color: #fff;
	border: 1px #339a2c solid;
	display: inline-block;
}

p.gre_waku{
	margin: 0 !important;
	padding: 1% 2% !important;
	color: #339a2c;
	background-color: #fff;
	border: 1px #339a2c solid;
	box-sizing: border-box;
	display: inline-block;
}

span.gre_waku01{
	margin: 0.5% 2%;
	padding: 1% 2%;
	color: #339a2c;
	background-color: #fff;
	border: 1px #339a2c solid;
	display: inline-block;
}

span.ore_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ff9900;
	background-color: #fff;
	border: 1px #ff9900 solid;
	display: inline-block;
}

span.ore_waku01{
	margin: 0.5% 2%;
	padding: 1% 2%;
	color: #ff9900;
	background-color: #fff;
	border: 1px #ff9900 solid;
	display: inline-block;
}

p.ore_waku{
	width: 90% !important;
	margin: 2% 2% !important;
	padding: 2% 3% !important;
	color: #000000;
	background-color: #fff;
	border: 1px #ff9900 solid;
	display: inline-block;
}

span.ore_waku02{
	margin: 0.5% 1%;
	padding: 0.3% 1%;
	color: #ff9900;
	background-color: #fff;
	border: 1px #ff9900 solid;
	display: inline-block;
}

span.ore_waku03{
	margin: 0.5% 1% 0.5% 0;
	padding: 0% 1% !important;
	color: #ff9900;
	background-color: #fff;
	display: inline-block;
}

span.bla_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #000000;
	background-color: #fff;
	border: 1px #000000 solid;
	display: inline-block;
}

span.brawn_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #663300;
	background-color: #fff;
	border: 1px #663300 solid;
	display: inline-block;
}

span.pink_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ff00ff;
	background-color: #fff;
	border: 1px #ff00ff solid;
	display: inline-block;
}

span.pur_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #800080;
	background-color: #fff;
	border: 1px #800080 solid;
	display: inline-block;
}

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

	背景固定(緑)

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

p.haikei_gre{
	width: 94%;
	height: auto;
	margin: 0  auto !important;
	padding: 3% !important;
	background-color: #339a2c;
	color: #fff !important;
	font-size: 110% !important;
	line-height: 220% !important;
	align-items: center;
}

@media only screen and (max-width : 480px ){
p.haikei_gre{
	width: 94%;
	height: auto;
	margin: 0 !important;
	padding: 3% !important;
	background-color: #339a2c;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
}
}


p.haikei_gre01{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% !important;
	background-color: #fff;
	font-size: 100% !important;
	line-height: 220% !important;
	align-items: center;
	border: 1px #339a2c solid;
	box-sizing: border-box;
}

@media only screen and (max-width : 480px ){
p.haikei_gre01{
	width: 90% !important;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #fff;
	font-size: 100% !important;
	line-height: 220% !important;
}
}

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

	背景固定（青）

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

p.haikei_blu{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #053383;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
	display: flex !important;
	align-items: center;
}

@media only screen and (max-width : 480px ){
p.haikei_blu{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #053383;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
}
}

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

	背景固定（うすいオレンジ）

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

p.haikei_ore{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% !important;
	background-color: #fad0b7;
	font-size: 120% !important;
	line-height: 220% !important;
	align-items: center;
	border: 1px #ff9900 solid;
	box-sizing: border-box;
}

@media only screen and (max-width : 480px ){
p.haikei_ore{
	width: 100% !important;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #fad0b7;
	font-size: 100% !important;
	line-height: 220% !important;
}
}
/*  ------------------------------------------------------------------

	背景固定（うすいオレンジ）

---------------------------------------------------------------------*/
p.haikei_washi001{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% 28% !important;
	background-image: url("../image/common/bg_0002.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-size: cover;
	border: #d6d6d6 1px solid;
	box-sizing: border-box;
}

@media only screen and (max-width: 868px) {
	p.haikei_washi001{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% !important;
	background-image: url("../image/common/bg_0002.jpg");
	background-repeat: repeat-y;
	background-position: center;
}
}
/*  ------------------------------------------------------------------

	背景固定（背景なし）

---------------------------------------------------------------------*/
p.haikei_washi002{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% 20% !important;
	background-color: #fff9ee;
	border: #d6d6d6 1px solid;
	box-sizing: border-box;
}

@media only screen and (max-width: 868px) {
	p.haikei_washi002{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% !important;
	background-color: #fff9ee;
}
}

@media only screen and (max-width : 480px ){
	p.haikei_washi002{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% !important;
	background-color: #fff9ee;
}
}

p.haikei_ore01{
	width: 100% !important;
	height: auto;
	margin: 0 auto!important;
	padding: 5% 5% !important;
	background-color: #fff;
	font-size: 100% !important;
	line-height: 220% !important;
	align-items: center;
	border: 1px #ff9900 solid;
	box-sizing: border-box;
}

@media only screen and (max-width : 480px ){
p.haikei_ore01{
	width: 90% !important;
	height: auto;
	margin: 0 !important;
	padding: 5% 5% !important;
	background-color: #fff;
	font-size: 100% !important;
	line-height: 220% !important;
}
}

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

	ボタン

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

.col {
	width: 80%;
    display: block;
    margin: 0 auto;
    line-height: 180%;
}

.col02 {
	width: 100%;
    display: block;
    margin: 5% auto;
}

.col03 {
	width: 100%;
    display: block;
    margin: 0 auto;
}

.col a{
	text-decoration: none;
}

.col:first-of-type {
  margin-left: 0;
}

.container{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ボタンサイズ（中央） */

.button{
  width: 42%;
  min-width: 32%;
  display: block;
  text-align: center;
  padding: 1.5% 2%;
  margin: 2% auto 10%;
  position: relative;
  color: #fff;
  font-size: 120%;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 868px) {
.button{
  width: 80%;
  display: block;
  text-align: center;
  padding: 3% 10%;
  margin: 5% auto 10%;
  position: relative;
  color: #fff;
}
}

@media only screen and (max-width : 480px ){
.button{
  width: 100%;
  display: block;
  text-align: center;
  padding: 5% 0%;
  margin: 5% auto 10%;
  position: relative;
  color: #fff;
	font-size: 105%;
    line-height: 180%;
}
}
/* ボタンサイズ（） */
.button02{
  width: 30%;
  display: block;
  text-align: center;
  padding: 1% 5%;
  margin: 5% auto 0;
  position: relative;
  color: #fff;
  font-size: 120%;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
	line-height: 240%;
	background-image: url("../image/eye/bt_bg.png");
	background-position: left bottom;
	background-size: 30%;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 868px) {
.button02{
  width: 60%;
  display: block;
  text-align: center;
  padding: 2% 10%;
  margin: 5% auto 20%;
  position: relative;
  color: #fff;
}
}

@media only screen and (max-width : 480px ){
.button02{
  width: 90%;
  display: block;
  text-align: center;
  padding: 3% 5%;
  margin: 5% auto 20%;
  position: relative;
  color: #fff;
	font-size: 100%;
}
}
/* ボタンサイズ（footer箇所） */
.button03{
  width: 100%;
  display: block;
  text-align: center;
  padding: 5% 5%;
  margin: 2% auto 2%;
  position: relative;
  color: #fff !important;
  font-size: 100%;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  text-decoration: none !important;
}

/* ボタンサイズ（top箇所） */
.button04{
  width: 90%;
  display: block;
  text-align: center;
  padding: 5% 5% !important;
  margin: 20% auto 2%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  text-decoration: none !important;
    line-height: 180%;
}

/* ボタンサイズ（top動画箇所） */
.button05{
  width: 90%;
  display: block;
  text-align: center;
  padding: 5% 5% !important;
  margin: 3% auto 3% !important;
  position: relative;
  color: #fff !important;
  font-size: 110%;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif;
  text-decoration: none !important;
}
@media only screen and (max-width : 480px ){
    .button05{
        padding: 5% !important;
        margin: 0 auto 5% !important;
    }
}
    


/* BUTTON 1 */

#button-1{
  border: 2px solid #339a2c;
  color: #339a2c;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-1:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-1:hover{
  color: #ecf0f1;
}

#button-1:hover:before{
  left: 0;
}

/* BUTTON 2 */

#button-2{
  border: 2px solid #339a2c;
  color: #339a2c;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-2:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-2:hover{
  color: #ecf0f1;
}

#button-2:hover:before{
  top: 0;
}

/* BUTTON 3 */

#button-3{
  border: 2px solid #339a2c;
  color: #339a2c;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-3:before, #button-3:after{
  content: "";
  z-index: -1;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: -50%;
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-3:after{
  left: 100%;
}

#button-3:hover{
  color: #ecf0f1;
}

#button-3:hover:before{
  left: 0;
}

#button-3:hover:after{
  left: 50%;
}

/* BUTTON 4 */

#button-4{
  border: 1px solid #053383;
  color: #053383;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4:before, #button-4:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #053383 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4:after{
  top: auto;
  bottom: 50%;
}

#button-4:hover{
  color: #ecf0f1;
}

#button-4:hover:before{
  height: 50%;
}

#button-4:hover:after{
  height: 50%;
}

/* BUTTON 4_02 */

#button-4_02{
  border: 1px solid #053383;
  color: #053383;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_02:before, #button-4_02:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #053383 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_02:after{
  top: auto;
  bottom: 50%;
}

#button-4_02:hover{
  color: #ecf0f1;
}

#button-4_02:hover:before{
  height: 50%;
}

#button-4_02:hover:after{
  height: 50%;
}

#button-4_03{
  border: 1px solid #ff9900;
  color: #ff9900;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_03:before, #button-4_03:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #ff9900 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_03:after{
  top: auto;
  bottom: 50%;
}

#button-4_03:hover{
  color: #ecf0f1;
}

#button-4_03:hover:before{
  height: 50%;
}

#button-4_03:hover:after{
  height: 50%;
}


/* BUTTON 5 */

#button-5{
  color: #339a2c;
  overflow: hidden;
}

#button-5:before, #button-5:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #339a2c;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-5:after{
  bottom: 0 !important;
  top: auto !important;
  right: -100%;
  left: auto;
}

#button-5:hover:before{
  left: 0;
}

#button-5:hover:after{
  right: 0;
}

/* BUTTON 6 */

#button-6{
  border: 2px solid #339a2c;
  color: #339a2c;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-6:before, #button-6:after{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 50%;
  top: -50%;
  left: 0;
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-6:after{
  top: 100%;
}

#button-6:hover{
  color: #ecf0f1;
}

#button-6:hover:before{
  top: 0;
}

#button-6:hover:after{
  top: 50%;
}


/* BUTTON 7 */

#button-7{
  -webkit-perspective: 50px;
  -moz-perspective: 50px;
  -ms-perspective: 50px;
  perspective: 50px;
  background-color: #339a2c;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#button-7:hover{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* BUTTON 8 */

#button-8{
  background-color: #339a2c;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-8:hover{
  -webkit-box-shadow: 0px 0px 10px #339a2c;
  box-shadow: 0px 0px 10px #339a2c;
}

/* BUTTON 9 */

#button-9{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-9:hover{
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* BUTTON 10 */

#button-10{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-10:hover{
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

/* BUTTON 11 */

#button-11{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-11:hover{
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

/* BUTTON 12 */

#button-12{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-12:hover{
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}


/* BUTTON 13 */

#button-13{
  background-color: #339a2c;
  -webkit-font-smoothing: antialiased;
}

#button-13:hover{
  animation: wobbleud 0.5s linear infinite;
}

@keyframes wobbleud{
  0%{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  25%{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  75%{
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }

  100%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/* BUTTON 14 */

#button-14{
  background-color: #339a2c;
}

#button-14:hover{
  animation: wobblelr 0.5s linear infinite;
}

@keyframes wobblelr{
  0%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  25%{
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  75%{
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }

  100%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* BUTTON 15 */

#button-15{
  background-color: rgba(52, 73, 94, 1);
}

#button-15:hover{
  animation: bgchange 2s linear infinite;
}

@keyframes bgchange{
  0%{
    background-color: rgba(52, 73, 94, 1);
  }

  50%{
    background-color: rgba(52, 73, 94, 0.7);
  }

  100%{
    background-color: rgba(52, 73, 94, 1);
  }
}

/* BUTTON 16 */

#button-16{
  background-color: #053383;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16:hover{
  border-radius: 15px;
}

/* BUTTON 16_01 */

#button-16_01{
  background-color: #ff8c00;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_01:hover{
  border-radius: 15px;
}

/* BUTTON 16_02 */

#button-16_02{
  background-color: #ffa500;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_02:hover{
  border-radius: 15px;
}

/* BUTTON 16_03 */

#button-16_03{
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_03:hover{
  border-radius: 15px;
}

/* BUTTON 16_04 */

#button-16_04{
  background-color: #7bbd09;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_04:hover{
  border-radius: 15px;
}

/* BUTTON 17 */

#button-17{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-17:before{
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  border-right: 15px solid #339a2c;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-17:hover{
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  -o-transform: translateX(15px);
  transform: translateX(15px);
}

#button-17:hover:before{
  left: -15px;
}


/* BUTTON 18 */

#button-18{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-perspective: 100px;
  -moz-perspective: 100px;
  -ms-perspective: 100px;
  perspective: 100px;
  -webkit-perspective-origin: right;
  -moz-perspective-origin: right;
  -ms-perspective-origin: right;
  perspective-origin: right;
}

#button-18:after{
  content: "X";
  line-height: 60px;
  position: absolute;
  top: 0;
  right: -60px;
  width: 60px;
  height: 100%;
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: left;

  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

#button-18:hover:after{
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* BUTTON 19 */

#button-19{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-19:hover{
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}

/* BUTTON 20 */

#button-20{
  background-color: #339a2c;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-20:hover{
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.border_none{
	border: none !important;
}

.border001{
	border-bottom: 1px #d6d6d6 solid;
	width: 50% !important;
}

@media only screen and (max-width : 480px ){
	.border001{
	border-bottom: 1px #d6d6d6 solid;
	width: 68% !important;
}
}

.border002{
	border: 1px #ff9900 solid;
    box-sizing: border-box;
	width: 96% !important;
    margin: 3% auto 3% !important;
    background-color: #FCF9F3;
}

@media only screen and (max-width : 480px ){
	.border002{
	border: 1px #ff9900 solid;
	width: 98% !important;
    margin: 3% auto !important;
    padding: 0 0  3%!important;
}
}

.border003{
	border-bottom: 1px #d6d6d6 dotted;
	width: 98% !important;
    min-height: 50px;
}

@media only screen and (max-width : 480px ){
	.border003{
	border-bottom: 1px #d6d6d6 dotted;
	width: 98% !important;
}
}

/* ↑↑ここまで
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・*/


/* ボタン */

div.only-background {
	margin: 5% auto 5%;
	width: 70%;
	text-align: center;
	display: block;
	
}

div.only-background a{
	color: #fff !important;
	padding: 2% 5%;
	border-radius: 45px;
	text-decoration: none !important;
}

@media only screen and (max-width: 868px) {
div.only-background {
	margin: 5% auto 10%;
	width: 50%;
	text-align: center;
	
}

div.only-background a{
	color: #fff !important;
	padding: 5% 5%;
	border-radius: 45px;
}
}

@media only screen and (max-width: 480px) {
div.only-background {
	margin: 10% auto 15%;
	width: 90%;
	text-align: center;	
}

div.only-background a{
	color: #fff !important;
	padding: 5% 5%;
	border-radius: 45px;
}
}

a.back_lo {
    background-color: #ff9900;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	padding: 1% 2%;
    }
a.back_lo:hover {
    background-color: #FBC97E;
    }


/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
	font-size: 50%;
	color: #ffffff;
	padding: 1% 2%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #c16464;
}
/* 点滅しない */
.blinking01{
	font-size: 50%;
	color: #ffffff;
	padding: 1% 2%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #c16464;
}

/* 大人女性　点滅しない */
.blinking03{
	font-size: 120%;
	color: #ffffff;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #c16464;
}

/* 大人女性　点滅しない */
.blinking02{
	font-size: 120%;
	color: #c16464;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	border: 1px #c16464 solid;
	background-color: #fff;
}

.blinking05{
	font-size: 120%;
	color: #ffffff;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #54bfde;
}

.blinking04{
	font-size: 120%;
	color:#54bfde;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	border: 1px #54bfde solid;
	background-color: #fff;
}

.bg_bra{
	background-color: #000 !important;
}

.bg_pink{
	background-color: #de1557 !important;
}

.bg_gre{
	background-color: #666 !important;
}

.bg_red{
	background-color: #c16464 !important;
}
.bg_red002{
	background-color: #c16464 !important;
	border-radius: 10px!important;
	color: #fff!important;
	padding: 2%!important;
	margin: 2% 2% 3% !important;
	width: 92% !important;
}

.bg_blu002{
	background-color: #053383 !important;
	border-radius: 10px!important;
	color: #fff!important;
	padding: 0.5% 8% !important;
	margin: 2% 1% 3% !important;
	width: 80% !important;
}
@media only screen and (max-width : 480px ){
    .bg_blu002{font-size: 90%;
        
    }
}



@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


span.twoborder{
	text-decoration: line-through;
}
	

p.left{
	text-align: left !important;
	color: #000;
}

.left004{
	text-align: left !important;
}

div.clear{
	clear: both;
}

.w80{
	width: 150px !important;
	max-width: 150px;
}

.margin_b{
	margin-bottom: 25% !important;
}

@media only screen and (max-width : 480px ){
	.margin_b{
	margin-bottom: 3% !important;
}
}

.margin_b01{
	margin-bottom: 5% !important;
}

@media only screen and (max-width : 480px ){
	.margin_b01{
	margin-bottom: 3% !important;
}
}

.margin_t{
	margin-top: 5% !important;
}

@media only screen and (max-width : 480px ){
	.margin_t{
	margin-top: 3% !important;
}
}

.margin_t01{
	margin-top: 8% !important;
}

@media only screen and (max-width : 480px ){
	.margin_t{
	margin-top: 3% !important;
}
}

.margin_bt8{
	margin:8% 0  !important;
}

.margin_bt8a{
	margin:8% 0 0  !important;
}


@media only screen and (max-width : 480px ){
	.margin_bt8{
	margin:8% 0 !important; 
}
}

p.margin0{
    margin: 2% 0 0 !important;
}

.margin0{
    margin: 2% auto 0 !important;
}

.max800{
    max-width: 800px;
    margin: 3% auto !important;
}

@media only screen and (max-width : 480px ){
    .max800{
    max-width: 90%;
    margin: 3% auto !important;
}
}