/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
body,.font_Quick{
        font-family: 'Montserrat',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
        font-weight: 500;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
/*.more a{background-image: linear-gradient(to right, #f9d423 0%, #f83600 130%);border: none;color: #fff;}*/
#fix_menu{    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);}
#logo{height: 100%;}
#wrap {
    overflow: inherit;
    padding-right: 0;
    width: calc(100% - 90px);
    margin-right: 90px;
}
#header {
    position: fixed;
    width: calc(100% - 90px);
    box-sizing: border-box;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 11;
    padding: 0 20px 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
#header .mail_bt a{background-image: linear-gradient(to right, #f9d423 0%, #f83600 130%);}
#main_img{max-height: inherit;}
.catch{
        max-width: 800px;
    bottom: 70px;
    left: 2%;
    width: 45%;
}
#attach {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 100px;
    background-image: none;
    /*background-image: linear-gradient(to right, #f9d423 0%, #f83600 130%);*/
    /*background-image: url(Dup/img/bg01.jpg);*/
}
#attach::before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(Dup/img/txt01.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 400px;
    height: 156px;
    transform: translate(-50%,-50%);
}
#attach a:hover{    background-color: #fff;}
#top_contact_box .top .box a{    background-image: linear-gradient(to right, #f9d423 0%, #f83600 130%);transition: 0.5s;}
/*#top_contents1::before{
    content: "";
    position: absolute;
    display: block;
    background-image: url(Dup/img/bg01.jpg);
    background-size: cover;
    background-position: center;
        width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}*/
/*#top_contents2{background-image: linear-gradient(to right, #f9d423 0%, #f83600 130%);padding: 130px 0 200px;}*/
#top_contents2 {
    padding: 130px 0 200px;
    background-color: #ff9e03;
}
/*#top_contents2 .con_box .text_box{width: 60%;top: 80%;}*/
#top_contents2 .con_box:nth-of-type(2) .text_box{left: inherit;}
/*.con_no {
    padding-right: 70px;
}*/
/*.con_no::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background-color: currentColor;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}*/
#top_cms {
    padding: 0 20px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
#footer{background-color: #121212!important;background: none!important;}
.more a{background-color: #ff9e03;color: #fff;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.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: #ff9e03;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #f5f5f5;
}

@media screen and (max-width: 768px){
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
}
@media screen and (max-width: 667px){
.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;
}
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
#page_title::before{background: none;background-image: linear-gradient(to right, #f9d423 0%, #f83600 100%);}
#page_title .title_box h2{font-size: calc(1rem + 14px);    color: #ff9e03;}



/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#header{z-index: 999;box-shadow: none;}
#fix_menu{top: 0;}
#logo{height: 95px;}
}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
    #attach{height: 200px;}
#attach::before{
    background-size: 70%;
    background-position: center;
}
#page_title .title_box h2 {
    font-size: calc(1rem + 4px);
}
#top_contact_box .top .contact_box{height: 300px;}
.catch{width: 50%;}
#logo {
    height: 78px;
}

#attach {
    background-image: url(Dup/img/bg01_sp.jpg);
}
#wrap{overflow: hidden;}

}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}