/* 営業電話お断り --------------------------------------*/
.no_eigyo{
    display: block;
    font-size: 17px;
    margin: 10px 0;
    opacity: 0.6;
}
.tel_bt .no_eigyo{
    color: #ef2f7f;
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    .no_eigyo{font-size: 14px; line-height: 1.3; letter-spacing: 0em;}
}
/* CMS・下層ページ ----------------------------------*/
#cms_6-c .box_wrap{position:relative;}
#cms_6-c .box_wrap::before{
    content: '';
    position: absolute;
    display: inline-block;
    width: 100vw;
    height: 100%;
    bottom: -15%;
    left: 0px;
    background-color: #e0eef5;
    margin: 0 calc(50% - 50vw);
    z-index: -1;
}
#page8 .contact_tel{
    display: block;
    background-color: #004289;
    color: #fff;
    transform: translateY(0px);
}
#page8 .contact_tel:hover{
    background-color: #ef2f7f;
    transform: translateY(-5px);
}
/* タブレット */
@media screen and (max-width: 768px){
    #page10 .more_bt2 span.txt_color3{display: none;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #tel_txt p{border-left: none; padding: 5px 20px 10px;}
}

/* メインイメージ -----------------------------------*/

.catch {
    z-index: 3;
    position: absolute;
    bottom: 5%;
    left: 2%;
    transform: translate(0%, 0%);
    width: 70%;
    max-width: 1100px;
}
/* 動画位置調整 */
#video{height: 100vh!important; height: auto;}
#video video{
    /*width: 100%!important;*/
	width: auto!important;
	height: 100%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    vertical-align: bottom;
}
@media screen and (min-width: 1630px){
    #video video{width: 100%!important; height: auto!important;}
}
/* タブレット */
@media screen and (max-width: 768px){
    /* 動画位置調整 */
	#video {
		height: auto!important;
		width: 100%;
	}
	#video video {
		width: 100%!important;
		height: auto;
		position: relative;
		top: 0%;
		left: 0%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(0%,0%);
	}
}
/* タブレット */
@media screen and (max-width: 768px){
    #main_img{height: auto!important;padding-top: 88px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #main_img{padding-top: 64px;}
}

/* トップページ -------------------------------------*/


#intro .intro_bg{background: linear-gradient(135deg, rgba(32, 110, 193, 0.84) 0%, rgba(0,66,137,0.84) 70%);}
.intro_title h2{font-size: 52px; width: 480px;}

#contents1 .txt_box h2{font-size: 52px; width: 400px;color: #095ab1;}

#contents2 .top_title h2{font-size: 46px;}
#contents2 .contents2_bg::before{background-color: #004289;background: linear-gradient(75deg, #004289 0%, #ef2f7f 100%);}

#top_cms .more_bt{margin-top: 50px;}
/* タブレット */
@media screen and (max-width: 768px){
    #contents1 .txt_box h2{font-size: 45px; width: 350px;}
    #contents2 .top_title h2{width: 590px; margin: 0 auto;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .intro_title h2{font-size: 32px; width: 300px;}
    #contents1 .txt_box h2{font-size: 32px; width: 280px;}
    #contents2 .top_title h2{ width: 300px; font-size: 25px; letter-spacing: 0em;}
}

/* 全体 ---------------------------------------------*/
#header ul.grid_2{padding: 0 10px;}
#header .txt_white{font-weight: 600;}
#pc_nav li.grid_3{width: 13%!important;}
#page_title::before{background: rgba(0, 66, 137, 0.3);}

.cate_list .more_bt a,.pager li a{background-color: #004289; color: #fff; transform: translateY(0px);}
.cate_list .more_bt a:hover,.pager li a:hover{background-color: #ef2f7f; transform: translateY(-5px);}
#page-top a{background-color: #004289; color: #fff;}
#page-top a:hover{background-color: #ef2f7f;}

.linkStyle{
	color:#004289;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#ef2f7f;
	opacity: 0.7;
	text-decoration: none;
}

#f_contact a:hover span.hover_box{ background: linear-gradient(75deg, #5d3b85 0%, #ef2f7f 100%);}
#f_contact .more_bt a{background: linear-gradient(75deg, #5d3b85 0%, #ef2f7f 100%);}
#f_contact .more_bt a:hover{color: #e9c8f7; background: linear-gradient(75deg, #a57fd3 0%, #ff62a4 100%);}
/* タブレット */
@media screen and (max-width: 768px){
    #pc_nav li.grid_3{width: 41%!important;}
    #sp_nav a.active{border-bottom: 1px solid #ffffff;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #header .mg_t-20px .txt_white{letter-spacing: 0.17em;}
}

/* 配色 ----------------------------------------------*/

.txt_color1,.hvr_txt_color1:hover{color: #004289;} 
.txt_color2,.hvr_txt_color2:hover{color: #e0eef5;} 
.txt_color3,.hvr_txt_color3:hover{color: #ef2f7f;} 
.txt_color4,.hvr_txt_color4:hover{color: #465395;} 
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #004289;}
.bg_color2,.hvr_bg_color2:hover{background-color: #e0eef5;}
.bg_color3,.hvr_bg_color3:hover{background-color: #ef2f7f;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #9be0ff;} 
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #004289;}
.border_color2,.hvr_border_color2:hover{border-color: #e0eef5;}
.border_color3,.hvr_border_color3:hover{border-color: #ef2f7f;}
.border_color4,.hvr_border_color4:hover{border-color: #9be0ff;}
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/
/*body,.font_14,.font_12,.font_100per,.font_2dw,.font_2dw_tb,.font_2dw_sp,.font_14_sp{*/
/*    font-size: 16px;*/
/*}*/
/*.font_2up{font-size: 18px;}*/
/*.font_4up{font-size: 20px;}*/


/* cms_1-g -----------------------------------------------------------*/
.cms_1-g .date{max-width: 120px;}

/* link_type2 --------------------------------------------------------*/

.link_type2 .cate_box a {
    color: #fff;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,66,137,0.5);
    z-index: 1;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #ef317f;
    transition: 0.5s;
	z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}


/* about_type1 -----------------------------------*/
main{
    overflow: hidden;
}
.about_type1 .cate_title {
	line-height: 1;	 
	font-size: 2.3em;
}
.about_type1 .cate_title_wrap{
	position: relative;
}
.about_type1 .cate_title_wrap::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100vw;
    height: calc(100% + -146px);
    bottom: 0;
    left: 0px;
    background-color: #e0eef5;
    margin: 0 calc(50% - 50vw);
    z-index: -1;
}
.about_type1 .cate_title_wrap.noimg::before {
    height: calc(100% + 4px);
}
.about_type1  .cate_title_wrap.noimg figure{
    margin-bottom: 0;
}
.about_type1 {counter-reset: num;}
.about_type1 .cate_title{
    position: relative;
    z-index: +2;
    border: 0;
    display: block;    
}
.about_type1 .cate_title:before {
   counter-increment: num;
   content: counter(num,decimal-leading-zero);
   font-family: impact;
   position: absolute;
   top: -75px;
   left: -20px;
   color:#9dd6f3;
   font-size: 4em;
   z-index: -1;
}
.about_type1 .box_title1 {
	display: inline;
    background:linear-gradient(transparent 75%, #9dd6f3 75%);
}
.about_type1 .cate_txt1 {
    font-size: 6em;
    font-family: 'impact',sans-serif;
    color: #ffffff;
    bottom: -9px;
    left: 0;
    margin: 0 calc(50% - 50vw);
    z-index: -1;
    line-height: 1;
}
/* ----------mobile_tb ---------- */
@media screen and (max-width: 768px){
    .about_type1 .cate_list{margin-bottom:110px;}
.about_type1 .cate_title_wrap::before {
    height: calc(100% + -89px);
}
.about_type1 .cate_title {
    font-size: 2em;
}
.about_type1 .cate_txt1 {
    font-size: 4em;
    left: -32px;
}
}
/* ----------mobile_sp ---------- */
@media screen and (max-width: 667px){
.about_type1 .cate_title_wrap::before {
    height: calc(100% + -130px);
}
.about_type1 .cate_title_wrap.noimg::before {
    height: calc(100% + -20px);
}
.about_type1 .cate_title:before {   
    top: -14px;
    left: 0px;    
    font-size: 2.5em; 
}
.about_type1 .cate_title {    
    font-size: 7vw;
}
.about_type1 .cate_txt1 {
    font-size: 10vw;
    bottom: -4px;
}	
}