@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400&display=swap');

/*コード集サイトCSS*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.v_type2 .demo_box {padding-top: 70px}
.v_type2 {counter-reset: number 0;}
.v_type2 .cate_box {padding: 50px 20px 30px;}
.v_type2 .cate_box:before {
    counter-increment: number 1;
    content: "0" counter(number);
    display: inline-block;
    position: absolute;
    top: -43px;
    left: -5px;
    z-index: 1;
    font-size: 80px;
    font-weight: 200;
    font-style: italic;
    color: #dbd4c1;
    background-color: #fff;
    line-height: 1;
    padding: 0 25px 0 0;
}
@media screen and (max-width: 667px){
.v_type2 .cate_box{padding: 42px 25px 25px;}
.v_type2 .cate_box:before{top: -31px;font-size: 48px;}
}

.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: rgba(237,227,202,0.2);
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

/*コード集サイトCSS*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*font*-----------------------------------------------------------------------  */
body,.en_font{
    font-family:'Poppins','Zen Kaku Gothic Antique', "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#76838f;
}
.font_bold{font-weight:500;}
.opacity07,.opacity08{opacity:0.9;}
#intro #intro_txt h3::after {content: "INTRODUCTION" !important;
    font-weight: 200;
    opacity: 0.2 !important;}

#menu_wrap nav ul li a .title2 {
    bottom: 7px;
    font-weight: 300;}
/*font*-----------------------------------------------------------------------  */

/*color*----------------------------------------------------------------------- */
.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #5b88a3;}
.txt_color1,.hvr_txt_color1:hover{color: #44c1d8} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #f0f0da} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #ede3ca !important} /* アクセントカラー1 */
.txt_white,.txt_color4,.hvr_txt_white:hover,.hvr_txt_color4:hover{color: #ffffff}
/* background-color */
.bg_black,.hvr_bg_black:hover{background-color: #5b88a3} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #44c1d8} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #f0f0da} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #ede3ca !important} /* アクセントカラー1 */
.bg_white,.bg_color4,.hvr_bg_white:hover,.hvr_bg_color4:hover{background-color:#ffffff;} /* 白背景 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #f0f0da !important}
.border_color2,.hvr_border_color2:hover{border-color: #ede3ca !important}
.border_color3,.hvr_border_color3:hover{border-color: #44c1d8 !important}
.border_color4,.hvr_border_color4:hover{border-color: #ffffff !important}

#top_cms .top_cms_box .more a::after,#contents_links .box_wrap .box a div span::after{background-color: #5b88a3} /* 黒背景 */
#top_cms .top_cms_box .top_cms_title p {
                                        opacity: 1;
                                        color: #ede3ca;
                                        font-weight: 300;}
section#contents_links .box_wrap .en_font {color: #ffffff;}
#main_img::after,#page_title::after{
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(36,164,175,0.5) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(36,164,175,0.5) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(36,164,175,0.5) 100%);}
    
#loader::after, .sm-slider::after, #page_title::before, #menu_wrap::after, #tel_contact, #page10 .box a::after,#main_img h2::before, #menu_wrap::after{
    background: rgb(68, 193, 216);
    background: -moz-linear-gradient(left, rgb(68, 193, 216) 0%, rgb(237, 227, 202) 180%) !important;
    background: -webkit-linear-gradient(left, rgb(68, 193, 216) 0%,rgb(237, 227, 202) 180%) !important;
    background: linear-gradient(to right, rgb(68, 193, 216) 0%,rgb(237, 227, 202) 180%) !important;}
    
#contents_links .box_wrap .box.bg_black {background: #9dc2c9;}
/*color*-----------------------------------------------------------------------  */

/* TOP ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*main_img*-----------------------------------------------------------------------  */
.catch {
    z-index: 3;
    width: 55%;
    top: 45%;
}


#main_nav ul::before,#main_nav ul::after{
    background:transparent !important;
    border-bottom: dotted 2px #fff;}
/*main_img*-----------------------------------------------------------------------  */

/*con ----------------------------------------------------------------------------  */

.welcome {
    width: 300px;
    left: 50%;
    transform: translate(-50%, 40%);
    margin-bottom: 0px !important;
    position: relative;
    z-index: 3;
    background: #fff;}

.intro_top p {
    border-top: double 6px #d2f0f5;
    border-bottom: double 6px #d2f0f5;
    padding: 55px 30px 50px;
}


#contents_links .box_wrap .box a p {margin-bottom: 0;}

#contents_links .box_wrap .box a p {
  position: relative;
  display: inline-block;
  padding: 0 20px !important;
  border:solid 0px;}



.bg_tra{background-color: transparent !important;}


#contents_links .box_wrap .box a p:before,#contents_links .box_wrap .box a p:after {
    content: '';
    position: absolute;
    top: 40%;
    display: inline-block;
    width: 30px;
    height: 3px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}

#contents_links .box_wrap .box a p:before {
  left:0;
}
#contents_links .box_wrap .box a p:after {
  right: 0;
}

#contents_links .box_wrap .box a h4 {
    padding: 0px 30px;
    text-shadow: 0 3px 6px rgba(0,0,0,0.2);
    display: block;
    margin-bottom: 50px;
    border: solid 0;
    margin-top: 13px;
}


#contents_links .box_wrap .box a:hover::after {opacity: 0.7;}




#contents::before { 
    opacity: 0.4;
    background: #dcf9ff;}
    
#contents .con_3 {
    width: 60%;
    margin: auto;
    border: solid 0;
    background-color: rgba(68,193,216,0.7);
    position:relative;
}


.con_3::before {
    content: '';
    position: absolute;
    width: 12%;
    height: 100%;
    background-image:url(dup/img/con03_01.png) !important;
    background-size: 100% 100% !important;
    left: -12%;
    top: 0;
    background-repeat: no-repeat;
    opacity: 0.7;
}

.con_3::after {
    content: '';
    position: absolute !important;
    width: 12% !important;
    height: 100% !important;
    background: url(dup/img/con03_04.png) !important;
    background-size: 100% 100% !important;
    right: -12% !important;
    left: auto !important;
    top: 0 !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}


.con03_img {
    top: 0%;
    width: 500px;
    left: 50%;
    transform: translate(-50%, -50%);}
    
#contents div h4 {
    border-bottom: dotted 2px;
    margin: 20px 0 25px;}

#intro h2.txt_center.en_font::before {
    content: "";
    background-image: url(dup/img/welcome.png) !important;
    position: absolute;
    width: 25%;
    height: 90%;
    left: 50%;
    transform: translate(-50%, 10%);
    background-size: contain;
    background-repeat: no-repeat;
}


.intro_top {
    position: relative;
    overflow: hidden !important;}

#intro h2.txt_center.en_font {
    font-size: 0;
    margin-bottom: 100px;}


.intro_top::before {
    background-image: url(dup/img/aaa_ill0018.png) !important;
    content: '';
    z-index: 0;
    width: 44%;
    height: 100%;
    background-size: contain;
    position: absolute;
    left: -7%;
    bottom: -19%;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.intro_top::after {
    background-image: url(dup/img/aaa_ill0018.png) !important;
    content: '';
    z-index: 0;
    width: 46%;
    height: 125%;
    background-size: contain;
    position: absolute;
    right: -16%;
    top: -20%;
    background-repeat: no-repeat;
    opacity: 0.2;}



div#intro_txt {
    background-image: url(dup/img/bg_img.jpg) !important;
    background-size: 120%;
    background-position: center;
}
    
#intro_box {
    background-image: url(./Dup/img/aaa_ill0015.jpg) !important;
    background-size: 600px;
}

#intro_txt h3 span{
  position: relative;
  padding: 1.5rem 1rem;
}

#intro_txt h3 span:after {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #fff, #fff 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#intro #intro_box #intro_txt h3::after {top: 24px;}
/*con ----------------------------------------------------------------------------  */

/*cms ----------------------------------------------------------------------------  */
.top_cms_box{
    background: rgba(255,255,255,1);
    padding: 50px 50px 50px;
    box-shadow: 6px 6px 9px 0px rgba(210,240,245,0.3);
    border: dotted 1px #56cadf !important;
    
}

#top_cms .top_cms_box .top_cms_title p {
    position: absolute;
    font-size: 17px;
    bottom: -5px;
    letter-spacing: 3px;
}

#top_cms .cms_wrap { margin-top: 50px;}

.top_cms_title {
    display: inline-block;
    position: absolute !important;
    height: 80px;
    left: -10px;
    line-height: 60px;
    text-align: center;
    padding: 0 40px 0 18px;
    font-size: 18px;
    background: #56cadf;
    color: #FFF !important;
    box-sizing: border-box;}
    
.top_cms_title h3{color: #FFF !important;}

.top_cms_title:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.top_cms_title:after {
  top: 0;
  right: 0;
  border-width: 40px 15px 40px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.fixed_img {
    position: fixed;
    bottom: 78px;
    right: 0px;
    z-index: 6;
    width: 100%;
    max-width: 61px;
    transition: 0.5s;
}

.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}
/* TOP ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*linkStyle*/
a.linkStyle {
    color: #3AD3D6;
    transition: 0.5s;}
a.linkStyle:hover {color: #3AD3D6;}

#page_title.active > div p {
    opacity: 0.35;
    transform: translateY(0px);}

#page_title > div p {
    position: absolute;
    bottom: 10px;
    font-weight: 300;}
    
#page_title {
    padding-bottom: 0;
    padding-top: 300px;
    background-position: center bottom 12%;}
    
.cate_wrap,.v_type2{
    padding: 50px;
    background: #fff;
    box-shadow: 6px 6px 9px 0px rgba(210,240,245,0.3);
    border: dotted 1px #56cadf;
}

.v_type2 .cate_box{
    margin-left:50px;
    margin-right:50px;}

.v_type2 .cate_box:first-of-type {
    margin-top: 60px;}

#cms_2-a .cate_wrap,#cms_3-a .cate_wrap {margin-bottom: 80px;}
#cms_2-a h3.cate_title span {border-bottom: double 7px;}
#cms_3-a .cate{    margin-bottom: 50px;}

div#page07 h3 {
    font-size: -webkit-calc(1rem + 2px);
    font-size: calc(1rem + 2px);}
div#page07 p {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);}
div#page07 .box {padding: 10px;}

#page10 .box a {padding: 15px;}

#page10 .box a > div p {
    opacity: 0.13;
    font-weight: 300;
    font-size: 40px;
    bottom: 9px;}

#page10 .box a > div h3 {
    font-size: -webkit-calc(1rem + 5px);
    font-size: calc(1rem + 5px);}



.banner_wrap:first-of-type .menu_banner {
    display: block;
    width: 500px;
    margin-bottom: 50px;}
    
.line {
    display: inline-block;
    background-image: url(dup/img/line.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 37px auto;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 3px;
    box-sizing: border-box;
    border: solid 0px;
}


.v_type2 h3.box_title {
    border-bottom: dotted 2px #dbd4c1;
}
/* sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
#top_cms,section#main_wrap{
    background-image: url(./Dup/img/bg_img.png);
    background-attachment: fixed;
    animation: anime1 400s linear infinite;
}

@keyframes anime1 {
    0% {
        background-position-y: 0;
    }
    100% {
        background-position-y: -2000px;
    }
}

.cate_list li .cate_no {
    opacity: 0.5;
    bottom: 23px;}
    
    
    
/* all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ---------------------------------------------------------------------------- 
                             修正分
----------------------------------------------------------------------------  */
.txt_color_nomal, .hvr_txt_color_nomal:hover {
    color: #6f5849;
}
.txt_color3, .hvr_txt_color3:hover {
    color: #f8bb30 !important;
}
.border_color1, .hvr_border_color1:hover {
    border-color: #ffe2a3 !important;
}
.border_color2, .hvr_border_color2:hover {
    border-color: #ffe2a3 !important;
}
body, .en_font,.link_type1 .link_top .link_title{
    color: #6f5849;
}
#menu_bt {
    background-color: #fff;
}
#menu_bt span {
    background-color: #f8bb30;
}
#menu_bt::before, #menu_bt::after {
    background-color: #f8bb30;
}
#page_top {
    background-color: #f8bb30 !important;
}
#main_nav ul {
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 20px;
}
#main_nav ul::before, #main_nav ul::after {
    border: none;
}
#main_nav ul li a {
    color: #6e5749;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-weight: bold;
}
#main_nav ul li a:hover {
    opacity: 1;
    color: #f7ba30;
}
#main_nav ul li a:before {
    font-family: "FontAwesome";
    content: '\f105';
    color: #f7ba30;
    padding-right: 5px;
     visibility: collapse;
     opacity: 0;
     transition: 0.3s;
}
#main_nav ul li a:hover:before {
    font-family: "FontAwesome";
    content: '\f105';
    visibility:visible ;
    opacity: 1;
}
.catch{
    filter: drop-shadow(2px 4px 6px rgba(255,255,255,0.3));
}
.intro_top{
        margin-bottom: 0px;
}
#intro_box {
    background-image: none !important;
    background-color: #fff3d9;
}

.intro_top .owner{
       position: absolute;
    width: 500px;
    bottom: 0;
    right: 0;
}
#main_img::after,.sm-slider::after {
    background: none!important;
}
#intro #intro_box {
    margin-top: 200px;
}
#intro_txt h3 span:after {
    background-image: -webkit-repeating-linear-gradient(135deg, #f9ec36, #f9ec36 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #f9ec36, #f9ec36 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    background-image: repeating-linear-gradient(-45deg, #f9ec36, #f9ec36 1px, transparent 2px, transparent 5px);
}
.intro_top p{
        font-weight: bold;
}
#contents_links .box_wrap .box.bg_black {
    background: #bce9f2;
}
#contents::before {
    background: #ffffff;
}
.con03_img {
    width: 80%;
    max-width: 700px;
}
#top_cms{
        padding-top: 80px;
}
#top_cms .t_cms_title{
    width: 350px;
    margin: auto;
    margin-bottom: 40px;
}
#top_cms .top_cms_box .more a {
    color: #f8bb30;
}
#top_cms .top_cms_box .more a:hover {
    color: #fff;
}
#top_cms .top_cms_box .more a::after, #contents_links .box_wrap .box a div span::after {
    background-color: #f8bb30;
}
#top_cms .top_cms_box .top_cms_title p {
    color: #ffdd90;
}
#top_cms .top_cms_box .link_top .link_img1 {
        opacity: 0.7;
}
#top_cms .top_cms_box .link_top .link_title{
        background-color: rgba(248, 187, 48,0.8);
    color: #fff;
    border-radius: 5px;
    padding: 5px 0;
}
#top_cms .top_cms_box .link_top p{
    display: none;
}

#page_title h3{
        text-shadow: 1px 3px 10px rgba(36 ,164 ,175 ,0.5);
    
}
.v_type2 h3.box_title {
    border-bottom: dotted 2px #f8bb30;
}
.v_type2 .cate_box:before {
    color: #ffe2a3;
}


/*タブレット*/
@media screen and (max-width: 1280px){
.intro_top .owner {
    width: 400px;
}
}    
    
/*タブレット*/
@media screen and (max-width: 768px){
    #intro_txt p {width: 95% !important;}
    #intro h3 {font-size: 25px;}
    .banner_wrap:first-of-type .menu_banner {width: 400px;}
    #page10 .box a > div h3 {
            font-size: -webkit-calc(1rem + 3px);
            font-size: calc(1rem + 3px);}
    #page10 .box a > div p { bottom: 5px;}
    #page_title {
            padding-bottom: 100px;
            padding-top: 180px;}
    .v_type2 .cate_box {
            margin-left: 0px;
            margin-right: 0px;}
    .v_type2 .cate_box:first-of-type {margin-top: 40px;}
    .v_type2 .cate_box:last-of-type {margin-top: 50px;
                                     margin-bottom: 60px;}
    #cms_3-a .cate {margin-bottom: 30px;}
    
    #cms_2-a .cate_box:last-of-type{padding-bottom: 0px;}
    
    .catch {
            z-index: 3;
            width: 85%;
            top: 45%;}
    
    .intro_top p {
            border-top: double 6px #d2f0f5;
            border-bottom: double 6px #d2f0f5;
            padding: 50px 30px 45px;
            width: 90%!important;}
    
    .intro_top::after {
            width: 55%;
            height: 65%;}
    
    .intro_top::before {
            width: 70%;
            height: 78%;
            left: -30%;
            bottom: -25%;}
    #contents_links .box_wrap .box a h4 { margin-bottom: 25px;}
    #contents .con_3 {
        width: 80%;
        margin: auto;
        border: solid 0;
        background-color: rgba(68,193,216,0.7);
        position: relative;
        padding: 50px 0 40px;}
    
    #top_cms {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 140px;
        padding-bottom: 100px;}
    .welcome {
        width: 250px;
        transform: translate(-50%, 46%);}
    .con03_img {width: 400px;}
  
  
 
/* ---------------------------------------------------------------------------- 
                             修正分
----------------------------------------------------------------------------  */   
.intro_top {
    padding-bottom: 220px;
}    
 .intro_top .owner{
     width: 300px;
 }
#contents_links {
         margin-bottom: 50px;
 }
 #top_cms {
    padding-top: 60px;
}
#top_cms .t_cms_title {
    width: 320px;
    margin-bottom: 20px;
}
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*スマホ*/
@media screen and (max-width: 667px){
    
    .fixed_img {
        position: fixed;
        bottom: 59px;
        right: 0px;
        z-index: 6;
        width: 100%;
        max-width: 40px;
        transition: 0.5s;}
    
    
    #menu_wrap nav ul li a {padding-top: 20px;}
    #menu_wrap {
                padding-top: 46px;
                padding-bottom: 20px;}

    .con03_img {width: 300px;}
    #main_img h2::before{display:none;}
    .catch {
            z-index: 3;
            width: 95%;
            top: 50%;}
    .welcome {
            width: 180px;
            transform: translate(-50%, 46%);}
    .intro_top p {
          font-size: 14px;
          padding: 40px 10px 30px;}
    .intro_top::after {
            width: 88%;
            height: 49%;
            right: -34%;
            top: -13%;}
    .intro_top::before {
            width: 95%;
            height: 47%;
            left: -40%;
            bottom: -7%;}
    #intro #intro_box #intro_txt h3 span {font-size: 17px;
        letter-spacing: 0px;}
    div#intro_txt p {width: 95% !important;}
    .con_3::after,.con_3::before{display:none;}
    #contents .con_3 {
            width: 95%;
            margin: auto;
            border: solid 0;
            background-color: rgba(68,193,216,0.7);
            position: relative;
            padding: 25px 20px 25px;}
    #contents div h4 {
        border-bottom: dotted 2px;
        margin: 20px 0 25px;
        text-align: left;}
    #top_cms {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 80px;
        padding-bottom: 30px;}
    .top_cms_box {
        background: rgba(255,255,255,1);
        padding: 40px 20px 30px;
        box-shadow: 6px 6px 9px 0px rgba(210,240,245,0.3);
        border: dotted 1px #56cadf !important;
    }
    .cate_wrap, .v_type2 {padding: 25px;}
    #cms_1-a .pager li {margin-right: 0;}
    #page_title {
                padding-bottom: 70px;
                padding-top: 140px;}
    #cms_2-a h3.cate_title span {
                border-bottom: double 7px;
                padding-bottom: 2px;}
    .cate_list li a {font-size: 14px;}
    #cms_2-a .cate_title {text-align: left;}
    #cms_2-a .cate_wrap, #cms_3-a .cate_wrap {margin-bottom: 50px;}
    #cms_3-a h3.cate_title {
            font-size: -webkit-calc(1rem + 2.2px);
            font-size: calc(1rem + 2.2px);
            letter-spacing: 0px;}
    #menu_wrap nav ul li a .title2 {opacity: 0.2;}
    div#page07 h3 {
            font-size: -webkit-calc(1rem + -2px);
            font-size: calc(1rem + -2px);}
    div#page07 p {
            font-size: -webkit-calc(1rem + 0px);
            font-size: calc(1rem + 0px);}
    #page08 #tel_contact .tel_txt span:last-of-type {padding: 10px 3px;}
    #page10 .box a > div p {
            opacity: 0.08;
            font-weight: 300;
            font-size: 34px;
            bottom: 10px !important;}
    .banner_wrap:first-of-type .menu_banner {
            width: 100%;
            margin-bottom: 30px;}
    #footer_box h2 {padding: 0 10px;}
/* ---------------------------------------------------------------------------- 
                             修正分
----------------------------------------------------------------------------  */   
#intro.on #intro_box {
    margin-top: 50px;
}
#top_cms {
    padding-top: 50px;
}
#top_cms .t_cms_title {
    width: 85%;
    margin: auto;
    text-align: center;
        margin-bottom: 20px;
}
.con03_img {
    width: 100%;
    left: 48%;
}    
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*IE*/
@media all and (-ms-high-contrast: none){
    
    body{overflow:hidden !important;}    
    .more a{padding-top:12px !important;}
    .pager li a {padding: 12px 20px 10px;}

#top_cms,section#main_wrap{
    background-image: url(./Dup/img/bg_img.png);
    background-attachment: scroll;
    animation: anime1 400s linear infinite;
}

@keyframes anime1 {
    0% {
        background-position-y: 0;
    }
    100% {
        background-position-y: -2000px;
    }
}