@charset "utf-8";

/*Font設定　【font_asset.css】と異なる部分
----------------------------------------------------------------------------- */
.heading01.aboutLapis h1 span{
font-family: "dnp-shuei-mincho-pr6n", "游明朝", yu-mincho-pr6n, "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    display: inherit;
    line-height: 1.5;
    margin: 10px 0 0;
}
.heading01.aboutLapis h2.title{
display: block;
font-family: "dnp-shuei-mincho-pr6n", "游明朝", yu-mincho-pr6n, "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-style: normal;
font-weight: 600;
font-size: 1.5rem;
color: #333333;
margin-top: 60px;
}
.heading01.aboutLapis h2.title::before,
.heading01.aboutLapis h2.title::after {
    border-top:0;
    content: none;
    display: inline; /* for IE */
    flex-grow: 0;
}
.heading01.aboutLapis h2.title span{
font-size: 3rem;
font-weight: normal;
line-height: 1;
padding-left: 0.4rem;
}
/* outline.html */
ul.clear li h3 span,
.outline span{
color: #ff99cc;
font-weight: bold;
padding-right: 0.3rem;
}
.container01 h3{
font-family: "dnp-shuei-mincho-pr6n", "游明朝", yu-mincho-pr6n, "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-style: normal;
font-weight: 400;
text-align: left;
margin: 50px 0;
font-size:  clamp(1.2rem, 1.169rem + 0.14vw, 1.5rem);
}
h3 span.startNumber{
font-size: 2.1rem;
font-family: "linotype-didot", serif;
font-style: normal;
font-weight: 400;
padding-right: 1rem;
}
h3 span.stronglyWords{
color: #ff99cc;
font-size: clamp(1.2rem, 1.169rem + 0.14vw, 1.5rem);
}
h4.outline {
font-size: 1rem;
font-weight: 700;
text-align: left;
}
.text02{
margin-bottom: 30px;
}
html{
scroll-padding-top:60px;
}
/*layout
----------------------------------------------------------------------------- */
.container01.aboutLapis {
    margin-top: 3.5rem;
    text-align: left;
}
.container01 ul.president{
display: flex;
justify-content: space-between;
width: 100%
}
.container01 ul.president li.box_l{
max-width: 70%;
}
ul.president ul.signature{
display: flex;
text-align: left;
margin-top: 50px;
}
ul.president ul.signature li:first-child{
padding-right: 1rem;
}
.container01 ul.president li.box_r{
max-width: 30%;
}
.btn_area p.small{
text-align: left;
margin: 2rem 0;
    font-size: 0.7rem;
}
.text01{
text-align: left;
margin-bottom: 2rem;
}
p.markR{
max-width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 0.7rem;
    padding: 2rem 1rem 1rem;
}
.container02 p+p,
.container03 p+p{
max-width: 50%;
margin: 0 auto;
}
.container04 h3{
font-size: 0.8rem;
}
/*ボタンエリア
----------------------------------------------------------------------------- */
.container01 .btn_area ul{
	margin: 75px 0 5rem;
	width: 100%;
	display: flex;
	justify-content: center;
}
.container01 .btn_area ul li{
	width: 322px;
	line-height: 56px;
}
/*.container01 ul.btn_area li a.btn_w{
	width: 322px;
	line-height: 56px;
}*/
.container01 .btn_area .btn_w:hover{
	color: #fff;
}
.container01 .btn_area li:nth-child(1) a{
	margin-right: 11px;
}
.container01 .btn_area .btn_w a{
	text-decoration: none;
}
/*bannerボタン（ページ下部）
----------------------------------------------------------------------------- */

ul.property{
display: flex;
flex-wrap: wrap;
justify-content: center;
width:100%;
margin: 5rem auto 0;
}
.property li{
padding: 1rem;
width: 50%;
height: auto;
    /* margin-right: 6%; */
    text-align: left;
    font-size: 16px;
}
.property li a{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
 width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    line-height: 2;
				}
.property li a img{
display: block;
width: 40%;
}
.property li a p{
text-align: center;
padding: 0.5rem;
width: 100%;
}
.property li a p:hover{
color: #6666cc;
}
/*intellectual-property-right 
----------------------------------------------------------------------------- */
ul.updateDate{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.updateDate li{
width: 100%;
}
ul.updateDate li+li{
text-align: right;
}
/*outline.html
----------------------------------------------------------------------------- */
.container01 ul{
display: flex;
justify-content: space-between;
}
.container01 ul li{
width: 70%;
}
.container01 ul li+li{
width: 30%;
}
.markAuthorization{
width: 15%;
margin-bottom: 50px;
}
/*school.html
----------------------------------------------------------------------------- */
.inner960.top{
margin-bottom: 50px;
}
.container02 h3.nextLayer{
font-family: "yu-mincho-pr6n", "游明朝", sans-serif;
font-style: normal;
font-weight: 400;
font-size: clamp(1.2rem, 1.96vw, 1.5rem);
margin: 5rem 0;
}
.reason{
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
margin: 50px 0;
}
.reason li.number{
font-family:  "yu-mincho-pr6n", "游明朝", sans-serif;
font-style:italic;
font-size: 4rem;
color: #5d56ab;
padding: 0 25px 0 142px;
margin-right: 10px;
vertical-align: top;
line-height: 1;
}
.reason li h3{
font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 15px 0 25px;
				text-align: left;
}
.reason li p{
text-align: left;
}
.reason li p.small{
margin: 2rem 0;
font-size: 0.7rem;
line-height: 2;
max-width: 100%;
}
.reason h3 span.pink{
font-weight: 700;
}
@media screen and (max-width: 767px) {/*ボタンエリア
----------------------------------------------------------------------------- */
.container01 .btn_area ul{
	margin: 2rem auto 5rem;
	width: 100%;
	display: block;
}
.container01 .btn_area ul li{
margin-bottom: 1rem;
}
.container01 .btn_area .btn_w{
	width: 100%;
	line-height: 56px;
}
.container01 ul.president{
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
}
.container01 ul.president li.box_l,
.container01 ul.president li.box_r
{
max-width: 100%;
}
ul.president ul.signature{
display: block;
text-align:center;
margin-top: 10px;
}
ul.president ul.signature li:first-child {
    margin-bottom: 20px;
}
.container02 p + p, .container03 p + p {
    max-width: 100%;
    margin: 0px auto;
}
p.markR {
    width: 100%;
    text-align: left;
    font-size: 0.7rem;
    padding: 1rem 0.3rem 1rem;
}
.text01 {
    text-align: left;
    font-size: 3.2vw;
    line-height: 1.8;
    margin: 2rem 0;
}
/*bannerボタン（ページ下部）
----------------------------------------------------------------------------- */
ul.property{
display: block;
max-width: 100%;
}
.property li{
width: 100%;
padding: 1rem 0rem;
}
.property li a p{
font-size: 0.8rem;
text-align: left;
}
.property li a img{
display: block;
width: 38%;
}
/*intellectual-property-right 
----------------------------------------------------------------------------- */
ul.updateDate{
display: block;
/*text-align: center;*/
}
ul.updateDate li{
margin: 1rem 0;
}
ul.updateDate li+li{
/*text-align: center;*/
}
ai-notice p {
    overflow-wrap: anywhere;
    word-break: break-all;
}
/*outline.html
----------------------------------------------------------------------------- */
h3 span.startNumber{
padding-right: 0.5rem;
}
h3 span.stronglyWords{
font-feature-settings: "palt";
}
.container01 ul{
display: block;
}
.container01 ul li{
width: 100%;
margin-bottom:  50px;
}
.container01 ul li+li{
width: 100%;
}
.markAuthorization{
width: 40%;
margin:0 auto 50px;
}
/*school.html
----------------------------------------------------------------------------- */
.inner960.top{
margin-bottom: 2rem;
}
.container02 h3.nextLayer{
margin: 2rem 0;
}
.reason li.number{
font-size: 3rem;
padding: 0;
line-height: 1.2;
margin-right: 1rem;
}
.reason li h3,
.reason li p.small{
font-size: 1.1rem;
line-height: 1.5;
}
.reason li p.small{
font-size: 0.7rem;

}
}