/* font link Google font*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');
body {font-family: 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}

.linkStyle {color:#333333}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #333333} /* メインカラー */
.txt_color2{color: #cccccc} /* サブカラー */
.txt_color3{color: #333333} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #333333} /* メインカラー */
.bg_color2{background-color: #cccccc} /* サブカラー */
.bg_color3{background-color: #333333} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #333333}
.border_color2{border-color: #cccccc}
.border_color3{border-color: #333333}
.border_color4{border-color: #eeeeee}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #333333} /* メインカラー */
.hvr_txt_color2:hover{color: #cccccc} /* サブカラー */
.hvr_txt_color3:hover{color: #333333} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cccccc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #333333} /* メインカラー */
.hvr_bg_color2:hover{background-color: #cccccc} /* サブカラー */
.hvr_bg_color3:hover{background-color: #333333} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cccccc} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #333333}
.hvr_border_color2:hover{border-color: #cccccc}
.hvr_border_color3:hover{border-color: #333333}
.hvr_border_color4:hover{border-color: #cccccc}


header {border-bottom:2px solid #333333;}
#header {align-items: center; padding-top:10px}
#main_img {border-bottom:2px solid #333333;}

#intro {background-image:url(./Dup/img/bg.png);
background-repeat:no-repeat;
background-position:10% 102%;
background-size:100%;
padding-bottom:100px;
margin-bottom:0px;
height: 253px;
max-height: 253px;}
#contents {border-top:2px solid #333; border-bottom:2px solid #333333;}

.all main {padding-top: 95px;}
#contents h2 {color:#fff;}
#contents .contents_box  {border-bottom:5px solid #cccccc;}

main {padding-bottom:50px;}
footer {background-image:url(./Dup/img/footer_line.png);
background-repeat:no-repeat;
background-position:top 100px;
background-size:100%;
padding-top:100px;}
#footer {border-top:none;}

#top_cms .cms_title .title_box {padding-top:50px; padding-bottom:50px;}
#top_cms .cms_title .title_box h2 {
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode: lr-tb;
     writing-mode: horizontal-tb;}

#page_title h2 {text-shadow:none!important}

.cate_list li a:hover {color:#cccccc}

.cate_img1 {width:50%!important}
#cms_2-c .cate_title {border-bottom:3px solid #333333}
#cms_2-c .cate_box {padding:20px 0!important;}
#cms_2-b .box_img1 {width:50%!important}

#cms_3-e .sub_cate_title {border-top:none; border-bottom:3px solid #333333;}

/* 20200130 correct */
#page_title h2{
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}


@media (max-width:768px){
.clone-nav #logo { width: 16.66667%!important}
#intro {background-position:10% 100%;
padding-bottom:50px;}
}

@media (max-width:667px){
.clone-nav #logo { width: 30%!important;}
#intro {background-image:none!important;
margin-bottom:100px;}
#intro #intro_txt h2 {text-align:left!important}
#logo2 {width:70%!important;
margin-top:20px;}
.cate_img1 {width:100%!important}
#cms_2-b .box_img1 {width:100%!important}
}

@media all and (-ms-high-contrast:none){
header nav ul li {padding-top:5px;}
#intro {background-image:url(./Dup/img/bg.png);}
#page8 #tel_contact p a {padding-top:20px;}
#page10 .btn { line-height: 38px;}
}