@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400&family=Open+Sans+Condensed:wght@300&display=swap');
body {
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.con1_title p,.con2_title p,.con3_title p,.cms_title,.info_title p,#top_cms .more a,#page_title p {
    font-family: "Open Sans Condensed", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.con1_title p,.con2_title p,.con3_title p,#page_title p{font-size: 25px;line-height: 1.5}
.cms_title,.info_title p{font-size: 20px;}
#top_cms .more a{font-size: 16px;}
#contents2 .con2_wrap{
	position: relative;
    z-index: 10;
}


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #0000CC;}
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #000000} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #0000CC} /* アクセントカラー1 */
.txt_color4{color: #ebf1ff} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #000000}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #0000CC}
.border_color4{border-color: #ebf1ff}

/* 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: #000000} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f7f7} /* サブカラー */
.hvr_txt_color3:hover{color: #0000CC} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ebf1ff} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #000000}
.hvr_border_color2:hover{border-color: #f7f7f7}
.hvr_border_color3:hover{border-color: #0000CC}
.hvr_border_color4:hover{border-color: #ebf1ff}



/* video---------------------------------------------------------------------------------------------*/

#main_img{height: 77vh!important;}
#video {
position: relative;
height: 77vh;
z-index: -1;
}
#header{
position: relative;
z-index: 1;
background-color: #fff;
}
#wrap{overflow: hidden;}
#contents1{
background-color: #fff;
position: relative;
z-index: 1;
}



/* all --------------------------------------------------------------------------------------------*/
.con2_title span, .con3_title span{background-color: #ffffff;}
#page_title{overflow: hidden;}
#page_title::before {
	display: inline-block;
	content: "";
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	background: rgba(0,0,0,0);
	position: absolute;
	margin: auto;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    border: 1px solid #fff;
    box-sizing: border-box;
    z-index: 9;
	transition: ease 1s;
	opacity: 0;
}
#page_title.anim_start::before{
	width: calc(100% - 25px);
	height: calc(100% - 25px);
	opacity: 1;
}

#logo img{width: 100px;}
header .trans_header{top: -180px;}
header .trans_header{height: 90px}
.trans_logo img{max-width: 70px;}
#logo2 img{max-width: 130px;}
.con1_title{

	background: url( "../dup/img/icon1.png" ) center top / 100px no-repeat ;
	padding-top: 95px;
	margin-top: -20px;
}
#cms_2-a .box_item.border_color2{border-color: #999999!important;}
#cms_3-e .cate_title{padding-left: 15px;}

/* IE */
@media all and (-ms-high-contrast: none){
#page_title::before {
	width: calc(100% + 20px);
	height: calc(100% + 20px);
}
.cms_1-e .date{padding-top: 9px;}
#cms_1-e .date{padding-top: 8px;}
.more a, #page08 input[type='submit'], #page07 h3, #page07 p, .end_message,.more a, #page08 input[type='submit'], #page07 h3, #page07 p, .end_message{padding-top: 20px !important;}
.footer_nav a, #page09 a{padding-top: 3px;}
#cms_3-e .cate_title{padding-top: 8px;padding-bottom: 9px;}
#cms_3-e .sub_cate_title{padding-top: 8px;padding-bottom: 8px;}
#cms_2-a .cate .cate_title{padding-top: 10px;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img{height: auto!important;}
#video{height: 52vh;}
.trans_logo img {max-width: 329px;}
header .trans_header{top: 0;height: 80px;}
.con1_title {
    background: url(../dup/img/icon1.png) center top / 80px no-repeat;
    padding-top: 75px;
    margin-top: 0px;
}
#page_title.anim_start::before{display: none;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#video {height: 40vh;}
header .trans_header{height: 80px;}
.trans_logo img {
    max-width: 212px;
    padding-top: 9px;
}
.con1_title h2{ont-size: -webkit-calc(1rem + 11px);font-size: calc(1rem + 11px);}
.con1_title {
background: url(../dup/img/icon1.png) center top / 70px no-repeat;
padding-top: 69px;
}
.con1_right{
	padding-top: 60px;
	padding-right: 35px;
	padding-left: 35px;
}
.con2_wrap,.con3_wrap{padding: 50px 25px;}
.page_title_box{padding: 70px 0;}
}

/* 2021.07.07 */
#main_img{z-index: -1;}