/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
body{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
header {
    background-color: rgb(76 175 80 / 70%)!important;
}
header ul li a.hvr_txt_color3:hover{color: #fff;opacity: 0.7;}
#question .txt:before{background-color: #cfedd1;}
.top_cms_box.cms1 .sub_title{display: none;}
.top_cms_box_wrap .cms_title,.cms_link div a,#catch .box .title{    background-color: #00bcd4;}
.marker {
    background: -webkit-linear-gradient(transparent 60%, #f66 60%);
    background: -o-linear-gradient(transparent 60%, #ff6 60%);
    background: linear-gradient(transparent 60%, #f66 60%);
}
.cms_link_box{    transition: 0.3s;}
.cms_link div a.hvr_txt_color3:hover{color: #fff;}
.catch{
    max-width: 500px;
    width: 30%;
}
.menu{left: 30px;}
.menu ul,.menu .logo{background-color: transparent!important;}
.menu .logo{text-align: left;}
.menu ul{padding-top: 0;}
.menu ul li a{
        color: #f44336;
    text-shadow: 0 2px 4px rgb(255 255 255 / 30%);
    background-color: #fff;
    padding: 5px;
    
}
.main_img_wrap{
    height: auto;
    min-height: inherit;
}
.t_banner_box{top: inherit;transform: none;}
.bg01{
    background-image: url(Dup/img/bg01.png);
    top: 0;
    left: 0;
    background-repeat-x: repeat;
    width: 100%;
    background-size: contain;
    height: 60px;
}
.dec01{
        left: 0;
    top: 0;
    max-width: 220px;
    width: 20%;
}
.dec02{
    right: 0;
    top: 0;
    max-width: 220px;
    width: 20%;
    
}
/*#catch{
    background-image: none!important;
}*/
#catch .box{margin-left: inherit;margin-right: 0;}
#question h2 .title_dec{transform: translateX(-50px);}
#contents h2{
    border-bottom: 10px dotted;
    padding-bottom: 10px;
}
#contents h3{font-size: calc(1rem + 16px);    letter-spacing: 4px;}
#contents .box .box_item{background-color: transparent; }
#contents .box .box_item:before{border: none;content: none;}
#contents .box:nth-child(even) figure,#contents .box:nth-child(odd) .box_item{margin-left: inherit;}
#contents .box .box_item{margin-top: inherit;}
/*#contents .box figure{border-radius: 50%;}*/
.ga01{
    top: -30px;
    left: -30px;
    z-index: 1;
    max-width: 350px;
    width: 50%;
}
.ga02{
        top: -50px;
    right: 0;
    z-index: 1;
    max-width: 350px;
    width: 50%;
}
.beer01{
    bottom: -5%;
    right: 0px;
    max-width: 300px;
    width: 20%;
}
.coke01{
    right: 0%;
    bottom: 5%;
    max-width: 250px;
    width: 36%;
    transform: translateY(50%);
}
.car01{
        bottom: -5%;
    right: 0px;
    max-width: 400px;
    width: 30%;
}
#contents .more_box{margin-right: auto;    margin-left: inherit;}
#contents .con1,#contents .con2,#contents .con3{background-color: #f7f7f7;}
#contents .con2,#contents .con4{flex-direction: row-reverse;}
#contents .con3 .box_img1 img{left: 60%;}
/*#contents .con1::before,#contents .con2::before,#contents .con3::before{
    content: "";
    display: block;
    position: absolute;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 100%;
    top: 20px;
    pointer-events: none;
    bottom: 20px;
    left: 0;
    right: 0;
}
#contents .con1::after,#contents .con2::after,#contents .con3::after{
        content: "";
    display: block;
    position: absolute;
    background-color: #eee;
    left: 20px;
    content: "";
    display: block;
    bottom: 0;
    right: 20px;
    height: 1px;
}*/
.sankaku{
    width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #adfaff transparent transparent transparent;
}
#top_banner{display: none;}
#footer .f_logo{background-color: transparent;}

#top_cms{background-color: #f7f6dc;}
#top_cms:before {
    background: -webkit-repeating-linear-gradient(-45deg,transparent 0,transparent 10px,#fff 10px,#fff 20px);
    background: -o-repeating-linear-gradient(-45deg,transparent 0,transparent 10px,#fff 10px,#fff 20px);
    background: repeating-linear-gradient(-45deg,transparent 0,transparent 6px,#fff 6px,#fff 8px);
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
/*.t_banner_box .banner a:hover{transform: translateY(-5px);}*/
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.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}
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_2-g .cate_img1{max-height: none;}
.cms_2-g .box_wrap{box-shadow: none;}
#page_title{background-position: bottom;}
.page10 .content_wrap .more{
    font-size: 90%;
    
}

/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
    #catch{flex-direction: column-reverse;}
.dec01,.dec02{display: none;}
.beer01{width: 25%;}
.coke01{
    right: -10%;
    bottom: 5%;
    width: 30%;
}
.car01{bottom: 0;}
.main_img{height: auto;}
#contents .box .box_item{
    margin-left: 0;
    padding: 50px 0;
}
.catch {
    width: 45%;
}
.page10 .content_wrap .more {
    width: 95%!important;
}
.footer_cms,.footer_nav{width: 100%!important;}
.footer_nav{margin-top: 20px;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
.bg01{height: 30px;}
#question h2 .title_dec{transform: none;}
#contents h3 {
    font-size: calc(1rem + 6px);
    letter-spacing: 4px;
}
.catch {
    width: 50%;
}
.page10 .content_wrap .more{font-size: calc(1rem + 2px);}
#question .txt{padding-left: 50px;}
#question .txt .check {
    padding-right: 0px;
    left: 0;
    position: absolute;
}
/*.t_banner_box .banner:hover {
     margin-top: inherit; 
}*/

}


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



}


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

}