.top-news li {
border-bottom: 1px solid #dddddd;
padding: 8px 0;
}
.top-news li a {
color: #000;
text-decoration: none;
}
.top-news li a:hover {
color: #047FDC;
text-decoration: underline;
}
.company-logo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.company-logo li {
width: 210px;
border:1px solid #bbbbbb;
margin: 0 0 14px;
position: relative;
height: 80px;
}
@media screen and (max-width: 768px) {
.company-logo li {
width: 48%;
border:1px solid #bbbbbb;
margin: 0 0 14px;
position: relative;
height: 80px;
}
}
#mainContents div.contents .company-logo a {
display:block;
width: 100%;
height: 100%;
}
#mainContents div.contents .company-logo img {
display: block;
margin: auto;
max-width: 120px !important;
max-height: 100px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto !important;
}
.contents-right {
width:690px;
float: left;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.contents-right {
width: 70%;
}
article#mainContents.hasSub {
width: 100% !important;
}
.company-logo li {
width: 30%;
border: 1px solid #bbbbbb;
margin: 0 0 14px;
}
}
#mainContents {
position:relative;	
}
.booklet-btn {
position:absolute;
top: -6px;
right:0px;
}
.booklet-btn a {
font-weight: 600;
background: #ee5354;
color:#fff;
padding:8px;
border-radius:5px;
}
.booklet-btn img {
width:15px;
margin: -3px 6px 0 0;
}
.booklet {
display:flex;
justify-content: space-between;
}
.booklet-image {
width:160px;
}
.booklet-image img {
border:0.5px solid #999;
}
.booklet-text {
width: calc(100% - 180px);
}
#mainContents div.booklet h4 {
width: 100%;
height: auto;
line-height: 0;
padding-left: 0;
font-size: 20px;
background: none;
margin-top: 0 !important;
margin-bottom: 15px;
line-height: 1.25;
font-weight: 800;
}
#mainContents div.booklet p {
padding-left: 0;
padding-right:0;
line-height: 1.35;
margin: 0 0 5px;
text-indent: -3em;
padding: 0 0 0 3em !important;
}
.order-btn {
padding: 0 0 0 10px !important;
}
.order-btn a {
font-weight: 600;
background: #ee5354;
color:#fff;
padding:8px;
border-radius:5px;	
}
.order-btn img {
width:15px;
margin: -3px 6px 0 0;
display: inline !important;
}
.form-box {
margin: 0 0 30px;
}
#mainContents div.contents .form-box p {
padding: 0 0 0 20px;
margin: 0 0 10px;
}
.form-box dl {
padding:0 0 0 20px;
margin: 0 0 10px;
}
.form-box dt {
margin: 0 0 3px;
}
.form-box select {
width: 100%;
padding:12.5px 10px;
border:1px solid #999;
border-radius:5px;
}
.form-box input {
width: 100%;
padding: 10px 10px;
border:1px solid #999;
box-sizing: border-box;
height: auto;
border-radius:5px;
}
.form-box input#number-of-copies,
.form-box select#address1 {
width:25%;
width: 30%;
padding:10px 10px;
border:1px solid #999;
box-sizing: border-box;
height: auto;
border-radius:5px;
}
.form-box .mwform-zip-field .p-postal-code {
width: 12.8%;
}
.form-btn {
padding:0 0 0 20px;
margin:30px 0 0;
display:flex;
justify-content:space-between;
}
input.btn-confirm {
font-weight: 600;
background: #ee5354;
color: #fff;
padding: 11px 12px;
border:0;
border-radius: 5px;
}
input.btn-back {
font-weight: 600;
background: #999;
color: #fff;
padding: 8px 12px;
border:0;
border-radius: 5px;	
}
.mw_wp_form_confirm .form-box dd {
border-bottom: 1px solid #999;
padding: 5px 0 7px 0;
}
@media screen and (max-width: 768px) {
.contents-right {
width:100%;		
}
#mainContents div.contents h4 {
width:100%;
background-size: 100% auto;
}
.form-box {
margin: 0 0 30px;
}
#mainContents div.contents .form-box p {
padding: 0;
margin: 0 0 10px;
}
.form-box dl {
padding: 0;
margin: 0 0 10px;
}
.form-box dt {
margin: 0 0 3px;
}
.form-btn {
padding:0;
margin:30px 0 0;
display:flex;
justify-content:space-between;
}
.form-box input#number-of-copies,
.form-box select#address1 {
width:46%;
}
.form-box .mwform-zip-field .p-postal-code {
width: 20%;
}
}
#advps_container1,
#advps_container1 .bx-wrapper ,
#advps_container1 .bx-wrapper .bx-viewport {
max-width: 1200px !important;
margin: auto;
height: 460px;
background: #fff;
}
@media screen and (max-width: 768px) {
#advps_container1,
#advps_container1 .bx-wrapper ,
#advps_container1 .bx-wrapper .bx-viewport {
max-width: 100% !important;
margin: auto;
height: auto;
background: #fff;
}
}
.required {
color:#ee5354;
}
.eyecatch {
width: 100%;
height: auto;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.eyecatch img {
width: 100%;
height: auto !important;
}
@media screen and (max-width: 1199px) {
.eyecatch {
width:100%;
height:auto;
}
}
#advpsslideshow_7 {
height: 460px;
}
.metaslider {
width: 1200px !important;
height: 460px;
margin: 0 auto 40px;
}
@media screen and (max-width: 1200px) {
.metaslider {
width: 100% !important;
height: auto;
margin: 0 auto 40px;
}	
}  #mainContents h3 {
font-size: 18px;
}
#mainContents h4 {
font-size: 15px;
}
#mainContents div.contents {
font-size: 13.5px;
line-height: 1.8;
} #mainContents div.contents ul,
#mainContents div.contents ol {
font-size: 13.5px;
line-height: 1.8;
list-style: revert;
margin: 0 0 1em 1.5em;
padding-left: 0;
}
#mainContents div.contents .wp-block-list li {
font-size: 13.5px;
line-height: 1.8;
list-style: revert;
}
#mainContents div.contents p {
padding-bottom: 0.7em;
}
#mainContents p.gray_ttl {
padding-bottom: 0;
}
#mainContents div.contents h4 {
margin-top: 0.5em;
}
#mainContents div.contents .mokuji p {
padding: 0;
margin: 0;
}
#mainContents .custom-hr {
margin: -1.5em 0 1em 0;
color: #FFC0C0;
}
#mainContents div.contents em{
font-style: italic;
} #mainContents .CustomTitle h2{
font-size: 1.4em;
font-weight: bold;
line-height: 1.3;
border-top: 3px solid rgb(34,34,34);
border-bottom: 2px solid rgb(34,34,34);
padding: 0.3em 0em;
background: none;
margin-left: 0;
margin-bottom: 0.5em;
}
#mainContents .CustomTitle h3{
font-size: 1.3em;
font-weight: bold;
line-height: 1.4;
border-bottom: 1px solid rgb(50,50,50);
background: none;
margin-left: 0;
margin-bottom: 0.5em;
}
#mainContents div.contents .CustomTitle h4{
font-size: 1.2em;
font-weight: bold;
line-height: 1.3;
background: none;
margin-left: 0;
margin-bottom: 0.5em;
padding: 0;
}
#mainContents div.contents .CustomTitle h4::before {
content: none;
}  #mainContents .wp-block-media-text {
align-items: start !important; align-items: flex-start !important; }
#mainContents .wp-block-media-text__content,
#mainContents .wp-block-media-text__media {
align-self: start !important;
align-self: flex-start !important;
} @media (max-width: 600px) {
#mainContents div.contents .alignright,
#mainContents div.contents img.alignright,
#mainContents div.contents figure.alignright,
#mainContents div.contents .wp-block-image.alignright {
float: none !important;
display: block;
margin: 0 0 1em 0 !important;
max-width: 100% !important;
}
} .no-border-table table,
.no-border-table th,
.no-border-table td {
border: none !important;
box-shadow: none !important;
vertical-align: top;
}