/*---------global start---------*/

body, .font_sans-serif{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}



.linkStyle{
color: #405fae;
}

.bg_color1 {
    background-color: #f5f5f5;
}

#page-top a{
    background-color: #3859ab;
}

.bg_color3 {
       /*background-color: #3859ab;*/
background-color: #5e9cd8;
}

.txt_color4 {
    color: #3859ab;
}

.txt_color2 {
    color: #3859ab;
    font-weight: bold;
}

#wrap{
    background-image: url(./Dup/img/back_ga.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}


/*-------fakeloader start---------*/

#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50% !important;
	width: 100% !important;
	transform: translate(-50%,-50%) !important;
	/* animation: ido 0.5s ease 1; */
	max-width: 100% !important;
	}

@keyframes ido {
  0%   {/* left:-100%; */}
  100% {/* left:150%; */}
}



#fakeloader .fl img{
    animation: r1 1.5s linear forwards;
    width: 50%!important;
    max-width: 50px!important;
    position: absolute;
    left: 0%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    top: 50%;
}

@keyframes r1 {
  0%   {
      transform: rotate(0deg) translate(0%, -50%);
      left: 0%;
  }
  100% {
      transform: rotate(0deg) translate(50%, -50%);
      left: 100%;
      /* top: 0%; */
  }
}


/*-------fakeloader end---------*/


/*---------global end---------*/


/*-------header start-------*/

header .txt_white{
color:#323740;
}

#main_menu ul li a {
    color: #323740;
}

#main_menu.fixed ul li a {
    color: #fff;
letter-spacing: 0.05em;
}

#main_menu.fixed ul li a .menu_sub_title {
        color: #d2d1d1;
}

#main_menu.fixed {
    background-color: rgba(56, 89, 171, 0.7);
}

header p span{
color:#323740;
}

header h1#logo img{width: 200px;}


/*-------header end-------*/


/*-----foot start-----*/

#f_menu ul li a {
    color: #323740;
    font-weight: bold;
}

#foot_txt span{
color:black;
}

/*-----foot end-----*/



/*------top start------*/

#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background-image: none !important;
    background-color: #adadad;
}

#top_cms{
color:#323740;
}

#aisatsu > div {
   background-color: rgba(140, 178, 214, 0.8) !important;
}

#aisatsu h2{
background-color: #000000;
    display: inline-block;
    font-weight: bold;
    color: white;
    font-size: -webkit-calc(1rem + 18px);
    font-size: calc(1rem + 18px);
    padding-left: 20px;
    padding-right: 20px;
}

#contents1 h2, #contents2 h2, #contents3 h2, #contents1, #contents2, #contents3{
position:relative;
}


#contents1:before{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/ichi.png);
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 70%;
    pointer-events: none;
    z-index: 2;
}

#contents2:before{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/ni.png);
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 70%;
    pointer-events: none;
    z-index: 2;
}


#contents3:before{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/san.png);
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 70%;
    pointer-events: none;
    z-index: 2;
}


#contents1 h2:before{
    content: "";
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    top: -100px;
    left: 80%;
    background-image: url(./Dup/img/poi1.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

#contents2 h2:before{
    content: "";
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    top: -100px;
    left: 80%;
    background-image: url(./Dup/img/poi2.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

#contents3 h2:before{
    content: "";
    display: block;
    width: 110px;
    height: 110px;
    position: absolute;
    top: -100px;
    left: 80%;
    background-image: url(./Dup/img/poi3.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.sou{
      background-color: white;
    color: black;
    font-weight: bold;
        padding-left: 10px;
    padding-right: 10px;
}

#top_cms{
background-image: url(./Dup/img/foot.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
padding-bottom:100px;
}

#top_cms{
position:relative;
}

#top_cms:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 41.5%;
    left: 50%;
    background-image: url(./Dup/img/naka.png);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
}

#top_contents div > div.mg_b-100px{
margin-bottom:150px;
}


#top_cms .cms_title h2:before, #top_cms .cms_title h2:after {
    background-color: rgb(56, 89, 171);
}

.button-effect a{
background-color:black;
}

#main_img{
position:relative;
}

#main_img:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 53%;
    background-image: url(./Dup/img/font.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
    z-index: 2;
}




/*------top end------*/


/*-----sub page start------*/

.page_title h2{
color:black;
font-weight:bold;
}

#contents > div.width_1000-max{
    background-color: white;
    color: black;
    padding: 40px 30px;
}


/*-----sub page end------*/



/*------page03 start-------*/

.box_link{
max-width:300px;
}

/*------page03 end-------*/


/*-------page08 start---------*/

#page8 #contents .cate_wrap{
display:none;
}

#contact_tel a{
color:black !important;
}


/*-------page08 endo---------*/


/*------page10 start-----*/

.cate_wrap ul li{
text-align:left;
}

.cate_wrap ul li a{
    color: black !important;
    letter-spacing: 0.01em;
    border-bottom: 1px solid #cccccc;
}

.cate_wrap ul li a span{
letter-spacing:0.01em;
}


/*------page10 end-----*/


@media all and (-ms-high-contrast: none){
  #aisatsu h2 {
    padding-top: 10px;
}

.sou {
    padding-top: 8px;
}


}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

h1#logo{
    margin: auto;
    margin-right: 0;
}

header h1#logo img {
    width: 180px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#aisatsu h2 {
    font-size: -webkit-calc(1rem + 18px);
    font-size: calc(1rem + 10px);
}


h1#logo{
       margin: 0;
       /* margin-right: 22% !important; */
       margin-bottom: 20px;
}

header h1#logo img {
       width: 100%;
}


#f_menu ul li a {
    letter-spacing: 0.01em;
}


}