@charset "utf-8";

/* 文書全体 */

* {
    margin: 0px;
}


/* 全てのスクリーンサイズで適用する設定 */


/* body */

body {
    font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Pgothic", "Osaka", sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
    text-align: center;
}

a img {
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

a:hover img {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)";
    /* IE 8 */
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.max_width {
    min-width: 1280px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

.content {
    max-width: 1280px;
    min-width: 1280px;
}

.content a:link {
    color: #515151;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -ms-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s;
}

.content a:visited {
    color: #464646;
}

.content a:hover {
    color: #B9B9B9;
    /* hover のカラー（コンテンツ部分のリンク）（2/4 箇所） */
}

.content h1 {
    font-size: 130%;
    font-weight: normal;
    border-top: 1px solid #000000;
}

.content h1 span {
    position: relative;
    top: -15px;
    background-color: #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 1;
}

.content h2 {
    clear: both;
    font-weight: normal;
    font-size: 120%;
}

.content p {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 28px
}


/* footer */

.footer_wrap {
    padding-top: 25px;
    padding-bottom: 25px;
}

footer {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

footer p {
    margin-top: 10px;
    margin-bottom: 10px;
}

footer a:link {
    color: #000000;
    text-decoration: none;
    -webkit-transition: color 0.3s ease-in-out 0s;
    -moz-transition: color 0.3s ease-in-out 0s;
    -ms-transition: color 0.3s ease-in-out 0s;
    -o-transition: color 0.3s ease-in-out 0s;
    transition: color 0.3s ease-in-out 0s;
}

footer a:visited {
    color: #000000;
    text-decoration: none;
}

footer a:hover {
    color: #B9B9B9;
    /* hover のカラー（フッターのリンク）（3/4 箇所） */
    text-decoration: none;
}


/* header */

header {
    background: url(../images/h_img_b.png) no-repeat;
    width: 100%;
    background-size: cover;
}

.h_back {
    position: relative;
    background: url(../images/h_img.png) no-repeat;
    background-position: 50% 50%;
    height: 997px;
}

#logo h1 {
    position: absolute;
    top: 40px;
    color: #655c11;
    font-size: 12px;
    left: 80px;
    font-family: "游明朝", "YuMincho", serif;
}

#logo {
    margin-left: 30px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

#logo p {
    position: absolute;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 50px;
}

.info p.ri {
    position: absolute;
    right: 250px;
    font-size: 35px;
    padding-bottom: 60px;
}

.info p.le {
    position: absolute;
    right: 50px;
    font-size: 35px;
    padding-bottom: 60px;
}

#menu_button {
    display: none;
}



.corona{
    margin: 60px 0;
}
.corona hr{
    display: table;
    width: 15%;
    margin: 30px auto;
}
.corona .title_c{
    font-size: 20px;
    font-weight: bold;
}
.corona .about_c{
    text-align: left;
    width: 80%;
    display: table;
    margin: auto;
    
}







.bg_white{
    position: absolute;
    bottom: 250px;
    background: rgba(255,255,255,.86);
    width: 100%;
    height: 315px;
}

.bg_white img{
    margin-top: 50px;
    
}

.tel_white{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50px;
    background: rgba(255,255,255,.86);
    width: 775px;
    height: 150px;
}

.tel_white img{
    float: left;
    margin-top: 10px;
    margin-left: 70px;
    
}

/* nav */

#nav {
    position: fixed;
    top: 130px;
    left: 0px;
    margin-left: 0px;
    width: 100%;
}

#nav ul {
    background-color: rgba(0, 0, 0, 0);
}

#nav ul li {
    display: inline-block;
}

#nav ul li a:link {
    border-bottom: 0px solid #424242;
    color: #000000;
    padding: 5px;
}

#nav ul li a:visited {
    color: #000000;
}

#nav ul li a:hover {
    text-decoration: none;
    color: #B9B9B9;
    /* hover のカラー（600px 以上のメニュー）（4/4 箇所） */
}

.ie6 #nav ul li {
    display: inline;
    zoom: 1;
    padding-top: 10px;
    padding-right: 10px;
}

.ie7 #nav ul li {
    display: inline;
    zoom: 1;
}


/* article */

.content_wrap {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
}

.h_img {
    width: 100%;
    position: relative;
    height: auto;
}

.h_img img {
    position: relative;
    z-index: -1;
}


/* footer */

.footer_wrap {
    background: url(../images/f_bg.png) no-repeat;
    background-size: cover;
    width: 100%;
    min-width: 1100px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #ffffff;
}

.footer_wrap h4 {
    font-size: 24px;
    padding-top: 30px;
}

.footer_wrap p {
    font-size: 18px;
    margin-bottom: -2px;
}

.footer_wrap .left p {
    font-size: 18px;
    margin-bottom: -2px;
    text-align: left;
    padding-left: 110px;
}

.footer_wrap .left img {
    padding-top: 10px;
    text-align: left;
    padding-left: 70px;
}

.footer_wrap .left {
    float: left;
}

.footer_wrap .left2 {
    float: left;
}

.footer_wrap .right2 p {
    font-size: 18px;
    margin-bottom: -2px;
    text-align: left;
    padding-right: 0px;
}

.footer_wrap .right2 p.f14px {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
    line-height: 28px;
}

.footer_wrap .right {
    float: right;
    margin-right: 100px;
    margin-top: 30px;
}

.footer_wrap .right2 {
    float: right;
    margin-right: 50px;
    margin-top: 30px;
}

.footer_wrap .right2 h4 {
    text-align: left;
}

.footer_wrap .left2 img {
    padding-top: 30px;
    text-align: left;
    padding-left: 170px;
}

.t_center {
    text-align: center!important;
}

.mail_con {
    min-width: 1100px;
    background: #103046;
    width: 100%;
    color: #ffffff;
}

.mail_con p.tx {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.mail_con p.copy {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 10px;
}


/*------------------------------------------------------------
1、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m-60-t {
    margin-top: -60px!important;
}

.m-120-t {
    margin-top: -120px!important;
}

.m-60-l {
    margin-left: -60px!important;
}

.m-80-l {
    margin-left: -80px!important;
}

.m-80-r {
    margin-right: -80px!important;
}

.m-110-b {
    margin-bottom: -110px!important;
}

.m-200-l {
    margin-left: -200px!important;
}

.m-100-l {
    margin-left: -100px!important;
}

.m-130-l {
    margin-left: -130px!important;
}

.m-110-l {
    margin-left: -110px!important;
}

.m-100-r {
    margin-right: -100px!important;
}

.m-200-r {
    margin-right: -200px!important;
}

.m-40 {
    margin: -40px!important;
}

.m-40-t {
    margin-top: -40px!important;
}

.m-40-r {
    margin-right: -40px!important;
}

.m-40-b {
    margin-bottom: -40px!important;
}

.m-40-l {
    margin-left: -40px!important;
}

.m-35 {
    margin: -35px!important;
}

.m-35-t {
    margin-top: -35px!important;
}

.m-35-r {
    margin-right: -35px!important;
}

.m-35-b {
    margin-bottom: -35px!important;
}

.m-35-l {
    margin-left: -35px!important;
}

.m-20-b {
    margin-bottom: -20px!important;
}

.m0 {
    margin: 0!important;
}


/*周りからのmarginを0に*/

.m0-t {
    margin-top: 0!important;
}


/*上からのmarginを0に*/

.m0-r {
    margin-right: 0!important;
}


/*右からのmarginを0に*/

.m0-b {
    margin-bottom: 0!important;
}


/*下からのmarginを0に*/

.m0-l {
    margin-left: 0!important;
}


/*左からのmarginを0に*/

.m5 {
    margin: 5px!important;
}

.m5-t {
    margin-top: 5px!important;
}

.m5-r {
    margin-right: 5px!important;
}

.m5-b {
    margin-bottom: 5px!important;
}

.m5-l {
    margin-left: 5px!important;
}

.m10 {
    margin: 10px!important;
}

.m10-t {
    margin-top: 10px!important;
}

.m10-r {
    margin-right: 10px!important;
}

.m10-b {
    margin-bottom: 10px!important;
}

.m10-l {
    margin-left: 10px!important;
}

.m15 {
    margin: 15px!important;
}

.m15-t {
    margin-top: 15px!important;
}

.m15-r {
    margin-right: 15px!important;
}

.m15-b {
    margin-bottom: 15px!important;
}

.m15-l {
    margin-left: 15px!important;
}

.m20 {
    margin: 20px!important;
}

.m20-t {
    margin-top: 20px!important;
}

.m20-r {
    margin-right: 20px!important;
}

.m20-b {
    margin-bottom: 20px!important;
}

.m20-l {
    margin-left: 20px!important;
}

.m25 {
    margin: 25px!important;
}

.m25-t {
    margin-top: 25px!important;
}

.m25-r {
    margin-right: 25px!important;
}

.m25-b {
    margin-bottom: 25px!important;
}

.m25-l {
    margin-left: 25px!important;
}

.m30 {
    margin: 30px!important;
}

.m30-t {
    margin-top: 30px!important;
}

.m30-r {
    margin-right: 30px!important;
}

.m30-b {
    margin-bottom: 30px!important;
}

.m30-l {
    margin-left: 30px!important;
}

.m40 {
    margin: 40px!important;
}

.m40-t {
    margin-top: 40px!important;
}

.m40-r {
    margin-right: 40px!important;
}

.m40-b {
    margin-bottom: 40px!important;
}

.m40-l {
    margin-left: 40px!important;
}

.m50 {
    margin: 50px!important;
}

.m50-t {
    margin-top: 50px!important;
}

.m50-r {
    margin-right: 50px!important;
}

.m50-b {
    margin-bottom: 50px!important;
}

.m50-l {
    margin-left: 50px!important;
}

.m60 {
    margin: 60px!important;
}

.m60-t {
    margin-top: 60px!important;
}

.m60-r {
    margin-right: 60px!important;
}

.m60-b {
    margin-bottom: 60px!important;
}

.m60-l {
    margin-left: 60px!important;
}

.m70 {
    margin: 70px!important;
}

.m70-t {
    margin-top: 70px!important;
}

.m70-r {
    margin-right: 70px!important;
}

.m70-b {
    margin-bottom: 70px!important;
}

.m70-l {
    margin-left: 70px!important;
}

.m80 {
    margin: 80px!important;
}

.m80-t {
    margin-top: 80px!important;
}

.m80-r {
    margin-right: 80px!important;
}

.m80-b {
    margin-bottom: 80px!important;
}

.m80-l {
    margin-left: 80px!important;
}

.m90 {
    margin: 90px!important;
}

.m90-t {
    margin-top: 90px!important;
}

.m90-r {
    margin-right: 90px!important;
}

.m90-b {
    margin-bottom: 90px!important;
}

.m90-l {
    margin-left: 90px!important;
}

.m100 {
    margin: 100px!important;
}

.m100-t {
    margin-top: 100px!important;
}

.m100-r {
    margin-right: 100px!important;
}

.m100-b {
    margin-bottom: 100px!important;
}

.m100-l {
    margin-left: 100px!important;
}

.m120 {
    margin: 120px!important;
}

.m120-t {
    margin-top: 120px!important;
}

.m120-r {
    margin-right: 120px!important;
}

.m120-b {
    margin-bottom: 120px!important;
}

.m120-l {
    margin-left: 120px!important;
}

.m125-t {
    margin-top: 125px!important;
}


/*------------------------------------------------------------
2、padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/

.p0 {
    padding: 0!important;
}

.p0-t {
    padding-top: 0!important;
}

.p0-r {
    padding-right: 0!important;
}

.p0-b {
    padding-bottom: 0!important;
}

.p0-l {
    padding-left: 0!important;
}

.p5 {
    padding: 5px!important;
}

.p5-t {
    padding-top: 5px!important;
}

.p5-r {
    padding-right: 5px!important;
}

.p5-b {
    padding-bottom: 5px!important;
}

.p5-l {
    padding-left: 5px!important;
}

.p10 {
    padding: 10px!important;
}

.p10-t {
    padding-top: 10px!important;
}

.p10-r {
    padding-right: 10px!important;
}

.p10-b {
    padding-bottom: 10px!important;
}

.p10-l {
    padding-left: 10px!important;
}

.p15 {
    padding: 15px!important;
}

.p15-t {
    padding-top: 15px!important;
}

.p15-r {
    padding-right: 15px!important;
}

.p15-b {
    padding-bottom: 15px!important;
}

.p15-l {
    padding-left: 15px!important;
}

.p20 {
    padding: 20px!important;
}

.p20-t {
    padding-top: 20px!important;
}

.p20-r {
    padding-right: 20px!important;
}

.p20-b {
    padding-bottom: 20px!important;
}

.p20-l {
    padding-left: 20px!important;
}

.p25 {
    padding: 25px!important;
}

.p25-t {
    padding-top: 25px!important;
}

.p25-r {
    padding-right: 25px!important;
}

.p25-b {
    padding-bottom: 25px!important;
}

.p25-l {
    padding-left: 25px!important;
}

.p30 {
    padding: 30px!important;
}

.p30-t {
    padding-top: 30px!important;
}

.p30-r {
    padding-right: 30px!important;
}

.p30-b {
    padding-bottom: 30px!important;
}

.p30-l {
    padding-left: 30px!important;
}

.p32-t {
    padding-top: 32px!important;
}

.p35 {
    padding: 35px!important;
}

.p35-t {
    padding-top: 35px!important;
}

.p35-r {
    padding-right: 35px!important;
}

.p35-b {
    padding-bottom: 35px!important;
}

.p35-l {
    padding-left: 35px!important;
}

.p40 {
    padding: 40px!important;
}

.p40-t {
    padding-top: 40px!important;
}

.p40-r {
    padding-right: 40px!important;
}

.p40-b {
    padding-bottom: 40px!important;
}

.p40-l {
    padding-left: 40px!important;
}

.p50 {
    padding: 50px!important;
}

.p50-t {
    padding-top: 50px!important;
}

.p50-r {
    padding-right: 50px!important;
}

.p50-b {
    padding-bottom: 50px!important;
}

.p50-l {
    padding-left: 50px!important;
}

.p55 {
    padding: 55px!important;
}

.p55-t {
    padding-top: 57px!important;
}

.p55-r {
    padding-right: 55px!important;
}

.p55-b {
    padding-bottom: 55px!important;
}

.p55-l {
    padding-left: 55px!important;
}

.p60 {
    padding: 60px!important;
}

.p60-t {
    padding-top: 60px!important;
}

.p60-r {
    padding-right: 60px!important;
}

.p60-b {
    padding-bottom: 60px!important;
}

.p60-l {
    padding-left: 60px!important;
}

.p70 {
    padding: 70px!important;
}

.p70-t {
    padding-top: 70px!important;
}

.p70-r {
    padding-right: 70px!important;
}

.p70-b {
    padding-bottom: 70px!important;
}

.p70-l {
    padding-left: 70px!important;
}

.p75 {
    padding: 75px!important;
}

.p75-t {
    padding-top: 75px!important;
}

.p75-r {
    padding-right: 75px!important;
}

.p75-b {
    padding-bottom: 75px!important;
}

.p75-l {
    padding-left: 75px!important;
}

.p80 {
    padding: 80px!important;
}

.p80-t {
    padding-top: 80px!important;
}

.p80-r {
    padding-right: 80px!important;
}

.p80-b {
    padding-bottom: 80px!important;
}

.p80-l {
    padding-left: 80px!important;
}

.p90 {
    padding: 90px!important;
}

.p90-t {
    padding-top: 90px!important;
}

.p90-r {
    padding-right: 90px!important;
}

.p90-b {
    padding-bottom: 90px!important;
}

.p90-l {
    padding-left: 90px!important;
}

.p100 {
    padding: 100px!important;
}

.p100-t {
    padding-top: 100px!important;
}

.p100-r {
    padding-right: 100px!important;
}

.p100-b {
    padding-bottom: 100px!important;
}

.p100-l {
    padding-left: 100px!important;
}

.p180-l {
    padding-left: 180px!important;
}


/*------------------------------------------------------------
3、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

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


/*太字*/

.normal {
    font-weight: normal!important;
}


/*太字を解除*/

.big {
    font-size: 1.2em!important;
}

.big2 {
    font-size: 1.5em!important;
}

.big3 {
    font-size: 1.8em!important;
}

.big4 {
    font-size: 3em!important;
}

.small {
    font-size: 0.8em!important;
}

.f04em {
    font-size: 0.4em;
}

.f07em {
    font-size: 0.7em;
}

.f08em {
    font-size: 0.8em;
}

.f09em {
    font-size: 0.9em;
}

.f10em {
    font-size: 1.0em;
}

.f11em {
    font-size: 1.1em;
}

.f12em {
    font-size: 1.2em;
}

.f13em {
    font-size: 1.3em;
}

.f14em {
    font-size: 1.4em;
}

.f15em {
    font-size: 1.5em;
}

.f16em {
    font-size: 1.6em;
}

.f17em {
    font-size: 1.7em;
}

.f18em {
    font-size: 1.8em;
}

.f19em {
    font-size: 1.9em;
}

.f20em {
    font-size: 2.0em;
}

.f21em {
    font-size: 2.1em;
}

.f22em {
    font-size: 2.2em;
}

.f23em {
    font-size: 2.3em;
}

.f24em {
    font-size: 2.4em;
}

.f8pt {
    font-size: 8.5pt!important;
}

.f9pt {
    font-size: 9.0pt!important;
}

.f10pt {
    font-size: 10pt!important;
}

.f11pt {
    font-size: 11pt!important;
}

.f12pt {
    font-size: 12pt!important;
}

.f13pt {
    font-size: 13pt!important;
}

.f14pt {
    font-size: 14pt!important;
}

.f15pt {
    font-size: 15pt!important;
}

.f16pt {
    font-size: 16pt!important;
}

.f17pt {
    font-size: 17pt!important;
}

.f18pt {
    font-size: 18pt!important;
}

.f19pt {
    font-size: 19pt!important;
}

.f20pt {
    font-size: 20pt!important;
}

.f21pt {
    font-size: 21pt!important;
}

.f22pt {
    font-size: 22pt!important;
}

.f23pt {
    font-size: 23pt!important;
}

.f24pt {
    font-size: 24pt!important;
}

.f14px {
    font-size: 14px!important;
}

.f15px {
    font-size: 15px!important;
}

.f20px {
    font-size: 20px!important;
}

.f24px {
    font-size: 24px!important;
}

.lh1 {
    line-height: 1em
}


/*------------------------------------------------------------
4、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red {
    color: #D90000!important;
}


/*赤*/

.blue {
    color: #0000dd!important;
}


/*青*/

.green {
    color: #f1da18!important;
}


/*緑*/

.yellow {
    color: #fcff00!important;
}


/*黄*/

.navy {
    color: #1F26A9!important;
}


/*紺*/

.orange {
    color: #ff6600!important;
}


/*橙*/

.pink {
    color: #cc6699!important;
}


/*ピンク*/

.purple {
    color: #660099!important;
}


/*紫*/

.olive {
    color: #808000!important;
}


/*黄土色*/

.lime {
    color: #00ff00!important;
}


/*黄緑*/

.aqua {
    color: #167FA6!important;
}


/*水色*/

.black {
    color: #252525!important;
}


/*黒*/

.gray {
    color: #2d2d2d!important;
}


/*灰*/

.white {
    color: #fff!important;
}


/*白*/

.braun {
    color: #A43321!important;
}

.braun2 {
    color: #7c4f00!important;
}


/*------------------------------------------------------------
5、float
-------------------------------------------------------------*/

.fl_l {
    float: left;
}

.fl_r {
    float: right;
}


/*------------------------------------------------------------
6、width
-------------------------------------------------------------*/

.w-100 {
    width: 100%;
}

.w700 {
    width: 700px;
}

.w400 {
    width: 380px;
}

.w1000 {
    width: 1000px;
}

.w1200 {
    width: 1200px;
}


/*------------------------------------------------------------
6、margin
-------------------------------------------------------------*/

.m_center {
    margin: 0 auto;
}

.center {
    text-align: center;
}

.al_l {
    text-align: left;
}

.al_r {
    text-align: right;
}


/*------------------------------------------------------------
6、border
-------------------------------------------------------------*/

.w_border {
    border: 1px solid #ffffff;
}

.clear {
    clear: both;
}

p.gotop {
    position: fixed;
    bottom: 50px;
    left: 10px;
    z-index: 999999999;
}

p.gotop a {
    width: 65px;
    height: 65px;
    display: block;
}


/* 画面外にいる状態 */

.fadein {
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 500ms;
}


/* 画面内に入った状態 */

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}


/* 2つ目の要素に200msのdelayをかける */

#effect2 > .fadein:nth-of-type(2) {
    -moz-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
}


/* 3つ目の要素に400msのdelayをかける */

#effect2 > .fadein:nth-of-type(3) {
    -moz-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
}