﻿/*
.qa_type5 figure {
    position: relative;
    padding-top: 35%;
    overflow: hidden;
}
.qa_type5 figure img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
*/
.qa_type5 figure {
    margin-bottom: 30px;
}
/*リンクを右下に固定*/
#page-top2 {
	position: fixed;
	right: -20px;
	bottom:100px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(200px);
}

/*　上に上がる動き　*/

#page-top2.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(200px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top2.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(200px);
  }
}




.scr {
    display: inline-block;
    margin-top: 50px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
#loading {
    background: #00011c url(Dup/img/load_bg.png) repeat-x;
    background-position: bottom;
    background-size: 70%;
}
#page_title .en {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: bold;
    
}
span.scr.font_12.txt_white {
    font-size: 20px;
}

.progressbar-text{
    color:white !important;
}
.more .more_item:hover {
    border-color: #461a57;
    color: #461a57;
}
#page_title .en:before {

    left: 0;
}

h4.modal_title2.font_20.font_18_sp.mg_b-30px.mg_b-10px_sp {
    font-weight: bold;
    color: #461a57;
}
.top_cms_box .box_txt1 {
    color: black;
}
.top_cms_box .box_title1, .top_cms_box .box_title2 {
    color: black;
}
.border_color2, .hvr_border_color2:hover {
    border-color: #ffdb00;
}
.top_cms_box h4.box_title1,.top_cms_box h3 {
    color: #f26813;
}
header.scr_header {
    background-color: #00000054 !important;
}
.con_box.hgs.font_20.width_600-max.pd_5per.pd_l-30px_sp.d_flex {
    max-width: 800px;
}
.overlay .overlay-nav .bottom a {
    background: #f26813;
}
.overlay:before {
    background-color: #461a57b3 !important;
}
.qa_type5 .faq_no {
    background: #f26813;
    border: #f26813;
}
.qa_type5 .faq_no.ans {
    background: #fbae00;
}
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}

section.v_type1 h3 {
    color: #f26813;
}
section.v_type1 p.box_txt1{
    color:black;
}
.v_type1 .triangle {
    display: block;
    border: #000 solid 2px;

}
.v_type1 .triangle:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #FFF transparent;
    border-width: 13px 13px 0 0;
    bottom: -13px;
    left: 50%;
    margin-left: -9px;
}
.v_type1 .triangle:after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #000 transparent;
    border-width: 15px 15px 0 0;
    bottom: -17px;
    left: 50%;
    margin-left: -11px;
}

.border_white{
    border-color:white;
}
.cate_list li a {
    background: #f26813;
}
.cate_list li a:hover {
    background: #ffbc00;
}
#page_title_img {
    height: 400px;
    background: url(Dup/img/main_img2.jpg);
    background-size: cover;
    background-position: center;
}
a.linkStyle {
    color: #ffdb00;
    text-decoration: underline;
}
h1#logo img {
    max-width: 100px;
}
.pager li a {
    background-color: rgb(242 104 19) !important;
}
.pager li a:hover {
    background: #ffdb00 !important;
}
.border_color4, .hvr_border_color4:hover {
    border-color: #461a57;
}
.info_btn_wrap a {
    background: #f26813;
}
p#copyright {
    background: #24062e;
}
p#logo2 img {
    width: 200px;
}
.info_txt {
    padding: 3%;
}
.top_cms_box .cms_title h3 {
    color: #461a57;
}
.txt_color4, .hvr_txt_color4:hover {
    color: rgb(242 104 19);
}
.top_cms_box {
    background: white;
    border-radius: 20px;
}
#footer_info{
    background:#3b114a
}
.blur {
    background: url(Dup/img/bg2.jpg);
    background-size: 1200px;
}
div#main_b {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
div#main_b img{
    max-width:900px;
}
/*
#intro {
    background: rgb(243,132,30);
    background: linear-gradient(180deg, rgb(235 124 22) 0%, rgb(219 95 19) 100%);
}
*/
div#kv {
    width: 100%;
    height: 100%;
}
div#kv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bg_color1, .hvr_bg_color1:hover {
    background-color: #ffdb00;
}
#loading_logo {
    max-width: 200px;　
}
.txt_color2, .hvr_txt_color2:hover {
    color: #ffdb00;
}
.bg_color3, .hvr_bg_color3:hover {
    background-color: #F26813;
}
h3.intro_title {
    color: #ffdb00;
}
h3.intro_title {
    font-weight: bold;
    font-size: 24px;
}

.border_color3, .hvr_border_color3:hover {
    border-color: #f26813;
}
#contents .con_title {
    font-size: 42px;
    color: #ffdb00;
    position: relative;
    margin-bottom: 20px;
}
.box_con {

    max-width: 180px;
    margin: auto auto 30px;
}
.intro_right h3.con_title {
    color: rgb(242 104 19);
}

section.top_cms_box{
    position:relative;
}
section.top_cms_box:before {
    width: 30px;
    height: 80px;
    content: "";
    background: url(Dup/img/j.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 20px;
}
section.top_cms_box:after {
    width: 30px;
    height: 80px;
    content: "";
    background: url(Dup/img/j.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    bottom: 20px;
    transform: rotate(180deg);
}

section.top_cms_box:nth-child(2):before,section.top_cms_box:nth-child(2):after{
      background: url(Dup/img/q.png) no-repeat;
    background-size: contain;
}

section.top_cms_box:nth-child(3):before,section.top_cms_box:nth-child(3):after{
      background: url(Dup/img/k.png) no-repeat;
    background-size: contain;
}

section.top_cms_box:nth-child(4):before,section.top_cms_box:nth-child(4):after{
      background: url(Dup/img/a.png) no-repeat;
    background-size: contain;
}

.cms_1-a .cate_box {
    color: black;
}
.bg_color4, .hvr_bg_color4:hover {
    background-color: rgb(242 104 19);
}

/*----------------------------------タブレット--------------------------------------*/
@media screen and (max-width:768px){
    div#main_b img {
    max-width: 70%;
}
div#main_img {
    max-height: 70vh;
}
.box_con {
    max-width: 150px;
    margin: auto auto 30px;
}
.box_con {
    max-width: 80px;
    margin: auto auto 30px;
}
#contents .con_title {
    font-size: 26px; 
}
section.top_cms_box:before,section.top_cms_box:after{
    display:none;
}

.top_cms_box .cms_title h3 {
    color: #461a57;
    font-size: 32px;
}
p#logo2 img {
    width: 160px;
}
h1#logo img {
    max-width: 70px;
}
#page_title_img {
    height: 300px; 
}
#page_title .en {
    font-size: 48px;
    top: -30px;
}
#loading {
    background-size: 150%;
}
}

/*----------------------------------スマホ--------------------------------------*/
@media screen and (max-width:667px){
    #loading_logo {
    max-width: 140px;
}
div#main_b img {
    max-width: 85%;
}
h3.intro_title {
    font-size: 20px;
}
    .con_photo {
    margin-bottom: 30px;
}
#contents .con_title {
    font-size: 24px;
}
.top_cms_box .cms_title h3 {
    font-size: 24px;
}
h1#logo img {
    max-width: 60px;
}
#page_title .en {
    font-size: 28px;
    top: -15px;
}
#page_title_img {
    height: 200px;
}
.blur {
    background: url(Dup/img/bg2.jpg);
    background-size: 600px;
}
h3.intro_title {
    font-size: 16px;
    white-space: nowrap;
}
footer .scroll {
    right: -40px;
}
footer .scr {
    margin-top: 50px; 
}
span.scr.font_12.txt_white {
    font-size: 18px;
}
#page-top2 {
    right: -30px;
    bottom: 50px;
}
}