@charset "UTF8";
.ltaspa1{ letter-spacing: 1px;}
.ltaspa2{ letter-spacing: 2px;}
.ltaspa3{ letter-spacing: 3px;}
.ltaspa4{ letter-spacing: 4px;}
.ltaspa5{ letter-spacing: 5px;}
.ltaspa6{ letter-spacing: 6px;}
.ltaspa7{ letter-spacing: 7px;}
.ltaspa8{ letter-spacing: 8px;}
.ltaspa9{ letter-spacing: 9px;}
.ltaspa10{letter-spacing:10px;}
.ltaspa11{letter-spacing:11px;}
.ltaspa12{letter-spacing:12px;}
.ltaspa13{letter-spacing:13px;}
.ltaspa14{letter-spacing:14px;}
.ltaspa15{letter-spacing:15px;}
.ltaspa-1{ letter-spacing: -1px;}
.ltaspa-2{ letter-spacing: -2px;}
.ltaspa-3{ letter-spacing: -3px;}
.ltaspa-4{ letter-spacing: -4px;}
.ltaspa-5{ letter-spacing: -5px;}
.ltaspa-6{ letter-spacing: -6px;}
.ltaspa-7{ letter-spacing: -7px;}
.ltaspa-8{ letter-spacing: -8px;}
.ltaspa-9{ letter-spacing: -9px;}
.ltaspa-10{letter-spacing:-10px;}
.mgt0 {margin-top: 0px;}
.mgt5 {margin-top: 5px;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt20{margin-top: 20px;}
.mgt25{margin-top: 25px;}
.mgt30{margin-top: 30px;}
.mgb0 {margin-bottom: 0px;}
.mgb5 {margin-bottom: 5px;}
.mgb10{margin-bottom: 10px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb25{margin-bottom: 25px;}
.mgb30{margin-bottom: 30px;}
.mgl0 {margin-left: 0px;}
.mgl5 {margin-left: 5px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}
.mgl25{margin-left: 25px;}
.mgl30{margin-left: 30px;}
.mgr0 {margin-right: 0px;}
.mgr5 {margin-right: 5px;}
.mgr10{margin-right: 10px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgr25{margin-right: 25px;}
.mgr30{margin-right: 30px;}
.pdt0 {padding-top: 0px;}
.pdt5 {padding-top: 5px;}
.pdt10{padding-top: 10px;}
.pdt15{padding-top: 15px;}
.pdt20{padding-top: 20px;}
.pdb0 {padding-bottom: 0px;}
.pdb5 {padding-bottom: 5px;}
.pdb10{padding-bottom: 10px;}
.pdb15{padding-bottom: 15px;}
.pdb20{padding-bottom: 20px;}
.pdl0 {padding-left: 0px;}
.pdl5 {padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl15{padding-left: 15px;}
.pdl20{padding-left: 20px;}
.pdr0 {padding-right: 0px;}
.pdr5 {padding-right: 5px;}
.pdr10{padding-right: 10px;}
.pdr15{padding-right: 15px;}
.pdr20{padding-right: 20px;}
.fsmin{font-family: serif;}
.fsgot{font-family: sans-serif;}
.fwnor{font-weight: normal;}
.fwlig{font-weight: lighter;}
.fwbol{font-weight: bold;}
.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}
.fss{font-size: small;}
.fsxs{font-size: x-small;}
.fsxxs{font-size: xx-small;}
.fssl{font-size: smaller;}
.fsm{font-size: medium;}
.fsl{font-size: large;}
.fsxl{font-size: x-large;}
.fsxxl{font-size: xx-large;}
.fsll{font-size: larger;}
.fsHalf{font-size: 0.5em;}
.fs025{font-size: 0.25em;}
.fs075{font-size: 0.75em;}
.mojigiri{display: inline-block;}
.longEng{word-break: break-all;}
.indent1_atamadasi{padding-left: 3em;text-indent: -2em;}
.underLine{border-bottom: 1px solid black;}
.borderBox1{border: 1px solid black; }
.borderBox2{
    display: inline-block;
    border: 1px solid black;
    padding: 1px 5px 4px 5px;
    margin: 0 5px 0 5px;
    line-height: 1.75rem;
    text-align: center;
    text-indent: 0;
}

.pc_br{display: inline;}
.tb_br{display: none;}
.sp_br{display: none;}
.sp_br375{display: none;}
@media screen and (max-width: 800px){
    .pc_br{display: none;}
    .tb_br{display: inline;}
}
@media screen and (max-width: 560px){
    .tb_br{display: none;}
    .sp_br{display: inline;}
}
@media screen and (max-width: 375px){
    .sp_br375{display: inline;}
}

.j_link_btn{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    margin: 75px auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    align-items: center;
}
.j_link_btn p{
	margin: 0;
	padding: 0;
}
.j_link_btn a {
    position: relative;
    display: block;
	width: 270px;
	height: 50px;
	margin-top:auto;
	margin-bottom:auto;
	text-align: center;
	line-height: 47.5px;
	color: rgba(var(--white-color),1.00);
	border: 1px solid rgba(var(--main-color),1.00);
	border-radius: 25px;
	background-color: rgba(var(--main-color),1.00);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-size: 15px;
	letter-spacing: 1.0px;
	font-weight: 500;
}
.j_link_btn a:hover{
    color: rgba(var(--main-color),1.00);
	background-color: rgba(var(--white-color),1.00);
}
.j_link_btn a::before{
    position: absolute;
    content: "";
    width: 0px;
    height: 1px;
    top: 50%;
    left: -25px;
    background-color: rgba(var(--main-color),1.0);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.j_link_btn a:hover::before{
    width: 50px;
}
.j_link_btn a::after{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f054";
    font-size: 13px;    
    color: rgba(var(--white-color),1.0);
    margin: 0;
    padding: 1.5px 0 0 10px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
    right: 25px;
}
.j_link_btn a:hover:after{
    color: rgba(var(--main-color),1.0);
    right: 20px;
}
/*----------------------------------------インライン画像（数式・特殊記号）----------------------------------*/
.honbun_img_function_large-span {
    height: 20px;
    vertical-align: baseline;
    padding: 0 5px;
}
.honbun_img_function_large {
    height: 18px;
    vertical-align: baseline;
    padding: 0 5px;
}
.honbun_img_function_large_fit {
    height: 18px;
    vertical-align: -3px;
    padding: 0 5px;
}
.honbun_img_function {
    height: 16px;
    vertical-align: baseline;
    padding: 0 5px;
}
.honbun_img_function-span {
    height: 14px;
    vertical-align: baseline;
    padding: 0 5px;
}
.honbun_img_function_small-span {
    height: 12px;
    vertical-align: baseline;
    padding: 0 5px;
}
.honbun_img_function_tiny-span {
    height: 10px;
    vertical-align: baseline;
    padding: 0 5px;
}
@media screen and (max-width: 560px) {
    .honbun_img_function_large_fit {
        max-width: 100%;
        height: auto;
    }
    .honbun_img_function_large-span {
    height: 18px;
    }
    .honbun_img_function_large {
        height: 16px;
    }
    .honbun_img_function {
        height: 14px;
    }
    .honbun_img_function-span {
        height: 12px;
    }
    .honbun_img_function_small-span {
        height: 10px;
    }
    .honbun_img_function_tiny-span {
        height: 9px;
    }
}
/*----------------------------------------著者略歴----------------------------------*/
.ryakureki_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 40px auto 0 auto;
}
.ryakureki {
    display: grid;
    grid-template-columns: 1fr 110px;
    grid-template-areas:
        "name img"
        "bio  img";
    gap: 8px 20px;
    padding: 15px;
    border: 3px solid rgba(var(--main-color), 0.3);
    border-radius: 4px;
    background-color: rgba(var(--main-color), 0.04);
}
.ryakureki_name, .ryakureki_name_other, .ryakureki_name_sub-color {
    grid-area: name;
    font-size: 1.8rem;
    font-weight: 700;
    color: rgba(var(--main-color), 1.0);
    margin: 0;
    align-self: end;
}
.ryakureki_name_other {
    color: rgba(var(--title-color), 1.0);
}
.ryakureki_name_sub-color {
    color: rgba(var(--sub-color), 1.0);
}
.ryakureki_name span, .ryakureki_name_other span, .ryakureki_name_sub-color span {
    font-size: 1.4rem;
    font-weight: 700;
    color: rgba(var(--glay-color), 1.0);
    margin: 0;
    align-self: end;
}
.ryakureki_bio {
    grid-area: bio;
    font-size: 1.3rem;
    line-height: 1.7em;
    margin: 0;
    align-self: start;
}
.ryakureki_img {
    grid-area: img;
}
.ryakureki_img img {
    width: 100%;
    height: auto;
    display: block;
}
.ryakureki_p2 {
    border: none;
    background-color: rgba(var(--bg-light-color), 1);
}
.ryakureki_blue-color {
    border: none;
    background-color: rgba(var(--bg-blue-color), 1);
}
@media screen and (max-width: 560px) {
    .ryakureki_wrap {
        width: 100%;
    }
    .ryakureki {
        grid-template-columns: 1fr;
        grid-template-areas:
            "name"
            "img"
            "bio";
    }
    .ryakureki_img {
        width: 110px;
        margin: 0 auto;
    }
}