/* color */
.txt_color_nomal{color: #000000;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #1A2851} /* メインカラー */
.txt_color2{color: #D8E9EA} /* サブカラー */
.txt_color3{color: #0080B2} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0080B2} /* メインカラー */
.bg_color2{background-color: #98DEF9} /* サブカラー */
.bg_color3{background-color: #98DEF9} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #1A2851}
.border_color2{border-color: #D8E9EA}
.border_color3{border-color: #3AD3D6}
.border_color4{border-color: #ffffff}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #000000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #1A2851} /* メインカラー */
.hvr_txt_color2:hover{color: #D8E9EA} /* サブカラー */
.hvr_txt_color3:hover{color: #3AD3D6} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #1A2851} /* メインカラー */
.hvr_bg_color2:hover{background-color: #D8E9EA} /* サブカラー */
.hvr_bg_color3:hover{background-color: #3AD3D6} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1A2851}
.hvr_border_color2:hover{border-color: #D8E9EA}
.hvr_border_color3:hover{border-color: #3AD3D6}
.hvr_border_color4:hover{border-color: #ffffff}

#intro #intro_box #intro_txt h3::after {
    font-size: 50px;
}

#contents_links .bg_black {
    background-color: #bbbbbb;
}

#contents::before {
    background-image: url(../Dup/img/background-1.png);
}

#contents h3{
    width: 50%;
    padding-left: 5%;
}

.rectangle_img,.square_img,.normal_img img{border-radius: 15px;}

#banner{
    width: 90%;
    margin: auto;
}

/*#mail_contact{
    display: none;
}*/

.mail_box{
    margin-top: 50px;
}

#tel_contact .mail {
    text-align: center;
}

#page08 .mail a{
    margin: 0 auto;
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
.mail a{
    font-size: 25px;
}

}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
h3 img{
    width: 170%;
}

.sm-slider, .sm-slider::before, .sm-slider::after {
    height: 40vh!important;
}
#main_img {
    padding-top: 40vh;
}

h1 {
    position: relative;
    padding: 10px;
}

h1::after {
    border-width: 70px 70px 0 0;
}

h1 img {
    width: 60px;
}

footer h2{
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 20px;
}

footer #footer #footer_box .tel a {
    font-size: 16px;
}

h2 img{
    position: relative;
    z-index: 1;
}

#contents::before {
    background-size: 100% 40%;
    background-repeat: no-repeat;
}

footer #footer::after{
    opacity: 1;
}

.mail a{
    font-size: 11px;
}

.mail_box{
    font-size: 15px;
}
    
}
/*2024/3/28*/
#contents h3 {
    font-size: 40px;
    margin-bottom: 50px;
    line-height: 1.5;
}
@media  screen and (max-width: 768px){
#main_img h2 {
    font-size: 28px;
}
#contents h3 {
    width: 90%;
}
}

@media  screen and (max-width: 667px){
#main_img h2 {
    font-size: 22px;
}
#contents h3 {
    font-size: 22px;
}
}