/*
#loader{
    display: none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#1869BA;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}

body{
    overflow:hidden;
}

#footer_box .tel{
    display:none;
}

#wrap::before {
  background: url(./Up_Img/574/mainimg.jpg) no-repeat center;/* 画像（ここにfixedは入れない） */
  background-size: cover;/* cover指定できる */
  content: "";
  display: block;
  position: fixed;/* 擬似要素ごと固定 */
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;/* 横幅いっぱい */
  height: 100vh;/* 縦幅いっぱい */
}

.fix_bnr{
    right:60px;
    height: 58px;
    line-height: 58px;
    z-index:3;
}


/*--top page---------------------------
-------------------------------------*/
#main_img::after {
    background: transparent;
    pointer-events: none;
}
#main_nav{
    left:8%;
}

#main_nav ul li a{
    color:#333;
}
#main_nav ul::before,#main_nav ul::after{
    display:none;
}

.catch {
    width: 33vw;
    max-width: 700px;
    top: 13%;
    left: 10%;
}
.main_item {
    width: 34vw;
    max-width: 700px;
    bottom: 8%;
    left: 9%;
}
.line_bnr{
    bottom:20px;
    right:20px;
}
.intro_maintxt {
    padding: 5% 10% 7%;
}
.intro_item {
    width: 40vw;
    max-width: 750px;
    right: 5%;
    bottom: -90px;
    z-index: 3;
}
#contents_links .box_wrap .box a h4{
    border:0;
}
#contents2 .con2_sub_title{
    font-size: 6rem;
    line-height: 0.2;
}
#contents2 ul li {
    padding-left: 50px;
    background: url(./Dup/img/check.png) no-repeat top 9px left/23px 23px;
}

/*--under page---------------------------
-------------------------------------*/



.other #main_nav li a{
    color:#fff;
    text-shadow:none;
}

.qa_type1 .cate_box {
	border: 1px solid #909090;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #5c5c5c;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #f57f40;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #f5f5f5;
	border-radius: 5px;
}






/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 1024px){
#wrap::before {
  background: url(./Up_Img/574/mainimg_tb.jpg) no-repeat center;/* 画像（ここにfixedは入れない） */
  background-size: cover;/* cover指定できる */
  content: "";
  display: block;
  position: fixed;/* 擬似要素ごと固定 */
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;/* 横幅いっぱい */
  height: 100vh;/* 縦幅いっぱい */
}
.catch {
    width: 46vh;
    top: 43%;
    left: 2%;
}
.catch img {
    filter: drop-shadow(1px 1px 0px #fff);
}
.main_item {
    width: 66vw;
    bottom: 0;
    left: 0;
}
.intro_maintxt {
    padding: 5% 10% 12%;
}
.intro_item {
    width: 48vw;
    right: 1%;
    bottom: -112px;
}
}

@media screen and (max-width: 768px){
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
.fix_bnr {
    height: 52px;
    line-height: 52px;
}
#contents2 .con2_sub_title {
    font-size: 4rem;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch {
    width: 37vh;
    top: 42%;
}
#main_img h2,
.line_bnr{
    display: none;
}
.main_item {
    width: 96vw;
    bottom: 3%;
    left: 2%;
}
#contents2 .con2_sub_title {
    font-size: 3rem;
}
.fix_bnr {
    right: 40px;
    height: 50px;
    line-height: 50px;
    width: 250px;
}
.other h1 img{
    width:150px;
}
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}
}