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


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

body{
    overflow:hidden;
}
.pc_nav li a .font_15{
    display:none;
}
.menu_btn{
    background-color: #3f97e3;
}
.menu_btn span{
    background-color: #fff!important;
}
.footer .width_1280-max{
    text-align:center;
}
.footer_contact h4{
    line-height:1.2;
}
.fix_bnr{
    right:20px;
    z-index:2;
}
.fix_bnr a{
    width: 250px;
}


/*--top page---------------------------
-------------------------------------*/
/*グローバルナビゲーション　メニューのカラーをランダムでロゴの4色に*/
:root{
    --color1:#f4b346;
    --color2:#6cc5d1;
    --color3:#f09069;
    --color4:#afd15b;
}
.pc_nav li a{
    display:block;
    padding:10px;
    border-radius:10px;
    border:1px solid;
}

/*color1*/
.pc_nav li:first-child a,
.pc_nav li:nth-child(5) a{
    display:block;
    border-radius:10px;
    border-color:var(--color1);
}
.pc_nav li:first-child a:hover,
.pc_nav li:nth-child(5) a:hover{
    background-color:var(--color1);
}
.pc_nav li:first-child a span,
.pc_nav li:nth-child(5) a span{
    color:var(--color1)!important;
}
.pc_nav li:first-child a:hover span,
.pc_nav li:nth-child(5) a:hover span{
    color:#fff!important;
}

/*color2*/
.pc_nav li:nth-child(2) a,
.pc_nav li:nth-child(6) a{
    display:block;
    border-radius:10px;
    border-color:var(--color2);
}
.pc_nav li:nth-child(2) a:hover,
.pc_nav li:nth-child(6) a:hover{
    background-color:var(--color2);
}
.pc_nav li:nth-child(2) a span,
.pc_nav li:nth-child(6) a span{
    color:var(--color2)!important;
}
.pc_nav li:nth-child(2) a:hover span,
.pc_nav li:nth-child(6) a:hover span{
    color:#fff!important;
}

/*color3*/
.pc_nav li:nth-child(3) a,
.pc_nav li:nth-child(7) a{
    display:block;
    border-radius:10px;
    border-color:var(--color3);
}
.pc_nav li:nth-child(3) a:hover,
.pc_nav li:nth-child(7) a:hover{
    background-color:var(--color3);
}
.pc_nav li:nth-child(3) a span,
.pc_nav li:nth-child(7) a span{
    color:var(--color3)!important;
}
.pc_nav li:nth-child(3) a:hover span,
.pc_nav li:nth-child(7) a:hover span{
    color:#fff!important;
}
/*color4*/
.pc_nav li:nth-child(4) a{
    display:block;
    border-radius:10px;
    border-color:var(--color4);
}
.pc_nav li:nth-child(4) a:hover{
    background-color:var(--color4);
}
.pc_nav li:nth-child(4) a span{
    color:var(--color4)!important;
}
.pc_nav li:nth-child(4) a:hover span{
    color:#fff!important;
}


#main_img{
    width: calc(100% - 20px);
    margin: 10px auto;
}
.catch {
    width: 50vw;
    max-width: 900px;
    top: 22%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.con4_item{
    width:120px;
    bottom:0;
    right:14%;
}
.con4_item2 {
    width: 150px;
    top: 10px;
    left: 15%;
}
#con4 .d_table{
    border-radius:30px;
}
.con4_list li {
    padding-left: 55px;
    background: #fff url(./Dup/img/check.png) no-repeat top 37px left 25px/20px 20px;
}

#con1{
    background:url(./Dup/img/item2.png) no-repeat top left/100% auto;
}
.con1_sub_title span,
.con3_title span{ 
  position: relative;
  padding: 0.3em;
}
.con1_sub_title span::before,
.con3_title span ::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
}
.con1_sub_title span::before{
    background: repeating-linear-gradient(-45deg, #3f97e3, #3f97e3 2px, white 2px, white 4px);
}
.con3_title span ::before{
    background: repeating-linear-gradient(-45deg, #3f97e3, #3f97e3 2px, #eef8ff 2px, #eef8ff 4px);
}
.youtube_box{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.con3_item{
    width:80px;
    margin:auto;
}

.num{
    font-size: 4rem;
    margin-top: -40px;
    position: relative;
    line-height: 1;
    color: #ff921e;
    display:none;
}

.flow_box .box{
    border-radius:10px;
}
.flow_img{
    height:300px;
}

.menu_box li a span {
    padding:10px;
    border-radius:10px;
}


/*--under page---------------------------
-------------------------------------*/
.g_type1 > div{justify-content: space-around;}
.g_type1 .modal_bt{cursor: pointer}
.g_type1 .modal_bg{top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 9998;}
.g_type1 .modal_box{max-height: 80%;overflow-y: auto;z-index: 9999;}
.g_type1 .close_bt{cursor: pointer}
.g_type1 .cate_box {position: relative;width: 22.99999%!important;margin: 0 1%;margin-bottom: 20px;overflow: hidden; }






/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){
.pc_nav li{
    padding-right:5px!important;
}
.pc_nav li a{
    padding:5px;
}
.pc_nav li a span{
    font-size:13px;
}
}


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

}


/* ---------- responshive ---------- */
@media screen and (max-width: 1280px){
.header-in{
    justify-content: space-between;
}
.pc_nav{
    display:none;
}    
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    

header{
    background-color: #fff;
    top:0;
}
.header-in{
    border:none;
    margin-top:0;
}
#main_img{
    padding-top:80px;
}
.catch {
    width: 60vw;
    top: 27%;
}
.con4_item {
    width: 100px;
    bottom: 50px;
    right: 5%;
}
.con4_item2 {
    width: 100px;
    top: 60px;
    left: 3%;
}
.con4_list li {
    background: #fff url(./Dup/img/check.png) no-repeat top 27px left 25px/20px 20px;
}
.flow_img{
    margin-bottom:20px;
}
.menu_box li{
    padding-right:10px;
    margin-bottom:10px;
}
.fix_bnr a {
    width: 180px;
    margin-right:5px;
}
.g_type1 .cate_box {
    width: 47.99999%!important;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.logo1 {
    max-width: 80px;
    padding-left: 0;
    padding-right: 20px;
    padding-top: 10px;
}
#main_img {
    width: 100%;
    margin: initial;
}
.catch {
    width: 77vw;
    top: 32%;
}
#con3 .box{
    margin-bottom:50px;
}
#con3 .box:last-of-type{
    margin-bottom:0;
}
.con4_item {
    width: 60px;
    bottom: 95px;
    right: 2%;
}
.con4_item2 {
    width: 70px;
    top: 90px;
}
.con4_list li {
    padding-left: 45px;
    background: #fff url(./Dup/img/check.png) no-repeat top 26px left 16px/20px 20px;
}
.flow_img {
    height: 200px;
}
.footer_contact h4{
    font-size:30px;
}
.fix_bnr a{
    margin-right:0;
}
.fix_bnr .bnr2,.fix_bnr .bnr3{
    width: 120px;
}
.fix_bnr .bnr1,.fix_bnr .bnr4{
    width:50px;
}
}