/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');
html {
    font-size: 16px;
}
body{
    font-family: 'Zen Maru Gothic', sans-serif;
        font-weight: 500;
}
h2, h3, h4{    font-family: 'Zen Maru Gothic', sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: bold;}
#con_nav li a{
    padding: 30px 0;
/*    padding-bottom: 0;
    background-image: url(dup/img/icon01.png);
    background-repeat: no-repeat;
    background-position: top center;*/
}
#con_nav li a p{display: none;}
.bg_white {
    background-color: #fffcf7;
}
.fixbnr {
    left: 20px;
    right: auto;
    bottom: 16px;
    width: 180px;
    position: fixed;
}
.triangle01{display: none;}
.catch {
    z-index: 4;
    bottom: 5%;
    right: 8%;
    width: 40%;
    max-width: 600px;
    /* filter: drop-shadow(1px 3px 0px rgba(255,255,255,0.5)); */
}
.img-container:before{    background: #f08101;}
.linkStyle{color: #333;border-bottom: 1px solid;}
.dec01{bottom: 0;right: 0;}
.mainwrap-l {
    width: calc(100% - 350px);
}
.mainwrap-r {
    width: 350px;
}
.head_tel{
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);}
#con_nav ul li{    max-width: 23.66%;}
#con_nav ul li h2{font-size: 17px;}
#top_contents1{margin-top: 0;}
#top_contents1, #top_cms{
    position: relative;
}
#top_contents1::before, #top_cms::before{
   content: '';
    position: absolute;
    display: block;
    background-repeat: no-repeat;
}
#top_contents1::before {
    width: 100%;
    height: 90px;
    background-image: url(./Dup/img/nami.png);
    background-size: cover;
    left: 0;
    top: 0;
    transform: rotate(180deg);
    z-index: 0;
}
#top_contents1 .con1_img {
    z-index: 1;
}
#top_contents1 .con1_img2{display: none;}
#top_contents3 .con3_box1 figure,#top_contents3 .con3_box2 figure,#top_contents3 .con3_box3 figure{border-radius: 50%;}
#top_contents3{
    background-image: url(dup/img/bg.jpg);
    background-size: cover;
}
#top_contents3 img{border-radius: inherit;}
#top_contents3 .con3_box1{margin-top: 0;transform: none;}
.con3_img4{display: none;}
#top_cms .cms_box:first-of-type {
    padding-top: 150px;
}
#top_cms .cms_title h3{color: #f08101;}
#top_banner{
    max-width: 1280px;
    margin: auto;
    padding: 5%;
}
#top_banner .banner_box{padding: 10px;}
#top_banner .banner_box a{border-radius: 20px;background-color: #321c00;}
#top_banner a:hover .banner_bg{
    opacity: 0.2;
    transform: translate(-50%, -50%) scale(1.1);
}
#top_banner .banner_box .banner_bg{opacity: 0.2;}
#top_banner a p{
    background-image: linear-gradient(to bottom, currentColor, currentColor);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 0.5s;
}
#top_banner a p span{
    max-width: 80px;
    /* width: 50%; */
    /* height: 150px; */
    display: block;
    margin: auto;
}
#top_banner a:hover p{
    background-size: 100% 1px;
}
/*===========================================================*/
/* コード集 */
/*===========================================================*/




/*===========================================================*/
/* 下層 */
/*===========================================================*/
#page_title .title_wrap p{display: none;}
#cms_2-g .cate_img1{max-height: inherit;}
#page10 li .more{font-family: 'Zen Maru Gothic', sans-serif;}
#page10 li a span{display: none;}
.under_page h1{max-width: 350px;}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.mainwrap-r h1 {
    width: 300px;
}
.catch {
    bottom: 5%;
    right: 5%;
    width: 70%;
}
.con3_img3 {
    margin-right: 0;
}
#top_contents3{padding-top: 100px;}
.fixbnr {
    width: 131px;
}
#top_contents1::before, #top_cms::before{top: -50px;}
.loader_icon {
    width: 300px;
}
#main_img img{width: auto;height: 100%;
        position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.fixbnr {
    width: 98px;
    left: 14px;
    bottom: 11px;
}
.mainwrap-r h1 {
    width: 230px;
}
.dec01 {
    max-width: 300px;
    width: 50%;
}
#top_banner .banner_box a{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#top_contents3 {
    padding-top: 50px;
}
#top_contents3 .con3_box1 figure, #top_contents3 .con3_box2 figure{margin-bottom: 20px;}
#top_contents3 .con3_wrap2 h3{
    max-width: 300px;
    margin: 0 auto 30px;
}
}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}