@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
    width:100%;
    margin:0 auto;
    font-size:14px;
    color:#000;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height:1.6;
		-webkit-text-size-adjust: 100%;
}

header {
    margin:0px auto;
}

nav {
    width:100%;
display:block;
overflow:hidden;
}

#contents {
    width:100%;
    margin:0px auto;
		overflow:hidden;
}

#main {
    float:right;
    width:720px;
}

#sub {
    float:left;
    width:250px;
}

#subnav {
    display:none;
}

section {
    margin-bottom:50px;
}

a {
    color:#000;
}
a:hover {
    color:#e78f00;
}

h1 {
    color:#f19500;;
    font-size:28px;
    line-height:1.2;
}
h1 a {
    color:#000;
    text-decoration:none;
}
h1 a:hover {
    color:#e78f00;
    text-decoration:underline;
}

h2 {
    padding-left:10px;
    font-size:26px;
    color:#48538E;
		font-weight:bold;
		line-height: 36px;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 30px;
}

h3 {
    margin-bottom:0.5em;
    padding:2px 5px;
    color:#e78f00;
    font-size:16px;
    border-bottom:1px solid #e78f00;
}

h4 {
    margin-bottom:0.25em;
    font-size:16px;
    color:#333;
}
h4:before {
    content:"\002605";
    color:#f19500;
}

h5 {
    margin-bottom:0.25em;
    padding:2px;
    color:#000;
    font-size:16px;
    border-top:1px dotted #999;
    border-bottom:1px dotted #999;
    background:#f1f1f1;
}

h6 {
    margin-bottom:0.25em;
    color:#382400;
    font-size:14px;
    font-weight:bold;
}

p {
    margin:0 0 1em 0;
}

img {
    vertical-align:top;
}

em {
    font-weight:bold;
}

strong {
    font-weight:bold;
    color:#f19500;
}

pre {
    margin:1em 0;
    padding:1em;
}

blockquote {
    margin-bottom:1em;
    padding:1em;
    border:1px dotted #ddd;
    border-left:5px solid #ddd;
}

ul,ol,dl {
    margin:0 0 1em 0;
}
ul li {
    list-style:none;
}
ol li {
    list-style:decimal;
}

dt {
    margin-bottom:0.5em;
    border-bottom:1px dotted #ddd;
}
dt:before {
    content:"\0025a0";
}
dd {
    margin-bottom:1em;
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
display:block;
overflow:hidden;
}
.sinsotsu{
    position:absolute;
    top:0;
    right:0;
    vertical-align:top;
		font-size:26px;
    color:#828282;
		font-weight:bold;
		margin: 60px 0px 0px 0px;
}

@media screen and (max-width: 640px) {.sinsotsu{font-size:16px;margin: 40px 0px 0px 0px;padding:0px 10px 0px 0px;}}

#logo {
float:left;
width:30%;
margin: 0px 0px 0px 0px;
padding: 30px 0px 10px 60px;
}
@media screen and (max-width: 768px) {#logo{width:40%;margin: 0px 0px 0px 0px;padding: 30px 0px 10px 40px;}}
@media screen and (max-width: 480px) {#logo {float:left;width:50%;margin: 10px 0px 0px 20px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#logo img{width:100%;}}

#logo img {
width:100%;
}

.home{
		font-size:26px;
		line-height: 10px;
		margin: -7px 0px 0px 0px;
}

.home a{
    color:#48538E !important;
}


.contact {
    position:absolute;
    top:0;
    right:0;
    vertical-align:top;
		padding:10px 0px 0px 0px;
}
@media screen and (max-width: 640px) {.contact{font-size:12px;margin: 5px 0px 0px 0px;padding:0px 0px 0px 0px;}}

.contact a {
    display:block;
    padding:5px 10px 5px 29px;
    color:#333;
    background:#fff;
    border-radius:4px;
    text-decoration:none;
}

.contact a:hover {

}

.summary {
    clear:both;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.toptv {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:10px;
display:block;
overflow:hidden;
width: 70%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.toptv {width: 90%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:0px;padding: 0px 0px 0px 0px;}}

.topimg {
float:right;
width:35%;
margin: 0px 0px 0px 0px;
padding: 30px 60px 0px 0px;
}
@media screen and (max-width: 768px) {.topimg{width:35%;margin: 0px 0px 0px 0px;padding: 30px 30px 0px 0px;}}
@media screen and (max-width: 480px) {.topimg {width:35%;margin: 0px 0px 0px 0px;padding: 30px 10px 0px 0px;}}

.topimg img {
width:100%;
}

.topimg1 {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:50px;
display:block;
overflow:hidden;
width: 90%;
padding: 120px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.topimg1 {width: 100%;margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:30px;padding: 0px 0px 0px 0px;}}

.topimg1 img {
width: 100%;
}

.topimg2 {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:60px;
margin-bottom:80px;
display:block;
overflow:hidden;
width: 35%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.topimg2 {display:none;}}

.topimg2 img {
width: 100%;
}


.topimg3 {
clear:both;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:50px;
display:block;
overflow:hidden;
width: 70%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.topimg3 {width: 100%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;padding: 0px 0px 0px 0px;}}


.inner-00-txt-00 {
text-align: center;
font-size:60px;
color:#fff;
font-weight:bold;
font-family: serif, serif;
line-height: 40px;
margin: 140px 0px 50px 0px;
padding: 40px 0px 40px 0px;
}
@media screen and (max-width: 768px) {.inner-00-txt-00{font-size:35px;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-00-txt-00{font-size:22px;margin: 80px 0px 30px 0px;padding: 0px 10px 0px 10px;}}


.inner-00-txt-01 {
text-align: center;
font-size:45px;
color:#ff0000;
font-weight:bold;
line-height: 40px;
margin: 0px 0px 120px 0px;
padding: 40px 0px 40px 0px;
text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px;
}
@media screen and (max-width: 768px) {.inner-00-txt-01{font-size:35px;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-00-txt-01{font-size:18px;margin: 0px 0px 130px 0px;padding: 0px 10px 0px 10px;}}



.inner-00-txt-02 {
text-align: center;
font-size:35px;
color:#637079;
font-weight:bold;
line-height: 48px;
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px;
}
@media screen and (max-width: 768px) {.inner-00-txt-02{font-size:27px;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}
@media screen and (max-width: 480px) {.inner-00-txt-02{font-size:20px;line-height: 38px;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}





.inner-01-txt-01 {
text-align: center;
font-size: 30px;
line-height: 60px;
color:#000000;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 80px 0px 80px 0px;
}
@media screen and (max-width: 768px) {.inner-01-txt-01{font-size: 30px;line-height: 48px;margin: 0px 0px 0px 0px;padding: 30px 10px 50px 10px;}}
@media screen and (max-width: 480px) {.inner-01-txt-01{font-size: 12px;line-height: 26px;margin: 0px 0px 0px 0px;padding: 20px 10px 20px 10px;}}

.inner-01-txt-02 {
text-align: center;
font-size: 40px;
line-height: 68px;
color:#000000;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 80px 0px 120px 0px;
}
@media screen and (max-width: 768px) {.inner-01-txt-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-01-txt-02{font-size: 15px;line-height: 38px;margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px;}}



.inner01-box-01 {
width: 100%;
background-color: #E2EBF0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner01-box-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner01-box-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.inner01-box-02 {
width: 100%;
background-color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner01-box-02{width: 100%;margin: 0px 0px 0px 0px;padding: 20px 0px 30px 0px;}}
@media screen and (max-width: 480px) {.inner01-box-02{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}




.inner02-img-1 {
display:block;
overflow: hidden;
float: left;
width: 50%;
margin: 150px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner02-img-1{width: 50%;margin: 50px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner02-img-1 {width: 100%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;padding: 0px 0px 0px 0px;}}

.inner02-img-1 img {
float: left;
width: 80%;
padding: 0px 0px 0px 50px;
}
@media screen and (max-width: 480px) {.inner02-img-1 img  {float: none;width: 70%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:0px;}}


.inner02-img-2 {
display:block;
overflow: hidden;
float: right;
width: 50%;
margin: 150px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner02-img-2{width: 50%;margin: 50px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner02-img-2 {width: 100%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;padding: 0px 0px 0px 0px;}}

.inner02-img-2 img {
float: right;
width: 80%;
padding: 0px 50px 0px 0px;
}
@media screen and (max-width: 480px) {.inner02-img-2 img   {width: 80%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;padding: 0px 40px 0px 0px;}}


.inner02-img-3 {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:50px;
width: 40%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.inner02-img-3 {width: 70%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:50px;padding: 0px 0px 0px 0px;}}

.inner02-img-3 img {
width: 100%;
}


.inner-02-txt-01 {
clear: both;
text-align: center;
font-size: 35px;
line-height: 68px;
color:#000;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 80px 0px 20px 0px;
}
@media screen and (max-width: 768px) {.inner-02-txt-01{display:block;margin: 20px 0px 20px 0px;padding: 30px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-02-txt-01{font-weight:bold;font-size: 23px;line-height: 48px;margin: 20px 0px 30px 0px;padding: 0px 10px 0px 10px;}}

.inner-02-txt-02 {
clear: both;
text-align: center;
font-size: 20px;
line-height: 42px;
color:#000;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
}
@media screen and (max-width: 768px) {.inner-02-txt-02{font-size: 20px;line-height: 42px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-02-txt-02{font-size: 15px;line-height: 42px;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}

.inner03-box-01{
width: 100%;
background-color: #E2EBF0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-box-01 {}}
@media screen and (max-width: 780px) {.inner03-box-01 {}}
@media screen and (max-width: 480px) {.inner03-box-01 {}}


.inner03-box-02{
display:block;
overflow:hidden;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 0px;
}
@media screen and (max-width: 1024px) {.inner03-box-02 {}}
@media screen and (max-width: 780px) {.inner03-box-02 {}}
@media screen and (max-width: 480px) {.inner03-box-02 {}}

.inner03-box-l{
float: left;
background-color: #E2EBF0;
width: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-box-l {}}
@media screen and (max-width: 780px) {.inner03-box-l {}}
@media screen and (max-width: 480px) {.inner03-box-l {width: 100%;float: none;}}

.inner03-box-r{
float: right;
background-color: #E2EBF0;
width: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-box-r {}}
@media screen and (max-width: 780px) {.inner03-box-r {}}
@media screen and (max-width: 480px) {.inner03-box-r {width: 100%;float: none;}}

.hr03{
float: left;
width: 70%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.hr03 {}}
@media screen and (max-width: 780px) {.hr03 {}}
@media screen and (max-width: 480px) {.hr03 {}}

.inner03-img-1{
width: 80%;
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-img-1 {}}
@media screen and (max-width: 780px) {.inner03-img-1 {}}
@media screen and (max-width: 480px) {.inner03-img-1 {width: 70%;}}

.inner03-img-1 img{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-img-1 img {}}
@media screen and (max-width: 780px) {.inner03-img-1 img {}}
@media screen and (max-width: 480px) {.inner03-img-1 img {}}

.inner03-img-2{
width: 80%;
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-img-2 {}}
@media screen and (max-width: 780px) {.inner03-img-2 {}}
@media screen and (max-width: 480px) {.inner03-img-2 {width: 90%;margin: 30px auto 30px auto;}}

.inner03-img-2 img{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.inner03-img-2 img {}}
@media screen and (max-width: 780px) {.inner03-img-2 img {}}
@media screen and (max-width: 480px) {.inner03-img-2 img {}}

.inner-03-txt-01 {
float: left;
width: 70%;
font-size: 45px;
line-height: 18px;
font-family: "serif",serif;
margin: 0px 0px 20px 100px;
padding: 50px 0px 20px 0px;
border-bottom: 2px solid #000;
}
@media screen and (max-width: 768px) {.inner-03-txt-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-03-txt-01{float: none;width: 90%;font-size: 28px;line-height: 38px;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}}

.inner-03-txt-02 {
float: left;
width: 70%;
font-size: 20px;
line-height: 38px;
font-family: "serif",serif;
margin: 0px 0px 20px 100px;
padding: 0px 0px 20px 0px;
}
@media screen and (max-width: 768px) {.inner-03-txt-02{font-size: 22px;margin: 0px 0px 30px 0px;padding: 0px 10px 0px 30px;}}
@media screen and (max-width: 480px) {.inner-03-txt-02{float: none;width: 90%;font-size: 18px;line-height: 28px;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;}}

.inner-03-txt-03 {
float: left;
width: 70%;
font-size: 45px;
line-height: 18px;
font-family: "serif",serif;
margin: 0px 0px 20px 50px;
padding: 50px 0px 20px 0px;
border-bottom: 2px solid #000;
}
@media screen and (max-width: 768px) {.inner-03-txt-03{margin: 20px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-03-txt-03{float: none;width: 90%;font-size: 28px;line-height: 38px;margin: 70px auto 0px auto;padding: 0px 0px 0px 0px;}}

.inner-03-txt-04 {
float: left;
width: 70%;
font-size: 20px;
line-height: 38px;
font-family: "serif",serif;
margin: 0px 0px 20px 50px;
padding: 0px 0px 20px 0px;
}
@media screen and (max-width: 768px) {.inner-03-txt-04{font-size: 22px;margin: 0px 0px 30px 0px;padding: 0px 10px 0px 30px;}}
@media screen and (max-width: 480px) {.inner-03-txt-04{float: none;width: 90%;font-size: 18px;line-height: 28px;margin: 0px auto 0px auto;padding: 20px 0px 0px 0px;}}


.inner-03-txt-05 {
text-align: center;
font-size: 30px;
line-height: 38px;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 50px 0px 80px 0px;
}
@media screen and (max-width: 768px) {.inner-03-txt-05{font-size: 22px;margin: 0px 0px 30px 0px;padding: 0px 10px 0px 30px;}}
@media screen and (max-width: 480px) {.inner-03-txt-05{font-size: 18px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 30px 10px 30px 10px;}}



.inner04-box-01 {
    width: 1200px;
    margin: 0 auto;
background-image: url("../images/inner04-02.jpg");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 50%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.inner04-box-01 {background-image: url("../images/inner04-02.jpg");width: 100%;background-position: 5% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.inner04-box-01 {background-image: url("../images/inner04-02.jpg");width: 100%;background-position: 5% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.inner04-box-01 {background-image: url("../images/inner04-02.jpg");width: 100%;background-position: 50% 50%; background-attachment:scroll;background-repeat: repeat-y;}}



.inner-04-txt-01 {
text-align: center;
font-size: 42px;
line-height: 68px;
color:#fff;
font-weight:bold;
margin: 90px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-04-txt-01{text-align: center;width: 100%;font-size: 40px;line-height: 28px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-04-txt-01{text-align: center;width: 100%;font-size: 20px;line-height: 28px;margin: 50px 0px 30px 0px;padding: 0px 0px 0px 0px;}}


.inner-04-txt-02 {
text-align: center;
font-size: 45px;
line-height: 68px;
color:#fff;
font-weight:bold;
font-family: "serif",serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-04-txt-02{font-size: 40px;line-height: 38px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-04-txt-02{font-size: 25px;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px;}}


.inner-04-txt-03 {
text-align: center;
font-size: 45px;
line-height: 90px;
color:#fff;
font-weight:bold;
font-family: "serif",serif;
margin: 50px 0px 120px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-04-txt-03{top: 42%;left: 76%;width: 100%;font-size: 35px;line-height: 80px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.inner-04-txt-03{font-size: 20px;line-height: 50px;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}

.inner-04-txt-04 {
font-size: 16px;
line-height: 28px;
color:#000;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-04-txt-04{margin: 10px 0px 0px 0px;padding: 0px 0px 0px 10px;}}
@media screen and (max-width: 480px) {.inner-04-txt-04{font-size: 12px;line-height: 18px;margin: 10px 0px 0px 0px;padding: 0px 10px 0px 10px;}}

.inner-04-txt-05 {
font-size: 25px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-04-txt-05{}}
@media screen and (max-width: 480px) {.inner-04-txt-05{font-size: 17px;}}


.inner04-img-1 {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:80px;
margin-bottom:50px;
width: 40%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.inner04-img-1 {width: 70%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:50px;padding: 0px 0px 0px 0px;}}

.inner04-img-1 img {
width: 100%;
}

.con-box-01 {
width: 100%;
background-color: #FDEBF3;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.con-box-01{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px;}}
@media screen and (max-width: 480px) {.con-box-01{width: 93%;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}



.inner06-img-1 {
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:80px;
margin-bottom:50px;
width: 40%;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.inner06-img-1 {width: 70%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;padding: 0px 0px 0px 0px;}}

.inner06-img-1 img {
width: 100%;
}

.inner-06-txt-01 {
width: 49%;
font-size: 20px;
line-height: 28px;
color:#000;
font-weight:bold;
font-family: "serif",serif;
margin-left:auto;
margin-right:auto;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.inner-06-txt-01{width: 68%;font-size: 18px;line-height: 22px;padding: 0px 0px 30px 0px;}}
@media screen and (max-width: 480px) {.inner-06-txt-01{width: 87%;font-size: 12px;line-height: 22px;padding: 0px 0px 0px 0px;}}


.inner-06-txt-02 {
width: 30%;
font-size: 32px;
line-height: 28px;
color:#000;
font-weight:bold;
font-family: "serif",serif;
margin-left:auto;
margin-right:auto;
padding: 30px 0px 50px 0px;
}
@media screen and (max-width: 768px) {.inner-06-txt-02{width: 33%;font-size: 28px;padding: 0px 0px 50px 0px;}}
@media screen and (max-width: 480px) {.inner-06-txt-02{width: 70%;font-size: 28px;padding: 30px 0px 50px 0px;}}



/*================================================
 *  フッター
 ================================================*/
footer {
    clear:both;
    width:100%;
    margin:10px auto;
}
@media screen and (max-width: 768px) {footer{margin: 30px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.footinner {
    width:1200px;
    margin:10px auto;
    background-color: #b0b0b0;
}
@media screen and (max-width: 768px) {.footinner{width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.footinner{width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.copyright {
    clear:both;
    text-align: center;
    color:#fff;
	margin: 50px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size:12px;
}
@media screen and (max-width: 480px) {.copyright{text-align: center;margin-left:auto;margin-right:auto;font-size:8px;padding: 0px 0px 0px 0px;}}

.footbox{
display:block;
overflow:hidden;
margin-top:30px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.footbox{text-align: center;margin-left:auto;margin-right:auto;width: 670px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox{width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}




/*================================================
 *  ページトップへの戻り
 ================================================*/

#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 400%;
}
#page-top a {
    text-decoration: none;
    color: #3a416e;
    padding: 0px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}


.box-01 {
	width: 49%;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.box-01{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px;}}
@media screen and (max-width: 480px) {.box-01{width: 93%;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}


.box-02 {
	float:left;
	width: 49%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.box-02{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.box-02{width: 90%;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 10px;}}


#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 400%;
}
#page-top a {
    text-decoration: none;
    color: #3a416e;
    padding: 0px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}



.con-box-01 {
		text-align: left;
		float:left;
		width: 100%;
		color:#fff;
    font-size:13px;
		line-height: 26px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.con-box-01 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.con-box-01 {width: 100%;font-size:18px;line-height: 22px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.form-control {
    border-color: rgba(0,0,0,.1);
    box-shadow: none;
}

.form-control {
    display: block;
    width: 80%;
    height: 34px;
    margin-left:auto;
	margin-right:auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn-safety-orange-blaze-orange {
    background: #ED174C;
    color: #FFFFFF !important;
}

textarea.form-control {
    height: auto;
}

.l-bloc {
    color: rgba(0,0,0,.5);
}


.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-top: 50;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-block {
    display: block;
    width: 40%;
    text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30;
}


label {
	color: #555;
	font-size: 14px;
    font-weight: 700;
    margin: 0px 0px 0px 110px;
}
@media screen and (max-width: 768px) {label{margin: 0px 0px 0px 65px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {label{margin: 0px 0px 0px 28px;padding: 0px 0px 0px 0px;}}

.form-group {
clear:both;
margin-left:auto;
margin-right:auto;
padding: 0px 0px 30px 0px;
width: 100%;
}


.pro {
clear:both;
color: #555;
text-align: center;
margin-left:auto;
margin-right:auto;
font-size: 35px;
margin-top:30px;
margin-bottom:40px;
padding: 0px 0px 0px 0px;
font-family: "serif",serif;
}
@media screen and (max-width: 768px) {.pro{margin: 0px 0px 0px 0px;padding: 20px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.pro{font-size: 28px;margin: 0px 0px 0px 0px;padding: 20px 0px 30px 0px;}}


.btn01 {
margin: 20px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}


.ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.inner {
width: 1200px;
margin: 0 auto;
background-image: url("../images/top-01.jpg");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 0%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.inner {width: 100%;background-image: url("../images/top-01.jpg");background-position: 20% 25%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 780px) {.inner {background-image: url("../images/top-01.jpg");background-position: 20% 25%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 480px) {.inner {background-image: url("../images/top-02.jpg");background-position: 20% 25%; background-attachment:scroll;background-repeat: no-repeat;}}

.inner:after {
    content: "";
    clear: both;
    display: block;
}



.box-00 {
display:block;
overflow: hidden;
background-color:#fff;
}
@media screen and (max-width: 768px) {.box-00{}}
@media screen and (max-width: 480px) {.box-00{}}


/*================================================
 *  コンテンツ
 ================================================*/

.co-inner-01 {
width: 1200px;
margin: 0 auto;
background-attachment:fixed;
background-position: 50% 50%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-01 {background-image: url("#");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.co-inner-01 {background-image: url("#");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.co-inner-01 {background-image: url("#");width: 100%;background-position: 20% 0%; background-attachment:scroll;background-repeat: repeat-y;}}



.co-inner-02 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 50%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-02 {background-image: url("#");width: 100%;background-position: 53% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.co-inner-02 {background-image: url("#");width: 100%;background-position: 53% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.co-inner-02 {background-image: url("#");width: 100%;background-position: 53% 0%; background-attachment:scroll;background-repeat: repeat-y;}}


.co-inner-03 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 50%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-03 {background-image: url("#");width: 100%;background-position: 50% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.co-inner-03 {background-image: url("#");width: 100%;background-position: 50% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.co-inner-03 {background-image: url("#");width: 100%;background-position: 50% 0%; background-attachment:scroll;background-repeat: repeat-y;}}


.co-inner-04 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 50%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-04 {background-image: url("#");width: 100%;background-position: 5% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 780px) {.co-inner-04 {background-image: url("#");width: 100%;background-position: 5% 0%; background-attachment:scroll;background-repeat: repeat-y;}}
@media screen and (max-width: 480px) {.co-inner-04 {background-image: url("#");width: 100%;background-position: 5% 0%; background-attachment:scroll;background-repeat: repeat-y;}}


.co-inner-05 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 100%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-05 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 780px) {.co-inner-05 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 480px) {.co-inner-05 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}


.co-inner-06 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 100%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-06 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 780px) {.co-inner-06 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 480px) {.co-inner-06 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}



.co-inner-07 {
    width: 1200px;
    margin: 0 auto;
background-image: url("#");background-repeat: no-repeat;
background-attachment:fixed;
background-position: 50% 100%; 
display:block;
overflow:hidden;
}
@media screen and (max-width: 1024px) {.co-inner-07 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 780px) {.co-inner-07 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}
@media screen and (max-width: 480px) {.co-inner-07 {background-image: url("#");width: 100%;background-position: 75% 100%; background-attachment:scroll;background-repeat: no-repeat;}}



.top-txt-01 {
text-align: center;
font-size:45px;
color:#ff0000;
font-weight:bold;
line-height: 40px;
margin: 0px 0px 80px 0px;
padding: 40px 0px 40px 0px;
text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px, #fff -2px -2px 1px;
}
@media screen and (max-width: 768px) {.top-txt-01{font-size:30px;line-height: 32px;padding: 20px 0px 20px 20px;}}
@media screen and (max-width: 480px) {.top-txt-01{font-size:18px;line-height: 28px;padding: 20px 0px 10px 10px;}}











































#sns-icon{
display:block;
overflow: hidden;
float: right;
width: 150px;
margin: 50px 50px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 780px) {#sns-icon {width: 25%;margin: 10px 10px 0px 0px;}}
@media screen and (max-width: 480px) {#sns-icon {text-align: center;margin-left:auto;margin-right:auto;margin-top:２0px;margin-bottom:10px;width: 40%;float: none;}}

.sns-01{
float: left;
font-size: 35px;
line-height: 18px;
color:#666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.sns-01 {font-size: 30px;margin: 0px 0px 0px 0px;}}

.sns-01 a{
color:#47629C;
}

.sns-01 a :hover{
color:rgba(71, 98, 156, 0.77);
}


.sns-02{
float: left;
font-size: 35px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
@media screen and (max-width: 480px) {.sns-02 {font-size: 30px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 20px;}}

.sns-02 a{
color:#36A8DF;
}

.sns-02 a :hover{
color:rgba(53, 165, 222, 0.78);
}

.sns-03{
float: left;
font-size: 35px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}
@media screen and (max-width: 480px) {.sns-03 {font-size: 30px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 20px;}}

.sns-03 a{
color:#ff0000;
}

.sns-03 a :hover{
color:rgba(255, 0, 0, 0.72);
}






/*================================================
 *  サブヘッダー
 ================================================*/

#sub-head {
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
max-width: 1020px;
}

#sub-head2 {
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
max-width: 1020px;
margin-top:50px;
margin-bottom:0px;
padding-left:40px;
}
@media screen and (max-width: 480px) {#sub-head2{margin-top:20px;margin-bottom:0px;padding-left:0px;}}

.sub-head-inner{
width: 100%;
display:block;
overflow:hidden;
border-top:4px solid #3a416e;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.sub-head-txt-01 {
		text-align: left;
    font-size:12px;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 20px;
}

.sub-head-txt-02 {
		text-align: left;
    font-size:26px;
		font-weight:bold;
		line-height: 36px;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 20px 20px;
}

.sub-head-menu {
    width:100%;
    padding: 0px 0px 5px 20px;
    overflow:hidden;
}
@media screen and (max-width: 480px) {.sub-head-menu{width:95%;padding: 0px 10px 0px 10px;}}

.sub-head-menu ul {
display:block;
overflow:hidden;
width:100%;
margin-top:0px;
margin-bottom:0px;
}
@media screen and (max-width: 480px) {.sub-head-menu ul{padding: 0px 0px 0px 0px;}}
.sub-head-menu li {
    float:left;
    list-style:none;
    padding: 0px 40px 0px 0px;
    font-size:14px;
    text-align:center;
}
@media screen and (max-width: 480px)
 {.sub-head-menu li{text-align: left;width:92%;background:#d9d2c9;border:1px solid #d9d2c9;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;line-height:36px;margin-bottom:2px;padding: 0px 10px 0px 10px;}}

.sub-head-menu li a {
	text-decoration:none;
}

.sub-head-menu li a:hover{
	color:#f19500;
}

.on{
	color:#ad9357 !important;
}
@media screen and (max-width: 480px) {.on{color:#a09377 !important;}}








/*================================================
 *  グローバルナビゲーション
 ================================================*/

 
/* header */
#top-head {
    width: 100%;
    margin: 0px auto 0px;
    padding: 0px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head a:hover {
    color: #a28e57;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
		float: right;
    list-style: none;
    right: 0;
    bottom: 0;
    font-size: 13px;
		margin: 25px 0px 0px 0px;
}
#global-nav li {

}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 23px;
}
 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}
 
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}



@media screen and (max-width: 768px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
				width: 100%;
        top: 0;
        margin-top: 0;
				background: #fff;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        
        width: 100%;
        height: 110px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -420px;
        background: rgba(107, 107, 107, 0.84);
        width: 100%;
        text-align: center;
				margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
				z-index: 998;
    }
    #global-nav ul {
				float:left;
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 12px;
    }
    #global-nav ul li {
        float: none;
        position: static;
				padding: 0px 0px 0px 20px;
				text-align: left;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
				padding: 90px 0px 0px 0px;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}

@media screen and (max-width: 480px) {
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
				width: 100%;
        top: 0;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        width: 100%;
        height: 110px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -450px;
        background: rgba(107, 107, 107, 0.84);
        width: 100%;
        text-align: center;
				margin: 0px 0px 0px 0px;
        padding: 0px 0px 10px 0px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
				z-index: 998;
    }
    #global-nav ul {
				float:left;
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 12px;
    }
    #global-nav ul li {
        float: none;
        position: static;
				padding: 0px 0px 0px 20px;
				text-align: left;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
				margin: 60px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
}





/*================================================
 *  トップページ
 ================================================*/





.top-txt-02 {
text-align: center;
font-size:35px;
color:#637079;
font-weight:bold;
line-height: 48px;
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
text-shadow: #fff 0px 0px 20px, #fff 0px 0px 20px, #fff 0px 0px 20px, #fff 0px 0px 20px;
@media screen and (max-width: 768px) {.top-txt-02 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-02 {font-size:12px;line-height: 22px;margin: 0px 0px 0px 10px;padding: 0px 0px 20px 0px;}}

.top-txt-03 {
text-align: center;
font-size:35px;
color:#fff;
font-weight:bold;
line-height: 48px;
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
text-shadow: #ff0000 2px 2px 1px, #ff0000 -2px 2px 1px, #ff0000 2px -2px 1px, #ff0000 -2px -2px 1px;
}
@media screen and (max-width: 768px) {.top-txt-03{font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-03{font-size:18px;line-height: 22px;padding: 0px 0px 20px 10px;}}


.inner-01-txt-01 {
text-align: center;
font-size:35px;
color:#637079;
font-weight:bold;
line-height: 48px;
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
font-family: "serif",serif;
@media screen and (max-width: 768px) {.inner-01-txt-01{font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.inner-01-txt-01{font-size:19px;line-height: 30px;padding: 0px 0px 10px 10px;}}







.box-01 {
	float:left;
	width: 49%;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.box-01{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 20px;}}
@media screen and (max-width: 480px) {.box-01{width: 93%;margin: 0px 0px 0px 0px;padding: 0px 10px 0px 10px;}}


.box-02 {
	float:left;
	width: 49%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.box-02{width: 47%;margin: 0px 0px 0px 0px;padding: 0px 0px 20px 0px;}}
@media screen and (max-width: 480px) {.box-02{width: 90%;margin: 0px 0px 0px 0px;padding: 0px 0px 10px 10px;}}



.newsimg {
text-align: center;
margin-left:auto;
margin-right:auto;
width: 95%;
margin-top:0px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.newsimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.newsimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.newsimg-01 {
width: 98%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.newsimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.newsimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.newsimg-02 {
width: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.newsimg-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.newsimg-02{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.newsimg-03 {
width: 50%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.newsimg-03{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.newsimg-03{width: 70%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.live-box-01 {
		text-align: left;
    font-size:14px;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 10px 20px;
}
@media screen and (max-width: 768px) {.live-box-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.live-box-01 {font-size:14px;line-height: 22px;padding: 0px 0px 20px 10px;}}






.news-box-01 {
		text-align: left;
    font-size:14px;
		line-height: 22px;
		border-bottom: 1px dotted #797979;
		margin: 10px 0px 0px 0px;
		padding: 10px 20px 20px 20px;
}
@media screen and (max-width: 768px) {.news-box-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.news-box-01 {font-size:14px;line-height: 22px;padding: 0px 0px 20px 10px;}}


.news-date {
    font-size:16px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-date {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-date {font-size:18px;line-height: 22px;padding: 0px 0px 0px 0px;}}

.news-title {
    font-size:16px;
		font-weight:bold;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.news-title {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.news-title {font-size:18px;line-height: 22px;padding: 0px 0px 0px 0px;}}



.live-01{
    font-size:16px;
		color: #000;
		font-weight:bold;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.live-01 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.live-01 {font-size:14px;line-height: 22px;padding: 0px 0px 0px 0px;}}

.live-02{
    font-size:16px;
		color: #000;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.live-02 {font-size:14px;line-height: 28px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.live-02 {font-size:16px;line-height: 22px;padding: 0px 0px 0px 0px;}}



.re{
    font-size:12px;
		color: #ff0000;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
}




.proimg {
text-align: center;
margin-left:auto;
margin-right:auto;
width: 95%;
margin-top:0px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.proimg{width: 95%;text-align: center;margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.proimg{width: 95%;text-align: center;margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}


.proimg-01 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.proimg-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.proimg-01{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.pro-txt-01 {
		text-align: left;
    font-size:16px;
		line-height: 28px;
		margin: 10px 0px 0px 0px;
		padding: 10px 20px 20px 40px;
}
@media screen and (max-width: 768px) {.pro-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.pro-txt-01 {font-size:14px;line-height: 22px;padding: 0px 0px 20px 10px;}}



.ts {
    font-size:30px !important;
		color:#36A8DF;
		line-height: 28px !important;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.ts {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.ts {font-size:18px;line-height: 22px;padding: 0px 0px 20px 10px;}}


.pro-txt-02 {
		text-align: left;
    font-size:14px;
		line-height: 28px;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 20px 40px;
}
@media screen and (max-width: 768px) {.pro-txt-02 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.pro-txt-02 {font-size:13px;line-height: 22px;padding: 0px 0px 20px 10px;}}

.pro-txt-03 {
		text-align: left;
    font-size:14px;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
		padding: 10px 20px 20px 40px;
}
@media screen and (max-width: 768px) {.pro-txt-03 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.pro-txt-03 {font-size:13px;line-height: 22px;padding: 0px 0px 20px 10px;}}



.disc-box-01 {
text-align: center;
margin-left:auto;
margin-right:auto;
width: 86%;
display:block;
overflow:hidden;
margin-top:0px;
margin-bottom:30px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.disc-box-01{width: 90%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.disc-box-01{width: 93%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.discimg {
float:left;
width: 45%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 30px;
}
@media screen and (max-width: 1024px) {.discimg{width: 45%;margin: 0px 0px 50px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.discimg{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;float:none;width: 70%;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.discimg{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:20px;float:none;width: 70%;padding: 0px 0px 0px 0px;}}


.discimg-01 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 1024px) {.discimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {.discimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.discimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.disc-txt-01 {
		text-align: left;
    font-size:16px;
		font-weight:bold;
		line-height: 22px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 35px;
}
@media screen and (max-width: 1024px) {.disc-txt-01 {font-size:13px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 768px) {.disc-txt-01 {font-size:11px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.disc-txt-01 {font-size:14px;line-height: 18px;padding: 20px 0px 20px 10px;}}

.disc-txt-02 {
		text-align: left;
		float:left;
		width: 45%;
    font-size:13px;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 768px) {.disc-txt-02 {width: 89%;font-size:14px;line-height: 20px;padding: 0px 0px 10px 45px;}}
@media screen and (max-width: 480px) {.disc-txt-02 {width: 93%;font-size:14px;line-height: 18px;padding: 0px 0px 20px 10px;}}





.video-box-01 {
text-align: center;
margin-left:auto;
margin-right:auto;
width: 86%;
display:block;
overflow:hidden;
margin-top:0px;
margin-bottom:30px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.video-box-01{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.video-box-01{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;padding: 0px 0px 0px 0px;}}



.video-txt-01 {
		text-align: center;
    font-size:18px;
		font-weight:bold;
		line-height: 22px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 35px;
}
@media screen and (max-width: 768px) {.video-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.video-txt-01 {font-size:14px;line-height: 22px;padding: 0px 0px 10px 0px;}}



.linkimg {
float:left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.linkimg{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.linkimg{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.linkimg-01 {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.linkimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.linkimg-01{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}



.link-box-01 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 50px 10px 50px 8px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-01{width: 45%;margin: 0px 0px 30px 20px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-01{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;float:none;padding: 0px 0px 0px 0px;}}


.link-box-02 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 50px 10px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-02{width: 45%;float:right;margin: 0px 20px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-02{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;float:none;padding: 0px 0px 0px 0px;}}


.link-box-03 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 50px 10px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-03{width: 45%;margin: 0px 0px 30px 20px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-03{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;float:none;padding: 0px 0px 0px 0px;}}


.link-box-04 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 50px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-04{width: 45%;float:right;margin: 0px 20px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-04{text-align: center;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:30px;width: 86%;float:none;padding: 0px 0px 0px 0px;}}


.link-box-05 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 0px 10px 0px 8px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-05{width: 45%;margin: 0px 0px 30px 20px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-05{width: 45%;margin: 0px 0px 20px 10px;padding: 0px 0px 0px 0px;}}


.link-box-06 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-06{width: 45%;float:right;margin: 0px 20px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-06{width: 45%;float:right;margin: 0px 10px 20px 0px;padding: 0px 0px 0px 0px;}}


.link-box-07 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-07{width: 45%;margin: 0px 0px 30px 20px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-07{width: 45%;margin: 0px 0px 20px 10px;padding: 0px 0px 0px 0px;}}


.link-box-08 {
float:left;
width: 24%;
display:block;
overflow:hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.link-box-08{width: 45%;float:right;margin: 0px 20px 30px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.link-box-08{width: 45%;float:right;margin: 0px 10px 20px 0px;padding: 0px 0px 0px 0px;}}


.con-txt-01 {
		text-align: left;
		float:left;
		width: 100%;
		color:#fff;
    font-size:13px;
		line-height: 26px;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 768px) {.con-txt-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.con-txt-01 {font-size:14px;line-height: 18px;padding: 0px 0px 20px 10px;}}


.co {
    font-size:18px;
		font-weight:bold;
		line-height: 22px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.co {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.co {font-size:18px;line-height: 22px;padding: 0px 0px 20px 10px;}}



.con-box-01 {
		text-align: left;
		float:left;
		width: 100%;
		color:#fff;
    font-size:13px;
		line-height: 26px;
		margin: 0px 0px 0px 20px;
		padding: 0px 10px 0px 10px;
}
@media screen and (max-width: 768px) {.con-box-01 {font-size:14px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.con-box-01 {width: 98%;font-size:18px;line-height: 22px;margin: 0px 0px 0px 10px;padding: 0px 0px 20px 0px;}}






























.top-txt-04 {
		text-align: left;
    font-size:32px;
    color:#fff;
		font-weight:bold;
		line-height: 40px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 30px 40px;
}
@media screen and (max-width: 768px) {.top-txt-04{font-size:25px;line-height: 28px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-04{font-size:16px;line-height: 20px;padding: 0px 0px 20px 10px;}}

.top-txt-05 {
		text-align: left;
    font-size:14px;
    color:#000000;
		font-weight:bold;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 40px;
}
@media screen and (max-width: 768px) {.top-txt-05{font-size:12px;line-height: 22px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-05{font-size:11px;line-height: 22px;padding: 0px 0px 10px 10px;}}
.top-txt-06 {
		text-align: left;
    font-size:14px;
    color:#000;
		font-weight:bold;
		line-height: 28px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 40px;
}
@media screen and (max-width: 768px) {.top-txt-06{font-size:12px;line-height: 22px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-06{font-size:11px;line-height: 18px;padding: 0px 0px 10px 10px;}}
.top-txt-07 {
		text-align: left;
    font-size:14px;
    color:#000000;
		font-weight:bold;
		line-height: 18px;
		margin: 0px 0px 70px 0px;
		padding: 0px 0px 10px 40px;
}
@media screen and (max-width: 768px) {.top-txt-07{font-size:12px;line-height: 22px;margin: 0px 0px 20px 0px;padding: 0px 0px 10px 20px;}}
@media screen and (max-width: 480px) {.top-txt-07{font-size:11px;line-height: 18px;margin: 0px 0px 20px 0px;padding: 0px 0px 10px 10px;}}
.red {
    font-size:24px;
    color:#ff007c;
		font-weight:bold;
		line-height: 28px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.red{font-size:24px;line-height: 22px;padding: 0px 0px 0px 20px;}}
@media screen and (max-width: 480px) {.red{font-size:18px;line-height: 20px;padding: 0px 0px 0px 10px;}}

#top-contents{
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
width: 940px;
margin-top:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {#top-contents{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {#top-contents{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
@media screen and (max-width: 768px) {figure{width: 250px;margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {figure img{width: 100%;}}
@media screen and (max-width: 480px) {figure{margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}

figcaption {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,51,102,0.5);
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover figcaption {
	bottom: 0;
}

figcaption h3{
float:left;
width: 80%;
color:#fff;
text-align: left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 20px;
border-bottom: 0px solid #e78f00;
}

figcaption p{
float:left;
width: 10%;
color:#fff;
font-size:40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.top-contents-01{
width: 300px;
height: 230px;
float:left;
margin-top:10px;
margin-right:20px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.top-contents-01{width: 250px;margin-top:10px;margin-right:9px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.top-contents-01{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.top-contents-02{
width: 300px;
height: 230px;
float:left;
margin: 10px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.top-contents-02{width: 250px;margin-top:10px;margin-right:9px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.top-contents-02{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.top-contents-03{
width: 300px;
height: 230px;
float:left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.top-contents-03{width: 250px;margin-top:10px;margin-right:0px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.top-contents-03{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.top-contents-txt00 {
		text-align: left;
    font-size:14px;
		line-height: 18px;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 767px) {.top-contents-txt00{margin-left:auto;margin-right:auto;width: 250px;height: auto;padding: 0px 0px 0px 0px;}}



#top-image-01{
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
max-width: 1020px;
}
@media screen and (max-width: 640px) {#top-image{width: 100%;margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px;}}

#top-image-01inner{
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
width: 100%;
background-repeat: no-repeat;
background-image: url("../images/top-01.jpg");
}

.top-txt-08 {
		text-align: center;
    font-size:20px;
    color:#48538E;
		font-weight:bold;
		line-height: 20px;
		margin: 0px 0px 0px 0px;
		padding: 60px 0px 20px 0px;
}
@media screen and (max-width: 768px) {.top-txt-08{font-size:20px;line-height: 20px;padding: 30px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.top-txt-08{font-size:20px;line-height: 20px;padding: 30px 0px 0px 0px;}}

.top-txt-09 {
		text-align: center;
    font-size:14px;
    color:#48538E;
		line-height: 29px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 40px 0px;
}
@media screen and (max-width: 480px) {.top-txt-09{font-size:14px;line-height: 20px;padding: 10px 10px 30px 10px;}}






/*================================================
 *  コンテンツ
 ================================================*/

#nain-contents {
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
max-width: 1020px;
}

.production-h3 {
		text-align: left;
    font-size:28px;
		font-weight:bold;
		line-height: 36px;
		color: #ad9357;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-bottom: 1px solid #ad9357;
}

.production-h4 {
		text-align: left;
    font-size:20px;
		font-weight:bold;
		line-height: 36px;
		color: #ad9357;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		border-bottom: 0px solid #ad9357;
}


.production-txt-01 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.production-img-01{
float:right;
margin-top:0px;
margin-right:20px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.production-img-01{margin-left:auto;margin-right:auto;float: none;}}


.production-img-02{
float:right;
width: 300px;
margin-top:0px;
margin-right:20px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.production-img-02{margin-left:auto;margin-right:auto;float: none;}}

.production-img-02 img{
width: 100%;
}
@media screen and (max-width: 480px) {.production-img-02 img{width: 100%;}}

.production-txt-02 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 0px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.production-txt-03 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 0px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.production-txt-04 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 0px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.mr-txt-00 {
		text-align: left;
    font-size:18px;
		color: #333;
		font-weight:bold;
		line-height: 26px;
		margin: 15px 0px 25px 0px;
		padding: 0px 20px 0px 20px;
}

.mr-txt-01 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.mr-img-01{
float:right;
margin-top:0px;
margin-right:20px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.mr-img-01{margin-left:auto;margin-right:auto;float: none;}}

.mr-img-02{
float:right;
width: 300px;
margin-top:0px;
margin-right:20px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.mr-img-02{margin-left:auto;margin-right:auto;float: none;}}

.mr-img-02 img{
width: 100%;
}
@media screen and (max-width: 480px) {.mr-img-02 img{width: 100%;}}

.mr-txt-02 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 0px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

#specialist{
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 120px 0px 120px;
}
@media screen and (max-width: 768px) {#specialist{padding: 0px 30px 0px 30px;}}
@media screen and (max-width: 480px) {#specialist{padding: 0px 20px 0px 20px;}}

.specialist-txt-01 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.specialist-txt-02 {
		text-align: left;
    font-size:30px;
		font-weight:bold;
		line-height: 36px;
		color: #ad9357;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		border-bottom: 0px solid #ad9357;
}
.specialist-txt-03 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.training-txt-01 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

.training-img-01{
width: 800px;
margin-top:30px;
margin-right:20px;
margin-left:60px;
margin-bottom:50px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.training-img-01{width: 600px;margin-left:60px;margin-right:20px;}}
@media screen and (max-width: 480px) {.training-img-01{width: 300px;margin-left:auto;margin-right:auto;}}

.training-img-01 img{
width: 100%;
}
@media screen and (max-width: 480px) {.training-img-01 img{width: 100%;}}

.recruiting-txt-01 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}

table {
  width: 100%;
  border-top: 1px solid #4f4d47;
  border-right: 1px solid #4f4d47;
  border-spacing: 0;
  margin: 0 auto;
}
th, td {
  border-bottom: 1px solid #4f4d47;
  border-left: 1px solid #4f4d47;
  text-align: center;
  padding: 5px;
	color: #000;
}
th { background-color: #596091; color: #fff;}

.a{width: 20%;}
@media screen and (max-width: 480px) {.a{width: 100%;}}
.b{width: 50%;}
@media screen and (max-width: 480px) {.b{width: 100%;}}
.c{width: 30%;}
@media screen and (max-width: 480px) {.c{width: 100%;}}
.d{width: 20%;background-color: #c4c6e3;}
@media screen and (max-width: 480px) {.d{width: 100%;}}
.e{width: 50%;text-align: left;background-color: #ebecf3;padding: 10px 0px 10px 10px;}
@media screen and (max-width: 480px) {.e{width: 100%;font-size:12px;text-align: left;padding: 10px 0px 10px 10px;}}
.f{width: 30%;text-align: left;background-color: #ededed;padding: 10px 0px 10px 10px;}
@media screen and (max-width: 480px) {.f{width: 100%;text-align: center;padding: 0px 0px 0px 0px;}}


@media screen and (max-width: 480px) {
table { width: 98%; border:none; padding: 10px;margin-top: 10px;}
thead { display: none;}
tr {
    border-top: 1px solid #c4c6e3;
    display: block;
    margin-bottom: 20px;
}
td {
    border-right: 1px solid #c4c6e3;
		border-left: 1px solid #c4c6e3;
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
td:nth-of-type(1) { background-color: #c4c6e3; color: #48538E;}
td:last-child { border-bottom: 1px solid #c4c6e3;}
     
/*td:beforeのデザイン*/
td:before {
    background-color: #d6e9ff;
    color: #4f4d47;
    display: block;
}
 
/* contentでタイトルを追加 */


}


#interview{
text-align: center;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
width: 940px;
margin-top:20px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {#interview{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#interview{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
@media screen and (max-width: 768px) {figure{width: 250px;margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 768px) {figure img{width: 100%;}}
@media screen and (max-width: 480px) {figure{margin-left:auto;margin-right:auto;padding: 0px 0px 0px 0px;}}

figcaption {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(0,51,102,0.5);
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover figcaption {
	bottom: 0;
}

.interview-txt01{
float:left;
width: 80%;
color:#fff;
text-align: left;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 20px;
border-bottom: 0px solid #e78f00;
}

figcaption p{
float:left;
width: 10%;
color:#fff;
font-size:40px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.interview-01{
width: 300px;
height: 230px;
float:left;
font-size:16px;
margin-top:10px;
margin-right:20px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.interview-01{width: 250px;margin-top:10px;margin-right:9px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.interview-01{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.interview-02{
width: 300px;
height: 230px;
float:left;
margin: 10px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.interview-02{width: 250px;margin-top:10px;margin-right:9px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.interview-02{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.interview-03{
width: 300px;
height: 230px;
float:left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.interview-03{width: 250px;margin-top:10px;margin-right:0px;margin-left:0px;margin-bottom:0px;height: auto;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.interview-03{text-align: center;margin-left:auto;margin-right:auto;width: 100%;height: auto;padding: 0px 0px 0px 0px;}}

.interview-txt00 {
text-align: left;
font-size:14px;
color:#000;
line-height: 18px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 480px) {.interview-txt00{margin-left:auto;margin-right:auto;width: 250px;height: auto;padding: 0px 0px 0px 0px;}}

#interview-top{
position: relative;
width: 100%;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {#interview-top img{width: 100%;height: auto;margin-top:0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {#interview-top img{width: 100%;height: auto;margin-top:20px;padding: 0px 0px 0px 0px;}}

.interview-top-txt-01{
position: absolute;
line-height: 42px;
font-size:32px;
font-weight:bold;
text-align: left;
color:#fff;
left:50px;
bottom:150px;
}
@media screen and (max-width: 768px) {.interview-top-txt-01{font-size:26px;line-height: 28px;left:50px;bottom:100px;}}
@media screen and (max-width: 480px) {.interview-top-txt-01{font-size:17px;line-height: 20px;left:20px;bottom:50px;}}


.interview-top-txt-02{
position: absolute;
line-height: 22px;
font-size:18px;
font-weight:bold;
text-align: left;
color:#fff;
left:50px;
bottom:80px;
}
@media screen and (max-width: 768px) {.interview-top-txt-02{font-size:16px;line-height: 20px;left:50px;bottom:40px;}}
@media screen and (max-width: 480px) {.interview-top-txt-02{font-size:12px;line-height: 15px;left:20px;bottom:15px;}}


#interview-inner{
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 90px 0px 90px;
}
@media screen and (max-width: 768px) {#interview-inner{padding: 0px 30px 0px 30px;}}
@media screen and (max-width: 480px) {#interview-inner{padding: 0px 20px 0px 20px;}}

.interview-h3 {
		text-align: left;
    font-size:28px;
		font-weight:bold;
		line-height: 36px;
		color: #ad9357;
		margin: 40px 0px 20px 0px;
		padding: 0px 0px 0px 20px;
		border-bottom: 0px solid #ad9357;
}
@media screen and (max-width: 768px) {.interview-h3{font-size:22px;margin: 30px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.interview-h3{font-size:22px;line-height: 28px;margin: 30px 0px 0px 0px;}}

.interview-top-txt-03 {
		text-align: left;
    font-size:14px;
		color: #000;
		line-height: 26px;
		margin: 10px 0px 50px 0px;
		padding: 0px 20px 0px 20px;
}
@media screen and (max-width: 768px) {.interview-top-txt-03{font-size:13px;line-height: 20px;margin: 10px 0px 30px 0px;padding: 0px 20px 0px 20px;}}
@media screen and (max-width: 480px) {.interview-top-txt-03{font-size:13px;line-height: 20px;margin: 10px 0px 30px 0px;padding: 0px 20px 0px 20px;}}

.interview-top-img-01{
width: 100%;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.interview-top-img-01 img{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.interview-top-img-01 img{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.contents-img-01 img{
width: 80%;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.contents-img-01 img{width: 90%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.contents-img-01 img{width: 90%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}


.contents-img-02 img{
width: 100%;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.contents-img-02 img{width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.contents-img-02 img{width: 100%;margin: 20px 0px 0px 0px;padding: 0px 0px 0px 0px;}}

.interview-top-txt-04{
font-size:36px;
text-align: left;
color:#000;
margin-top:30px;
margin-right:0px;
margin-left:50px;
margin-bottom:10px;
}
@media screen and (max-width: 768px) {.interview-top-txt-04{font-size:26px;line-height: 28px;left:50px;bottom:100px;}}
@media screen and (max-width: 480px) {.interview-top-txt-04{font-size:17px;line-height: 20px;left:20px;bottom:50px;}}


.interview-top-txt-05{
font-size:16px;
text-align: left;
color:#000;
margin-top:10px;
margin-right:0px;
margin-left:50px;
margin-bottom:20px;
}
@media screen and (max-width: 768px) {.interview-top-txt-05{font-size:26px;line-height: 28px;left:50px;bottom:100px;}}
@media screen and (max-width: 480px) {.interview-top-txt-05{font-size:17px;line-height: 20px;left:20px;bottom:50px;}}




.switch {
    visibility: hidden;
}

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
    list-style:none;
		position: relative;
}
.submenu li a:before {
    display: block;
	content: '';
	position: absolute;
	top: 14px;
	left: 13px;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
	margin: 0px 0px 0px 0px;
}


.submenu li a {
    display:block;
    color:#000;

    text-decoration:none;
		padding:5px 0px 5px 18px;
		line-height: 26px;
}
.submenu li a:hover {
    background:#fafcd6;
}

.bnr li {
    margin:0 0 10px 0;
    padding:0;
    list-style:none;
}
.bnr li a:hover {
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
}
.bnr img {
    width:300px;
}

#sub h3 {
    margin-bottom:0em;
    padding: 10px 0px 10px 30px;
    color:#333;
    font-size:16px;
		position: relative;
		font-weight:bold;
		border-bottom:0px solid #e78f00;
}

.icon {
    color:#9EA52B;
    font-size:28px;
		position: absolute;
margin: -11px 0px 0px -30px;
padding: 0px 0px 0px 0px;
}

.icon2 {
    color:#9EA52B;
    font-size:28px;
		position: absolute;
margin: -11px 0px 0px -30px;
padding: 0px 0px 0px 0px;
}

.icon3 {
    color:#9EA52B;
    font-size:28px;
		position: absolute;
margin: -11px 0px 0px -30px;
padding: 0px 0px 0px 0px;
}

.line {
border-top: 2px solid #bbb;
}

.line2 {
width:1020px;
margin:10px auto;
border-top: 2px solid #bbb;
}

.line3 {
border-top: 0px solid #bbb;
margin: 0px 0px 150px 0px;
}

.side-1 {
    color:#fff;
    font-size:14px;
		background:#48538E;
		text-align:center;
		font-weight:bold;
		margin: 10px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
}

.side-2 {
    color:#48538E;
    font-size:17px;
		font-weight:bold;
		line-height: 26px;
		margin: 10px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
}


/*================================================
 *  フッター
 ================================================*/
footer {
    clear:both;
    width:100%;
    margin:10px auto;
		overflow:hidden;
}

.footinner {
    width:1020px;
    margin:10px auto;
}
@media screen and (max-width: 768px) {.footinner{width:100%;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 480px) {.footinner{width:100%;padding: 0px 0px 0px 0px;}}

.footmenu {
    width:100%;
    padding: 0px 0px 5px 40px;
    overflow:hidden;
}
@media screen and (max-width: 480px) {.footmenu{margin-bottom:20px;padding: 0px 0px 0px 0px;}}
.footmenu ul {
    display:block;
overflow:hidden;
width:320px;
margin-top:0px;
margin-bottom:0px;
}
@media screen and (max-width: 480px) {.footmenu ul{text-align: center;margin-left:auto;margin-right:auto;}}
.footmenu li {
    
    float:left;
    list-style:none;
    padding: 0px 20px 0px 0px;
    font-size:14px;
    text-align:center;
		text-decoration:none;
}
@media screen and (max-width: 480px) {.footmenu li{float: none;display: inline;font-size:12px;padding: 0px 10px 0px 10px;}}

.footmenu li a {
	text-decoration:none;
	color:#49548F;
}

.footmenu1 {
    width:100%;
    padding: 0px 0px 5px 40px;
    overflow:hidden;
}
@media screen and (max-width: 480px) {.footmenu1{margin-bottom:20px;padding: 0px 0px 0px 20px;}}
.footmenu1 ul {
    position:relative;
    left:50%;
    margin:0;
}
.footmenu1 li {
    position:relative;
    left:-50%;
    float:left;
    list-style:none;
    padding: 0px 20px 0px 0px;
    font-size:14px;
    text-align:center;
		text-decoration:none;
}
@media screen and (max-width: 480px) {.footmenu1 li{font-size:12px;padding: 0px 20px 0px 0px;}}

.footmenu1 li a {
	text-decoration:none;
	color:#49548F;
}

.copyright {
    clear:both;
    padding: 0px 0px 0px 40px;
    font-size:12px;
}
@media screen and (max-width: 480px) {.copyright{text-align: center;margin-left:auto;margin-right:auto;font-size:8px;padding: 0px 0px 0px 0px;}}

.footbox{
display:block;
overflow:hidden;
margin-top:30px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.footbox{text-align: center;margin-left:auto;margin-right:auto;width: 670px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox{width:100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}

.footbox-01{
width: 350px;
height: 50px;
float:left;
border:2px solid #a09377;
margin: 0px 0px 20px 140px;
padding: 0px 0px 0px 0px;
background:#d9d2c9;
text-align: center;
line-height: 53px;
}
@media screen and (max-width: 768px) {.footbox-01{font-size:11px;width:215px;margin: 0px 5px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox-01{width:100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.footbox-02{
width: 350px;
height: 50px;
float:left;
border:2px solid #a09377;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background:#d9d2c9;
text-align: center;
line-height: 53px;
}
@media screen and (max-width: 768px) {.footbox-02{font-size:11px;width:215px;margin: 0px 5px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox-02{width:100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.footbox-03{
width: 300px;
height: 50px;
float:left;
border:2px solid #a09377;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background:#d9d2c9;
text-align: center;
line-height: 53px;
}
@media screen and (max-width: 768px) {.footbox-03{font-size:11px;width:215px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox-03{width:100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}


.footbox2{
display:block;
overflow:hidden;
margin-top:20px;
margin-right:0px;
margin-left:0px;
margin-bottom:20px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {.footbox2{text-align: center;margin-left:auto;margin-right:auto;width: 670px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox2{width:100%;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}}

.footbox-04{
width: 350px;
height: 50px;
float:left;
border:2px solid #e78f00;
margin: 0px 0px 20px 140px;
padding: 0px 0px 0px 0px;
background:#ffe4b8;
text-align: center;
line-height: 53px;
}
@media screen and (max-width: 768px) {.footbox-04{font-size:11px;width:215px;margin: 0px 5px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox-04{width:100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}

.footbox-05{
width: 350px;
height: 50px;
float:left;
border:2px solid #e78f00;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background:#ffe4b8;
text-align: center;
line-height: 53px;
}
@media screen and (max-width: 768px) {.footbox-05{font-size:11px;width:215px;margin: 0px 5px 0px 0px;padding: 0px 0px 0px 0px;}}
@media screen and (max-width: 767px) {.footbox-05{width:100%;margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px;}}




/*================================================
 *  ページトップへの戻り
 ================================================*/

#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 400%;
}
#page-top a {
    text-decoration: none;
    color: #3a416e;
    padding: 0px;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}
















/*================================================
 *  グローバルナビゲーション
 ================================================*/
/*
nav {
    margin-bottom:10px;
    padding:0;
    background:#fff;
    overflow:hidden;
}
nav ul {
    width:1020px;
    margin:0 auto;
    padding:0;
}
nav li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}
nav li a {
    display:block;
    width:157px;
    padding:10px 0;
    color:#000;
    text-align:center;
    text-decoration:none;
}
nav li:first-child a {
    width:155px;
}
nav li a:hover {
    color:#000;
    text-decoration:none;
    background:#ddd;
}

*/

/*================================================
 *  クラス
 ================================================*/
/*
.textL {
    text-align:left;
}

.textR {
    text-align:right;
}

.list {
    padding:0 0 0 0.5em;
}

.list li {
    margin:0;
    padding:0 0 0 15px;
    list-style:none;
    background:url(../images/check.png) 0 5px no-repeat;
}

.photo {
    overflow:hidden;
    margin:20px 0;
    padding:10px;
    border:5px solid #ddd;
    background:#fff;
}

.imgL {
    float:left;
    margin:0 10px 10px 0;
}

.imgR {
    float:right;
    margin:0 0 10px 10px;
}

.info dt {
    border-bottom:none;
}
.info dd {
    padding-bottom:1em;
    border-bottom:1px solid #ddd;
}

/*================================================
 *  トップページ
 ================================================*/
/* スライドショー */
/*
.slide {
    position:relative;
    overflow:hidden;
}

.slidePrev {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.slideNext {
    position:absolute;
    cursor:pointer;
    z-index:100;
}

.slidePrev img {
    position:absolute;
    width:50px !important;
    height:60px !important;
}

.slideNext img {
    position:absolute;
    width:50px !important;
    height:60px !important;
}

.slideInner {
    position:relative;
    margin:0 0 5px 0;
    padding:0;
}
.slideInner li {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.slideInner li img {
    margin:0 5px;
    padding:0;
}

.filterPrev {
    position:absolute;
    left:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.filterNext {
    position:absolute;
    right:0;
    opacity:0.5;
    filter:alpha(opacity=50);
    background-color:#fff;
}

.controlNav {
      position:relative;
      float:left;
      left:50%;
}
.controlNav span {
      position:relative;
      left:-50%;
      float:left;
      margin:5px;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      border-radius:5px;
      width:10px;
      height:10px;
      overflow:hidden;
      background:#ccc;
      text-indent:-9999px;
      vertical-align:middle;
}
.controlNav span:hover {
      background:#999;
      cursor:pointer;
}
.controlNav span.current {
      background:#f19500;
}

/* トップナビ */
/*
* html .topNavi {
    height:1em;
    overflow:visible;
}

.topNavi {
    overflow:hidden;
    position:relative;
    margin-right:-2%;
    margin-top:20px;
    margin-bottom:20px;
}

.topNaviColumn {
    display:inline;
    width:32%;
    float:left;
    margin-right:1%;
}


.topNaviCon {
    position:relative;
    display:block;
    box-sizing:border-box;
    overflow:hidden;
    padding:10px;
    text-decoration:none;
    color:#000;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
    background:#f1f1f1;
    border:1px solid #f1f1f1;
    border-radius:4px;
}

.topNaviCon:hover {
    color:#000;
    background:#fff9f5 none repeat scroll 0 0;
    border:1px solid #f19500;
    transition:background 0s ease 0s, border 0.5s ease-out 0s;
}

.topNaviCon h2 {
    margin:10px;
    padding:0;
    font-size:14px;
    font-weight:bold;
    color:#f19500;
    border:none;
}

.topNaviCon:hover h2 {
    color:#f19500;
}

.topNaviCon p {
    margin:10px;
}

.topNaviPhoto img {
    width:100%;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
/*
@media screen and (max-width:779px) {
    body {
        box-sizing:border-box;
        width:100%;
        padding:0 10px;
    }

    header {
        width:100%;
    }

    header h1 {
        margin-bottom:0;
    }

    .contact {
        position:relative;
        float:right;
        margin:10px 0;
    }

    #contents {
        width:100%;
}

    #main {
        float:none;
        width:100%;
    }

    #sub {
        float:none;
        width:100%;
    }

    .bnr {
        overflow:hidden;
        margin-right:-2%;
    }

    .bnr li {
        float:left;
        width:48%;
        margin:0 2% 2% 0;
    }

    .bnr li img {
        width:100%;
    }

    /* メインメニュー */
/*
    nav {
        display:block;
        position:relative;
        width:100%;
    }
    nav h3 {
        cursor:pointer;
        margin-bottom:0;
        color:#fff;
        background:#999;
        border:none;
    }
    nav h3:after {
        position:absolute;
        content:"\0025bc";
        top:3px;
        right:5px;
    }
    nav h3.menuOpen:after {
        position:absolute;
        content:"\0025b2";
        top:3px;
        right:5px;
    }
    nav ul {
        width:100%;
    }

    nav li {
        width:33.33%;
        margin:0;
        padding:0;
        list-style:none;
    }
    nav li:first-child a {
        width:100%;
    }

    nav li a {
        display:block;
        width:100%;
        border-bottom:1px dotted #ddd;
        text-decoration:none;
    }

    /* トップナビ */
/*
    .topNavi {
        margin-right:0;
    }

    .topNaviColumn {
        display:block;
        box-sizing:border-box;
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:10px;
    }
}