﻿/*修正*/
a.tel_phone {
color: #234872;
font-size: 20px;
padding: 0 5px;
transition: .3s;
}
a.tel_phone:hover {
opacity:.6;
}
.tel_oya{
/*text-align:center;*/
margin-bottom: 30px;
}
/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {
#top_cms .more a{
padding-bottom:7px;
padding-top:13px;
}
footer .foot_tel_bt a{
padding-bottom:14px;
padding-top:16px;
}
}
.font_en {
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #234872} /* メインカラー 253a80*/
.txt_color2{color: #d3ecf2} /* サブカラー */
.txt_color3{color: #8a7761} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #234872} /* メインカラー */
.bg_color2{background-color: #d3ecf2} /* サブカラー */
.bg_color3{background-color: #8a7761} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #234872}
.border_color2{border-color: #d3ecf2}
.border_color3{border-color: #8a7761}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #234872} /* メインカラー */
.hvr_txt_color2:hover{color: #d3ecf2} /* サブカラー */
.hvr_txt_color3:hover{color: #8a7761} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #234872} /* メインカラー */
.hvr_bg_color2:hover{background-color: #d3ecf2} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8a7761} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eeeeee} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #234872}
.hvr_border_color2:hover{border-color: #d3ecf2}
.hvr_border_color3:hover{border-color: #8a7761}
.hvr_border_color4:hover{border-color: #eeeeee}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #234872;}
.txt_color_nomal .linkStyle{color: #234872;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #234872;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #234872;}

/*--------------------------TOP--------------------------*/
.head_box {
padding-bottom: 0px;
}
header{
/*background-color: #ecf7fb!important;*/
background-image:url(./dup/img/header2.jpg);
background-size: auto 100%;
background-repeat: no-repeat;
}
header .txt_color3 {
color: #234872;
}
header .border_color1 {
    border-color: #71afd1;
}
#main_menu ul li a::before {
/*background-color: #eeddcc;*/
}
.button:hover::after {
    box-shadow: inset 0 0 0 15em #234872;
}
/*
#contents2 img{
margin-top:20px;
}
#contents2{
position:relative;
}
#contents2 .grid_6 {
margin-top: -130px;
}
#contents2::before{
position:absolute;
content:"";
background-image:url(./dup/img/human.png);
width:11%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 39%;
    top: 60%;
}
#contents3{
position:relative;
margin-bottom:100px;
}
#contents3::before{
position:absolute;
content:"";
background-image:url(./dup/img/human1.png);
width:11%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
left: 40%;
top: 95%;
}
#contents3::after{
position:absolute;
content:"";
background-image:url(./dup/img/human2.png);
width:11%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
left: 87%;
top: 95%;
}
*/
.c1_back{
position:relative;
}
/*.c1_back::before{
position:absolute;
content:"";
background-image:url(./dup/img/intro1.png);
width:100%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
z-index: -1;
left: 0%;
top: 55%;
}*/
#contents1 h2,#contents2 h2,#contents3 h3{
border-left: 4px solid #71afd1;
padding-left: 10px;
font-weight: 600;
font-style: normal;
}
/*#top_cms h2{
font-family: fot-seurat-pron, sans-serif;
font-weight: 600;
font-style: normal;
}
*/
/*#page_title h2{
font-family: fot-seurat-pron, sans-serif;
font-weight: 600;
font-style: normal;
}*/
.cms_title::before {
background-color: #d1a071;
content:none;
}
.cms_title::after {
    position: absolute;
    content: "";
    background-image: url(./dup/img/kira.png);
    width: 13%;
    height: 50px;
    background-size: 21%;
    background-repeat: no-repeat;
    left: 1%;
    top: 0%;
}
.cms_1-e .bg_color3 {
background-color: #234872;
}
#top_cms .txt_color4 {
color: #999;
}
.more .txt_color3 {
color: #000000;
}
.more .hvr_txt_white:hover {
color: white;
}
.footer_back{
/*background-color:#f6fbff;*/
}
footer .txt_color3 {
color: #234872;
}
footer p{
color: #000000!important;
}
.button {
z-index: 2;
}



header{
background-image:url(./dup/img/back.jpg);
background-repeat: no-repeat;
}



/*--------------------------CMS--------------------------*/
#page_title .title_img {
background-position-y: -5px;
}
#page_title .page_box::before {
/*background-color: #d1a071;*/
}
.page_box .txt_color3 {
color: #999;
}
#cms_1-e .bg_color3 {
background-color: #71afd1;
}
#cms_2-a .txt_color3,#cms_2-b .txt_color3,#cms_6-b .txt_color3,#cms_6-a .txt_color3 {
color: #000000;
}
#cms_2-a .border_color2{
border-color: #234872;
}
#cms_2-b .border_color3,#cms_6-a .border_color3 {
border-color: #71afd1;
}
#cms_2-b .cate_box{
border-color: #234872;
}
#cms_2-b h3{
border-color: #71afd1;
}
#cms_6-b .bg_color3 {
background-color: #71afd1;
}
#page7 .txt_color3 {
color: #000000;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.c1_back::after {
    left: 57%;
    top: 5%;
}
#contents1::before{
top: 62%;
}
header{
padding-bottom: 0px!important;
padding-top: 0px!important;
background-size: 100% auto;
}
.hamburger {
top: 28px;
right: 19px;
}
#attach {
background-position-y: 0px;
}
#contents2 {
margin-bottom: 40px;
}
#contents2 .grid_6 {
margin-top: 0px;
}
#contents2::before {
top: 85%;
left: 37%;
width: 12%;
}
#contents3::after{
width: 12%;
left: 85%;
}
#contents3::before{
width: 12%;
left: 38%;
}
#page_title .title_img {
top: 12px;
background-position-y: -1px;
}
.page_box{
margin-top: 76px;
}
.cms_title {
padding-left: 40px;
}
.cms_title::after {
left: 0%;
}
.link_box .flex_space-between {
justify-content: center;
}
#cms_1-e{
padding-right: 15px;
padding-left: 15px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1{
margin-top:30px;
}
.c1_back::after{
    top: -6%;
    width: 58%;
    left: 43%;
}
#contents1::before {
top: 88%;
background-image:none;
}
.hamburger {
top: 13px;
right: 1px;
}
#contents1 h2,#contents2 h2,#contents3 h3{
margin-bottom: 30px;
}
#contents3 {
margin-bottom: 0px; 
}
#contents3 h3{
margin-top: 30px;
}
#contents2 {
margin-bottom: 0px;
}
#contents2::before {
top: 2%;
left: 78%;
width: 15%;
}
#contents3::after {
top: 76%;
left: 50%;
width: 15%;
}
#contents3::before {
top: 26%;
left: 59%;
width: 15%;
}
#page_title .title_img {
top: 12px;
background-position-y: -46px;
}
.page_box {
margin-top: 68px;
}
.cms_title {
padding-left: 35px;
}
.cms_title::after {
left: 0%;
width: 34%;
}
｝
