@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Boku&display=swap');
/* ----------　all　---------- */
.linkStyle{
	color:#1f489d;
	text-decoration: underline;
}
.linkStyle:hover{
	color:#1f489d;
	opacity: 0.7;
	transition: all 0.5s;
}

.en_font {font-family: 'Roboto', sans-serif;}

.loader_txt, .cms_title h2, #catch h2, #question h2, #contents h2, #contents .box h3, #top_cms .cms_title h2, #page_title h2 {
        font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

.loader_txt span, .scroll_anime span {
    font-family: 'Yuji Boku', serif!important;
}

.top_page .loader_txt span, .scroll_anime span {
     font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}

/* nav */

header .logo {
    max-width: 130px;
}

header {
    background-color: rgba(235,237,242,0.7)!important;
}

header ul li a {
    color: #333333!important;
}

header ul li a:hover {
    color: #1f489d!important;
}

.button_container span {
    background-color: #1f489d;
}

.menu ul {
    background-color: rgba(255,255,255,0.7)!important;
}

.more_txt2 {
    color: #333333;
}

/* footer */

.fix-entry {
    width: 15%;
    bottom: 10px;
    right: 70px;
    z-index: 2;
    transition:0.3s;
}

.fix-entry span {
    z-index: 3;
    bottom: 0;
    left: -50%;
    width: 50%;
}

.fix-entry:hover span {
    left: -35%;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}


/* ----------　TOP　---------- */

/* main-img */

.main-copy {
    bottom: 16%;
    left: 500px;
    width: 65%;
    z-index: 2;
    max-width: 1200px;
    animation: poyopoyo 2s ease-out infinite;
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

/* top */

.box .sub_title {
    font-weight: 700;
    background: linear-gradient(transparent 60%, #f2d01f 0%);
    display: inline-block;
    line-height: 1;
}

/*catch*/
#catch .box {
    column-gap: 3%;
    background-color: transparent;
    margin-right: 0;
}

#catch .box .sub_title {
    transform: none;
    position: initial;
    font-size: calc(1rem + 8px);
}

#catch h2 img{
    max-width: 1200px;
    width: 70%;
    margin: auto;
}

#catch h2:before {
    content: "";
    width: 200px;
    height: 200px;
    background:url(Dup/img/ilu2.png) no-repeat bottom;
    background-size: contain;
    position: absolute;
    right: 2%;
    animation: yurayura 3s linear infinite;
}

#catch h2:after {
    content: "";
    width: 200px;
    height: 200px;
    background:url(Dup/img/ilu3.png) no-repeat bottom;
    background-size: contain;
    position: absolute;
    left: 2%;
    animation: yurayura 3s linear infinite;
    animation-delay: 1.5s;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(15deg);
  }
  50%{
      transform: rotate(-15deg);
  }
}

/*question*/

#question {
    background-color: #fff6c5;
}

#question .sliceTxt4, #question .sliceTxt5 {
    text-shadow: none;
    font-size: -webkit-calc(1rem + 14px);
    font-size: calc(1rem + 14px);
    color: #333333;
}

#question .sliceTxt7 {
    color: #1f489d;
    font-size: -webkit-calc(1rem + 30px);
    font-size: calc(1rem + 30px);
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff, 2px 0px 1px #fff, 0px 2px 1px #fff, -2px 0px 1px #fff, 0px -2px 1px #fff;
}

#question .txt {
    width: 45%;
    padding-left: 25px;
    margin-right: 3%;
    background-image: url('/Dup/img/check.png');
    background-repeat: no-repeat;
    background-position: left top 10px;
    background-size: 20px;
}

#question svc ,#question .txt .check, #question .txt:before, #contents .box .box_item:before {
    display: none;
}

.que-1, .que-2, .que-3,.que-4 {
    z-index: 2;
    width: 10%;
}

.que-1 {
    left: 5%;
    top: 10%;
    animation: yurayura2 3s linear infinite;
}
.que-2 {
    right: 5%;
    top: 25%;
}
.que-3 {
    bottom: 50px;
    right: 5%;
    animation: yurayura2 3s linear infinite;
    animation-delay: 1.5s;
}
.que-4 {
    bottom: 50px;
    left: 5%;
}

@keyframes yurayura2 {
  0% , 100%{
      transform: rotate(-15deg);
  }
  50%{
      transform: rotate(15deg);
  }
}

/*contents*/

#contents .box figure, #contents .box .box_item{
    width: 45%!important;
}

#contents .box .box_item,#contents .box:nth-child(even) figure, #contents .box:nth-child(odd) .box_item {
    margin: 0;
    background-color: transparent;
}

#contents .box {
    column-gap: 5%;
}

.con1, .con3 {
        flex-direction: row-reverse;
}

#contents .box .box_item .sub_title {
    transform: none;
    position: initial;
    font-size: calc(1rem + 4px);
}

#contents .marker {
    background: none;
}

/* top-cms */

#top_cms .marker, .title .marker {
    background: -webkit-linear-gradient(transparent 60%, #f2d01f 60%);
    background: -o-linear-gradient(transparent 60%, #f2d01f 60%);
    background: linear-gradient(transparent 60%, #f2d01f 60%);
}

/* ----------　下層ページ　---------- */




/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */


/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
.fix-entry {
        width: 30%;
}

footer .sns_link {
        justify-content: space-around;
}
    
.main-copy {
    left: 3%;
    width: 90%;
    bottom: 5%;
}
    
#catch h2:before {
    width: 70px;
    height: 150px;
}

#catch h2:after {
    width: 90px;
    height: 130px;
    top: 20px;
}

#question .txt {
    width: 100%;
    margin-bottom: 40px!important;
}

.que-1, .que-2, .que-3,.que-4 {
    width: 20%;
}

.que-1 {
    left: 2%;
    top: -3%;
}
.que-2 {
    right: 2%;
    top: 20%;
}
.que-3 {
    bottom: 50px;
    right: 5%;
}
.que-4 {
    bottom: 10%;
    left: 2%;
}

#contents .box figure, #contents .box .box_item{
    width: 100%!important;
}

#contents .box {
    display: block;
}

.con1, .con3 {
        flex-direction: row-reverse;
}

    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
.fix-entry {
    display: none;
}

.main-copy {
    width: 100%;
    background-color: rgba(255,255,255,0.5);
    padding: 10px 0;
    left: 0%;
    bottom: 0%;
}

#contents .box .box_item {
    padding: 50px 5px;
}
    
#catch h2:after {
    display: none;
}

#catch h2:before {
    width: 50px;
    height: 130px;
    top: 250%;
    right: 5%;
}

#catch h2 img {
    width: 90%;
}

#catch .box {
    padding-top: 20px;
}

.que-1, .que-2, .que-3,.que-4 {
    z-index: 2;
    width: 30%;
}

.que-3 {
    bottom: -2%;
    right: 2%;
}
.que-4 {
    bottom: 2%;
}
    
}

.link_type2 .cate_box a {
    color: #fff;
}
.link_type2 .cate_box a:before, .link_type2 .cate_box a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(31,72,157,0.5);
    z-index: 1;
}
.link_type2 .cate_box a:after {
    top: 100%;
    background-color: #f2d01f;
    transition: 0.5s;
	z-index: 3;
}
.link_type2 .cate_box a:hover:after {
    top: 0;
}
.link_type2 .cate_box .txt_wrap {
    z-index: 2;
}
.link_type2 .more {
	letter-spacing: 3px;
    box-sizing: border-box;
	opacity: 0;
	transition: opacity .8s;
	z-index: 4;
}
.link_type2 .cate_box a:hover .more {
    opacity: 1;
}