@charset "utf-8";
/* ==================================================
		
		10-2

================================================== */
 /* --------------------------------------------------
		anime
-------------------------------------------------- */
h2 .vol.artbox.anime {
 -webkit-transition-delay: 0s;
 transition-delay: 0s;
}
h2.artbox.anime {
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
}
.pdfbtn.artbox.anime {
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
}
.issuebtn.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
 
/*	index
-------------------------------------------------- */
.articleList li:nth-of-type(3).artbox.anime{
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.articleList li:nth-of-type(4).artbox.anime{
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.articleList li:nth-of-type(5).artbox.anime{
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.articleList li:nth-of-type(6).artbox.anime{
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.articleList li:nth-of-type(7).artbox.anime{
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}
.hover .articleList li.cover a:hover figure img { 
 transform: scale(1.03); 
}
 
/*	01
-------------------------------------------------- */
.p01 .artlower .img.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.p01 .artlower .artlower-inner .name .img.artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p01 .artlower .artlower-inner .name dl dt.artbox.anime {
  -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.p01 .artlower .artlower-inner .name dl dd.artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p01 .artlower .artlower-inner .txt.artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.p01 .artlower .artlower-inner .txt:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
 
/*	02
-------------------------------------------------- */
.p02 .artlower .left .txt:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.p02 .artlower .left .txt:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p02 .artlower .left .txt:nth-of-type(3).artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.p02 .artlower .left .txt:nth-of-type(4).artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p02 .artlower .left .img.artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p02 .artlower .right .txt:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.p02 .artlower .right .txt:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.p02 .artlower .right .txt:nth-of-type(3).artbox.anime {
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}
.p02 .artlower .right .img.artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.p02 .artlower .img03.artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.p02 .artlower .img04.artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.p02 .artlower .img05.artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}

/*	03
-------------------------------------------------- */
.p03 .artlower .left .txt:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.p03 .artlower .left .txt:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p03 .artlower .left .txt:nth-of-type(3).artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.p03 .artlower .left .txt:nth-of-type(4).artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p03 .artlower .left .txt:nth-of-type(5).artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.p03 .artlower .left .txt:nth-of-type(6).artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.p03 .artlower .left .img01.artbox.anime {
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}
.p03 .artlower .right .txt:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}
.p03 .artlower .right .txt:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.7s;
 transition-delay: 0.7s;
}
.p03 .artlower .right .txt:nth-of-type(3).artbox.anime {
 -webkit-transition-delay: 0.8s;
 transition-delay: 0.8s;
}
.p03 .artlower .right .txt:nth-of-type(4).artbox.anime {
 -webkit-transition-delay: 0.9s;
 transition-delay: 0.9s;
}
.p03 .artlower .img02.artbox.anime {
 -webkit-transition-delay: 1s;
 transition-delay: 1s;
}
.p03 .artlower .img03.artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}

/*	04
-------------------------------------------------- */
.p04 .artlower .txt.artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p04 .artlower .caplist li.artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.p04 .artlower .linklist li:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p04 .artlower .linklist li:nth-of-type(2).artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}

/*	05
-------------------------------------------------- */
.p05 .artlower .b01.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.p05 .artlower .txt.artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p05 .artlower .b02.artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}

/*	06
-------------------------------------------------- */
.p06 .artlower .feat li .feat-inner .tit.artbox.anime {
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.p06 .artlower .feat li .feat-inner .txt.artbox.anime {
 -webkit-transition-delay: 0.3s;
 transition-delay: 0.3s;
}
.p06 .artlower .feat li .img.artbox.anime {
 -webkit-transition-delay: 0.4s;
 transition-delay: 0.4s;
}
.p06 .artlower .linklist li:first-of-type.artbox.anime {
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}
.p06 .artlower .img05.artbox.anime {
 -webkit-transition-delay: 0.6s;
 transition-delay: 0.6s;
}

/* --------------------------------------------------
		.pdfbtn .issuebtn .inqbtn
-------------------------------------------------- */
.pdfbtn.anime .pdfbtn-inner li, 
.issuebtn.anime .issuebtn-inner li {
 left: 0;
}

 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 margin: 0 auto;
 padding: 0 77px 77px;
}

 /* --------------------------------------------------
		artlist
-------------------------------------------------- */
.artlist {
 margin: 0 auto;
 padding: 0 77px;
}

/* --------------------------------------------------
		sidebar
-------------------------------------------------- */
#main{
 height: 100%;
 position: relative;
 background: #f2f0ef;
}
.sidebar {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 5;
 width: 56px;
 height: 100%;
 background: #000000;
 opacity: 0;
 -webkit-transition: 1s ease-out;
 transition: 1s ease-out;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-delay: 0.2s;
 transition-delay: 0.2s;
}
.sidebar.anime {
 opacity: 1;
}
.sidebar img {
 width: 26.83%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
.sidebar.potop img {
 width: 100%;
 right: 0;
 position: absolute;
 top: 0;
 transform: translateY(0);
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 right: 0;
 left: 0;
}

/* --------------------------------------------------
		vi
-------------------------------------------------- */
.vi100-01 {
 height: 593px;
 position: relative;
 margin-bottom: 63px;
}
.vi100-01 div {
 position: absolute;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center top;
}
.bgdia {
 height: 100vh;
 max-height: 760px;
 position: relative;
}
.bgdia .bg {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 transition: 0.2s ease-out;
}
.bgdia .bg div {
 position: absolute;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center top;
}
.bgdia .bgdia-inner {
 top: 24%;
 margin: 0 auto;
 padding: 0 77px;
}
.bgdia .bgdia-inner.tp03 {
 top: 6%;
}
.bgdia .bgdia-inner .bgdia-box {
 width: 719px;
}
.bgdia .bgdia-inner .bgdia-box .tab {
 font-size: 1.6rem;
 letter-spacing: 0.5px;
 font-weight: 200;
 color: #ffffff;
}
.bgdia .bgdia-inner .bgdia-box .tab span {
 display: inline-block;
 padding: 9px 30px 11px 21px;
 background: linear-gradient(249deg, transparent 6%, #d70303 0);
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper {
 background: rgba(255, 255, 255, 0.8);
 padding: 34px 35px 36px 46px;
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper .txt {
 font-size: 1.8rem;
 line-height: 1.8;
 margin-top: -20px;
}
.underdia {
 width: 100%;
 margin: 0;
 position: relative;
}
.underdia:before {
 content: "";
 display: block;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 0 110px 100vw;
 border-color: transparent transparent #f4f4f4 transparent;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 4;
}
#main.pt0 {
 padding-top: 80px;
}
#main.bakff {
 background: #ffffff;
}
#main.bakco01 {
 background: #f5f5f5;
}

/* --------------------------------------------------
		index
-------------------------------------------------- */
.articleListArea .artlist .articleList li a {
 position: relative;
 overflow: hidden;
}
.articleListArea .artlist .articleList li a .txtup {
 background: #d70303;
 color: #ffffff;
 font-size: 1.4rem;
 letter-spacing: 0.5px;
 text-align: right;
 padding: 24px 0 23px;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -100px;
 opacity: 0;
 transition: 0.2s ease-out;
 width: 100%;
}
.articleListArea .artlist .articleList li a .txtup.mini {
 padding: 15px 0;
}
.articleListArea .artlist .articleList li a .txtup span {
 display: inline-block;
}
.articleListArea .artlist .articleList li a:hover .txtup {
 opacity: 1;
 bottom: 0;
}
.articleListArea .artlist .articleList li a .icon {
 font-size: 1.4rem;
 font-weight: 400;
 color: #ffffff;
 background: #d70303;
 text-align: center;
 padding: 9px 33px 9px 31px;
 position: absolute;
 top: 0;
 z-index: 5;
}
.articleListArea .artlist .articleList li a .tittxt {
 font-size: 1.7rem;
 letter-spacing: 0.5px;
 line-height: 1.7;
 padding: 23px 22px;
 margin-bottom: 40px;
}
.articleListArea .artlist .articleList li a .tittxt span {
 display: block;
 font-size: 1.8rem;
 letter-spacing: 1.3px;
 line-height: 1.58;
 font-weight: 500;
}
.articleListArea .artlist .articleList li a .txtlink {
 display: none;
}

/* --------------------------------------------------
		btn
-------------------------------------------------- */
.iconArrowRight03 {
 width: 33px;
 height: 10px;
 fill: #ffffff;
 float: right;
 position: relative;
 top: 6px;
 margin: 0 20px 0 10px;
}

/* --------------------------------------------------
		h
-------------------------------------------------- */
h2 {
 font-size: 4.5rem;
 line-height: 1.4;
 margin-bottom: 25px;
}
h2 .vol {
 font-size: 2.2rem;
 display: block;
 padding-left: 4px;
}
h2 .cap {
 font-size: 2.4rem;
 letter-spacing: 0.5px;
 line-height: 1.5;
 padding-top: 7px;
 display: block;
}

/* --------------------------------------------------
		link
-------------------------------------------------- */
.txtlink a:link, 
.txtlink a:visited {
 text-decoration: underline;
}
.txtlink a:hover {
 text-decoration: none;
}
.txtlink a .iconlink {
 display: block;
 width: 39px;
 height: 32px;
 position: absolute;
 top: 16px;
 left: -7px;
}
.p04 .txtlink a .iconlink, 
.p06 .txtlink a .iconlink {
 top: 26px;
 left: 27px;
}

/* --------------------------------------------------
		01 base
-------------------------------------------------- */
.artlower {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: end;
 margin-top: 84px;
}
.artlower:first-of-type {
 margin-top: 0;
}
.artlower:last-of-type {
 margin-bottom: 30px;
}
.ic {
 align-items: self-start;
}
.reverse {
 flex-direction: row-reverse;
}
.artlower .img {
 width: 45%;
}
l {
 width: 79.2%;
 margin-right: 9px;
}
.artlower .img02 img {
 width: 92.4%;
 margin-top: 58px;
}
.artlower .img03 {
 text-align: right;
}
.artlower .img03 img {
 width: 88%;
 margin-top: 69px;
}
.artlower .img03.spdisp {
 display: none;
}
.reverse .img {
 text-align: right;
}
.artlower .artlower-inner {
 width: 55%;
}
.ic .artlower-inner {
 padding-left: 22px;
}
.artlower .artlower-inner .name {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 padding: 20px 0 0 5px;
}
.artlower .artlower-inner .name .img {
 width: 20.05%;
 margin-right: 26px;
}
.artlower .artlower-inner .name dl dt {
 font-size: 2.8rem;
 font-family: "Noto Serif JP", serif;
 font-weight: 700;
 letter-spacing: -0.5px;
}
.artlower .artlower-inner .name dl dd {
 font-size: 1.6rem;
 letter-spacing: 0.5px;
 margin: -3px 0 0 1px;
}
.artlower .artlower-inner .txt {
 font-size: 1.7rem;
 letter-spacing: 0.5px;
 line-height: 1.9;
 padding: 15px 3px 0 3px;
}
.artlower .artlower-inner .txt:first-of-type {
 padding-top: 18px;
}

/* --------------------------------------------------
		02
-------------------------------------------------- */
.p02 .artlower {
 background: #ffffff;
 margin-top: 50px;
 display: block;
 position: relative;
 z-index: 6;
}
.p02 .artlower:first-of-type {
 margin-top: -140px;
}
.p02 .artlower .artlower-inner {
 width: 100%;
 padding-top: 58px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.p02 .artlower:first-of-type .artlower-inner {
 padding-bottom: 80px;
}
.p02 .artlower .artlower-inner:nth-of-type(2) {
 padding-bottom: 0;
}
.p02 .artlower .artlower-inner > div {
 width: 50%;
 position: relative;
}
.p02 .artlower:nth-of-type(2) .artlower-inner .left {
 width: 56%;
}
.p02 .artlower:nth-of-type(2) .artlower-inner .right {
 width: 43%;
 text-align: right;
 padding: 23px 69px 0 0;
}
.p02 .artlower .artlower-inner .left {
 padding-right: 30px;
}
.p02 .artlower .artlower-inner .right {
 padding-left: 30px;
}
.p02 .artlower .artlower-inner .left .txt {
 padding-left: 69px;
}
.p02 .artlower .artlower-inner .right .txt {
 padding-right: 69px;
}
.p02 .artlower:last-of-type {
}
.p02 .artlower:last-of-type .artlower-inner {
 justify-content: flex-start;
 align-items: flex-start;
 padding: 59px 69px;
}
.p02 .artlower:last-of-type .artlower-inner .left {
 width: 24.2%;
 padding: 0;
}
.p02 .artlower:last-of-type .artlower-inner .right {
 width: 75.8%;
 padding-left: 50px;
}
.p02 .artlower:last-of-type .artlower-inner .txt {
 padding: 0;
}
.p02 .artlower .artlower-inner .txt .tit {
 display: block;
 font-size: 2.1rem;
 font-weight: 700;
 letter-spacing: -0.1px;
 line-height: 1.5;
 color: #cc0000;
 margin: 1px 0 2px;
}
.p02 .artlower .artlower-inner .img {
 width: 100%;
}
.p02 .artlower .artlower-inner .img.img01 {
 position: absolute;
 height: 100%;
 top: 0;
}
.p02 .artlower .artlower-inner .img.img01 img {
 width: 83.5%;
 margin: 0;
 position: absolute;
 bottom: -36px;
}
.p02 .artlower .artlower-inner .img.img02 img {
 width: 94.6%;
 margin-top: 0;
}
.p02 .artlower .img.img03, 
.p02 .artlower .img.img03 img {
 width: 100%;
}
.p02 .artlower .img.img04 {
 width: 100%;
 padding: 75px 69px 70px;
}

/* --------------------------------------------------
		03
-------------------------------------------------- */
.p03 .artlower {
 background: #ffffff;
 margin-top: 50px;
 display: block;
 position: relative;
 z-index: 6;
}
.p03 .artlower:first-of-type {
 margin-top: -140px;
}
.p03 .artlower.bakright {
 background: #ffffff url(/an/shimadzu-journal/10-2/images/03/03_img03.jpg) no-repeat top right;
 padding-bottom: 59px;
}
.p03 .artlower .intro {
 padding: 43px 69px 0;
 margin-bottom: -30px;
}
.p03 .artlower .intro .txt {
 font-size: 1.7rem;
 letter-spacing: 0.5px;
 line-height: 1.9;
 padding: 15px 3px 0 3px;
 width: 60%;
}
.p03 .artlower .intro .txt:nth-of-type(2) {
 width: 83%;
 font-weight: 700;
}
.p03 .artlower .artlower-inner {
 width: 100%;
 padding-top: 58px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.p03 .artlower:first-of-type .artlower-inner {
 padding-bottom: 140px;
}
.p03 .artlower .artlower-inner:nth-of-type(2) {
 padding-bottom: 0;
}
.p03 .artlower .artlower-inner > div {
 width: 50%;
 position: relative;
}
.p03 .artlower:first-of-type .artlower-inner .left {
 width: 100%;
}
.p03 .artlower:first-of-type .artlower-inner .right {
 padding: 0;
 width: 0;
}
.p03 .artlower:first-of-type .artlower-inner .left .txt {
 width: 64%;
}
.p03 .artlower .artlower-inner .left {
 padding-right: 30px;
}
.p03 .artlower .artlower-inner .right {
 padding-left: 30px;
}
.p03 .artlower .artlower-inner .left .txt {
 padding-left: 69px;
}
.p03 .artlower .artlower-inner .right .txt {
 padding-right: 69px;
}
.p03 .artlower:last-of-type .artlower-inner {
 justify-content: flex-start;
 align-items: flex-start;
 padding: 59px 69px;
}
.p03 .artlower:last-of-type .artlower-inner .left {
 width: 24.2%;
 padding: 0;
}
.p03 .artlower:last-of-type .artlower-inner .right {
 width: 75.8%;
 padding-left: 50px;
}
.p03 .artlower:last-of-type .artlower-inner .txt {
 padding: 0;
}
.p03 .artlower .artlower-inner .txt .tit {
 display: block;
 font-size: 2.1rem;
 font-weight: 700;
 letter-spacing: -0.1px;
 line-height: 1.5;
 color: #cc0000;
 margin: 1px 0 2px;
}
.p03 .artlower .artlower-inner .img {
 width: 100%;
}
.p03 .artlower .artlower-inner .img.img01 {
 position: absolute;
 height: 100%;
 top: 0;
 right: 0;
 bottom: 0;
 z-index: -1;
}
.p03 .artlower .artlower-inner .img.img01 img {
 width: 78.5%;
 position: absolute;
 bottom: -114px;
 right: 0;
}
.p03 .artlower .img.img02 {
 width: 100%;
 padding: 75px 69px 70px;
}
.p03 .artlower .img.img02 img {
 width: 100%;
 margin: 0;
}
.p03 .artlower .img.img03 img {
 width: 100%;
 margin-top: 0;
}
.p03 .sponly {
 display: none;
}

/* --------------------------------------------------
		04
-------------------------------------------------- */
.p04 .artlower {
 display: block;
}
.p04 .artlower-inner {
 width: auto;
}
.p04 .artlower .artlower-inner .txt .tit {
 display: block;
 font-size: 2.1rem;
 font-weight: 700;
 letter-spacing: -0.1px;
 line-height: 1.5;
 color: #0065b2;
 margin: 1px 0 2px;
}
.p04 .artlower .artlower-inner .caplist {
 margin-top: 14px;
}
.p04 .artlower .artlower-inner .caplist li {
 font-size: 1.7rem;
 font-weight: 700;
 letter-spacing: 0.5px;
 line-height: 1.85;
 text-indent: -10px;
 margin-left: 10px;
 padding-top: 2px;
}
.p04 .artlower .artlower-inner .caplist li:before {
 content:"・";
}
.p04 .artlower .bakblue.b03 li {
 display: inline-block;
 background: #f6f7fc;
 margin-right: 17px;
}
.p04 .artlower .artlower-inner .linklist {
 margin-top: 22px;
}
.p04 .artlower .artlower-inner .linklist li {
 font-size: 1.7rem;
 letter-spacing: 0.5px;
 line-height: 1.7;
 font-weight: 700;
}
.p04 .artlower .artlower-inner .linklist li a {
 display: block;
 padding: 28px 30px 30px 72px;
}

/* --------------------------------------------------
		05
-------------------------------------------------- */
.p05 .artlower {
 display: block;
}
.p05 .artlower .bakblue {
 float: right;
 background: #f6f7fc;
 padding: 30px;
 margin: 28px 0 30px 35px;
 z-index: 1;
}
.p05 .artlower .bakblue.b01 {
 width: 464px;
}
.p05 .artlower .bakblue.b02 {
 float: none;
 width: 918px;
 margin: 26px auto 0;
}
.p05 .artlower .bakblue .img {
 width: 100%;
}
.p05 .artlower .bakblue .youtube iframe {
 aspect-ratio: 16 / 9;
 width: 100%;
 height: 100%;
}
.p05 .artlower .bakblue .img02 img {
 width: 100%;
 margin: 0;
}
.p05 .artlower .bakblue .txt {
 font-size: 1.7rem;
 letter-spacing: 1px;
 line-height: 1.7;
 margin: 0 3px;
}
.p05 .artlower .bakblue .txt a {
 position: relative;
 display: block;
 padding: 15px 0 0 39px;
}
.p05 .artlower-inner {
 width: auto;
}
.p05 .artlower .artlower-inner .txt .tit {
 display: block;
 font-size: 2.1rem;
 font-weight: 700;
 letter-spacing: -0.1px;
 line-height: 1.5;
 color: #0065b2;
 margin: 1px 0 2px;
}

/* --------------------------------------------------
		06
-------------------------------------------------- */
.p06 .artlower {
 display: block;
}
.p06 .artlower .artlower-inner {
 width: 100%;
}
.p06 .artlower .artlower-inner .maintit {
 font-size: 2.1rem;
 font-weight: 700;
 letter-spacing: -0.1px;
 line-height: 1.5;
 color: #94c63c;
}
.p06 .artlower .artlower-inner .feat {
 padding-top: 20px;
}
.p06 .artlower .artlower-inner .feat li {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: start;
 padding-top: 65px;
}
.p06 .artlower .artlower-inner .feat li:first-of-type {
 padding-top: 0;
}
.p06 .artlower .artlower-inner .feat li:last-of-type {
 padding-top: 75px;
}
.p06 .artlower .artlower-inner .feat li .feat-inner {
 width: 74%;
}
.p06 .artlower .artlower-inner .feat li:last-of-type .feat-inner {
 width: 53%;
}
.p06 .artlower .artlower-inner .feat li .feat-inner .tit {
 font-size: 1.7rem;
 font-weight: 700;
 letter-spacing: 0.5px;
 line-height: 1.6;
 text-indent: -22px;
 margin-left: 22px;
 padding-top: 2px;
}
.p06 .artlower .artlower-inner .feat li .feat-inner .txt {
 padding: 2px 0 0 0;
}
.p06 .artlower .artlower-inner .feat li .img {
 width: 21.9%;
 margin-left: 30px;
 padding-top: 5px;
}
.p06 .artlower .artlower-inner .feat li .img.img01 {
 margin-top: -5px;
}
.p06 .artlower .artlower-inner .feat li .img.img04 {
 width: 42.6%;
 margin-left: 30px;
 padding-top: 5px;
}
.p06 .artlower .artlower-inner .linklist {
 margin-top: 32px;
 clear: both;
}
.p06 .artlower .artlower-inner .linklist li {
 font-size: 1.7rem;
 letter-spacing: 0.5px;
 line-height: 1.7;
 font-weight: 700;
}
.p06 .artlower .bakblue.b03 li {
 display: inline-block;
 background: #f6f7fc;
 margin-right: 17px;
}
.p06 .artlower .artlower-inner .linklist li a {
 display: block;
 padding: 28px 30px 30px 72px;
}
.p06 .artlower .artlower-inner .img05 {
 width: 100%;
 margin: 94px 0 0 62px;
}
.p06 .artlower .artlower-inner .img05 img {
 width: 89.8%;
}


@media screen and (max-width: 1480px) {
 
}


@media screen and (max-width: 1024px) {
/* --------------------------------------------------
		vi
-------------------------------------------------- */
.vi100-01 {
 height: 480px;
 margin-bottom: 40px;
}
.vi100-01 div {
}
.bgdia {
 max-height: 606px;
}
.bgdia .bgdia-inner {
 padding: 0 20px;
 margin: 0 5% 0 0;
}
.bgdia .bgdia-inner.tp03 {
 top: 7.5%;
}
.bgdia .bgdia-inner .bgdia-box {
 width: 68%;
}
.bgdia .bgdia-inner .bgdia-box .tab {
 font-size: 1.4rem;
}
.bgdia .bgdia-inner .bgdia-box .tab span {
 padding: 7px 25px 9px 13px;
 background: linear-gradient(249deg, transparent 6%, #d70303 0);
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper {
 padding: 25px;
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper .txt {
 font-size: 1.6rem;
 margin-top: -15px;
}
.underdia:before {
 border-width: 0 0 80px 100vw;
}
#main.pt0 {
 padding-top: 60px;
}
 
/* --------------------------------------------------
		index
-------------------------------------------------- */
.articleListArea .artlist .articleList li a .txtup {
 padding: 14px 0;
 }
.articleListArea .artlist .articleList li a:hover .txtup {
 font-size: 1.2rem;
 letter-spacing: 0.3px;
}
.articleListArea .artlist .articleList li a .icon {
 padding: 8px 30px 7px 30px;
}
.articleListArea .artlist .articleList li a .tittxt {
 font-size: 1.5rem;
}
.articleListArea .artlist .articleList li a .tittxt span {
 font-size: 1.7rem;
}
 
/* --------------------------------------------------
		btn
-------------------------------------------------- */
.iconArrowRight03 {
 width: 22px;
 height: 8px;
 top: 7px;
 margin: 0px 10px 0 7px;
}
 
 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 padding: 0 20px;
 margin-bottom: 40px;
}
 
 /* --------------------------------------------------
		artlist
-------------------------------------------------- */
.artlist {
 padding: 0 20px;
 margin: 0 5% 0 0;
}
.artlist.nosidebar {
 margin: 0;
}

/* --------------------------------------------------
		sidebar
-------------------------------------------------- */
.sidebar {
 width: 5%;
}

/* --------------------------------------------------
		h
-------------------------------------------------- */
h2 {
 font-size: 3rem;
}
h2 .vol {
 padding: 0 0 6px 2px;
 font-size: 2rem;
}
h2 .cap {
 font-size: 2rem;
 line-height: 1.3;
}

/* --------------------------------------------------
		link
-------------------------------------------------- */
.txtlink a .iconlink {
 width: 33px;
 height: 29px;
 top: 13px;
}
.p04 .txtlink a .iconlink, 
.p06 .txtlink a .iconlink {
 top: 24px;
 left: 17px;
}

/* --------------------------------------------------
		01 base
-------------------------------------------------- */
.artlower {
 display: block;
 margin-top: 30px;
}
.artlower .img01 {
 float: right;
 width: 40%;
 margin: 0 0 20px 35px;
}
.artlower .img01 img {
 width: 100%;
}
.artlower .img02 {
 float: left;
 width: 43%;
 margin: 0 35px 20px 0;
}
.artlower .img02 img {
 width: 100%;
 margin-top: 35px;
}
.artlower .img03 {
 float: right;
 width: 40%;
 margin: 0 0 20px 35px;
}
.artlower .img03 img {
 width: 100%;
 margin-top: 35px;
}
.artlower .img03.spdisp {
 display: block;
}
.artlower .img03.pcdisp {
 display: none;
}
.artlower .artlower-inner {
 width: auto;
}
.ic .artlower-inner {
padding-left: 0;
}
.artlower .artlower-inner .name .img {
 width: 30%;
}
.artlower .artlower-inner .name dl dt {
 font-size: 2.5rem;
}
.artlower .artlower-inner .name dl dd {
 font-size: 1.4rem;
}
.artlower .artlower-inner .txt {
 font-size: 1.5rem;
}

/* --------------------------------------------------
		02
-------------------------------------------------- */
.p02 .artlower {
 margin-top: 30px;
}
.p02 .artlower:first-of-type {
 margin-top: -110px;
}
.p02 .artlower .artlower-inner {
 padding-top: 8px;
}
.p02 .artlower:first-of-type .artlower-inner {
 padding-bottom: 60px;
}
.p02 .artlower:nth-of-type(2) .artlower-inner {
 display: block;
}
.p02 .artlower:nth-of-type(2) .artlower-inner .left {
 width: auto;
}
.p02 .artlower:nth-of-type(2) .artlower-inner .right {
 float: right;
 padding: 23px 30px 0 0;
 margin: 0 0 20px 35px;
 }
.p02 .artlower .artlower-inner .left {
 padding-right: 15px;
}
.p02 .artlower .artlower-inner .right {
 padding-left: 15px;
}
.p02 .artlower .artlower-inner .left .txt {
 padding-left: 30px;
}
.p02 .artlower .artlower-inner .right .txt {
 padding-right: 30px;
}
.p02 .artlower:last-of-type .artlower-inner {
 padding: 35px 30px;
}
.p02 .artlower:last-of-type .artlower-inner .right {
 padding-left: 35px;
}
.p02 .artlower .artlower-inner .txt .tit {
 font-size: 1.9rem;
}
.p02 .artlower .artlower-inner .img.img01 img {
 width: 70%;
}
.p02 .artlower .artlower-inner .img.img02 img {
 width: 100%;
}
.p02 .artlower .img.img03 {
 float: none;
 width: 100%;
 margin: 0;
}
.p02 .artlower .img.img04 {
 padding: 35px 30px 35px;
}

/* --------------------------------------------------
		03
-------------------------------------------------- */
.p03 .artlower {
 margin-top: 30px;
}
.p03 .artlower:first-of-type {
 margin-top: -110px;
}
.p03 .artlower.bakright {
 background-size: 55%;
 padding-bottom: 35px;
}
.p03 .artlower .intro {
 padding: 30px 30px 0;
 margin-bottom: 10px;
}
.p03 .artlower .intro .txt {
 font-size: 1.5rem;
}
.p03 .artlower .artlower-inner {
 padding-top: 8px;
}
.p03 .artlower:first-of-type .artlower-inner {
 padding-bottom: 80px;
 display: block;
}
.p03 .artlower:first-of-type .artlower-inner .left {
 padding-right: 0;
}
.p03 .artlower:first-of-type .artlower-inner .left .txt {
 width: 70%;
}
.p03 .artlower .artlower-inner .left {
 padding-right: 15px;
}
.p03 .artlower .artlower-inner .right {
 padding-left: 15px;
}
.p03 .artlower .artlower-inner .left .txt {
 padding-left: 30px;
}
.p03 .artlower .artlower-inner .right .txt {
 padding-right: 30px;
}
.p03 .artlower:last-of-type .artlower-inner {
 padding: 35px 30px;
}
.p03 .artlower:last-of-type .artlower-inner .right {
 padding-left: 35px;
}
.p03 .artlower .artlower-inner .txt .tit {
 font-size: 1.9rem;
}
.p03 .artlower .artlower-inner .img.img01 {
 position: relative;
 float: right;
 clear: both;
 margin: 0;
}
.p03 .artlower .img.img02 {
 float: none;
 padding: 35px 30px;
}
.p03 .artlower .artlower-inner .img.img01 img {
 bottom: -60px;
 width: 60%;
}
.p03 .artlower .artlower-inner .img.img02 img {
 width: 100%;
}
.p03 .artlower .img.img03 {
 float: none;
 width: 100%;
 margin: 0;
}

/* --------------------------------------------------
		04
-------------------------------------------------- */
.p04 .artlower .artlower-inner .txt .tit {
 font-size: 1.9rem;
}
.p04 .artlower .artlower-inner .caplist {
 margin-top: 12px;
}
.p04 .artlower .artlower-inner .caplist li {
 font-size: 1.5rem;
 text-indent: -9px;
 margin-left: 9px;
}
.p04 .artlower .artlower-inner .linklist li {
 font-size: 1.5rem;
}
.p04 .artlower .artlower-inner .linklist li a {
 padding: 25px 25px 25px 52px;
}
 
/* --------------------------------------------------
		05
-------------------------------------------------- */
.p05 .artlower .bakblue.b01 {
 width: 45%;
}
.p05 .artlower .bakblue.b02 {
 width: 93%;
}
.p05 .artlower .bakblue .img {
 float: none;
 margin: 0;
}
.p05 .artlower .bakblue .txt {
 font-size: 1.5rem;
}
.p05 .artlower .bakblue .txt a {
 padding: 12px 0 0 32px;
}
.p05 .artlower .artlower-inner .txt .tit {
 font-size: 1.9rem;
}

/* --------------------------------------------------
		06
-------------------------------------------------- */
.p06 .artlower .artlower-inner {
 width: auto;
}
.p06 .artlower .artlower-inner .feat li {
 display: block;
}
.p06 .artlower .artlower-inner .feat li:nth-of-type(2) {
 padding-bottom: 70px;
}
.p06 .artlower .artlower-inner .feat li:nth-of-type(3) {
 margin-bottom: 95px;
}
.p06 .artlower .artlower-inner .feat li:last-of-type {
 padding-top: 60px;
}
.p06 .artlower .artlower-inner .feat li .feat-inner {
 width: auto;
}
.p06 .artlower .artlower-inner .feat li .img {
 float: right;
 width: 26%;
 padding: 0;
 margin: 10px 0 20px 30px;
}
.p06 .artlower .artlower-inner .feat li .img.img01 {
 margin-top: 0;
}
.p06 .artlower .artlower-inner .linklist li {
 font-size: 1.5rem;
}
.p06 .artlower .artlower-inner .linklist li a {
 padding: 25px 25px 25px 52px;
}
.p06 .artlower .artlower-inner .img05 {
 margin: 40px 0 0 0;
}
.p06 .artlower .artlower-inner .img05 img {
 width: 100%;
}
 
}


@media screen and (max-width: 750px) {
/* --------------------------------------------------
		vi
-------------------------------------------------- */
.vi100-01 {
 height: 420px;
 margin-bottom: 25px;
}
.bgdia {
 height: 606px;
}
.bgdia .bgdia-inner {
 margin: 0;
 position: absolute;
 top: 42%;
 transform: translateY(-46%);
 -webkit-transform: translateY(-46%);
 -ms-transform: translateY(-46%);
}
.bgdia .bgdia-inner.tp03 {
 top: 40%;
}
.bgdia .bgdia-inner .bgdia-box {
 width: 100%;
}
.bgdia .bgdia-inner .bgdia-box .tab {
 font-size: 1.3rem;
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper {
 padding: 20px;
}
.bgdia .bgdia-inner .bgdia-box .bgdia-wrapper .txt {
 font-size: 1.4rem;
 margin-top: -10px;
}
.underdia {
 clear: both;
 background: #f5f5f5;
 padding: 25px 0 0;
}
.underdia:before {
border-width: 0 0 40px 100vw;
bottom: 100%;
}

 /* --------------------------------------------------
		index
-------------------------------------------------- */
.articleListArea .artlist .articleList li a .txtlink {
 display: block;
 background: #d70303;
 color: #ffffff;
 font-size: 1.4rem;
 letter-spacing: 0.5px;
 text-align: right;
 padding: 14px 0;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
}
.articleListArea .artlist .articleList li a .txtup {
 padding: 14px 0;
 opacity: 1;
 bottom: 0;
 font-size: 1.4rem;
 letter-spacing: 0.5px;
}
.articleListArea .artlist .articleList li a .txtlink span {
 display: inline-block;
}
.articleListArea .artlist .articleList li a:hover .txtup, 
.articleListArea .artlist .articleList li a:hover .txtlink {
 font-size: 1.4rem;
 letter-spacing: 0.5px;
}
.articleListArea .artlist .articleList li a .tittxt {
 padding: 20px;
 margin-bottom: 12%;
}
.articleListArea .artlist .articleList li a .tittxt span {
 line-height: 1.5;
}

 /* --------------------------------------------------
		.ttl01
-------------------------------------------------- */
.ttl01 {
 margin: 0;
 padding-bottom: 25px;
}
 
/* --------------------------------------------------
		artlist
-------------------------------------------------- */
.artlist {
 margin: 0;
}
 
/* --------------------------------------------------
		sidebar
-------------------------------------------------- */
.sidebar {
 display: none;
}

/* --------------------------------------------------
		h
-------------------------------------------------- */
h2 {
 font-size: 3rem;
 line-height: 1.2;
 margin-bottom: 20px;
}
h2 .vol {
 margin: 0;
 padding: 0 0 6px 2px;
 font-size: 2rem;
}

/* --------------------------------------------------
		link
-------------------------------------------------- */
.txtlink a .iconlink {
 width: 27px;
 height: 23px;
 top: 10px;
}
.p04 .txtlink a .iconlink, 
.p06 .txtlink a .iconlink {
 top: 10px;
 left: 10px;
}
 
/* --------------------------------------------------
		01 base
-------------------------------------------------- */
.artlower .img01 {
 float: none;
 width: 60%;
 margin: 20px auto 0;
}
.artlower .img02 {
 float: none;
 width: 75%;
 margin: 20px auto 0;
}
.artlower .img02 img {
 margin-top: 10px;
}
.artlower .img03 {
 float: none;
 width: 70%;
 margin: 20px auto 0;
}
.artlower .img03 img {
 margin-top: 10px;
}
.artlower .img03.spdisp {
 display: none;
}
.artlower .img03.pcdisp {
 display: block;
}
.artlower .artlower-inner .name .img {
 width: 25%;
}
.artlower .artlower-inner .name dl dt {
 font-size: 2.2rem;
}
.artlower .artlower-inner .name dl dd {
 font-size: 1.2rem;
}
.artlower .artlower-inner .txt {
 font-size: 1.3rem;
 padding-top: 15px !important;
}

/* --------------------------------------------------
		02
-------------------------------------------------- */
.p02 .artlower .artlower-inner {
 display: block;
}
.p02 .artlower .artlower-inner:first-of-type {
 padding-bottom: 30px;
}
.p02 .artlower .artlower-inner > div {
 width: 100%;
 padding: 0 20px !important;
}
.p02 .artlower:nth-of-type(2) .artlower-inner .right {
 float: none;
 width: 70%;
 margin: 30px auto 15px;
}
.p02 .artlower .artlower-inner .left {
 padding: 0;
}
.p02 .artlower .artlower-inner .right {
 padding: 0;
}
.p02 .artlower .artlower-inner .left .txt {
 padding: 0;
}
.p02 .artlower .artlower-inner .right .txt {
 padding: 0;
}
.p02 .artlower:last-of-type .artlower-inner {
 display: block;
 padding: 30px 20px;
}
.p02 .artlower:last-of-type .artlower-inner .left {
 float: left;
 width: 45%;
 padding: 0 !important;
 margin: 0 20px 20px 0;
}
.p02 .artlower:last-of-type .artlower-inner .right {
 width: auto;
 padding: 0 !important;
}
.p02 .artlower:last-of-type .artlower-inner .txt {
 padding-top: 0 !important;
}
.p02 .artlower .artlower-inner .txt .tit {
 font-size: 1.7rem;
}
.p02 .artlower .artlower-inner .img.img01 {
 position: relative;
 margin: 30px 0 30px -20px;
}
.p02 .artlower .artlower-inner .img.img01 img {
 position: relative;
 width: 92%;
 bottom: 0;
}
.p02 .artlower .img.img03 img {
 margin-top: 0;
}
.p02 .artlower .img.img04 {
 padding: 0 20px 30px;
}

/* --------------------------------------------------
		03
-------------------------------------------------- */
.p03 .artlower.bakright {
 background: #ffffff;
 padding-bottom: 30px;
}
.p03 .artlower .intro {
 padding: 5px 20px 0;
}
.p03 .artlower .intro .txt {
 font-size: 1.3rem;
 width: 100%;
 padding: 15px 0 0;
}
.p03 .artlower .intro .txt:nth-of-type(2) {
 width: 100%;
}
.p03 .artlower .artlower-inner {
 display: block;
}
.p03 .artlower .artlower-inner:first-of-type {
 padding-bottom: 30px;
}
.p03 .artlower .artlower-inner > div {
 width: 100%;
 padding: 0 20px !important;
}
.p03 .artlower:first-of-type .artlower-inner .left .txt {
 width: 100%;
}
.p03 .artlower .artlower-inner .left {
 padding: 0;
}
.p03 .artlower .artlower-inner .right {
 padding: 0;
}
.p03 .artlower .artlower-inner .left .txt {
 padding: 0;
}
.p03 .artlower .artlower-inner .right .txt {
 padding: 0;
}
.p03 .artlower:last-of-type .artlower-inner {
 display: block;
 padding: 30px 20px;
}
.p03 .artlower:last-of-type .artlower-inner .left {
 float: left;
 width: 45%;
 padding: 0 !important;
 margin: 0 20px 20px 0;
}
.p03 .artlower:last-of-type .artlower-inner .right {
 width: auto;
 padding: 0 !important;
}
.p03 .artlower:last-of-type .artlower-inner .txt {
 padding-top: 0 !important;
}
.p03 .artlower .artlower-inner .txt .tit {
 font-size: 1.7rem;
}
.p03 .artlower .artlower-inner .img.img01 {
 display: none;
}
.p03 .artlower .img.img02 {
 padding: 0 20px 30px;
 margin-top: -8px;
}
.p03 .artlower .artlower-inner .img.img01 img {
 width: 31%;
 bottom: -15px;
}
.p03 .artlower .img.img02 img {
 margin-top: 0;
}
.p03 .sponly {
 display: inline;
}
 
/* --------------------------------------------------
		04
-------------------------------------------------- */
.p04 .artlower .artlower-inner .txt .tit {
 font-size: 1.7rem;
}
.p04 .artlower .artlower-inner .caplist {
 margin-top: 6px;
}
.p04 .artlower .artlower-inner .caplist li {
 font-size: 1.3rem;
 text-indent: -8px;
 line-height: 1.6;
 margin-left: 8px;
 padding-top: 8px;
}
.p04 .artlower .bakblue.b03 li {
 margin-right: 10px;
}
.p04 .artlower .artlower-inner .linklist {
 margin-top: 10px;
}
.p04 .artlower .artlower-inner .linklist li {
 font-size: 1.3rem;
 margin-top: 10px;
}
.p04 .artlower .artlower-inner .linklist li a {
 padding: 10px 10px 10px 40px;
}
 
/* --------------------------------------------------
		05
-------------------------------------------------- */
.p05 .artlower .bakblue {
 float: none;
 margin: 0;
}
.p05 .artlower .bakblue.b01 {
 width: 100%;
 margin-top: 25px;
 padding: 20px;
}
.p05 .artlower .bakblue.b02 {
 width: 100%;
 padding: 20px;
}
.p05 .artlower .bakblue .txt {
 font-size: 1.3rem;
}
.p05 .artlower .bakblue .txt a {
 padding: 10px 0 0 24px;
}
.p05 .artlower .artlower-inner .txt .tit {
 font-size: 1.7rem;
}

/* --------------------------------------------------
		06
-------------------------------------------------- */
.p06 .artlower .artlower-inner .feat li {
 padding-top: 35px;
}
.p06 .artlower .artlower-inner .feat li:nth-of-type(2) {
 padding-bottom: 0;
}
.p06 .artlower .artlower-inner .feat li:nth-of-type(3) {
 padding: 35px 0 0 0;
}
.p06 .artlower .artlower-inner .feat li:last-of-type {
 padding-top: 35px;
}
.p06 .artlower .artlower-inner .feat li:last-of-type .feat-inner {
 width: 100%;
}
.p06 .artlower .artlower-inner .feat li .img {
 float: none;
 width: 55%;
 margin: 0 auto 10px;
}
.p06 .artlower .artlower-inner .feat li .img.img04 {
 float: none;
 width: 55%;
 margin: 0 auto 10px;
 padding-top: 0;
}
.p06 .artlower .artlower-inner .linklist {
 margin-top: 30px;
}
.p06 .artlower .artlower-inner .linklist li {
 font-size: 1.3rem;
 margin-top: 10px;
}
.p06 .artlower .artlower-inner .linklist li a {
 padding: 10px 10px 10px 40px;
}

}