@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body {
background-color:#ffffff;
font-family:"Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
font-size: 1.28rem;
font-feature-settings : "palt";
line-height: 2.2rem;
color:#231815;
}
a:link { color: #231815; text-decoration:none }
a:visited { color: #231815; text-decoration:none }
a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; text-decoration:none }
a:active { color: #231815; text-decoration:none }

a.overwhite{background-color:#ffffff; display:block;}
a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
zoom:1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, body {font-feature-settings: "pkna";}
}

/* レスポンシブのフォントサイズ指定　
-------------------------------------------------- */
html {font-size: calc(.78125vw + 7.5px);}
/* min */
@media(max-width: 320px) { html{ font-size: 70.5%; }}
/* max */
@media(min-width: 768px) {html { font-size: 80%; }}
h1 { font-size: 3.2rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 2.2rem; }
h5 { font-size: 2rem;   }
h6 { font-size: 1.28rem; }
p  { font-size: 1.28rem; }
td { font-size: 1.28rem; }
li { font-size: 1.28rem; }
/* navbar
-------------------------------------------------- */
@media (min-width:768px){.navbar{border-radius:0}}
@media (min-width: 768px){
.navbar-nav{
margin: 0 auto;
display: table;
table-layout: fixed;
float:none;
font-size:1.2em;
}}
.navbar{position:relative;min-height:50px;margin-bottom:0px;border:1px solid transparent;}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
/*.nav-justified {
display: table;
table-layout: fixed;
width: 100%;
}
.navbar .nav-justified > li {
display: table-cell;
width: 100%;
}*/
.navbar-default {
  background-color: #f08930;
  border-color: #f08930;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #d3d1d0;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #d3d1d0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #d3d1d0;
  background-color: #f08930;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #d3d1d0;
  background-color: #f08930;
}
.navbar-default .navbar-toggle {
  border-color: #f08930;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f08930;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #d3d1d0;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #d3d1d0;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #d3d1d0;
background-color: #f08930;
}}

/*マウスオーバーで子メニュー表示
-------------------------------------------------- */
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
  }
}

/* carousel
-------------------------------------------------- */
/* carousel-control のグラデーションを無色化 */
.carousel-control.left,
.carousel-control.right{background-image:none;}
.carousel .item {background-color:transport;}

/* breadcrumb
-------------------------------------------------- */
.breadcrumb {
padding: 8px 15px;
margin-bottom: 22px;
list-style: none;
background-color: rgba(248,248,248,0.00);
border-radius: none;
font-size:1.1rem;
}.breadcrumb > li + li:before {  content: "＞";}

/* smooth-scroll 
-------------------------------------------------- */
.back-top {
position: fixed;
bottom: 3%;
right: 5%;
display: none;
}
.back-top a{color:rgba(100,100,100,0.4);}

/* link-box 
-------------------------------------------------- */
.link_box {
position: relative;
/*padding: 0.1%;*/
	
}
.link_box a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999px;
}
.link_box a:hover {
background-color: #FFFFFF;
filter: alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}

/* jumbotron
-------------------------------------------------- */
.container .jumbotron,.container-fluid .jumbotron {border-radius: 0;}
.jumbotron01 { background: url(../img/topim_02.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:300px; color:#009d95}
.jumbotron02 { background: url(../img/servim_01.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:300px; color:#009d95}
.jumbotron03 { background: url(../img/woim_01.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:300px; color:#009d95}
.jumbotron04 { background: url(../img/recim_01.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  min-height:300px; color:#009d95}


/* other 
-------------------------------------------------- */
.table-bordered2 th, .table-bordered2 td { border: none !important; }
.table_bg_gr1 {background: #e0e0e0}
.table_bg_gr2 {background: #e8e9e9}
.table_bg_wht {background: #ffffff}
 
.hr_01 {border-top:1px dotted #DFDFDF;}
.hr_02 {border-top:1px solid #cdcece;}
.hr_tablecolor { border-top: 1px solid #ddd; margin-top:0; margin-bottom:0;}


.gry_base {background:#f6f6f6}
.whtfooter_base {background:#ffffff !important; color:#e44a2e !important;}
.whtfooter_base a {background:#ffffff !important; color:#e44a2e !important;}

.brn_box {background: #e44a2e; padding:1px 6px 2px 6px; color:#ffffff; font-size:0.84em; vertical-align: 3%;}
.brn_box2 {background: #e44a2e; padding:6px 15px 8px 15px; color:#ffffff;}
.grn_box {background: #009d95; padding:0 15px 1px 15px; color:#ffffff; font-size:0.7em; vertical-align: 16%; border-radius: 30px;}
.grn_box2 {background: #009d95; padding:0 15px 1px 15px; }
.yel_box {background: #f5f393; padding:20px; }
.yel_box2 {background: #f5f393; padding:3px; }
.gry_box {background: #f1f2f2; padding:20px; }
.bg_10 {background-color:#ffffff; border-radius:28px; align-content:center; max-width:200px; padding:3px 6px} 
.bg_03 {background-color:#3e3a39; color:#FFFFFF; padding-top:6px; padding-bottom:6px; margin:20px 0;}
.bg_04 {background-color:#f08930; color:#FFFFFF; padding-top:9px; padding-bottom:9px; margin:20px 0;}
.bg_05 {background: #e44a2e; padding:36px 15px; color:#ffffff;}
.bg_06 {background: #e8e9e9; padding:22px 15px; }
.bg_07 {background-color:#ffffff; color:#B99663; border: #cca367 1px solid; padding-top:3px; padding-bottom:3px; margin:10px 0; font-size: 0.86em}
.bg_07:hover {background-color:#cca367; color:#ffffff; }
.bg_08 { color:#ffffff; border: #ffffff 1px solid; padding: 2px 15px 3px 15px; font-size: 0.7em;}

.table2>tbody>tr>td,.table2>tbody>tr>th,.table2>tfoot>tr>td,.table2>tfoot>tr>th,.table2>thead>tr>td,.table2>thead>tr>th{padding:16px 20px;line-height:1.42857143;vertical-align:top;border-top:none!important}

.btn-grn {
  color: #fff;
  background-color: #9e7039;
  border-color: none;
}
.btn-grn:focus,
.btn-grn.focus {
  color: #fff;
  background-color: #c09354;
  border-color: none;
}
.btn-grn:hover {
  color: #fff;
  background-color: #c09354;
  border-color: none;
}

.btn-requirement {
  color: #fff;
  background-color: #ff4545;
  border-color: #ff4545;
}


/* space
-------------------------------------------------- */
.sp_01 { padding-top:13px;}
.sp_02 { margin:2px 0;}
.sp_03 { margin:2px 0 20px 0;}
.sp_04 { padding-top:30px; margin-bottom:3px}
.sp_05 { padding-top:8px; margin-bottom:80px}
.sp_06 { margin-bottom:36px}
.sp_07 { margin-bottom:10px }
.sp_08 { margin-bottom:20px}
.sp_09 { margin-top:46px;}
.sp_10 { margin-left:20px;}
.sp_11 { margin:0 }
.sp_12 { padding-top:30px; padding-bottom:40px}
.sp_13 { margin:0; padding:0 2px; }
.sp_14 { padding-right:10px;}
.sp_15 { padding:0 2px; }
.sp_16 { padding-top:40px; padding-bottom:40px}
.sp_17 { margin-bottom:28px}
.sp_18 { margin-left: -28px; margin-right: -28px;}
.sp_19 { margin-bottom:44px}
.sp_20 { margin-top:8px; margin-bottom:8px}
.sp_21 { padding-top:30px; padding-bottom:30px}
.sp_22 { padding-top:60px}
.sp_23 { padding-top:30px;}
.sp_24 { padding-top:8px; margin-bottom:30px}
.sp_25 { margin-bottom:76px}
.sp_26 { margin:0; padding:0;}
.sp_27 { padding-top:34px; margin-bottom:8px}
.sp_28 { padding-top:30px; padding-bottom:90px}
.sp_29 { margin-top:28px; margin-bottom:74px}
.sp_30 { margin-bottom:200px}
.sp_31 { margin-top:30px; margin-bottom:30px}
@media only screen and (max-width : 960px) {.sp_32{ max-height:380px}}
.sp_32 { margin-top:20px; margin-bottom:20px}
.sp_33 { margin:30px 15px; }
.sp_34 { margin-top:40px; margin-bottom:100px}
.sp_35 { margin-bottom:100px}
.sp_36 { padding-top:50px; padding-bottom:20px}
.sp_37 { padding:20px 6px }


/* text
-------------------------------------------------- */
.h1_header {font-size: 0.86em; line-height:1em; font-weight:100 !important; margin-top:8px; margin-bottom:2px}
.footer_fo {font-size: 0.7em; line-height:1em; font-weight:100 !important;}
small { font-size:1.1rem; color:#231815 !important}
.small { font-size:1.1rem; color:#231815 !important}
.copyright {font-size:0.8rem}
.breadcrumb li {font-size:0.96rem}
.noto100 {font-weight:100; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }
.noto300 {font-weight:300; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }
.noto400 {font-weight:400; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }
.noto500 {font-weight:500; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }
.noto700 {font-weight:700; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }
.noto900 {font-weight:900; font-family:'Noto Sans JP', sans-serif; font-feature-settings: "palt"; }

.foc_01 {color:#e44a2e;}
.foc_01 a {color:#e44a2e;}
.foc_02 {color:#ffffff;}
.foc_02 a {color:#ffffff;}
.foc_03 {color:#c09354;}
.foc_04 {color:#595757}

.fol_01 {line-height: 1.06em;}
.fol_02 {line-height: 1.6em;}
.fol_03 {line-height: 2em;}
.fol_04 {line-height: 2.8em;}

.fov_01 {vertical-align: -5.5%;}
.fov_02 {vertical-align: 60%;}

.fo_01 {font-size:1.6em}
.fo_02 {font-size:2em}
.fo_03 {font-size:0.96em}
.fo_04 {font-size:0.74em}
.fo_05 {font-size:2.6em}
.fo_06 {font-size:1.46rem}
.fo_07 {font-size:3.6rem}
.fo_08 {font-size:1.4em}
.fo_09 {font-size:0.6em}
.fo_10 {font-size:0.8em}
.fo_11 {font-size:1.26em}

.fos_01 {text-shadow: #ffffff 2px 0px 2px, #ffffff -2px 0px 2px,
#ffffff 0px -2px 2px, #ffffff -2px 0px 2px,
#ffffff 2px 2px 2px, #ffffff -2px 2px 2px,
#ffffff 2px -2px 2px, #ffffff -2px -2px 2px,
#ffffff 1px 2px 2px, #ffffff -1px 2px 2px,
#ffffff 1px -2px 2px, #ffffff -1px -2px 2px,
#ffffff 2px 1px 2px, #ffffff -2px 1px 2px,
#ffffff 2px -1px 2px, #ffffff -2px -1px 2px,
#ffffff 1px 1px 2px, #ffffff -1px 1px 2px,
#ffffff 1px -1px 2px, #ffffff -1px -1px 2px;}
.fos_02:first-letter {
    font-size: 1.8em;
    line-height: 1;
    float: left;
    margin: -0.2em .2em 0 0;
    padding: .1em 0;
}