@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;line-height: 1.45em;}
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;color:#000;}


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;position: fixed;z-index:10;}

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

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

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

.hdlogo {}

.hdright {width: 300px;}

.atcl {padding: 80px 0 5em;width:100%;}
.atcl2 {padding: 80px 0 0;width:100%;}

.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:#f8667c;}
.bg_lightgray {background-color:rgba(0,0,0,.07);}
.bg_green1 {background-color:#39b44a;}
.bg_bluegray {background-color:#6f98ab;}


.txt_white {color:#fff;}.txt_black {color:#000;}
.txt_blue {color:#183480;}.txt_orange {color:#f8667c;}
.txt_white {color:#fff;}.txt_black {color:#000;}.txt_green {color:#01A9DB;}
.txt_blue2 {color:#0048bb;}.txt_brown {color:#cf8126;}
.txt_skyblue {color:#037fd4;}.txt_purple {color:purple;}
.txt_orange2 {color:#EE5A24;}

.footer {width: 100%;padding: 2.5em 0;font-size:0.95em;margin-top:0;background-color:rgba(255,255,255,.9);border-top:thin solid gray;}

.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;}

.border1 {border-bottom: thin solid #000;}

.txt_white {color: #fff;}

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

.boxshadow1 {box-shadow: 4px 2px 5px rgba(0,0,0,.2);}
.boxshadow2 {box-shadow: 0 4px 8px rgba(0,0,0,.2);}

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

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

.bg_navul {background-color:#999;}

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

.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;}.smgn08 {margin-bottom:.8em;}
.smgn075 {margin-bottom:.75em;}　.smgn025 {margin-bottom:.25em;}


.tmgn05 {margin-top:.5em;}.tmgn1 {margin-top:1em;}.tmgn3 {margin-top:3em;}
.tmgn20 {margin-top:2em;}.tmgn5 {margin-top:5em;}

.fnt_size10 {font-size:1em;}.fnt_size11 {font-size:1.1em;}.fnt_size12 {font-size:1.2em;}
.fnt_size14 {font-size:1.4em;}.fnt_size15 {font-size:1.5em;}.fnt_size16 {font-size:1.6em;}
.fnt_size18 {font-size:1.8em;}.fnt_size30 {font-size:3em;}.fnt_size40 {font-size:4em;}
.fnt_size20 {font-size:2em;}.fnt_size09 {font-size:.9em;}.fnt_size08 {font-size:.8em;}
.fnt_size096 {font-size:.96em;}.fnt_size06 {font-size:.6em;}

.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;}
.l_height21 {line-height:2.1em;}

.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;}

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

.lt_sp01 {letter-spacing:.05em;}.lt_sp1 {letter-spacing:.25em;}.lt_sp2 {letter-spacing:.18em;}

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

.underline1 {background-position:center left -1.5em;}
.underline1:hover {border-bottom:solid thin #cf8126;background-image:url(../images+/arrow3.png);background-repeat:no-repeat;background-size: 15px auto ;background-position:center left;transition: all 300ms 0s ease;padding:0 0 0 1.15em;}

.underline2 {border-bottom:solid thin #cf8126;display:inline-block;height:1.45em;padding-bottom:.1em;}


/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 2s;
	transform: translateY(50px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.text{position: relative;}
.text:before{position: absolute;top: 1em;left: 50%;content: "";display: inline-block;width: 0;height: 1px;background: #000;transition: .2s;margin-top: .75em;
transform: translate(-50%, -50%); 
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
.text:hover:before{width: 70%;}



/*ブレーク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 0.5em;position: relative;box-sizing:border-box;background-color:#2B74D9;}

.atcl2 {padding: 0;width:1200px;margin:0 auto;}

.hdlogo {width:35%;max-width: 250px;}

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

.footer {width: 100%;padding: 3.5em 0 100px;font-size:0.95em;margin-top:0;}

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

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

ul {margin:0;padding:0;}

#navstyle {width:100%;margin-top :.15em;float:right;}
#navstyle ul{
list-style-type:none;
display:-webkit-box;
display:-ms-flexbox;
background-color:#2B74D9;}
#navstyle li{-webkit-box-flex:1;-ms-flex-positive:1;font-weight:bold;font-size:.95em;}
#navstyle li a{display:block;text-decoration:none;text-align:center;margin:0;color:white;}
#navstyle li a:hover{color: white;opacity:.65;transition: all 300ms 0s ease;}

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

.fixed {position: fixed;top: 0;left: 0;padding: .5em 0;width: 100%;z-index: 1000;background-color:rgba(255,255,255,.9);border-bottom:solid thin rgba(255,255,255,1);}
.bgimg1 {background-image: url(../images+/bgimg221126.jpg);background-size: cover;}/*背景img*/

}




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

.atcl {padding: 80px 0 3em;width:1200px;margin:0 auto;}

#navstyle {width:65%;margin-top :1.85em;float:right;}

}