﻿/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {
 #top_contents2 h2{
padding: 23px 20px 0px 40px!important;
}
#top_contents2 h2:before {
    top: 0px!important;
	border-bottom: solid 70px transparent!important;
}
#top_contents2 h2:after {
    top: -1px!important;
	border-bottom: solid 70px white!important;
}
#cms_2-a .cate .cate_title{
padding-top:14px!important;
padding-bottom:8px!important;
}
#cms_2-e .box_title::after{
top:10px;
}
#page5 #cms_6-b .cate .cate_title{
padding-top:14px!important;
padding-bottom:8px!important;
}
#cms_6-a .cate .cate_title{
padding-top:14px!important;
padding-bottom:6px!important;
}
#cms_2-e .cate_list{
    margin-bottom: 0px!important;
}
#cms_2-e h3{
margin-top:-100px!important;
}
#contact_tel .pd_30px{
padding: 30px 30px 24px 30px;
}
#cms_1-e h3,#cms_2-a h3,#cms_2-a h4,#cms_2-e h3,#cms_2-e h4,#cms_6-a h3,#cms_6-b .cate_title{
font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
font-weight:bold;
}
.font_Quick .more a{
padding:15px 15px 13px 15px!important;
}
#cms_2-e .cate .cate_title span::after {
    top: 95%!important;
}
}
p.menu_tel {
    color: white;
margin-right: 10px;
}
.info_txt .d_flex{
justify-content: left;
}
p.info_tel {
    margin-right: 10px;
}
p.header_tel {
    font-weight: bold;
    margin-left: 15px;
}
.tel_bt{
padding-top: 0px!important;
}
#top_contact_box .bottom .inner.posi_center{
top: 50%;
    transform: translate(-50%,-34%);
}
p.menu_list_tel {
    display: inline-block;
margin-right: 10px;
}
.overlay .menu-box .menu_list li a:last-child {
    top: 7px;
}




/* color */
body,.txt_color_nomal{color: #4d4d4d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0062b2} /* メインカラー */
.txt_color2{color: #4ebbd7} /* サブカラー */
.txt_color3{color: #ffb419} /* アクセントカラー1 */
.txt_color4{color: #FFEC73} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0062b2} /* メインカラー */
.bg_color2{background-color: #4ebbd7} /* サブカラー */
.bg_color3{background-color: #ffb419} /* アクセントカラー1 */
.bg_color4{background-color: #FFEC73} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #0062b2}
.border_color2{border-color: #4ebbd7}
.border_color3{border-color: #ffb419}
.border_color4{border-color: #FFEC73}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #4d4d4d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0062b2} /* メインカラー */
.hvr_txt_color2:hover{color: #4ebbd7} /* サブカラー */
.hvr_txt_color3:hover{color: #ffb419} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFEC73} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0062b2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #4ebbd7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ffb419} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFEC73} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0062b2}
.hvr_border_color2:hover{border-color: #4ebbd7}
.hvr_border_color3:hover{border-color: #ffb419}
.hvr_border_color4:hover{border-color: #FFEC73}


/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #0062b2;}
.txt_color_nomal .linkStyle{color: #0062b2;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #0062b2;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #0062b2;}



/*--------------------------TOP--------------------------*/
.top_tel{
display: none;
}
#logo {
    height: 200px;
}
#top_contents1{
    position: relative;
    background-image: url(./dup/img/logo.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 11%;
    margin-top: 20px;
    background-position-y: 17px;;
}
#top_contents1::after{
    position: absolute;
    content: "";
    width: 237px;
    height: 297px;
    background-image: url(./dup/img/hito.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 73%;
    opacity: .8;
}
/*
#top_contents2::after{
    position: absolute;
    content: "";
    width: 237px;
    height: 297px;
    background-image: url(./dup/img/hito2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 73%;
    opacity: .8;
}
*/
#top_contents1 h2{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
font-size: 32px;
display: inline-block;
position: relative;
}
#top_contents1 h2::before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -2px; /*下線の上下位置調整*/
  display: inline-block;
  width: 70px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #ffc244; /*下線の色*/
}

#top_contents2 h2{
    font-family: toppan-bunkyu-midashi-min-st, serif;
    font-weight: 900;
    font-style: normal;
    font-size: 26px;
	position: relative;
	padding: 4px 20px 4px 40px;
	background: #0062b2;
	z-index:1;
	color:#ffffff;
}
#top_contents2 h2:before {
	position: absolute;
	content: '';
	left: -1px;
	top: -3px;/*ボーダーサイズ分マイナス*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px #ffffff;/*bodyのカラーと同じ色に*/
	border-bottom: solid 55px transparent;
	z-index: 2;
}
#top_contents2 h2:after {
	position: absolute;
	content: '';
	right: -1px;
	top: -3px;/*ボーダーサイズ分マイナス*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;/*bodyのカラーと同じ色に*/
	border-bottom: solid 55px white;
	z-index: 2;
}
.c2_1{
    background-image: url(./dup/img/011.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position-y: 142px;
}
.c2_2{
    background-image: url(./dup/img/022.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position-y: 151px;
}
.c2_3{
    background-image: url(./dup/img/033.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-position-y: 144px;
}
#top_cms h2{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}
#top_info h2{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}
#top_contents2{
background-color: #f9f9f9;
    background-image: url(./dup/img/hito2.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 17%;
}
#footer::before {
background: rgba(130,130,130,.1);
}
.footer_box .txt_white {
    color: white;
    text-shadow: 0 0 10px #5d5d5d;
}

/*--------------------------CMS--------------------------*/
#cms_1-e h3,#cms_2-a h3,#cms_2-a h4,#cms_2-e h3,#cms_2-e h4,#cms_6-a h3{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}
#cms_2-e h3{
    background-image: url(./dup/img/icon7.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 14%;
    background-position-y: -10px;
    padding-top: 200px;
}
#cms_2-e .cate_list{
    margin-bottom: -100px;
}
#page_title .title_box {
   /* bottom: -60px;*/
}
/*#page_title .title_box::after {
    position: absolute;
    content: "";
    width: 185px;
    height: 297px;
    background-image: url(./dup/img/hito1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    left: 103%;
}*/
#page_title h2{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
font-size: 30px;
}
#page_title::before {
background: transparent;
}
/*
#cms_2-a h3{
display: inline-block;
position: relative;
background-color: #0062b2;
color: white;
border:none;
}
#cms_2-a h3:before {
    position: absolute;
    content: '';
    left: -1px;
    top: -1px;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 40px #ffffff;
    border-bottom: solid 60px transparent;
    z-index: 2;
}
#cms_2-a h3:after {
	position: absolute;
	content: '';
	right: -1px;
	top: -1px;/*ボーダーサイズ分マイナス*/
	width: 0;
	height: 0;
	border: none;
	border-left: solid 40px transparent;/*bodyのカラーと同じ色に*/
	border-bottom: solid 60px white;
	z-index: 2;
}
*/
#cms_2-a .border_color2 {
border-color: #dcdcdc;
}
span.d_inline_b.pd_r-10px.bg_color2.pd_clear_sp.txt_left_sp {
    color: #0062b2;
}
#cms_2-e .bg_color2 {
background-color: #ffffff;
}
#cms_2-e h4{
font-weight:bold;
}
#cms_2-e .cate .cate_title span::after {
    width: 93%;
}
#cms_2-e h3{
border:none;
}
#cms_2-e .box_title span {
    background-color: #f9f9f9;
}
#cms_2-e .cate_box{
    background-color: #f9f9f9;
    padding: 25px;
}
#page8 .border_color2 {
    border-color: #0062b2;
}
#page8 .txt_color2 {
    color: #0062b2;
}
#cms_6-b .border_color4 {
    border-color: #ffb419;
}
#cms_2-a .border_color2 {
    border-color: #d6d6d6;
}
#cms_6-b .cate_title{
    border-radius: 0px;
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}
#page7 {
margin-top: 200px;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    padding-top: 183px;
    background-image: url(./dup/img/txt.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 60%;
    margin-top: -97px;
}



#page7 .border_color4 {
border-color: #989898;
}
#page9 .border_color4 {
    border-color: #cccccc;
}

/* ---------- 1280 ---------- */
@media screen and (max-width: 1280px){
#logo {
    height: 190px;
}
#top_contents2 h2 {
    font-size: 20px;
}
#cms_2-e h3 {
    background-position-y: 7px;
}
}
/* ---------- 1150---------- */
@media screen and (max-width: 1150px){
#cms_2-e h3 {
    background-position-y: 28px;
}
}
/* ---------- 1000---------- */
@media screen and (max-width: 1000px){
#top_contents2 h2 {
    font-size: 20px;
}
#cms_2-e h3 {
    background-position-y: 61px;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
p.menu_list_tel {
    vertical-align: top;
    margin-top: 28px;
}
#top_contact_box .bottom .inner.posi_center {
    top: 50%;
    transform: translate(-50%,-45%);
}
#cms_2-e h3 {
    background-size: 17%;
    background-position-y: 56px;
    padding-top: 200px;
}
#page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10 {
    padding-top: 155px;
    background-image: url(./dup/img/txt.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 68%;
    margin-top: -53px;
}
/*
#cms_2-e .box_wrap .cate_box:nth-child(1) {
    background-position-x: -5px;
background-size: 10%;
}
#cms_2-e .box_wrap .cate_box:nth-child(2) {
background-size: 10%;
}
#cms_2-e .box_wrap .cate_box:nth-child(3) {
background-size: 10%;
    background-position-x: -7px;
}
#cms_2-e .box_wrap .cate_box:nth-child(4) {
background-size: 10%;
    background-position-x: -3px;
}
#cms_2-e .box_wrap .cate_box:nth-child(5) {
background-size: 10%;
    background-position-x: -7px;
}
*/
#logo {
    height: 95px;
}
#top_contents1::after {
    background-size: 78%;
    left: 68%;
    top: 73%;
}
/*
#top_contents2::after {
    background-size: 78%;
    left: 68%;
    top: 353%;
    background-position-y: 42%;
    height: 350px;
}
*/
.c2_1{
    background-position: right bottom;
}
.c2_2{
    background-position: right bottom;
}
.c2_3{
    background-position: right bottom;
}
#page_title .title_box::after {
    width: 138px;
    height: 237px;
    left: 37%;
}
#page_title::after {
    width: 100%;
    height: 120px;
    left: 0%;
    background-position-y: 49px;
}
}




/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#cms_2-e h3 {
    background-size: 27%;
    background-position-y: 101px;
    padding-top: 200px;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    padding-top: 93px;
    background-image: url(./dup/img/txt.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 80%;
    margin-top: -60px;
}
#logo .width_70per_sp {
width: 90%!important;
}
#logo {
height: 78px;
}
#top_contents1 {
    padding-bottom: 70px;
    background-size: 20%;
    padding-top: 83px;
    background-position-y: 22px;
}
#top_contents1 h2 {
font-size: 24px;
}
#top_contents1 h2::before {
    left: 47%;
    width: 78px;
}
#top_contents1::after {
    background-size: 56%;
    left: 31%;
    top: 86%;
}
#top_contents2{
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 25%;
}
/*
#top_contents2::after{
background-size: 77%;
    left: 34%;
    top: 465%;
    bottom: 100%;
    width: 150px;
    height: 200px;
}
*/
#top_contents2 h2 {
padding: 5px 0px 6px 20px;
    font-size: 17px;
}
#top_contents2 h2:before {
    left: -8px;
    border-left: solid 30px #ffffff;
border-bottom: solid 87px transparent;
}
#top_contents2 h2:after {
    border-left: solid 30px transparent;
border-bottom: solid 65px white;
}
#page_title .title_box::after {
    width: 107px;
    left: 34%;
    background-position-y: 10%;
    height: 173px;
}
#page_title h2 {
    font-size: 22px;
}
#cms_2-a h3 {
    text-align: center;
}
#page_title::after {
    width: 100%;
    height: 100px;
    left: 0%;
    background-position-y: 40px;
}
#cms_2-e .box_title::before {
    top: -29px;
    left: 112px;
    background-size: 50%;
    z-index: 99;
}
#cms_2-e .box_title span{
padding-top: 0px; 
margin-top: 30px;
}
#top_contact_box .bottom .inner.posi_center {
    margin-top: 18px;
}
#contact_tel {
font-size: -webkit-calc(1rem + -1px);
    font-size: calc(1rem + -1px);
}
#contact_tel .pd_30px {
    padding: 30px 0px;
}
p.menu_list_tel {
    margin-top: 19px;
}
}







