@charset "UTF-8";

:root {
	/* color */
    --main-color01: #1354A9;
	--main-color02: #142978;
    --main-color03: #2945AB;
    --base-color01: #EFF3FC;
    --base-color02: #D5DEF1;
    --background-gray: #F3F3F3;
	--text-black: #000000;
	--red: #D44A4A;
	
	/* font-style */
	--main_style: "Noto Sans JP", serif;	

/* gradient */
    --gradient_01:linear-gradient(-102deg, rgba(255,255,255,0.4) 0%, rgba(1,12,22,0.4)100%);
}

body {
	font-family: var(--main_style);
	line-height: 2.0;
	font-size: 19px;
    font-weight: 400;
	-webkit-text-size-adjust: 100%;

	}

/* PC-SP非表示切り替えクラス */
body.is_pc .PcNodisplay,
body.is_tab .PcNodisplay,
body.is_sp.yoko-mode .PcNodisplay,
body.is_pc .smallonly,
body.is_tab .smallonly{display:none;}	

body.is_sp .smallonly{display: none;}	

body.is_sp .SpNodisplay,
body.iphone-access .SpNodisplay,
body.android-access .SpNodisplay{display: none;}	

body.is_sp.tate-mode .SpNodisplay_tate{display: none;}


body.is_pc a:hover{opacity: 0.4; transition: 0.4s;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding: 0;}
h2,h3,h4,h5,h6{font-weight:500;}
li{list-style:none;}
a{cursor:pointer; text-decoration: none; color: var(--main-color02);}

p{letter-spacing: 1.5px; line-height: 2;}
ol {margin: 0;padding: 0;list-style: none;counter-reset: yourDefinition;}


body.is_sp p,
body.iphone-access p,
body.android-access p {
	font-size: 17px;
    line-height: 1.6;
}

/*common*/
.InnerBox{width: 90%; max-width: 1280px; padding: 80px 0; margin: 0 auto;}
span.bluetxt{color: var(--main-color01);}
.back_blue{background:var(--base-color01);}
.back_blue_dark{background:var(--base-color02);}
.back_gray{background-color: var(--background-gray)}

.scrollBox{scroll-margin-top: 100px;}

.past_activities_line{border-bottom: 1px dotted var(--main-color01);margin: 90px auto;}
body.is_sp .past_activities_line{margin: 60px auto;}

body.is_sp.tate-mode #global-pagetop{position: fixed; bottom: 74px!important}

/*-- スマホ --*/
body.is_sp .InnerBox{ padding: 55px 0;}
/*-------*/


/*-- ScrollTrigger　アニメーション --*/


@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
	}	


.fadeIn {
  opacity: 0;
  visibility: hidden;
}

/*-------*/



/*--- header ---*/
header{position: relative; width: 100%;}
.header_inner{
    display: flex; 
    justify-content: space-between;
     align-items: center;
     margin: 0 25px;
     padding:10px;
     height: 70px;
}
.header_l{width: 70%;max-width: 600px;}

.header_l h1.Logo a {
  height: 100%;
  display: flex;
  align-items: center;
  gap:8px;
}	
.header_l h1.Logo a img{
	max-height: 100%;
	width:100%;
    max-width: 50px;
}


.header_l h1.Logo a{font-size: 35px;letter-spacing: 1px;color: #fff!important;line-height: 1.2;font-weight: 500;}

.header_r{width:40%;max-width: 140px;margin-right: 50px;}	

body.is_pc .fixedBTN,
body.is_tab .fixedBTN,
body.is_sp.yoko-mode .fixedBTN{display: none;}

 .rinkBTN a{
    display: block;
    width: 100%;
    background: #fff; 
    border: 1px solid var(--main-color01);
    color: var(--main-color01); 
    padding: 17px 0 17px 48px; 
    position: relative; 
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    transition: 0.4s;
}

.rinkBTN a::after
{
    content: "";
	display: block;
	position: absolute;
    top: 0;
    bottom:0;
    margin: auto 0;
	right: 16px;
	width: 9px;
	height: 9px;
	border-right: 3px solid var(--main-color01);
	border-bottom: 3px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
		
}

.rinkBTN a::before{
    content: "";
	display: block;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	left: 16px;
    background-image: url(../images/icon_megaphone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;height: 19px;
}


/*-- スクロール後 --*/
header.scroll-change .header_inner{
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    margin: 0 25px; 
    padding:10px;
    height: 70px;
}

header.scroll-change .header_l h1.Logo a {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 600px;
}	
header.scroll-change .header_l h1.Logo a{color: #fff!important;line-height: 1.2;letter-spacing: 1px;}

header.scroll-change .rinkBTN a{
    display: block;
    width: 100%;
    background: #fff; 
    border: 1px solid var(--main-color01);
    color: var(--main-color01); 
    padding: 13px 0 13px 48px; 
    position: relative; 
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.3;
    transition: 0.4s;
}

header.scroll-change .rinkBTN a::after 
{
    content: "";
	display: block;
	position: absolute;
    top: 0;
    bottom:0;
    margin: auto 0;
	right: 16px;
	width: 9px;
	height: 9px;
	border-right: 3px solid var(--main-color01);
	border-bottom: 3px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
		
}

header.scroll-change .rinkBTN a::before {
    content: "";
	display: block;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	left: 16px;
    background-image: url(../images/icon_megaphone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;height: 19px;
}


 /*-- スクロール後ここまで --*/

/*-- タブレット・スマホ --*/

body.is_sp .header_inner,
body.iphone-access .header_inner,
body.android-access .header_inner,
body.is_tab.android-access .header_inner{
     margin: 0 10px;
     height: 40px;
}
body.is_sp header.scroll-change .header_inner,
body.iphone-access header.scroll-change .header_inner,
body.android-access header.scroll-change .header_inner,
body.is_tab.android-access header.scroll-change .header_inner{
    margin: 0 10px; 
    height: 40px;
}

body.is_tab .header_l h1.Logo a{font-size: 28px;}
body.is_tab .header_l h1.Logo a img{font-size: 35px;}

body.is_sp .header_l,
body.iphone-access .header_l,
body.android-access .header_l{width: 100%;}


body.is_sp.tate-mode .header_r,
body.iphone-access.tate-mode s .header_r,
body.android-access.tate-mode .header_r{display: none;}

body.is_sp .header_l h1.Logo a,
body.iphone-access .header_l h1.Logo a,
body.android-access .header_l h1.Logo a{font-size: 25px;letter-spacing: 0;}

body.is_sp .header_l h1.Logo a img,
body.iphone-access .header_l h1.Logo a img,
body.android-access .header_l h1.Logo a img{
	max-height: 100%;
	width:70%;
    max-width: 35px;
}

@media screen and (max-width: 425px) {
body.is_sp .header_l h1.Logo a,
body.iphone-access .header_l h1.Logo a,
body.android-access .header_l h1.Logo a{font-size: 20px;letter-spacing: 0;gap:1px}

body.is_sp .header_l h1.Logo a img,
body.iphone-access .header_l h1.Logo a img,
body.android-access .header_l h1.Logo a img{
	max-height: 100%;
	width:70%;
    max-width: 23px;
}
}

body.is_sp.yoko-mode .header_r,
body.iphone-access.yoko-mode .header_r,
body.android-access.yoko-mode .header_r{max-width: 120px;}


body.is_sp.yoko-mode .rinkBTN a,
body.iphone-access.yoko-mode .rinkBTN a,
body.android-access.yoko-mode .rinkBTN a{
    display: block;
    width: 100%;
    background: #fff; 
    border: 1px solid var(--main-color01);
    color: var(--main-color01); 
    padding:9px 0 9px 42px; 
    position: relative; 
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    transition: 0.4s;
}

body.is_sp.yoko-mode .rinkBTN a::after,
body.iphone-access.yoko-mode .rinkBTN a::after,
body.android-access.yoko-mode .rinkBTN a::after
{
    content: "";
	display: block;
	position: absolute;
    top: 0;
    bottom:0;
    margin: auto 0;
	right: 14px;
	width: 7px;
	height: 7px;
	border-right: 2px solid var(--main-color01);
	border-bottom: 2px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
		
}

body.is_sp.yoko-mode .rinkBTN a::before,
body.iphone-access.yoko-mode .rinkBTN a::before,
body.android-access.yoko-mode .rinkBTN a::before{
    content: "";
	display: block;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	left: 16px;
    background-image: url(../images/icon_megaphone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 21px;height: 16px;
}





/*--- スマホ用ヘッダーリンクボタン---*/

body.is_sp.tate-mode .rinkBTN a,
body.iphone-access.tate-mode .rinkBTN a,
body.android-access.tate-mode .rinkBTN a{
    position: fixed; 
    border-radius: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0; 
    padding:20px; 
    display:flex;
    justify-content: center;
    align-items: center; 
    opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
    background-color: #ffffffe7;
    border: none;
    border-top: 2px solid var(--main-color01);
    z-index: 999;
}
body.is_sp.tate-mode .fixedBTN a,
body.iphone-access.tate-mode .fixedBTN a,
body.android-access.tate-mode .fixedBTN a {
	display: flex !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
    transition: 0.4s;
}

body.is_sp.tate-mode .fixedBTN a.is-show,
body.iphone-access.tate-mode .fixedBTN a.is-show,
body.android-access.tate-mode .fixedBTN a.is-show {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto;
    transition: 0.4s;
}
body.is_sp.tate-mode .rinkBTN a::after,
body.iphone-access.tate-mode .rinkBTN a::after,
body.android-access.tate-mode .rinkBTN a::after{display: none;}

body.is_sp.tate-mode .rinkBTN a span,
body.iphone-access.tate-mode  .rinkBTN a span,
body.android-access.tate-mode .rinkBTN a span{text-align: left;position: relative;padding:0 46px 0 30px;}

body.is_sp.tate-mode .rinkBTN a span::after,
body.iphone-access.tate-mode .rinkBTN a span::after,
body.android-access.tate-mode .rinkBTN a span::after{
    content: "";
	display: block;
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	right: 14px;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--main-color01);
	border-bottom: 2px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
		
}
body.is_sp.tate-mode .rinkBTN a::before,
body.iphone-access.tate-mode .rinkBTN a::before,
body.android-access.tate-mode .rinkBTN a::before{display: none;}

body.is_sp.tate-mode .rinkBTN a span::before,
body.iphone-access.tate-mode .rinkBTN a span::before,
body.android-access.tate-mode .rinkBTN a span::before{
    content: "";
	display: block;
	position: absolute;
    top: 47%;
    transform: translateY(-50%);
	left: 0;
    background-image: url(../images/icon_megaphone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;height: 19px;
}


/*-----------*/


/*--- footer ---*/
.footer{background:var(--gradient_01), var(--main-color01);background-blend-mode: multiply; color: #fff;padding: 40px 20px 10px;}
.footer_inner{width: 100%; max-width: 1280px;margin: 10px auto;}

.footer_inner .bnrBox{position: relative; padding-bottom: 3px; border-bottom: 1px solid #fff; margin-bottom: 50px;}
.footer_inner .bnrBox::after{content: "";display: block; border-bottom: 1px solid #fff;width: 100%;}
.footer_inner .bnrBox ul{display: grid; grid-template-columns: repeat(3, minmax(100px, 301px)); gap:30px;justify-content: center;margin-bottom: 40px;}
.footer_inner .bnrBox ul li img{width: 100%;}

.footer_flex{display: flex; justify-content: space-between; gap:30px; align-items: flex-start;}
.footer_flex .footer_l{width: 70%;}
.footer_flex .footer_l h2.Logo{font-size: 32px; letter-spacing: 3px; line-height: 1.3;display: flex;align-items: center;gap:8px;font-weight: 500;}
.footer_flex .footer_l h2.Logo img{width: 100%; max-width: 50px;}
.footer_flex .footer_l p{font-size: 17px;font-weight: 400;margin-top: 20px;letter-spacing: 4px;}

.footer_flex .footer_r{width: 40%; max-width: 200px;}

.footer_btn a{
    display: block;
    background: #fff; 
    border: 1px solid var(--main-color01);
    color: var(--main-color01); 
    padding: 17px 0 17px 40px; 
    position: relative; 
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    transition: 0.4s;
}

.footer_btn a::after
{
    content: "";
	display: block;
	position: absolute;
	top: 25px;
	bottom: 0;
	right: 14px;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--main-color01);
	border-bottom: 2px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
		
}

.footer_btn a::before
{
    content: "";
	display: block;
	position: absolute;
    top: 20px;
	bottom: 0;
	left: 16px;
    background-image: url(../images/icon_megaphone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;height: 16px;
}

.copy{font-size: 16px;padding-top: 40px;text-align: right;}

/*-- タブレット・スマホ --*/

body.is_tab.tate-mode .footer_flex .footer_l h2.Logo{font-size: 30px; letter-spacing: 2px;gap:5px;}
body.is_tab.tate-mode .footer_flex .footer_l h2.Logo img{max-width: 45px;}


body.is_sp.tate-mode .footer_inner .bnrBox{margin-bottom:20px;}
body.is_sp.tate-mode .footer_inner .bnrBox ul{
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(100px, 301px)); 
    justify-content: center;
    margin-bottom: 20px;
    gap:20px;
}
body.is_sp.tate-mode .footer_flex{display: flex; justify-content: space-between;  flex-direction: column; gap:30px; align-items: center;}
body.is_sp.tate-mode .footer_flex .footer_l{width: 100%;max-width: 500px; margin: 0 auto;}
body.is_sp.tate-mode .footer_flex .footer_l h2.Logo{
    font-size: 30px; 
    letter-spacing: 2px; 
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap:8px;
    font-weight: 500;
    margin-bottom: 20px;
}
body.is_sp.tate-mode .footer_flex .footer_l h2.Logo img{max-width:40px;}
body.is_sp.tate-mode .footer_flex .footer_l p{letter-spacing: 1px;max-width: 269px; margin: 0 auto;text-align: center;line-height: 1.2;}
body.is_sp.tate-mode .footer_flex .footer_r{width: 100%; max-width:180px;margin: 0 auto;}
body.is_sp.tate-mode .copy{font-size: 14px;text-align: center;}

@media screen and (max-width: 519px) {
 body.is_sp.tate-mode .footer_flex .footer_l h2.Logo{font-size: 25px; letter-spacing: 0; gap:5px;justify-content: center;margin-bottom: 20px;}   
body.is_sp.tate-mode .footer_flex .footer_l h2.Logo img{max-width:30px;}
body.is_sp.tate-mode .footer_inner .bnrBox ul{gap:10px; grid-template-columns: repeat(auto-fit, minmax(100px, 260px)); }
}
@media screen and (max-width: 417px) {
 body.is_sp.tate-mode .footer_flex .footer_l h2.Logo{font-size: 18.5px; gap:3px;}   
body.is_sp.tate-mode .footer_flex .footer_l h2.Logo img{max-width:23px;}
body.is_sp.tate-mode .footer_flex .footer_l p{font-size: 15px;}
body.is_sp.tate-mode .footer_btn a{font-size: 17px;}
body.is_sp.tate-mode .copy{font-size: 12px;line-height: 1.3;}
}

body.is_sp.yoko-mode .footer_flex .footer_l h2.Logo{font-size: 25px; letter-spacing: 0; gap:5px;}   
body.is_sp.yoko-mode .footer_flex .footer_l h2.Logo img{max-width:30px;}


/*-----------*/


/*--- TitleStyle ---*/
.TitleStyle_left{font-size: 33px;letter-spacing:5px; line-height: 1.7;text-align: left;padding-bottom: 20px;}
.TitleStyle_left span.line{display: block; border-bottom: 1px solid var(--main-color02);width: 45px; padding-top: 20px;}

.TitleStyle_center{font-size: 33px;letter-spacing:5px; line-height: 1.7;text-align: center;padding-bottom: 50px;}
.TitleStyle_center span.line{display: block; border-bottom: 1px solid var(--main-color02);width: 45px;margin: 20px auto 0;}

/*--- タブレット・スマホ ---*/
body.is_sp .TitleStyle_left{font-size: 26px;letter-spacing:1px; line-height: 1.6;padding-bottom: 16px;}
body.is_sp .TitleStyle_left span.line{width: 35px; padding-top: 16px;}

body.is_sp .TitleStyle_center{font-size: 26px;letter-spacing:1px; line-height: 1.6;padding-bottom: 16px;}
body.is_sp .TitleStyle_center span.line{width: 35px; margin: 16px auto 0;}

/*-----------*/

/*-- fastview --*/
.fastviewBox{
    position: relative;
     width: 100%; 
     height: 100vh;
     background-image: url(../../images/main_pht.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 55% center;
    }

.fastviewBox .catchphrase{
    position: absolute;
    bottom: 8%;
    left: 0;
    width: 100%;
    max-width: 761px;
    background: rgba(249, 250, 251, 0.7);
    padding: 30px 5px 20px 45px;

}
@media screen and (min-width: 768px) and (max-width: 1190px) {
.mediaqueri_displaynone{display: none;}	
.fastviewBox .catchphrase{  max-width: 640px;}
}


.fastviewBox .catchphrase h2{font-size: 45px; font-weight: 600; line-height: 2;letter-spacing: 8px;}


/*-- タブレット・スマホ --*/
body.is_tab.yoko-mode .fastviewBox{
     background-size: cover;
     background-position: 65% center;
     background-repeat: no-repeat;
     overflow: hidden;
    }

body.is_tab.tate-mode .fastviewBox{
    position: relative;
     width: 100%; 
     height: 100vh;
     background-image: url(../../images/main_pht_tab.jpg);
     background-size: cover;
     background-position: center 65%;
     background-repeat: no-repeat;
     overflow: hidden;
    }
body.is_tab .fastviewBox .catchphrase{max-width: 640px;}

body.is_sp.yoko-mode .fastviewBox .catchphrase,
body.iphone-access.yoko-mode .fastviewBox .catchphrase,
body.android-access.yoko-mode .fastviewBox .catchphrase{max-width: 455px; padding: 20px 35px;}

body.is_sp.yoko-mode .fastviewBox .catchphrase h2,
body.iphone-access.yoko-mode .fastviewBox .catchphrase h2,
body.android-access.yoko-mode .fastviewBox .catchphrase h2{font-size: 35px; font-weight: 600; line-height: 1.5;letter-spacing: 3px;}


body.is_sp.tate-mode .fastviewBox,
body.iphone-access.tate-mode .fastviewBox,
body.android-access.tate-mode .fastviewBox{
    position: relative;
     width: 100%; 
     height: 100vh;
     background-image: url(../../images/main_pht_sp.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
    }
body.is_sp.tate-mode .fastviewBox .catchphrase,
body.iphone-access.tate-mode .fastviewBox .catchphrase,
body.android-access.tate-mode .fastviewBox .catchphrase{
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 86%;
    max-width: 395px;
    padding:25px 18px 25px 20px;

}

body.is_sp.tate-mode .fastviewBox .catchphrase h2,
body.iphone-access.tate-mode .fastviewBox .catchphrase h2,
body.android-access.tate-mode .fastviewBox .catchphrase h2{font-size: 30px; font-weight: 600; line-height: 1.5;letter-spacing: 0;}

@media screen and (max-width: 425px) {
body.is_sp.tate-mode .fastviewBox .catchphrase,
body.iphone-access.tate-mode .fastviewBox .catchphrase,
body.android-access.tate-mode .fastviewBox .catchphrase{
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 90%;
    max-width: 300px;
    padding:25px 9px 25px 20px;

}
body.is_sp.tate-mode .fastviewBox .catchphrase h2,
body.iphone-access.tate-mode .fastviewBox .catchphrase h2,
body.android-access.tate-mode .fastviewBox .catchphrase h2{font-size: 25px;letter-spacing: -0.5px;line-height: 1.5;}

}

/*-----------*/



/*--- firstBox ---*/
.fastBox .flexBox{display: flex; justify-content: space-between; align-items: flex-start; gap:40px;}
.fastBox .flexBox .inner{width: 50%;}
.fastBox .flexBox p.inner_rigth{width: 50%;}
.fastBox .flexBox p img{width: 100%;}

/*--- タブレット・スマホ ---*/
body.is_tab.tate-mode .fastBox .flexBox,
body.is_sp.tate-mode .fastBox .flexBox{
    flex-direction: column;
    gap:26px;
    justify-content: center;align-items: center;
}

body.is_tab.tate-mode .fastBox .flexBox .inner,
body.is_sp.tate-mode .fastBox .flexBox .inner{width: 100%; max-width: 800px;margin: 0 auto;}

body.is_tab.tate-mode .fastBox .flexBox p.inner_rigth,
body.is_sp.tate-mode .fastBox .flexBox p.inner_rigth{width: 100%;max-width: 500px; margin: 0 auto;}
/*-----------*/


/*--- secondBox ---*/
.secondBox > * {
    position: relative;
    z-index: 1;
}
.secondBox{position: relative;overflow: hidden;}
.secondBox::after{
content: "";
display: block;
background-image: url(../../images/back_icon_white.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 422px;height: 424px;
position: absolute;
bottom: -3%;
left: -3%;
z-index: 0;
}
.secondBox .flexBox{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap:50px;
    line-height: 2;
    max-width: 1050px;
    margin:0 auto 60px;
}
.secondBox .flexBox .inner{width: 70%;}
.secondBox .flexBox img{width: 100%; max-width: 210px;}

.secondBox p.txtBox,.secondBox p.name{ max-width: 1050px;margin:0 auto 30px;}
.secondBox p.name{text-align: right;line-height: 1.5;}

/*--- タブレット・スマホ ---*/
body.is_tab.tate-mode .secondBox .flexBox img{max-width: 170px;}

body.is_sp .secondBox::after{width: 272px;height: 268px;}
body.is_sp.tate-mode .secondBox .flexBox,
body.is_sp.iphone-access.is_sp.tate-mode .secondBox .flexBox{flex-direction: column; gap:25px; margin:0 auto 40px;}

body.is_sp.tate-mode .secondBox .flexBox .inner{width: 100%;}
body.is_sp.tate-mode .secondBox .flexBox .inner p{width: 100%;}
body.is_sp.tate-mode .secondBox p.photo{max-width: 150px; margin:0 auto 20px;}
body.is_sp.tate-mode .secondBox p.photo img{width: 100%;}
body.is_sp.tate-mode .secondBox p.name{text-align: center;}

body.iphone-access.is_sp.tate-mode .sp_width{width: 100%;}

body.is_sp.yoko-mode .secondBox .flexBox img{max-width: 150px;}
/*-----------*/

/*--- thirdBox ---*/
.thirdBox .flexBox{display: flex; justify-content: space-between; align-items: flex-start; gap:60px;}
.thirdBox .flexBox .inner{width: 50%;}
.thirdBox .flexBox .inner_rigth{
    width: 50%;
    padding: 40px; 
    background: var(--base-color02); 
    position: relative;
    outline: 1.3px solid #fff;
    outline-offset: -15px;

}


.thirdBox .flexBox .inner_rigth ol li{ position: relative;line-height: 1.4;padding:0 0 28px 37px;letter-spacing: 2px;font-size: 19px;}
.thirdBox .flexBox .inner_rigth ol li:last-child {padding-bottom: 0;}
.thirdBox .flexBox .inner_rigth ol li::before{
 counter-increment: yourDefinition;
content: counter(yourDefinition);
display: block;
width: 24px;
height: 28px;
text-align: center;
color: white;
font-size: 20px;
font-weight: 600;
line-height: 1.4;
letter-spacing:0;
background: var(--main-color01);
position: absolute;
top:0;
left: 0;
}

.thirdBox .BnrBox{margin-top: 80px; display: flex; justify-content: center; gap:50px;width: 100%;}
.thirdBox .BnrBox p{width: 100%;max-width:405px;}
.thirdBox .BnrBox .bnr_sosiki a, 
.thirdBox .BnrBox .bnr_kiyaku a{
    display: flex;
    align-items: center;
    min-height:70px;
    max-height: 75px;
    color: #fff;
    position: relative;
    border-radius: 5px;
}
.thirdBox .BnrBox .bnr_sosiki a{
    background: var(--main-color02);
    font-size:29px; 
    font-weight: 600;
    letter-spacing: 1px;
    line-height:2;
    padding:20px 0 20px 66px;

}
.thirdBox .BnrBox .bnr_sosiki a::after{
    content: "";
    display: block;
    background-image: url(../../images/icon_01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 71px;height: 105px;
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    right: 25px;

}

.thirdBox .BnrBox .bnr_kiyaku a{
    background: var(--main-color03);
    font-size:23px;
    letter-spacing: 0;;
    font-weight: 500;
    line-height: 1.3;
    padding: 20px 0 20px 66px;
}
.thirdBox .BnrBox .bnr_kiyaku a::after{
    content: "";
    display: block;
    background-image: url(../../images/icon_02.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 48px;height:77px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;

}
.thirdBox .BnrBox .bnr_sosiki a::before, 
.thirdBox .BnrBox .bnr_kiyaku a::before{
    content: "";
    display: block;
    background-image: url(../../images/logo_icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 38px;height: 38px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 20px;
}


.thirdBox .BnrBox .bnr_sosiki a span.name ,
.thirdBox .BnrBox .bnr_kiyaku a span.name{
    position: relative;
    display: inline-block;
    padding: 5px 25px 5px 10px;
    border-bottom: 4px double #fff;
}
.thirdBox .BnrBox .bnr_kiyaku a span.name{padding: 5px 10px 5px 10px;}

.thirdBox .BnrBox .bnr_sosiki a span.name::after{
    content: "";
    display: block;
    background-image: url(../../images/pdf_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;height: 22px;
    position: absolute;
    top: 59%;
    transform: translateY(-50%);
    right: 0;
}

.thirdBox .BnrBox .bnr_kiyaku a span.name::after{
    content: "";
    display: block;
    background-image: url(../../images/pdf_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;height: 22px;
    position: absolute;
    top: 73%;
    transform: translateY(-50%);
    right:53px;
}


/*--- タブレット・スマホ ---*/
body.is_tab .thirdBox .flexBox,
body.is_sp .thirdBox .flexBox,
body.iphone-access .thirdBox,
body.android-access .thirdBox{
    flex-direction: column;
    gap:26px;
    justify-content: center;align-items: center;
}


body.is_tab .thirdBox .flexBox .inner,
body.is_sp .thirdBox .flexBox .inner,
body.iphone-access .thirdBox .flexBox .inner,
body.android-access .thirdBox .flexBox .inner{width: 100%;}

body.is_tab .thirdBox .flexBox .inner_rigth{ width: auto;  max-width: 597px;}

body.is_sp .thirdBox .flexBox .inner_rigth{
    width: auto; 
    margin: 0 auto;
    padding: 19px; 
    outline-offset: -8px;
}
body.is_sp .thirdBox .flexBox .inner_rigth ol li{padding:0 0 19px 33px;font-size: 17px;}
body.is_sp .thirdBox .flexBox .inner_rigth ol li::before{font-size: 18px;}

body.is_tab .thirdBox .BnrBox{flex-direction: column;gap:40px;width: 100%;max-width:430px; margin: 50px auto 0;}
body.is_sp.tate-mode .thirdBox .BnrBox{margin-top: 50px;gap:35px;flex-direction: column; width: 92%;max-width: 330px;margin: 40px auto 0;}
body.is_sp.yoko-mode .thirdBox .BnrBox{margin-top: 40px; display: flex; gap:20px;justify-content: center; align-items: center;}


body.is_sp .thirdBox .BnrBox .bnr_sosiki a{font-size:26px;  padding:13px 0 13px 47px;}
body.is_sp .thirdBox .BnrBox .bnr_sosiki a::after{
    width: 47px;height: 69px;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a{background: var(--main-color03);font-size:19px;line-height: 1.4; padding: 13px 0 13px 47px;}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a::after{
    width: 30px;height: 48px;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}
body.is_sp .thirdBox .BnrBox .bnr_sosiki a::before, 
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a::before{
    width:26px;height:26px;
    top:52%;
    transform: translateY(-50%);
    left: 13px;
}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a span.name{padding: 5px 8px 5px 10px;}

body.is_sp .thirdBox .BnrBox .bnr_sosiki a span.name::after{width: 17px; height: 18px;}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a span.name::after{width: 17px; height: 18px; right:42px;}

@media screen and (max-width: 366px) {
body.is_sp .thirdBox .BnrBox .bnr_sosiki a{font-size:22px;  padding:13px 0 13px 49px;}
body.is_sp .thirdBox .BnrBox .bnr_sosiki a::after{
    width: 37px;height: 54px;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
}

body.is_sp .thirdBox .BnrBox .bnr_kiyaku a{
background: var(--main-color03);
    font-size:18px;
    line-height: 1.4;
    padding: 13px 0 13px 48px;
}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a::after{width: 25px;height: 40px;right: 8px;}

body.is_sp .thirdBox .BnrBox .bnr_sosiki a span.name{ padding: 5px 18px 5px 0;}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a span.name{padding: 5px 2px 5px 0;}

body.is_sp .thirdBox .BnrBox .bnr_sosiki a span.name::after{right: -6px;}
body.is_sp .thirdBox .BnrBox .bnr_kiyaku a span.name::after{right:34px;}
}


/*-----------*/


/*--- fourthBox ---*/
.fourthBox .flexBox{display: flex; justify-content: space-between; align-items: flex-start; gap:50px; margin-bottom: 50px;}
.fourthBox .flexBox .inner_left{width: 100%; max-width: 510px;}
.fourthBox .inner{width: 100%;}
.fourthBox .flexBox .inner_left img{width: 100%;border-radius: 5px;}
.fourthBox .inner p.deta{font-size: 18px;font-weight: 400; color: var(--main-color01);padding-bottom: 5px;}
.fourthBox .inner h3.TitleStyle_report{
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.3;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;
}
.fourthBox .inner h3.TitleStyle_report::before{
    content: "";
    display: block;
    width:10px;
    height: 100%;
    background-color: var(--main-color01);
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    line-height: 1.3;
}

.fourthBox .past_activities{background-color: #fff; padding: 50px 40px;}
.fourthBox .past_activities h3.title{
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.3;
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:14px;
    white-space: nowrap;
    width: 100%;
}
.fourthBox .past_activities h3.title span.line{
    display:block;
     background-color: var(--main-color01);
    width: 100%;
    max-width:130px;
    height: 1px;
    flex: 1;
    min-width: 0;
    margin-top: 5px;
 }
.fourthBox .past_activities ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 360px));
    gap:60px;
    justify-content: center;
}
.fourthBox .past_activities ul li p{color: var(--text-black);}
.fourthBox .past_activities ul li p.photo img{width: 100%;border-radius: 5px;}
.fourthBox .past_activities ul li p.data{font-size: 18px;}
.fourthBox .past_activities ul li p.title{font-size: 19px;min-height: 70px; line-height: 1.5;margin-bottom: 10px;}
.fourthBox .past_activities ul li p.viewmore{
    font-size: 17px;
    line-height: 1;
    color: var(--main-color01);
    padding-right: 15px;
    border-bottom: 1px solid var(--main-color01);
    padding-bottom: 7px;
    width: 97px;
    margin:0 0 0 auto ;
    display: block;
    position: relative;
}
.fourthBox .past_activities ul li p.viewmore::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom:1px;
    margin: auto 0;
	right: 8px;
	width: 7px;
	height: 7px;
	border-right: 1px solid var(--main-color01);
	border-bottom: 1px solid var(--main-color01);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
    line-height: 1;

}
.fourthBox .past_activities .button {max-width:250px ; margin: 80px auto 0;}
.fourthBox .past_activities .button a{
    background:var(--main-color02);
    color: #fff;
    padding: 25px 45px 25px 22px;
    position: relative;
    line-height: 1;
    letter-spacing: 1px;
    border-radius: 5px;
    display: block;
}
.fourthBox .past_activities .button a::after{
   content: "";
    display: block;
    position: absolute;
    top: 2px;
    bottom:0;
    margin: auto 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
    line-height: 1;

}

/*--- タブレット・スマホ ---*/
body.is_tab .fourthBox .flexBox,
body.is_sp .fourthBox .flexBox{
    flex-direction: column;
    gap:26px;
    justify-content: center;align-items: center;
}

body.is_tab .fourthBox .flexBox .inner_left{width: 100%;max-width: 600px; margin: 0 auto;}

body.is_sp .fourthBox .flexBox .inner_left,
body.iphone-access .fourthBox .flexBox .inner_left,
body.android-access .fourthBox .flexBox .inner_left{width: 100%;max-width: 450px; margin: 0 auto;}

body.is_sp .fourthBox .inner p.deta,
body.iphone-access .fourthBox .inner p.deta,
body.android-access .fourthBox .inner p.deta{font-size: 17px;}

body.is_sp .fourthBox .inner h3.TitleStyle_report,
body.iphone-access .fourthBox .inner h3.TitleStyle_report,
body.android-access .fourthBox .inner h3.TitleStyle_report{font-size: 22px;}


body.is_sp.tate-mode .fourthBox .past_activities,
body.iphone-access.tate-mode .fourthBox .past_activities,
body.android-access.tate-mode .fourthBox .past_activities{padding: 30px 20px;}

body.is_sp.tate-mode .fourthBox .past_activities h3.title,
body.iphone-access.tate-mode .fourthBox .past_activities h3.title,
body.android-access.tate-mode .fourthBox .past_activities h3.title{
    font-size: 22px;
    letter-spacing: 0;
}
body.is_sp.tate-mode .fourthBox .past_activities ul{ gap:45px;}
body.is_sp.tate-mode .fourthBox .past_activities ul li p.photo img{width: 100%;}
body.is_sp.tate-mode .fourthBox .past_activities ul li p.data{font-size: 17px;}
body.is_sp.tate-mode .fourthBox .past_activities ul li p.title{font-size: 18px;min-height: 62px;line-height: 1.5;letter-spacing: 0;}
body.is_sp.tate-mode .fourthBox .past_activities ul li p.viewmore{font-size: 16px;padding-right: 14px;letter-spacing: 0;}
body.is_sp.tate-mode .fourthBox .past_activities .button {max-width: 220px; margin: 50px auto 0;}
body.is_sp.tate-mode .fourthBox .past_activities .button a{padding: 19px 45px 19px 22px;letter-spacing: 0;}
/*-----------*/


/*--- fifthBox ---*/
.fifthBox{position: relative;overflow: hidden;}
.fifthBox::after{
 content: "";
display: block;
background-image: url(../../images/back_icon_blue.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 422px;height: 424px;
position: absolute;
bottom: 2%;
right: -10%;
z-index: -1;
opacity: 0.3;
}


.fifthBox .flexBox{display: flex; justify-content:center; gap:90px;max-width: 1130px; margin: 0 auto;}
.fifthBox .flexBox .inner_left{width: 40%; max-width: 260px;display: flex; flex-direction: column; flex-grow: 1;}
.fifthBox .flexBox .inner_left h4.title{
    font-size:23px; 
    font-weight: 400;
    background-color: var(--main-color01); 
    color: #fff;
    padding:0 26px 0 16px;
    text-align: center;
    border-radius: 5px;
}
.fifthBox .flexBox .inner_left p.data{font-size: 17px; color: var(--main-color01);text-align: center;padding: 4px 0;}
.fifthBox .flexBox .inner_left a img{width: 100%; height: auto;}
.fifthBox .flexBox .inner_left a {
    display: flex;
    position: relative;
}

.fifthBox .flexBox .inner_left a::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(7, 33, 66, 0.8);
    opacity: 0;
    transition: 0.4s;
    z-index: 1;
}

body.is_pc .fifthBox .flexBox .inner_left a:hover::before {
    opacity: 1;
}
body.is_pc .fifthBox .flexBox .inner_left a:hover {
    opacity: 1;
}

body.is_pc .fifthBox .flexBox .inner_left a::after {
    content: "クリックでPDFを見る";
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 1px;
    opacity: 0;
    z-index: 2;
}

body.is_pc .fifthBox .flexBox .inner_left a:hover::after {
    opacity: 1;
}

.fifthBox .flexBox .inner_left .pdfPreview {
    display: block;
    position: relative;
    width: 100%;
}

.fifthBox .flexBox .inner_left .pdfPreview canvas {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--main-color01);
}


.fifthBox .flexBox .inner{
    width: 54%;
    background-color: var(--base-color02);
    padding: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.fifthBox .flexBox .inner h3.title{
    font-size: 27px;
    padding-left: 22px;
    line-height: 1;
    position: relative;
    white-space: nowrap;
}
.fifthBox .flexBox .inner h3.title::before{
    content: "";
    display: block;
    width:10px;
    height: 100%;
    background-color: var(--main-color01);
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: 0;
    line-height: 1;
}

.fifthBox .flexBox .inner ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,325px));
    gap:30px;
    margin-top: 40px;
}
.fifthBox .flexBox .inner ul li a{
    background: #fff;
    border-radius: 5px; 
    position: relative;
    line-height: 1.3;
    padding: 8px 30px 8px 15px;
    display: block;
    }
.fifthBox .flexBox .inner ul li a::after{
    content: "";
    display: block;
    background-image: url(../../images/pdf_red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 17px;height: 17px;
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 15px;
    line-height: 1.3;
}

@media screen and (min-width:1113px) and (max-width: 1245px){ 
    body.is_pc .fifthBox .flexBox{flex-direction: column;
    gap:26px;
    justify-content: center;align-items: center;

    }
    body.is_pc .fifthBox .flexBox .inner{
    width: 100%;
    max-width: 680px;
    padding: 40px;
}
}


/*--- タブレット・スマホ ---*/
    body.is_tab .fifthBox .flexBox,
    body.is_sp .fifthBox .flexBox
    {flex-direction: column;
    gap:26px;
    justify-content: center;align-items: center;

    }
    body.is_tab .fifthBox .flexBox .inner,
    body.is_sp .fifthBox .flexBox .inner{
    width: 100%;
    max-width: 680px;
    padding: 40px;
}

body.is_tab .fifthBox .flexBox .inner_left{width: auto; max-width: 260px;}
body.is_tab.tate-mode .fifthBox .flexBox .inner{padding: 30px;}
body.is_tab .fifthBox .flexBox .inner ul{gap:20px;}

body.is_sp .fifthBox::after{
width: 300px;height: 298px;
position: absolute;
bottom: 0;
right: -8%;
z-index: -1;
}

body.is_sp .fifthBox .flexBox .inner_left{width: auto; max-width: 260px;}
body.is_sp .fifthBox .flexBox .inner_left h4.title{font-size:20px;}
body.is_sp .fifthBox .flexBox .inner_left p.data{font-size: 16px;}
body.is_sp .fifthBox .flexBox .inner{width: auto; padding:20px;}
body.is_sp .fifthBox .flexBox .inner h3.title{font-size: 22px;}

body.is_sp .fifthBox .flexBox .inner ul{margin-top: 25px; gap:15px;}
body.is_sp .fifthBox .flexBox .inner ul li a::after{
    width: 13px;height: 13px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    line-height: 1.3;
}



body.is_sp.yoko-mode .fifthBox .flexBox .inner ul{grid-template-columns: repeat(2, 1fr); gap:25px;}
body.is_sp.yoko-mode .fifthBox .flexBox .inner ul li a{
    font-size: 16px;
    letter-spacing: -0.7px;
    padding: 8px 25px 8px 15px;
    display: block;
    }
body.is_sp.yoko-mode .fifthBox .flexBox .inner ul li a::after{
    content: "";
    display: block;
    background-image: url(../../images/pdf_red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;height: 14px;
    position: absolute;
    top: 20px;
    transform: translateY(-50%);
    right: 15px;
    line-height: 1.3;
}

/*-----------*/




/*----------------------- kasou -------------------------*/


/*--- header ---*/
.header_kasou{position: fixed; width: 100%; background-color:rgba(44, 52, 81, 0.7) ;z-index: 999;}
.header_kasou .header_inner_kasou{
     height: 65px;
     margin: 0 25px;
     padding:10px;
     display: flex;align-items: center;
}
.header_kasou .header_inner_kasou h1{}
.header_kasou .header_inner_kasou h1.Logo a {
  height: 100%;
  display: flex;
  align-items: center;
  gap:8px;
  font-size: 35px;
  letter-spacing: 1px;
  color: #fff!important;
  line-height: 1.2;
  font-weight: 500;
}	
.header_kasou .header_inner_kasou h1.Logo a img{
	max-height: 100%;
    max-width: 50px;
}

.pageTop{ height: 300px; max-height: 409px;}
.pageTop .back{
    position: relative;
     width: 100%; 
     height:100%;
     background-image: url(../../images/pageTop_img.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position:center 55%;
}
.pageTop .back h2{
    position: absolute;
    font-size: 47px;
    color: #fff;
    letter-spacing: 3px;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.panList{width:90%; max-width:1280px; margin: 5px auto;}
.panList ul{display: flex; justify-content: flex-start; align-items: center;}
.panList ul li {font-size: 17px;}
.panList ul li a{ text-decoration: underline; position: relative; line-height: 1;padding-right: 40px;}
.panList ul li a::after{
   content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom:0;
    margin: auto 0;
	right: 20px;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--text-black);
	border-bottom: 2px solid var(--text-black);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);
    line-height: 1;
}

.inner .maintxt > p {
    margin: 0 0 15px;
}

/* 画像だけのp */
.inner .maintxt > p:has(> img:only-child) {
    display: inline-block;
    width: calc(50% - 8px);
    vertical-align: top;
    margin-right: 15px;
}

/* 2枚目 */
.inner .maintxt > p:has(> img:only-child) + p:has(> img:only-child) {
    margin-right: 0;
}

.inner .maintxt > p:has(> img:only-child) img {
    display: block;
    width: 100%;
    height: auto;
}

/*--- タブレット・スマホ ---*/
body.is_sp .header_kasou,
body.iphone-access .header_kasou,
body.android-access .header_kasou{height: auto;}

body.is_sp .header_kasou .header_inner_kasou,
body.iphone-access .header_kasou .header_inner_kasou,
body.android-access .header_kasou .header_inner_kasou{height: 60px;padding: 0;margin: 0 17px;}

body.is_sp .header_kasou .header_inner_kasou h1.Logo a,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a,
body.android-access .header_kasou .header_inner_kasou h1.Logo a {font-size: 25px;letter-spacing: 0;}	

body.is_sp .header_kasou .header_inner_kasou h1.Logo a img,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a img,
body.android-access .header_kasou .header_inner_kasou h1.Logo a img{max-width: 35px;}

body.is_sp .pageTop{height: 175px;}
body.is_sp .pageTop .back h2{
    font-size: 32px;
    color: #fff;
    letter-spacing: 2px;
    top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);

}
body.is_sp .panList ul li{font-size: 16px;}

@media screen and (max-width: 453px){ 
body.is_sp .header_kasou .header_inner_kasou,
body.iphone-access .header_kasou .header_inner_kasou,
body.android-access .header_kasou .header_inner_kasou{margin: 0 13px;}

body.is_sp .header_kasou .header_inner_kasou h1.Logo a ,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a ,
body.android-access .header_kasou .header_inner_kasou h1.Logo a {font-size: 21px;letter-spacing: -0.6px;}	

body.is_sp .header_kasou .header_inner_kasou h1.Logo a img,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a img,
body.android-access .header_kasou .header_inner_kasou h1.Logo a img{max-width: 25px;}
}
@media screen and (max-width: 340px){ 
body.is_sp .header_kasou .header_inner_kasou h1.Logo a ,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a ,
body.android-access .header_kasou .header_inner_kasou h1.Logo a{font-size: 19px;letter-spacing: -0.6px;}	

body.is_sp .header_kasou .header_inner_kasou h1.Logo a img,
body.iphone-access .header_kasou .header_inner_kasou h1.Logo a img,
body.android-access .header_kasou .header_inner_kasou h1.Logo a img{max-width: 24px;}
}

/*-----------*/


/*--- pagenavi ---*/
.wp-pagenavi{display: flex;justify-content: center;align-items: center; gap:17px;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{position: relative;}
.wp-pagenavi .previouspostslink::before{
     content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
    margin: auto 0;
	right: 13px;
	width: 10px;
	height: 10px;
	border-right: 3px solid var(--main-color02);
	border-bottom: 3px solid var(--main-color02);	
	-webkit-transform:rotate(135deg);
	transform: rotate(135deg);	
}

.wp-pagenavi .nextpostslink::before{
     content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
    margin: auto 0;
	left: 13px;
	width: 10px;
	height: 10px;
	border-right: 3px solid var(--main-color02);
	border-bottom: 3px solid var(--main-color02);	
	-webkit-transform:rotate(-45deg);
	transform: rotate(-45deg);	
}
.wp-pagenavi .page{padding:4px 15px; background: var(--background-gray);font-size: 19px;border-radius: 5px;}
.wp-pagenavi .current{padding:4px 15px; background: var(--main-color02); color: #fff;font-size: 19px;border-radius: 5px;}