@charset "utf-8";
.font-self {
 font-family: 'Noto Serif JP', serif;
}
.font-palatino {
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-size: 17pt;
 line-height: 33px;
 text-align: center;
}
/* CSS Document */

#top-space {
 /* [disabled]display: inline-block; */
 width: 100%;
 height: 70px;
 background-color: #DCE3E5;
 margin-right: 50px;
}


#samurai-logo {
 width: 320px;
 margin-left: 55px;
 margin-top: 15px;
 margin-bottom: 15px;
}
#edge {
 margin-top: 30px;
 float: right;
 margin-right: 20px;
 width: 80px;
}




/*topスライド*/
#viewer {
 position: relative;
 margin: 0 auto;
 z-index: -1;
 width: 100%;
 display: block;
}
#viewer img {
 margin-left: auto;
 width: 100%;
 margin-right: auto;
 top: 0px;
 /* [disabled]min-width: 1200px; */
 left: 0;
 position: absolute;
}


.content {
 margin-top: 60%;
}
.content .text   {
 font-size: 20pt;
 line-height: 50px;
 text-align: center;
}
.content .text div {
 display: inline-block;
 text-align: left;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
#illust   {
 text-align: center;
 margin-top: 50px;
}
#illust img {
 margin-bottom: 160px;
 max-width: 600px;
}


#main-png {
 width: 100%;
 margin-bottom: 100px;
}
#main-png img {
 width: 100%;
}
.type {
 text-align: center;
 margin-top: 15px;
 margin-bottom: 15px;
}
#uwakawa  ,#shitakawa,#morokoshi{
 display: inline-block;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin-top: 10px;
 margin-bottom: 20px;
 margin-right: 50px;
 margin-left: 50px;
}
#uwakawa p   ,#shitakawa p,#morokoshi p{
 font-size: 15pt;

}


.under-text {
 text-align: center;
 margin-top: 50px;
 margin-right: 0px;
 margin-left: 0px;
 margin-bottom: 100px;
 line-height: 25px;
}
.under-text div {
 text-align: left;
 display: inline-block;
}



.info {
 width: 550px;
 margin-right: auto;
 margin-left: auto;
 display: block;
 margin-bottom: 150px;
}
h3  {
 /* [disabled]border-bottom: thin solid #C1CDE0; */
 margin-bottom: 25px;
 margin-top: 150px;
 margin-right: 25px;
 margin-left: 25px;
}

.info tbody tr {
 text-align: left;
 width: 100%;
 vertical-align: middle;
}
.info tbody tr th {
 text-align: left;
 width: 120px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
.info table   {
 margin-left: auto;
 margin-right: auto;


}
h3 small  {
 font-size: 0.45em;
 margin-left: 5px;
 vertical-align: baseline;
}
.process-title:first-of-type {
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-size: 12pt;
 color: #4C505C;
 line-height: 33px;
 text-align: center;
 font-weight: normal;
 vertical-align: text-bottom;
 margin-top: 12px;


}
.process-title {
 font-size: 25pt;
 color: #4C505C;
 line-height: 33px;
 text-align: center;
 vertical-align: text-bottom;
 margin-top: 12px;


}

.process li {
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 border: thin solid #C1CDE0;
}
.process .img-title span {
 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-size: 33pt;
 font-weight: bold;
 color: #C1CDE0;
 margin: 0px 13px;
}

@media screen and (min-width:950px){
#uwakawa, #shitakawa, #morokoshi {
 display: inline-block;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin-top: 10px;
 margin-bottom: 20px;
 margin-right: 1.5%;
 margin-left: 1.5%;
 width: 30%;
}
#uwakawa img, #shitakawa img, #morokoshi img {
 width: 100%;

}


}