/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
.font_en, #main_menu ul li a {
    font-family: 'Zen Maru Gothic', 'Raleway', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif" !important;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1{color: #73a7eb;} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #73a7eb} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #c3ddff;} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #73a7eb} /* アクセントカラー1 */
.bg_color4{background-color: #fff;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #73a7eb;}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #73a7eb}
.border_color4{border-color: #c9baa9}

.button:hover::after {box-shadow: inset 0 0 0 15em #73a7eb;}

/* top ----------------*/

/* header */
#main_menu ul li{
    text-align: center;
}
#main_menu ul li a {
    padding-left: 0;
    display: inline-block;
    font-weight: bold;
    transition: all .3s ease;
}
#main_menu ul li a:hover {
    padding-left: 0;
    text-shadow: 0 0 10px #ffffff;
}
#main_menu ul li a::before{
    display: none;
}
#main_menu ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
    background: radial-gradient(50% 50%, rgba(128,199,221,.9), rgba(140,230,170,.1));
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    z-index: -1;
    opacity: 0.7;
    border-radius: 50%;
    filter: blur(5px);
}
#main_menu ul li a:hover:after {
    height: 50px;
    width: 50px;
}
.contact_bt a, .tel_bt a, .more a, .foot_tel_bt a{
    border-radius: 50px;
}
header{
    position: relative;
    background-image: url('./Dup/img/con_bg_1.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: cover;
}
header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: 0 3px 30px rgb(125 139 200 / 30%);
    box-shadow: 0 3px 30px rgb(125 139 200 / 30%);
}

/* main img */
.scroll_bt {z-index: 5;}
#main_img::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(270deg, #dffa40, #42a5ff, #2c0ca9, #40d5ff);
    background-size: 600% 600%;
    height: 35vh;
    mask-image: linear-gradient( transparent, red 70%);
    -webkit-mask-image: linear-gradient( transparent, red 70%);
    opacity: 0.4;
}
#main_img::after{
    content: "";
    background-image: url('./Dup/img/catch.png');
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: top 36% left 40%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

/* main */

/* intro */
#contents1 .txt2{
    position: relative;
}
#contents1 .txt2::before{
    content: "";
    border-bottom: 10px dotted #73a7eb;
    width: 55px;
    height: 0;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}

/* contents */
.con2_wrap{
    background-image: url('./Dup/img/con_bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: aliceblue;
    color: #333;
}
.img5, .img6, .img7{
    border-radius: 30px;
}

/* topcms */
.cms_title::before, #page_title .page_box::before {
    background-color: #73a7eb;
}

/* footer */


/* under page */
#page_title .txt_shadow-b{
    text-shadow: none;
}
.button2{
	border-radius: 10px;
}
.button2:hover{
	box-shadow: none;
	color: #fff;
	background-color: #73a7eb;
	border: 1px solid #73a7eb;
}

/* cms1 */
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    .hamburger {
        top: 10px;
    }
    header {
        background-position: top 40% center;
    }
    .pc_box #logo{
        max-width: 250px;
    }
    .main_box {
        padding-top: 70px;
    }
    #main_img::after {
        background-size: 55%;
    }
    
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .hamburger {
        top: 5px;
    }
    .pc_box #logo{
        max-width: 200px;
    }
    .main_box {
        padding-top: 60px;
    }
    #main_img::before {
        height: 20vh;
    }
    #main_img::after {
        background-size: 65%;
        background-position: top 36% left 30%;
    }
    .con2_wrap {
        background-size: auto;
    }
    #contents1 .txt2::before{
        border-bottom: 8px dotted #73a7eb;
    }
    
}

/*20220518公開後修正*/
#main_img::after {
    background-size: 44%;
    background-position: bottom 5% left 2%;
}
header {
     background-image: none; 
    background-color: #ff8143 !important;
}
#main_menu ul li a {
    color: #fff;
}
.contact_bt a, .tel_bt a {
    color: #fff;
    border-color: #fff;
}
.link_box ul li {
    max-width: inherit!important;
    width: 45px!important;
    height: 45px!important;
    margin-left: 10px;
    margin-right: 10px;
}

.ekiten-wrap ul {
    margin: 0 auto 15px;
    padding: 0;
    width: 100%;
    max-width: 1280px;
    list-style: none;
}
.ekiten-wrap ul li {
    margin: 0 10px;
}
.ekiten-wrap ul li a {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    color: #333;
    text-align: left;
    background: #fff;
    box-sizing: border-box;
    text-decoration: none;
}
.ekiten_review_list_rate {
    margin-bottom: 5px;
}
.ekiten_review_list_rate .rating_stars {
    font-size: 1.3rem;
    justify-content: left;
}
.rating_stars .rating_stars_body {
    margin: 0 5px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
}
.rating_stars.rank50 .rating_stars_star {
    color: #fd014a;
}
.rating_stars .rating_stars_star:last-child {
    margin-right: 0;
}
.rating_stars .rating_stars_num {
    font-weight: bold;
    color: #f33;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.ekiten_review_list_title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
.ekiten_review_list_text {
    margin-bottom: 5px;
    font-size: 14px;
    word-wrap: break-word;
}
.ekiten_review_list_date {
    color: #666;
    font-weight: bold;
    font-size: 12px;
}
.ekiten-wrap ul li a:hover {
    padding: 8px;
    border: 3px solid #02abdc;
    background: #eff8fa;
    text-decoration: none;
}
.ekiten_link {
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img::after {
    background-size: 53%;
}
.ekiten-wrap ul li {
    margin: 10px 0;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img::after {
    background-size: 72%;
}
}