﻿body{
    font-size: 14px;
}

#video video {vertical-align: middle;}
#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./Dup/img/dott.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
}
.main_img_txt{
    position: absolute;
    left: 40px;
    bottom: 8%;
    width: 100%;
    max-width: 280px;
    background: rgba(255,255,255,0.9);
    z-index: 1;
    display: none; /* SampleImage削除 */
}
.main_img_txt2{
    position: absolute;
    right: 40px;
    top: 30%;
    width: 100%;
    max-width: 420px;
    background: rgba(255,255,255,0.9);
    z-index: 1;
}

#logo img{
    width: 250px;
}

.h_tel a:first-child{
    display: none;
}
.h_tel a:last-child{
    background: #fa9370;
    color: #fff;
    padding: 8px 20px;
    box-sizing: border-box;
    display: inline-block;
}

#main_menu ul li .menu_title{
    color: #2D333C;
    font-weight: bold;
}
#main_menu ul li .menu_sub_title {
    color: #43a2db;
}
#main_menu.fixed {
    background: rgba(255,255,255,0.8);
    padding: 0;
}

.aisatsu_bg{
    position: absolute;
    top: 53px;
    left: 0;
    width: 80%;
    height: 80%;
    background-color: #f6f9f8;
    z-index: -1;
}
.aisatsu_bg2{
    position: absolute;
    top: -5%;
    right: 0;
    width: 46%;
    height: 110%;
    background-color: #dce9f7;
    z-index: -2;
}
#aisatsu2{
    max-width: 1480px;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin:0 auto;
}
.contents_box::before,.contents_box::after,.contents_box2::before,.contents_box2::after{
    display: none;
}
.contents1_bg{
    position: absolute;
    top: -8%;
    right: 0;
    width: 46%;
    height: 100%;
    background-color: rgba(220,233,247,0.4);
    z-index: -1;
}
.contents2_bg{
    position: absolute;
    top: -8%;
    left: 0;
    width: 46%;
    height: 100%;
    background-color: rgba(246,249,248,0.8);
    z-index: -1;
}.contents3_bg{
    position: absolute;
    top: -8%;
    right: 0;
    width: 46%;
    height: 100%;
    background-color: rgba(220,233,247,0.4);
    z-index: -1;
}

#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: #aecfed;
}
#top_cms .cms_wrap{
    background-color: rgba(246,249,248,0.8);
}

.foot_tel_bt  a:first-child{
    display: none;
}

#f_menu ul li a{
    color: #2D333C;
}

#copyright a{
    color: #2D333C;
}

#main_img2 {
    background-position: center;
}
#main_img2 .page_title{
    background-color: rgba(67,162,219,0.2);
}

#cms_2-c .cate_box{
    background-color: rgba(246,249,248,0.8);
}
#cms_4-a .box_txt{
    color: #ffffff;
    background-color: #0083c9;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border-radius: 30px;
}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
.main_img_txt {
    max-width: 220px;
}
#logo img{
    width: 200px;
}
.aisatsu_bg {
    width: 90%;
}
.contents1_bg {
    top: -5%;
    width: 60%;
    height: 90%;
}
.contents2_bg {
    top: -5%;
    width: 60%;
    height: 90%;
}
.contents3_bg {
    top: -5%;
    width: 60%;
    height: 90%;
}
}

@media screen and (max-width: 667px){
.main_img_txt {
    left: 5%;
    max-width: 160px;
}
.main_img_txt2 {
    right: 15px;
    top: 12%;
    max-width: 210px;
}
#logo img{
    width: 150px;
    margin-left: 20px;
}
.aisatsu_bg {
    top: 30px;
    width: 92%;
    height: 92%;
}
.aisatsu_bg2 {
    top: -1%;
    height: 102%;
}
.contents1_bg,.contents2_bg,.contents3_bg {
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#cms_4-a .box_txt {
    padding: 5px;
    font-weight: normal;
}
}

@media all and (-ms-high-contrast:none){
.h_tel a:last-child{
    padding: 11px 20px 5px;
}
#cms_4-a .box_txt {
    padding: 13px 10px 7px;
}
}