@charset "utf-8";
@import url(css/basic.css);
@import url(css/alg/giraffe.css);h2+p a{background-image:url("logo_w.png");}

a{color:#ab8650;}
.ff-en,.greeting [lang="en"],#contents01 [lang="en"],section>h3 [lang="en"]{font-family:'Sorts Mill Goudy',sans-serif;font-weight:400;}
#global>ul>li>a{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",Verdana,Meiryo,sans-serif;}
h1,h3,.h3{font-family:"Sorts Mill Goudy","游明朝","Yu Mincho",YuMincho,serif;font-weight:400;}
#global>ul>li>a>span::after,#menu>ul>li>a.on,#menu>ul>li>a:hover,#rnav a:hover,.a_extend::before,.a_extend::after,.slick-arrow span::before,.slick-arrow span::after,.more a>span::before,.more a>span::after,span.more>span::before,span.more>span::after,#global>ul>li>a::after,.a-btn2:hover,.pnav a,.pnav [rel],.list-btn a:hover,.list-tag a:hover,.list-tag a.on,.a_card .tag>li>span::after,.a_card .tag a::after,#rnav a{background-color:#111;}
th,.s_ttl tbody th[title]::before,.s_ttl tbody td[title]::before,[class*="linebox"],.list-btn a{background-color:#f3f3f3;}
th,td,button,input,select,.select,textarea,.close_popup{border-color:#ddd;}
.link a::before,a.link::before,.list li::before,.a-btn2::before,.a-btn-w:hover::before,.list-btn a::before,#menu li li a.on::before,#menu li li a:hover::before{border-left-color:#111;}
#banner{background-color:#f4f1ea;}
#footer,#fmenu,#pnav a{background-color:#111;}
#fnav h3,#fnav h3 a,#copyright{color:#666;}
#snav .info li:first-child{width:100%;}
#menu>ul>li>a.on,#menu>ul>li>a:hover{background:#f3f3f3;color:#333;}
#menu a.on::before{border-left-color:#000;}
.more a,.more a:hover{color:#333;}
#show>h3{left:50%;top:50%;width:90%;z-index:3;text-indent:0;line-height:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:900px;}

#hnav [class*="a-btn"]:hover,button:hover,[type="button"]:hover[type="reset"]:hover,[type="submit"]:hover,[class*="a-btn"]:hover,.close_popup:hover,.list-tag a:hover{background-color:#333;}
.a-btn2,.a-btn3{box-shadow:1px 1px 0 #111 inset,-1px -1px 0 #111 inset;}
.a-btn2,.a-btn3,{background-color:#111;}
.a-btn2:hover,.a-btn3:hover,#rnav a:hover{background-color:#333;}
.a-btn-more:hover{background-color:#fff;color:#333;}
.a-btn-more,.a-btn-w{background-color:transparent;}
.a-btn-w:hover{background-color:rgba(255,255,255,.25);color:#fff;}
.a-btn-w:hover::before{border-left-color:#fff;}

h3,.h3,h3 a,h3 a:hover{color:#111;}
h4,.h4,dl.box>dt{background-color:#333;border-color:#333;color:#fff;}
h5::before,.h5::before,h6::before,.h6::before{border-color:#bd9b69;}
h5,.h5,h6,.h6{font-weight:600;}
[class*="linebox"],.list-btn a{border-color:#ddd7c7;background-color:#f4f1ea;}
[class*="linebox"]>dd::before{border-top:1px dashed #ddd7c7;}
[class*="check_"] input[type="checkbox"]~span::after{border-color:#333;}
[class*="check_"] input[type="radio"]~span::after{background:#333;}
.list-type-number.flow>li::before{color:#fff;border-color:#333;background-color:#333;}
.list-type-number.flow>li:not(:last-child)::after{border-color:#333;}
[class*="linebox"].flow::after,ul.flow>li+li::after{border-color:transparent transparent #ccc #ccc;}
.max800{max-width:800px;}

#contents02 ul,#contents03 ul{width:84%;max-width:840px;margin:1em auto 4em;}
#contents02 li p{margin:0;font-size:1.125em;}
#contents02 li a{text-decoration:none;color:#333;font-weight:600;}
#contents03 [class*="typebox"] a{flex-direction:column;}
#contents03 [class*="typebox"] img{margin:1em auto;}
#contents03 li p{width:100%;}

.cont-wrap{position:relative; z-index:1;padding-top:200px;}
.cont-wrap .cont-img{width:100%;position:absolute;z-index:-1;top:0;left:0;}
.cont-wrap .cont-txt{width:80%;background:rgb(20 20 20 / 88%);margin:0 auto;padding:60px 20px 20px;position:relative;color:#fff;}
.cont-wrap .cont-txt .h3{color:#fff;}
.cont-txt .grad_big{text-align:center; position:absolute; width:100%; top:-70px; left:0;}
.cont-txt .grad_text{font-family:serif;font-size:1.3rem; letter-spacing:.2rem; line-height:100%; background-image:linear-gradient(45deg,#0069dd 0%,#d7f0ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.cont-txt .num{ font-size:5rem; font-weight:600;}
.cont-wrap:nth-child(even) .cont-img{text-align:right;}

@media(min-width:40em){
.cont-wrap{padding-top:135px;}
.cont-wrap .cont-img img{max-width:60%;}
.cont-wrap .cont-txt{max-width:600px;margin:0 3px 0 auto;padding:60px 55px 50px;}
.cont-wrap:nth-child(even) .cont-txt{margin: 0 auto 0 3px;}
}

@media (min-width:48em){
h2+p{left:120%;}
.bs h2+p{position:fixed;z-index:13;top:15px;height:74px;padding:0 0 0 22px;left:auto;right:50%;width:50%;max-width:700px;display:flex;}
body:not(#index) h2+p{height:74px;padding:0 0 0 22px;left:auto;right:50%;width:50%;max-width:700px;}
#pnav #up a{background-color:transparent;}
#contents02 li p{font-size:1.25em;}
}