﻿.bg_color1 { background-color: #034381;}
.bg_color3 {background-color: #034381;}

.border_color2 {border-color: #FADF00;}
.border_color4 {border-color: #f1de44;}
.txt_color2 {color: #e0ca14;}
.txt_color4 {color: #e0ca14;}
/* ----------　all　---------- */
.linkStyle{
	color:#e0ca14;
}
.linkStyle:hover{
	color:#e0ca14;
	opacity: 0.7;
	transition: all 0.5s;
}
#fakeloader {
    background-color: #ffffff;
}
body, .font_sans-serif {
font-family: kan412typos-std, sans-serif!important;

font-weight: 400;

font-style: normal;

}
#wrap{
    background-color: #ffffff;
    color: #333;
    
}
.header a{
    color: #034381;    
}
header .grid_3 p{
    font-size: -webkit-calc(1rem - 2px);
    font-size: calc(1rem - 2px);
}
#main_menu .menu_title {
    font-size: -webkit-calc(1rem + 1px);
    font-size: calc(1rem + 1px);
}
#main_menu ul li a {
    color: #034381;
}
#main_menu.fixed ul li a {
    color: #ffffff;
}
#f_menu ul li a {
    color: #034381;
}
.effect.effect-1 {
    color: #034381;
}
#info_map{
        background-image: url(Dup/img/line1.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

/* ----------　TOP　---------- */
#aisatsu p span{
    color: #fff;
}
#top_contents{
    background-color: #edfaff;
    background-image: url(Dup/img/line1.png),url(Dup/img/line2.png);
    background-repeat: no-repeat;
    background-position: top,bottom;
    background-size: 100%;
    padding: 150px 0 50px;
}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after {
    background-color: #034381;
}
.contents_box h2{
	color:#e0ca14;
}
.contents_box p{
        color: #034381;
}
.contents_img:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(99 198 237 / 35%);
    border-radius: 48% 52% 53% 47% / 47% 52% 48% 53% ;
    z-index: -1;
    top: 15px;
    left: 30px;
}
#contents1 .contents_img:before{
    background-color: rgba(99, 198, 237,0.35);
}
#contents1 .contents_img {
    border-radius: 48% 52% 53% 47% / 47% 52% 48% 53% ;
    border: 3px solid #63c6ed;
}

#contents2 .contents_img {
    border-radius: 48% 52% 53% 47% / 47% 52% 48% 53% ;
    border: 3px solid #ea96a6;
}
#contents2 .contents_img:before{
    background-color: rgba(234, 150, 166,0.35);
}
#contents3 .contents_img {
    border-radius: 48% 52% 53% 47% / 47% 52% 48% 53% ;
    border: 3px solid #84e296;
}
#contents3 .contents_img:before{
    background-color: rgba(132, 226, 150,0.35);
}
.contents_img img{
        border-radius: 48% 52% 53% 47% / 47% 52% 48% 53% ;
}
.dec_box:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(Dup/img/dec1.png);
    background-size: contain;
    vertical-align: middle;
    bottom: -20px;
    position: absolute;
}
.dec_box:after {
content: '';
    display: inline-block;
    width: 120px;
    height: 100px;
    background-image: url(Dup/img/dec2.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: -20px;
    right: -20px;
}
#top_cms .cms_title h2{
        color: #e0ca14;
}
#top_cms .cms_title{
    background-image: url(Dup/img/dec3.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: center top;
    padding-top: 130px;
}
/* ----------　下層ページ　---------- */
.page_title h2{
padding-top: 20px;
}
.cate_list li a {
    padding: 8px 10px 15px 10px;
}
.cate_list li a {
    background-color: #034381;
    color: #ffffff;
    border-color: #034381;
}
.cate_title{
        padding: 8px 10px 15px 10px;
}
#news_list li p{
    color: #034381;
}
.news_sub_list li a{
    color: #e0ca14;
}
#cms_2-a .box_item2 div{
	width: 45%;
}
#cms_2-a .box_item2 div p {
    color: #034381;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0ca14;
    line-height: 1.3;
}

#cms_2-a .box_item2 div p:first-letter{
	font-size: 30px;
}
#page8 #contact_tel a{
    color: #034381!important;
    max-width: 400px;
    padding-top: 20px;
}
#page9 .cate_box p a{
    padding: 3px 10px 10px 10px;
}
#page10 .cate li a{
    color: #034381!important;
}

/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
body {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.page_title h2 {
    padding-top:30px ;
}

.cate_list li a {
    padding: 15px 10px 10px 10px;
}
#cms_3-b .cate_title {
    padding-top: 20px!important;
}

#page9 .cate_box p a{
    padding: 5px 10px;
}
#page8 #contact_tel a {
    padding-top: 30px;
}
#page9 .cate_box p a {
    padding: 10px 10px 5px;
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#top_contents .width_1000-max{
    padding: 0 30px;
}
#top_contents {
    padding: 100px 0 10px;
}
#main_menu .menu_title {
    font-size: -webkit-calc(1rem - 1px);
    font-size: calc(1rem - 1px);
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
header #logo{
    margin: auto;
    margin-bottom: 20px;     
}
header #logo img{
    width: 100px;
}
.button_container span {
    background: #034381;
    box-shadow: none;
}
.dec_box:after {
    width: 80px;
}
.cate_list li a {
    padding: 10px 10px;
}
.cate_title {
    padding: 10px 10px;
}
#cms_2-a .box_item2 div:first-child{
	margin-bottom:20px;
}
#cms_2-a .box_item2 div{
	width: 100%;
}
#cms_2-a .box_item2 div p:first-letter{
	font-size: 25px;
}
#page8 #contact_tel a {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px); 
    padding-top: 30px;
}
#page9 .cate_box p a {
    padding: 5px 10px;
}
}