@charset "UTF-8";
/* 基本CSS */

img, object, embed, video {max-width: 100%;}

ul,li,h1,h2,h3,h4,h5 {margin: 0;padding: 0;font-size: 1em;}

p {margin: 0 0 0.6em;text-align: justify;text-justify: inter-ideograph;}
p:last-child {margin-bottom: 0;}

a {text-decoration:none;}
a:hover {opacity: 0.75;}

body {margin: 0px;padding: 0px;font-size: 1em;line-height: 1.65em;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-feature-settings: "palt";display:block;}

li {list-style-type: none;}

.gridContainer {width: 94%;margin-right:auto;margin-left:auto;padding: 0 3%;clear: none;float: none;}/*大枠*/

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

.header {width: 100%;margin: 0 0 ;padding: 0.5em 0 0.5em;color:#fff;position: fixed;}

.bgbase {background-position: center top;background-repeat: no-repeat;}/*背景base*/
.bgimg1 {background-image: url(../images/xxx.jpg);background-size: cover;}/*背景img*/

.left {text-align:left;}.center {text-align:center;}.right {text-align:right;}

.normal {font-weight: normal;}.bold {font-weight: bold;}

.hdlogo {width: auto;}

.hdright {width: 300px;}

.atcl {padding: 80px 0 50px;}

.f_left {float: left;}.f_right {float: right;}.f_none {float: none;}

.bg_black {background-color:black;}
.bg_white {background-color:white;}
.bg_blue1 {background-color:#183480;}
.bg_blue2 {background-color:rgba(24,52,128,.5);}
.bg_orange1 {background-color:#e05e2f;}
.bg_lightgray {background-color:rgba(0,0,0,.07);}
.bg_darkgray {background-color:#4c5256;}

.txt_white {color:#fff;}.txt_black {color:#000;}
.txt_blue {color:#183480;}.txt_orange {color:#e05e2f;}
.txt_white {color:#fff;}.txt_black {color:#000;}
.txt_green {color:#6fba2c;}

.footer {width: 100%;padding: 0 0 1em;font-size:0.95em;}

.atcl_mgn {padding: 120px 0 50px;}

.caption {font-size: .95em;margin-top: 0.5em;}

.round1 {border-radius: 8px;}.round2 {border-radius: 12px;}

.clearboth {clear: both;}

.border_b1 {border-bottom: thin solid #BDBDBD;}
.border_b2 {border-bottom: thin solid #A4A4A4;}
.border_r1 {border-right: 0 solid #fff;}
.border_t1 {border-top: thin solid #BDBDBD;}

.txt_white {color: #fff;}

.txtshadow1 {text-shadow: 0 0 5px #000;}
.txtshadow2 {text-shadow: 0 0 5px #fff;}

.display_sp {display: block;}.display_pc {display: none;}

.footerfixed {position: fixed;bottom: 0;}

.bg_navul {background-color:#999;}

.copy {font-size: .65em;}

.smgn1 {margin-bottom:1em;}.smgn2 {margin-bottom:2em;}.smgn3 {margin-bottom:3em;}
.smgn4 {margin-bottom:4em;}.smgn5 {margin-bottom:5em;}.smgn6 {margin-bottom:6em;}
.smgn7 {margin-bottom:7em;}.smgn8 {margin-bottom:8em;}.smgn05 {margin-bottom:.5em;}
.smgn9 {margin-bottom:9em;}.smgn10 {margin-bottom:10em;}

.tmgn1 {margin-top:1em;}.tmgn2 {margin-top:2em;}.tmgn3 {margin-top:3em;}.tmgn4 {margin-top:4em;}

.rmgn1 {margin-right:1em;}.rmgn2 {margin-right:2em;}.rmgn3 {margin-right:3em;}.rmgn4 {margin-right:4em;}
.lmgn1 {margin-left:1em;}.lmgn2 {margin-left:2em;}.lmgn3 {margin-left:3em;}

.fnt_size10 {font-size:1em;}.fnt_size11 {font-size:1.1em;}.fnt_size12 {font-size:1.2em;}
.fnt_size14 {font-size:1.4em;}.fnt_size16 {font-size:1.6em;}.fnt_size18 {font-size:1.8em;}
.fnt_size20 {font-size:2em;}.fnt_size09 {font-size:.9em;}.fnt_size08 {font-size:.8em;}
.fnt_size096 {font-size:.96em;}

.l_height10 {line-height:1em;}.l_height12 {line-height:1.2em;}.l_height14 {line-height:1.4em;}
.l_height16 {line-height:1.6em;}.l_height18 {line-height:1.8em;}.l_height20 {line-height:2em;}

.spdng1 {padding-bottom:1em;}.spdng2 {padding-bottom:2em;}
.spdng3 {padding-bottom:3em;}.spdng4 {padding-bottom:4em;}

.spdngtp1 {padding-top:1em;}.spdngtp2 {padding-top:2em;}
.spdngtp3 {padding-top:3em;}.spdngtp4 {padding-top:4em;}
.spdngtp8 {padding-top:8em;}

.zindex1 {z-index: 1;}.zindex10 {z-index: 10;}.zindex100 {z-index: 100;}

.lt_sp1 {letter-spacing:.1em;}.lt_sp2 {letter-spacing:.25em;}

.boxcenter {margin-left: auto;margin-right: auto;}

.relative {position:relative;}.absolute {position:absolute;}

.t_indent1 {text-indent: 1em;}.t_indent2 {text-indent: 2em;}.t_indent3 {text-indent: 3em;}






/*ブレークP480*/
@media only screen and (min-width: 480px) { 
.gridContainer {width: 96%;padding: 0 2%;clear: none;float: none;margin-right:auto;margin-left:auto;}/*大枠*/

.header {width: 100%;margin: 0 0 ;padding: 0 0 2em;color:#fff;position: relative;}

.atcl {padding: 50px 0 50px;}

.hdlogo {width: 300px;}

.hdright {width: 300px;margin-top:0.5em;}

.footer {width: 100%;padding: 0 0 3em;font-size:0.95em;}

.p_fixed {position: fixed;width: 100%;}

.display_sp {display: none;}.display_pc {display: block;}

ul {margin:0;padding:0;}
#navstyle {width:85%;margin-top :24px;margin-bottom :6px;font-size:.92em;}
#navstyle ul{
list-style-type:none;
display:-webkit-box;
display:-ms-flexbox;
background-color:transparent;
text-align:right;}
#navstyle li{
-webkit-box-flex:1;
-ms-flex-positive:1;
font-weight:normal;}
#navstyle li a{display:inline-block;text-decoration:none;color:#000;text-align:center;padding:0 .75em;}

.of_txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}/*オーバーフロー文字対応*/

.fixed {position: fixed;top: 0;padding: 0;width: 100%;z-index: 1000;box-shadow: 0 1px 15px rgba(0,0,0,.3);}

.fixedsubmenu {position: fixed;top: 40px;padding: 0;width: 100%;z-index: 1000;}


/* テキスト下のライン */
.txtline{position: relative;display: inline-block;}
.txtline:before{position: absolute;top: 1.3em;left: 0;content: "";display: inline-block;width: 0;height: 2px;background: #6fba2c;transition: .1s;margin-top: 6px;}
.txtline:hover:before{width: 100%;}
}


/* ページ内リンクボタン */
#pbtn {width:100%;margin :0 auto;position:absolute;bottom:0;}
#pbtn ul{list-style-type:none;display:-webkit-box;display:-ms-flexbox;}
#pbtn li{-webkit-box-flex:1;-ms-flex-positive:1;}
#pbtn li a{display:block;text-decoration:none;color:#000;text-align:center;padding:2.4em 0;font-size:.92em;line-height:1em;background-color:rgba(255,255,255,.85);}
#pbtn li a:hover{color:#000;background-color:#fff;opacity:1;transition: all 300ms 0s ease;}


.border_r1 {border-right: thin solid #BDBDBD;}




/*ブレークP1100*/
@media only screen and (min-width: 1150px) { 
.gridContainer {width: 1150px;padding: 0 12px;margin-right:auto;margin-left:auto;clear: none;float: none;}/*大枠*/


}