@charset "UTF-8";
/* 共通処理 */
body{
    /* font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; */
    font-family: "Zen Kaku Gothic New", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
    /* font-family: 'Kiwi Maru', serif; */
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    min-width: 370px;
}
ul{
	list-style: none;
    margin: 0;
    padding: 0;
}
a{
    display: block;
    text-decoration: none;
	color: #333;
}
/* トップページ */
.top-container{
    position: relative;
    z-index: 1;
}
.sp-top{
    display: none;
}
.top-image {
    width: 100%; /* 横幅を画面幅に合わせる */
    height: 750px;
    object-fit: cover;
    object-position: right center; /* ここで右寄せに設定 */
}
.top-container span{
    font-size: 30px;
    color: red;
}
.top-container p{
    background-color: white;
    padding: 5px 18px;
    font-size: 26px;
    margin: 0;
    font-weight: bold;
}
.text01 {
    position: absolute;
    top: 67%;
    left: 0;
}
.text02 {
    position: absolute;
    top: 78%;
    left: 0;
}
.text03 {
    position: absolute;
    top: 89%;
    left: 0;
}
@media screen and (max-width: 768px){
    .top-image{
        display: none;
    }
    .sp-top{
        width: 100%; /* 横幅を画面幅に合わせる */
        display: block;
    }
    .text01 , .text02 , .text03{
        position: unset;
        font-size: 20px !important;
        border-bottom: 1px dotted;
        margin: 6px !important;
    }
    .top-container span{
        font-size: 22px;
    }
}
.vk_outer-width-full {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
/* 固定ページ */
@media screen and (max-width: 768px){
    .con1 .vk_outer_container strong{
        font-size: 22px !important;
    }
    .con1 .vk_outer_container h4{
        font-size: 18px !important;
    }
    .con2 span strong mark{
        font-size:46px;
    }
    .con2 {
        font-size: 22px !important;
    }
}
/* 問い合わせフォームCSS */
.contact1{
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}
.con-name input,.con-mail,input{
    width: 100%;
    height: 36px;
    font-size: 18px;
}
.con-message,textarea{
    width: 100% !important;
    font-size: 18px; 
}
.con-submit input{
    background-color: rgb(235, 235, 235);
    transition: 0.2s;
    border: 1px solid;
    padding: 5px 0;
    cursor: pointer;
}
.con-submit input:hover{
    background-color: white;
}
.wpcf7 form.sent .wpcf7-response-output {
    max-width: 700px;
    font-size: 20px;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
}