/*各ページ共通*/
.pagewrapper {margin-top:10vh;}

.mainimgarea {height:50vh;}
.mainimg {}
.mainimg h1 {font-size:3.0rem;font-weight:600;line-height:50vh;text-align:center;color:#ccc; }

.maintitlearea {position:relative;}
.pankuzuarea {text-align:center;margin-bottom:2rem;}
.pankuzu {color:#fff;font-size:1.0rem;}
.pankuzu span {color:#fff;padding:0px 2px;}
.pankuzu span a {color:#fff;border-bottom:dotted #ccc 1px;}
.pankuzu span a:hover {text-decoration:none;border-bottom:solid #ccc 1px;}
.maintitle {position:relative;z-index:100;padding:10vh 5vh;}
.maintitle h1 {color:#fff;font-size:2.4rem;text-align:center;letter-spacing:0px;margin-bottom:0.5em;}
.maintitle p {font-size:0.9rem;color:#fff;text-align:center;}
.maintitle .mainmsg {text-align:center;}

.white.pagewrapper {background:#fff;}
.white .pankuzu {color:#000;}
.white .pankuzu span {color:#000;}
.white .pankuzu span a {color:#000;border-bottom:dotted #888 1px;}
.white .pankuzu span a:hover {border-bottom:solid #888 1px;}
.white .maintitle {}
.white .maintitle h1 {color:#000;}
.white .maintitle p {color:#000;}

/*SP*/
@media (max-width: 896px){
	.maintitle {padding:30px 15px;}
	.maintitle h1 {font-size:2.0rem;margin-bottom:10px;}
	.maintitle p {margin-top:20px;width:100%;font-size:0.9rem;line-height:1.5em;}
	.maintitle .pankuzu {font-size:1.2rem;}
}

/*SP*/
@media (max-width: 896px){
}

.mainimage {}
.mainimage img {width:100%;height:auto;margin-bottom:1rem;}
.contentarea {padding-top:0px;}
.contentarea h1 {font-size:2.2rem;line-height:1.8em;margin-bottom:0.5em;color:#fff;}
.contentarea h2 {font-size:1.8rem;line-height:1.8em;margin-bottom:0.5em;color:#fff;}
.contentarea h3 {font-size:1.4rem;line-height:1.8em;margin-bottom:0.5em;color:#fff;}
.contentarea h4 {font-size:1.3rem;line-height:1.8em;margin-bottom:0.5em;color:#fff;}
.contentarea p {font-size:1.2rem;line-height:1.8em;margin-bottom:0.5em;color:#fff;}
.white .contentarea h1 {color:#000;}
.white .contentarea h2 {color:#000;}
.white .contentarea h3 {color:#000;}
.white .contentarea h4 {color:#000;}
.white .contentarea p {color:#000;}

.listwrap {}
.listwrap .listcontents {}
.listwrap .listcontents .inner {padding:0.2rem;}
.listwrap .listcontents .box {padding:0.5rem;}
.listwrap .listcontents .box img {width:100%;height:auto;margin-bottom:1rem;}
.listwrap .listcontents .box h3 {font-size:1.1rem;line-height:1.8em;margin-bottom:0.5em;color:#000;}
.listwrap .listcontents .box p {font-size:0.9rem;line-height:1.8em;margin-bottom:0.5em;color:#000;}
.listwrap .listcontents .box a {text-decoration:none;}
/*SP*/
@media (max-width: 896px){
}


/*privacy*/
.privacy .content h2 {font-size:1.2rem;}
.privacy .content p {font-size:1.0rem;margin-bottom:2em;}
.privacy .content ol {font-size:1.0rem;margin-bottom:2em;}
/*SP*/
@media (max-width: 896px){
	.privacy .content {width:100%;}
	.privacy .content h2 {font-size:1.4rem;}
	.privacy .content p {font-size:1.2rem;}
	.privacy .content ol {font-size:1.2rem;}
}

/*rules*/
.rules .content h2 {font-size:1.2rem;}
.rules .content p {font-size:1.0rem;margin-bottom:2em;}
.rules .content ol {font-size:1.0rem;margin-bottom:2em;}
/*SP*/
@media (max-width: 896px){
	.rules .content {width:100%;}
	.rules .content h2 {font-size:1.4rem;}
	.rules .content p {font-size:1.2rem;}
	.rules .content ol {font-size:1.2rem;}
}

/*sitemap*/
.sitemappage .sub {padding: 0.5rem 0rem 2rem 2rem;}
.sitemappage .contents01 {line-height:2.2em; }
.sitemappage .contents01 .content {width:50vw; }
.sitemappage .contents01 a {font-size:1.0rem;color:#000;text-decoration:none;}
.sitemappage .contents01 a:hover {text-decoration:underline;}
.sitemappage .sub a:before {content:"ー　";}
/*SP*/
@media (max-width: 896px){
	.sitemappage .contents01 .content {width:100%;}
	.sitemappage .contents01 a {font-size:1.4rem;}
}


/*single*/
.single-issue {}
.single-issue hr.wp-block-separator {border:none;padding:1.5rem 0px;}
.single-issue .maintitle h1 {}
.single-issue .contentarea h2 {font-size:2.2rem;font-weight:normal;}
.single-issue a {color:#ff0;text-decoration:underline;}
.single-issue a.btn2 {margin-top:4rem;color:#fff;text-decoration:none;}
/*SP*/
@media (max-width: 896px){
	.single-issue .content {width:100%;}
	.single-issue hr.wp-block-separator {padding:2rem 0px;}
	.single-issue .contentarea h2 {font-size:2.4rem;}
	.single-issue .contentarea p {font-size:1.4rem;}
}

.aboutuspage {}
.aboutuspage .messagearea {}
.aboutuspage .image {width:38%;}
.aboutuspage .image img {width:100%;}
.aboutuspage .text {width:62%;padding:2rem 4em;}
.aboutuspage .companydata {}
.aboutuspage .companydata h2 {text-align:center;font-size:2.4rem;}
.aboutuspage .companydata .tablearea {}
.aboutuspage .companydata .tablearea th {background:none;color:#000;font-weight:normal;}
/*SP*/
@media (max-width: 896px){
.aboutuspage .image {width:100%;margin-bottom:2rem; }
.aboutuspage .text {width:100%;padding:0em;}
}

/*
.aboutus {}
.aboutus .maintitlearea {background:linear-gradient(135deg,#9ff,#fff,#ff9);height:90vh;position:relative;}
.aboutus .maintitlearea .maintitle {width:100%;height:100%;}
.aboutus .maintitlearea h1 {color:#000;font-size:5rem;margin-bottom:1.5em;position:absolute;top:35%;left:0%;width:100%;transform:translateY(-50%);}
.aboutus .maintitlearea .textbox {position:absolute;top:50%;left:0%;width:100%;height:45%;overflow:hidden;}
.aboutus .maintitlearea p {color:#000;font-size:1.6rem;transform:translateY(30vh);}
.aboutus .maintitlearea .textbox.on p {transform:translateY(-100vh);transition:16s;transition-timing-function:linear;}
.aboutus .contentarea.content01 {position:relative;padding:20vh 0vh; }
.aboutus .content01 .textbox {background:rgba(255,255,255,0.85);padding:10vh;position:relative;width:85%;width:calc(100% - 20vh);}
.aboutus .content01 h2 {font-size:3.5rem;color:#000;}
.aboutus .content01 p {font-size:1.4rem;color:#000;}

.aboutus .contentarea.companydata {padding:10vh;background:#fff;}
.aboutus .companydata h2 {color:#000;text-align:center;font-size:3rem;margin-bottom:0.8em; }
.aboutus .tablearea {}
.aboutus .tablearea table {border-collapse:collapse;margin-bottom:1rem;}
.aboutus .tablearea th {background:none;border:solid #000 0.1rem;color:#000;font-size:1.0rem;width:38%;padding:1rem 3rem;line-height:1.5em;}
.aboutus .tablearea td {background:none;border:solid #000 0.1rem;color:#000;font-size:1.0rem;width:62%;padding:1rem 3rem;line-height:1.5em;}
.aboutus .maparea {width:100%;}
.aboutus .maparea iframe {width:100%;height:38vh;filter:grayscale(70%);}
/*SP
@media (max-width: 896px){
	.aboutus .maintitlearea {height:70vh;}
	.aboutus .maintitlearea h1 {font-size:3.7rem;left:10%;width:80%;}
	.aboutus .contentarea.content01 {padding:10vw 0vh; }
	.aboutus .content01 .textbox {padding:7vh 3vh;width:90%;}
	.aboutus .content01 h2 {font-size:2.6rem;}
	.aboutus .content01 p {font-size:1.4rem;}
	.aboutus .contentarea.companydata {padding:7vh 3vh;}
	.aboutus .contentarea.companydata .content {width:100%;}
	.aboutus .tablearea th {width:100%;border:none;padding:1rem 2rem 0.5rem 2rem;font-size:1.6rem;}
	.aboutus .tablearea td {width:100%;border:none;padding:0.5rem 2rem 1rem 2rem;font-size:1.6rem;border-bottom:solid #000 1px;}

}
*/


/*archivepage*/
/*PC*/
@media (min-width: 897px){
	.archivepage {}
	.archivepage.pagewrapper {}
	.archivepage .contentarea.listwrap {}
	.archivepage .maintitlearea .btn2 {position:absolute;top:0;right:0; }
	.archivepage .listcontents {}
	.archivepage .listcontents .inner {width:20%;position:relative;}
	.archivepage .listcontents .box {background:#fff;}
	.archivepage .listcontents .inner .imagebox {width:100%;height:15vw;margin-bottom:1rem;
		background:linear-gradient(135deg,#009,#000,#900);background-position:center center;background-repeat:no-repeat;background-size:contain;}
	.archivepage .listcontents .inner .textbox {}
	.archivepage .listcontents .inner .textbox:hover {}
}
/*SP*/
@media (max-width: 896px){
	.archivepage .listcontents .inner {width:100%;position:relative;}
	.archivepage .listcontents .inner .imagebox {background:linear-gradient(135deg,#009,#000,#900);background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:38vw;margin-bottom:1rem; }
	.archivepage .listcontents .inner .textbox {}
	.archivepage .listcontents .inner .textbox h3 {font-size:1.8rem;}
	.archivepage .listcontents .inner .textbox p {font-size:1.2rem;}
}





/*news*/
.newslistwrap {}
.newslistwrap .news {}
.newslistwrap .news li {border-bottom:solid #ccc 1px; }
.newslistwrap .news a {color:#000;text-decoration:none;display:block;padding:1rem;}
.newslistwrap .news a:hover {background:#eee;}
/*SP*/
@media (max-width: 896px){
	.newslistwrap .content {width:100%;}
	.newslistwrap .news li {font-size:1.4rem; }
}

/*newsarticle*/
.newsarticle {}
.newsarticle .content {}
/*SP*/
@media (max-width: 896px){
	.newsarticle .content {width:100%;}
}


/*contactpage*/
.contactpage .content {width:100%;}
.contactpage label {font-size:1.2rem;}
.contactpage input {font-size:1.2rem;}
.contactpage select {font-size:1.2rem;}
.contactpage textarea {font-size:1.2rem;}
/*SP*/
@media (max-width: 896px){
}
