/* CSS Document */
body{overflow: hidden}
/* color */
.linkStyle{color:#1E73BE;}
body,.txt_color_nomal{color: #333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #1E73BE} /* メインカラー */
.txt_color2{color: #eef0f3} /* サブカラー */
.txt_color3{color: #92A8B5} /* アクセントカラー1 */
.txt_color4{color: #eef0f3} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #1E73BE}
.border_color2{border-color: #eef0f3}
.border_color3{border-color: #92A8B5}
.border_color4{border-color: #eef0f3}


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

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1E73BE}
.hvr_border_color2:hover{border-color: #eef0f3}
.hvr_border_color3:hover{border-color: #92A8B5}
.hvr_border_color4:hover{border-color: #eef0f3}

#loader {z-index: 9999999!important;}
#fade {z-index: 9999990;}
.sns a {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #92A8B5;
}
.sns_links{justify-content: center;}
header.bg_white{margin-bottom: 30px;}
#header_menu a span{font-size: 14px;}
header #header #header_menu li a .en{color: #92A8B5!important;}

/* -- index.html -- */
#intro2{
	position: relative;
	z-index: -2;
	background-size: cover!important;
	background-repeat: repeat-y;
}
#intro2 #intro2_txt{
	position: relative;
}
#intro2 #intro2_txt::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: -1;
}
#contents4 a .con_txt::before,#contents4 a::before{position: absolute;content: "";display: block;pointer-events: none;}
#contents4 a{width:40%;}
.cate_txt1:empty,.cate_txt2:empty{display:none;}
#page_title{margin-top: 20px;}
#logo2{max-width: 300px; margin: auto;}
.sns_links li{margin: 0 20px;}
#contents4 h2{padding-top: 80px;position: relative;}
.intro_wrap{
	max-width: 1250px;
	padding-bottom: 30px;
	margin:auto;
	background-image: url("./dup/img/intro_img2.png"),url("./dup/img/intro_img3.png");
	background-repeat: no-repeat,no-repeat;
	background-position: left 30px top 30px,right bottom 0px;
	background-size: 130px,130px;
}
#contents4 h2::before{
	content: '';
    display: inline-block;
    width: 75px;
    height: 75px;
    background-image: url("./dup/img/intro_img1.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-48%);
}
/* TOP吹き出しのとこ */
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 70px;
  padding: 15px 20px;
  min-width: 120px;
  max-width: 1280px;
  background: #1E73BE;
  border-radius: 15px;
}
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #1E73BE;
}
.balloon1 p {
  margin: 0;
  padding: 0;
}

/* ページタイトル部分 */	
#page_title p.font_20{display: none;}
#page_title h2{position: relative;color: #1E73BE;display: inline-block;z-index: 1;}
#page_title h2:after {
	content: '';
	display: inline-block;
	width: 363px;
	height: 70px;
	background-image: url("dup/img/page_h2_bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%,-50%);
	z-index: -1;
	opacity: 0.9;
}

/* CMS */
.cate_list li a:hover{opacity: 0.6;color: #333;}
#cms_3-c .box_title1{color: #1E73BE!important;font-weight: bold;font-size: -webkit-calc(1rem + 3px);font-size: calc(1rem + 3px);}
#cms_3-c .box_txt1{padding-left: 20px;}
#cms_3-c .box_img1{width: 33.33333%!important;}
#cms_3-c .cate_title{font-size: -webkit-calc(1rem + 10px);font-size: calc(1rem + 10px);font-weight: bold;}
#cms_3-c .box_title2{font-weight: bold;font-size: -webkit-calc(1rem + 4px);font-size: calc(1rem + 4px);}

#page7 .box_wrap .box .box_item:nth-child(1){width: 30%!important;}
#page7 .box_wrap .box .box_item:nth-child(2){width: 70%!important;}
#page10 ul li a:hover{color: #1E73BE;opacity: 0.6;}

/* IE */
@media all and (-ms-high-contrast: none){
#intro h2,#contents h2,#contents h3,.top_cms_box h2{padding-bottom: 0;}
.more a{padding-top: 8px;}
#page8 #form_bt div::after{transform: translate(-50%, -37%);}
#page9 a{padding-bottom: 0;}
#pan{padding-bottom: 15px;}
.pager li:first-of-type a, .pager li:last-of-type a{padding:10px 10px 5px;}
.balloon1{padding: 15px 20px 10px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header.bg_white{z-index: 999999;margin-bottom: 0;}
#header_menu{margin-right: 26px;}
#header_menu ul li{width: auto!important;}
#header_menu ul li {
    padding-right: 13px;
    padding-left: 13px;
}
.sns.sp_hide{top: 10px;}
.sns a{width: 45px;height: 45px;}
#page_title{ margin-top: 20px;}
#intro{padding-top: 65px;padding-bottom: 35px;}
.intro_wrap {
    max-width: 100%;
    padding-bottom: 68px;
    background-position: left 8px top 30px,right 5px bottom 3px;
    background-size: 96px,96px;
}
.balloon1 {margin: 0 0 50px;}
#page_title{background-position: center center!important;}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
html {font-size: 14px;}
#main_img a span{width: 17px;height: 17px;top: -2px;}
#main_img a{bottom: 4px;}
#logo{width: 42.33333%!important;}
header .sns{width: 35%!important;}
header.bg_white{padding: 0;}
#header_menu{margin-right: 0;}
#page_title{margin-top: 0;}
.page_title_box{width: 100%;}
#page_title h2{font-size: 20px;}
.sns_links li{margin: 0 10px;}
#contents4 h2 {padding-top: 55px;}
#contents4 h2::before{width: 57px;height: 57px;}
#intro {padding-top: 20px;padding-bottom: 0;}
#intro2{margin-top: 30px;}
.intro_wrap {
    padding-bottom: 0;
    background-image: none;
}
.sns a {
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
}
#cms_3-c .box_txt1{padding-left: 0;width: 100%!important;}
#cms_3-c .box_img1{width: 100%!important;}
#page7 .box_wrap .box .box_item:nth-child(1){width: 100%!important;}
#page7 .box_wrap .box .box_item:nth-child(2){width: 100%!important;}
#page-top{z-index: 8!important;}
#contents4 a {width: 50%;}
#page_title{padding: 80px 0;}
.cate_list{align-items: stretch!important;justify-content: space-between!important;}
.cate_list li{width: 48%;margin: 0 0 25px;}
.cate_list li a{padding: 7px 10px 5px;}
.cate_list li a:before{font-size: 20px;left: 11px;}
#page_title h2:after{
	width: 310px;
	height: 61px;
}
/* ---------- スマートフォン 2020.03.27修正 ---------- */
#fixmenu{background-color: transparent;}
.fix_bt a{background-color: #ff9900;}
.fix_bt:last-of-type a{background-color: #1dcd00;}
.fix_bt span{color: #fff;}
}

/* ---------- 2023.12.13修正 ---------- */
.sns p:nth-of-type(1) a,.sns_links2 p:nth-of-type(1) a{background-color: #ff9900;}
.sns p:nth-of-type(2) a,.sns_links2 p:nth-of-type(2) a{background-color: #2b9be0;}
.sns p:nth-of-type(3) a,.sns_links2 p:nth-of-type(3) a{background-color: #1dcd00;}
.sns p:nth-of-type(4) a,.sns_links2 p:nth-of-type(4) a{background-color: #e30012;}
.sns p:nth-of-type(5) a,.sns_links2 p:nth-of-type(5) a{background-color: #1877f2;}
.sns p:nth-of-type(6) a, .sns_links2 p:nth-of-type(6) a {
    background: rgb(253,164,27);
background: linear-gradient(52deg, rgba(253,164,27,1) 10%, rgba(242,1,10,1) 42%, rgba(201,0,130,1) 73%, rgba(196,0,146,1) 93%);
}

.sns_links2{justify-content: center;}
.sns_links2 p {padding: 10px;}
.sns_links2 a{
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	background-color: #92A8B5;
}
#logo2{margin-bottom: 20px;}
.sns_links{padding: 0}

@media screen and (max-width: 667px){
#logo{width: 42.33333%!important;}
header .sns{width: 35%!important;}
header.bg_white{padding: 0;}
#header_menu{margin-right: 0;}

header .sns{width: 37%!important;}
.sns.pc_hide p{padding: 0 3px;}
.sns a{width: 29px;height: 29px;}
.sns a .fa, .sns a .fas{font-size: 17px;}
.sns a i {width: auto;height: auto;}

.sns_links2 p{padding: 5px;}
.sns_links2 a{width: 42px;height: 42px;}

.drawer--top .drawer-nav{overflow-y: scroll;height: 100%;}
.drawer-menu{overflow-y: scroll;transform: none!important;height: 100%;}
.drawer-nav {padding-top: 100px;}
}

/* ---------- 2024.1.16修正 ---------- */
#header_menu li {
border: none;
}
#header_menu li a {
    background-color: #eef0f3;
    border: none;
    border-radius: 10px;
    margin: 5px;
    padding: 3px;
    display: block;
}
@media screen and (max-width: 768px){
#header_menu {
    margin-right: 54px;
}
#header_menu ul li {
    width: 25%!important;
    padding: 0;
}
#header_menu a span {
    font-size: 13px;
}
#main_img{padding-top: 0;}
}