@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap"); :root{
--bg_title_color:#1B6036;
--orange:#FE8A06;
--yellow:#FFDA24;
--blue:#0090FF;
--black:#333333;
--green:#0EB900;
--dark-green:#1B6036;
--light-green:#84AF00;
}
.container{
max-width:1230px;
padding:0 15px;
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
}
a,
a:link,
a:visited {
color: var(--dark-green);
font-weight: normal;
text-decoration: none;
}
::marker {
color: var(--dark-green);
}
a:hover {
opacity: 0.7;
}
a:active {
opacity: 0.7;
}
strong {
font-weight: bold;
}
p,
.p {
margin: 0 0 2em;
}
del {
color: #ccc;
}
a del {
text-decoration: inherit;
}
code {
background-color: #eee;
}
pre.code {
margin: 0 0 20px;
padding: 12px;
background-color: #eee;
font-size: 100%;
line-height: 1.3em;
}
.clear {
clear: both;
}
.center {
text-align: center !important;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bold {
font-weight: bold;
}
.red {
color: #df003a !important;
}
.op {
opacity: 1;
transition: opacity 1s;
}
.op:hover {
opacity: 0.6;
}
.anim {
transition: all 1s ease-out;
}
@media screen and (min-width: 768px) {
.sp-visible {
display: none !important;
}
.pc-hidden {
display: none !important;
}
.pc_only{
display: block;
}
.sp_only{
display: none;
}
}
@media screen and (max-width: 767px) {
.pc-visible {
display: none !important;
}
.sp-hidden {
display: none !important;
}
.container{
padding:0 20px;
}
.pc_only{
display: none;
}
.sp_only{
display: block;
}
}
img.responsive,
.responsive img {
width: 100%;
height: auto;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.ib {
display: inline-block;
}
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.text-overflow-ellipsis {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
hr {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
margin: 20px 0;
display: block;
width: auto;
height: 0;
overflow: hidden;
border-bottom: 1px solid #d6d2d2;
border-top: none;
background: none;
}
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 95;
display: block;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
.marker-yellow {
background: linear-gradient(transparent 50%, #ffff00 50%);
font-weight: bold;
} .cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cl {
display: inline-block;
}/*\*/* html .cl {
height: 1%;
}
.cl {
display: block;
}/**/ .viewport {
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin: 0 auto;
position: relative;
z-index: 5;
}
body {
overflow-x: hidden;
}
#footer {
clear: both;
} body {
font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS P Gothic", Osaka, sans-serif;
}
h2 .stress,
h3 .stress,
h4 .stress,
h5 .stress {
color: #54a972;
}
.tag-news {
background-color: #f7c272;
}
.tag-case {
background-color: #9bd7f3;
}
.tag-column {
background-color: #eac997;
}
.tag-other {
background-color: #f2bbbd;
}
span[class^=o-] {
color: #fba13a;
}
.o-fs56 {
font-size: 56px;
}
.o-fs40 {
font-size: 40px;
}
.o-fs34 {
font-size: 34px;
}
.o-fs30 {
font-size: 30px;
}
.o-fs28 {
font-size: 28px;
}
.o-fs20 {
font-size: 20px;
}
.fs20 {
font-size: 20px;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.mt5-pc {
margin-top: 5px !important;
}
.mt10-pc {
margin-top: 10px !important;
}
.mt15-pc {
margin-top: 15px !important;
}
.mt20-pc {
margin-top: 20px !important;
}
.mt25-pc {
margin-top: 25px !important;
}
.mt30-pc {
margin-top: 30px !important;
}
.mt35-pc {
margin-top: 35px !important;
}
.mt40-pc {
margin-top: 40px !important;
}
.mt45-pc {
margin-top: 45px !important;
}
.mt50-pc {
margin-top: 50px !important;
}
.mt55-pc {
margin-top: 55px !important;
}
.mt60-pc {
margin-top: 60px !important;
}
.mt65-pc {
margin-top: 65px !important;
}
.mt70-pc {
margin-top: 70px !important;
}
.mt75-pc {
margin-top: 75px !important;
}
.mt80-pc {
margin-top: 80px !important;
}
.mt85-pc {
margin-top: 85px !important;
}
.mt90-pc {
margin-top: 90px !important;
}
.mt95-pc {
margin-top: 95px !important;
}
.mt100-pc {
margin-top: 100px !important;
}
.mb5-pc {
margin-bottom: 5px !important;
}
.mb10-pc {
margin-bottom: 10px !important;
}
.mb15-pc {
margin-bottom: 15px !important;
}
.mb20-pc {
margin-bottom: 20px !important;
}
.mb25-pc {
margin-bottom: 25px !important;
}
.mb30-pc {
margin-bottom: 30px !important;
}
.mb35-pc {
margin-bottom: 35px !important;
}
.mb40-pc {
margin-bottom: 40px !important;
}
.mb45-pc {
margin-bottom: 45px !important;
}
.mb50-pc {
margin-bottom: 50px !important;
}
.mb55-pc {
margin-bottom: 55px !important;
}
.mb60-pc {
margin-bottom: 60px !important;
}
.mb65-pc {
margin-bottom: 65px !important;
}
.mb70-pc {
margin-bottom: 70px !important;
}
.mb75-pc {
margin-bottom: 75px !important;
}
.mb80-pc {
margin-bottom: 80px !important;
}
.mb85-pc {
margin-bottom: 85px !important;
}
.mb90-pc {
margin-bottom: 90px !important;
}
.mb95-pc {
margin-bottom: 95px !important;
}
.mb100-pc {
margin-bottom: 100px !important;
}
@media screen and (max-width: 767px) {
.mt5-sp {
margin-top: 5px !important;
}
.mt10-sp {
margin-top: 10px !important;
}
.mt15-sp {
margin-top: 15px !important;
}
.mt20-sp {
margin-top: 20px !important;
}
.mt25-sp {
margin-top: 25px !important;
}
.mt30-sp {
margin-top: 30px !important;
}
.mt35-sp {
margin-top: 35px !important;
}
.mt40-sp {
margin-top: 40px !important;
}
.mt45-sp {
margin-top: 45px !important;
}
.mt50-sp {
margin-top: 50px !important;
}
.mt55-sp {
margin-top: 55px !important;
}
.mt60-sp {
margin-top: 60px !important;
}
.mt65-sp {
margin-top: 65px !important;
}
.mt70-sp {
margin-top: 70px !important;
}
.mt75-sp {
margin-top: 75px !important;
}
.mt80-sp {
margin-top: 80px !important;
}
.mt85-sp {
margin-top: 85px !important;
}
.mt90-sp {
margin-top: 90px !important;
}
.mt95-sp {
margin-top: 95px !important;
}
.mt100-sp {
margin-top: 100px !important;
}
.mb5-sp {
margin-bottom: 5px !important;
}
.mb10-sp {
margin-bottom: 10px !important;
}
.mb15-sp {
margin-bottom: 15px !important;
}
.mb20-sp {
margin-bottom: 20px !important;
}
.mb25-sp {
margin-bottom: 25px !important;
}
.mb30-sp {
margin-bottom: 30px !important;
}
.mb35-sp {
margin-bottom: 35px !important;
}
.mb40-sp {
margin-bottom: 40px !important;
}
.mb45-sp {
margin-bottom: 45px !important;
}
.mb50-sp {
margin-bottom: 50px !important;
}
.mb55-sp {
margin-bottom: 55px !important;
}
.mb60-sp {
margin-bottom: 60px !important;
}
.mb65-sp {
margin-bottom: 65px !important;
}
.mb70-sp {
margin-bottom: 70px !important;
}
.mb75-sp {
margin-bottom: 75px !important;
}
.mb80-sp {
margin-bottom: 80px !important;
}
.mb85-sp {
margin-bottom: 85px !important;
}
.mb90-sp {
margin-bottom: 90px !important;
}
.mb95-sp {
margin-bottom: 95px !important;
}
.mb100-sp {
margin-bottom: 100px !important;
}
}
html {
width: 100%;
height: 100%;
}
body {
-webkit-text-size-adjust: 100%;
}
body,
div,
dl,
dt,
dd,
h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
header,
footer,
article,
section,
nav,
aside {
margin: 0;
padding: 0;
font-size: 100%;
}
ul,
ol,
li {
font-size: 100%;
}
ul,
ol {
padding-left: 1.4em;
}
li {
padding-bottom: 10px;
}
li:last-child {
padding-bottom: 0;
}
li ul {
padding-top: 10px;
}
.reset-list ul,
.reset-list ol,
.reset-list li {
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (min-width: 768px) {
.reset-list-pc ul,
.reset-list-pc ol,
.reset-list-pc li {
list-style: none;
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.reset-list-sp ul,
.reset-list-sp ol,
.reset-list-sp li {
list-style: none;
padding: 0;
margin: 0;
}
}
body {
background: #fff;
text-align: left;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 16px;
line-height: 1.8em;
color: var(--black);
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
line-height: 1.6em;
}
main{
margin-top: 78px;
}
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
}
strong {
font-weight: bold;
}
p,
.p {
margin: 0 0 2em;
}
del {
color: #ccc;
}
a del {
text-decoration: inherit;
}
code {
background-color: #eee;
}
pre.code {
margin: 0 0 20px;
padding: 12px;
background-color: #eee;
font-size: 100%;
line-height: 1.3em;
}
.clear {
clear: both;
}
.center {
text-align: center !important;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.bold {
font-weight: bold;
}
.red {
color: #df003a !important;
}
.op {
opacity: 1;
transition: opacity 1s;
}
.op:hover {
opacity: 0.6;
}
.anim {
transition: all 1s ease-out;
}
@media screen and (min-width: 768px) {
.sp-visible {
display: none !important;
}
.pc-hidden {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pc-visible {
display: none !important;
}
.sp-hidden {
display: none !important;
}
}
img.responsive,
.responsive img {
width: 100%;
height: auto;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.ib {
display: inline-block;
}
.text-overflow-ellipsis {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
hr {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
box-shadow: none;
margin: 20px 0;
display: block;
width: auto;
height: 0;
overflow: hidden;
border-bottom: 1px solid #d6d2d2;
border-top: none;
background: none;
}
.overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 95;
display: block;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.4);
}
.marker-yellow {
background: linear-gradient(transparent 50%, #ffff00 50%);
font-weight: bold;
}
.cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.alignright {
text-align: right;
}
@media screen and (min-width: 768px) {
.alignright-pc {
text-align: right;
}
}
@media screen and (max-width: 767px) {
.alignright-sp {
text-align: right;
}
}
.alignleft {
text-align: left;
}
@media screen and (min-width: 768px) {
.alignleft-pc {
text-align: left;
}
}
@media screen and (max-width: 767px) {
.alignleft-sp {
text-align: left;
}
}
.aligncenter {
text-align: center;
}
@media screen and (min-width: 768px) {
.aligncenter-pc {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.aligncenter-sp {
text-align: center;
}
}
img.alignright,
.wp-caption.alignright {
margin: 0 0 1em 1em;
display: block;
float: right;
}
@media screen and (min-width: 768px) {
img.alignright-pc,
.wp-caption.alignright-pc {
margin: 0 0 1em 1em;
display: block;
float: right;
}
}
@media screen and (max-width: 767px) {
img.alignright-sp,
.wp-caption.alignright-sp {
margin: 0 0 1em 1em;
display: block;
float: right;
}
img.alignright,
.wp-caption.alignright {
max-width: 50%;
}
}
img.alignleft,
.wp-caption.alignleft {
margin: 0 1.5em 0 0;
display: block;
float: left;
}
@media screen and (min-width: 768px) {
img.alignleft-pc,
.wp-caption.alignleft-pc {
margin: 0 1.5em 0 0;
display: block;
float: left;
}
}
@media screen and (max-width: 767px) {
img.alignleft-sp,
.wp-caption.alignleft-sp {
margin: 0 1.5em 0 0;
display: block;
float: left;
}
img.alignleft,
.wp-caption.alignleft {
max-width: 100%;
text-align: center;
float: none;
margin: 0 0 20px;
}
}
img.aligncenter,
.wp-caption.alignleft {
display: block;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
img.aligncenter-pc,
.wp-caption.alignleft-pc {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
img.aligncenter-sp,
.wp-caption.alignleft-sp {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.wp-caption {
margin-bottom: 45px;
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 8px 0 0;
font-size: 12px;
line-height: 1.3em;
color: #666;
}
cite {
display: inline-block;
font-style: normal;
font-size: 12px;
line-height: 1.6em;
color: #666;
}
input[type=checkbox] {
margin-right: 8px;
}
input[type=text],
input[type=number],
input[type=email],
select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
display: block;
width: 98%;
height: 40px;
padding: 0 12px;
box-sizing: border-box;
border: 1px solid #b3b3b3;
background: #fff;
}
textarea {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
display: block;
width: 98%;
height: 180px;
padding: 12px;
box-sizing: border-box;
border: 1px solid #b3b3b3;
background: #fff;
}
.contact-form .stress {
font-weight: bold;
color: #f80;
}
.contact-form .error {
color: red;
}
.contact-form textarea {
height: 280px;
}
.contact-form .submit {
margin: 50px auto 25px;
max-width: 300px;
}
.contact-form .submit button,
.contact-form .submit input[type=button],
.contact-form .submit input[type=submit],
a.link-btn {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
height: 50px;
background: var(--bg_title_color);
font-size: 18px;
font-weight: normal;
line-height: 1;
color: #fff;
text-decoration: none;
text-align: center;
box-shadow: none !important;
border: none !important;
cursor: pointer;
width: 300px;
margin: 0 auto;
border-radius: 30px;
position: relative;
}
a.link-btn {
width: 300px;
margin: 0 auto;
background: var(--bg_title_color);
border-radius: 30px;
position: relative;
}
.mw_wp_form_input .show-on-confirm {
display: none;
}
.mw_wp_form_confirm .show-on-input {
display: none;
}
.mw_wp_form_confirm .note,
.mw_wp_form_preview .note,
.mw_wp_form_confirm .privacy,
.mw_wp_form_preview .privacy {
display: none;
}
.mw_wp_form_confirm dt br,
.mw_wp_form_preview dt br,
.mw_wp_form_confirm dt .required,
.mw_wp_form_preview dt .required {
display: none;
}
.mw_wp_form .confirm-show {
display: none;
}
.mw_wp_form.mw_wp_form_confirm .confirm-show {
display: block;
}
.mw_wp_form.mw_wp_form_confirm .confirm-hide {
display: none;
}
.mt-100 {
margin-top: -100px !important;
}
@media screen and (min-width: 768px) {
.mt-100-pc {
margin-top: -100px !important;
}
}
@media screen and (max-width: 767px) {
.mt-100-sp {
margin-top: -100px !important;
}
}
.mt-95 {
margin-top: -95px !important;
}
@media screen and (min-width: 768px) {
.mt-95-pc {
margin-top: -95px !important;
}
}
@media screen and (max-width: 767px) {
.mt-95-sp {
margin-top: -95px !important;
}
}
.mt-90 {
margin-top: -90px !important;
}
@media screen and (min-width: 768px) {
.mt-90-pc {
margin-top: -90px !important;
}
}
@media screen and (max-width: 767px) {
.mt-90-sp {
margin-top: -90px !important;
}
}
.mt-85 {
margin-top: -85px !important;
}
@media screen and (min-width: 768px) {
.mt-85-pc {
margin-top: -85px !important;
}
}
@media screen and (max-width: 767px) {
.mt-85-sp {
margin-top: -85px !important;
}
}
.mt-80 {
margin-top: -80px !important;
}
@media screen and (min-width: 768px) {
.mt-80-pc {
margin-top: -80px !important;
}
}
@media screen and (max-width: 767px) {
.mt-80-sp {
margin-top: -80px !important;
}
}
.mt-75 {
margin-top: -75px !important;
}
@media screen and (min-width: 768px) {
.mt-75-pc {
margin-top: -75px !important;
}
}
@media screen and (max-width: 767px) {
.mt-75-sp {
margin-top: -75px !important;
}
}
.mt-70 {
margin-top: -70px !important;
}
@media screen and (min-width: 768px) {
.mt-70-pc {
margin-top: -70px !important;
}
}
@media screen and (max-width: 767px) {
.mt-70-sp {
margin-top: -70px !important;
}
}
.mt-65 {
margin-top: -65px !important;
}
@media screen and (min-width: 768px) {
.mt-65-pc {
margin-top: -65px !important;
}
}
@media screen and (max-width: 767px) {
.mt-65-sp {
margin-top: -65px !important;
}
}
.mt-60 {
margin-top: -60px !important;
}
@media screen and (min-width: 768px) {
.mt-60-pc {
margin-top: -60px !important;
}
}
@media screen and (max-width: 767px) {
.mt-60-sp {
margin-top: -60px !important;
}
}
.mt-55 {
margin-top: -55px !important;
}
@media screen and (min-width: 768px) {
.mt-55-pc {
margin-top: -55px !important;
}
}
@media screen and (max-width: 767px) {
.mt-55-sp {
margin-top: -55px !important;
}
}
.mt-50 {
margin-top: -50px !important;
}
@media screen and (min-width: 768px) {
.mt-50-pc {
margin-top: -50px !important;
}
}
@media screen and (max-width: 767px) {
.mt-50-sp {
margin-top: -50px !important;
}
}
.mt-45 {
margin-top: -45px !important;
}
@media screen and (min-width: 768px) {
.mt-45-pc {
margin-top: -45px !important;
}
}
@media screen and (max-width: 767px) {
.mt-45-sp {
margin-top: -45px !important;
}
}
.mt-40 {
margin-top: -40px !important;
}
@media screen and (min-width: 768px) {
.mt-40-pc {
margin-top: -40px !important;
}
}
@media screen and (max-width: 767px) {
.mt-40-sp {
margin-top: -40px !important;
}
}
.mt-35 {
margin-top: -35px !important;
}
@media screen and (min-width: 768px) {
.mt-35-pc {
margin-top: -35px !important;
}
}
@media screen and (max-width: 767px) {
.mt-35-sp {
margin-top: -35px !important;
}
}
.mt-30 {
margin-top: -30px !important;
}
@media screen and (min-width: 768px) {
.mt-30-pc {
margin-top: -30px !important;
}
}
@media screen and (max-width: 767px) {
.mt-30-sp {
margin-top: -30px !important;
}
}
.mt-25 {
margin-top: -25px !important;
}
@media screen and (min-width: 768px) {
.mt-25-pc {
margin-top: -25px !important;
}
}
@media screen and (max-width: 767px) {
.mt-25-sp {
margin-top: -25px !important;
}
}
.mt-20 {
margin-top: -20px !important;
}
@media screen and (min-width: 768px) {
.mt-20-pc {
margin-top: -20px !important;
}
}
@media screen and (max-width: 767px) {
.mt-20-sp {
margin-top: -20px !important;
}
}
.mt-15 {
margin-top: -15px !important;
}
@media screen and (min-width: 768px) {
.mt-15-pc {
margin-top: -15px !important;
}
}
@media screen and (max-width: 767px) {
.mt-15-sp {
margin-top: -15px !important;
}
}
.mt-10 {
margin-top: -10px !important;
}
@media screen and (min-width: 768px) {
.mt-10-pc {
margin-top: -10px !important;
}
}
@media screen and (max-width: 767px) {
.mt-10-sp {
margin-top: -10px !important;
}
}
.mt-05 {
margin-top: -5px !important;
}
@media screen and (min-width: 768px) {
.mt-05-pc {
margin-top: -5px !important;
}
}
@media screen and (max-width: 767px) {
.mt-05-sp {
margin-top: -5px !important;
}
}
.mt00 {
margin-top: 0px !important;
}
@media screen and (min-width: 768px) {
.mt00-pc {
margin-top: 0px !important;
}
}
@media screen and (max-width: 767px) {
.mt00-sp {
margin-top: 0px !important;
}
}
.mt05 {
margin-top: 5px !important;
}
@media screen and (min-width: 768px) {
.mt05-pc {
margin-top: 5px !important;
}
}
@media screen and (max-width: 767px) {
.mt05-sp {
margin-top: 5px !important;
}
}
.mt10 {
margin-top: 10px !important;
}
@media screen and (min-width: 768px) {
.mt10-pc {
margin-top: 10px !important;
}
}
@media screen and (max-width: 767px) {
.mt10-sp {
margin-top: 10px !important;
}
}
.mt15 {
margin-top: 15px !important;
}
@media screen and (min-width: 768px) {
.mt15-pc {
margin-top: 15px !important;
}
}
@media screen and (max-width: 767px) {
.mt15-sp {
margin-top: 15px !important;
}
}
.mt20 {
margin-top: 20px !important;
}
@media screen and (min-width: 768px) {
.mt20-pc {
margin-top: 20px !important;
}
}
@media screen and (max-width: 767px) {
.mt20-sp {
margin-top: 20px !important;
}
}
.mt25 {
margin-top: 25px !important;
}
@media screen and (min-width: 768px) {
.mt25-pc {
margin-top: 25px !important;
}
}
@media screen and (max-width: 767px) {
.mt25-sp {
margin-top: 25px !important;
}
}
.mt30 {
margin-top: 30px !important;
}
@media screen and (min-width: 768px) {
.mt30-pc {
margin-top: 30px !important;
}
}
@media screen and (max-width: 767px) {
.mt30-sp {
margin-top: 30px !important;
}
}
.mt35 {
margin-top: 35px !important;
}
@media screen and (min-width: 768px) {
.mt35-pc {
margin-top: 35px !important;
}
}
@media screen and (max-width: 767px) {
.mt35-sp {
margin-top: 35px !important;
}
}
.mt40 {
margin-top: 40px !important;
}
@media screen and (min-width: 768px) {
.mt40-pc {
margin-top: 40px !important;
}
}
@media screen and (max-width: 767px) {
.mt40-sp {
margin-top: 40px !important;
}
}
.mt45 {
margin-top: 45px !important;
}
@media screen and (min-width: 768px) {
.mt45-pc {
margin-top: 45px !important;
}
}
@media screen and (max-width: 767px) {
.mt45-sp {
margin-top: 45px !important;
}
}
.mt50 {
margin-top: 50px !important;
}
@media screen and (min-width: 768px) {
.mt50-pc {
margin-top: 50px !important;
}
}
@media screen and (max-width: 767px) {
.mt50-sp {
margin-top: 50px !important;
}
}
.mt55 {
margin-top: 55px !important;
}
@media screen and (min-width: 768px) {
.mt55-pc {
margin-top: 55px !important;
}
}
@media screen and (max-width: 767px) {
.mt55-sp {
margin-top: 55px !important;
}
}
.mt60 {
margin-top: 60px !important;
}
@media screen and (min-width: 768px) {
.mt60-pc {
margin-top: 60px !important;
}
}
@media screen and (max-width: 767px) {
.mt60-sp {
margin-top: 60px !important;
}
}
.mt65 {
margin-top: 65px !important;
}
@media screen and (min-width: 768px) {
.mt65-pc {
margin-top: 65px !important;
}
}
@media screen and (max-width: 767px) {
.mt65-sp {
margin-top: 65px !important;
}
}
.mt70 {
margin-top: 70px !important;
}
@media screen and (min-width: 768px) {
.mt70-pc {
margin-top: 70px !important;
}
}
@media screen and (max-width: 767px) {
.mt70-sp {
margin-top: 70px !important;
}
}
.mt75 {
margin-top: 75px !important;
}
@media screen and (min-width: 768px) {
.mt75-pc {
margin-top: 75px !important;
}
}
@media screen and (max-width: 767px) {
.mt75-sp {
margin-top: 75px !important;
}
}
.mt80 {
margin-top: 80px !important;
}
@media screen and (min-width: 768px) {
.mt80-pc {
margin-top: 80px !important;
}
}
@media screen and (max-width: 767px) {
.mt80-sp {
margin-top: 80px !important;
}
}
.mt85 {
margin-top: 85px !important;
}
@media screen and (min-width: 768px) {
.mt85-pc {
margin-top: 85px !important;
}
}
@media screen and (max-width: 767px) {
.mt85-sp {
margin-top: 85px !important;
}
}
.mt90 {
margin-top: 90px !important;
}
@media screen and (min-width: 768px) {
.mt90-pc {
margin-top: 90px !important;
}
}
@media screen and (max-width: 767px) {
.mt90-sp {
margin-top: 90px !important;
}
}
.mt95 {
margin-top: 95px !important;
}
@media screen and (min-width: 768px) {
.mt95-pc {
margin-top: 95px !important;
}
}
@media screen and (max-width: 767px) {
.mt95-sp {
margin-top: 95px !important;
}
}
.mt100 {
margin-top: 100px !important;
}
@media screen and (min-width: 768px) {
.mt100-pc {
margin-top: 100px !important;
}
}
@media screen and (max-width: 767px) {
.mt100-sp {
margin-top: 100px !important;
}
}
.mb-100 {
margin-bottom: -100px !important;
}
@media screen and (min-width: 768px) {
.mb-100-pc {
margin-bottom: -100px !important;
}
}
@media screen and (max-width: 767px) {
.mb-100-sp {
margin-bottom: -100px !important;
}
}
.mb-95 {
margin-bottom: -95px !important;
}
@media screen and (min-width: 768px) {
.mb-95-pc {
margin-bottom: -95px !important;
}
}
@media screen and (max-width: 767px) {
.mb-95-sp {
margin-bottom: -95px !important;
}
}
.mb-90 {
margin-bottom: -90px !important;
}
@media screen and (min-width: 768px) {
.mb-90-pc {
margin-bottom: -90px !important;
}
}
@media screen and (max-width: 767px) {
.mb-90-sp {
margin-bottom: -90px !important;
}
}
.mb-85 {
margin-bottom: -85px !important;
}
@media screen and (min-width: 768px) {
.mb-85-pc {
margin-bottom: -85px !important;
}
}
@media screen and (max-width: 767px) {
.mb-85-sp {
margin-bottom: -85px !important;
}
}
.mb-80 {
margin-bottom: -80px !important;
}
@media screen and (min-width: 768px) {
.mb-80-pc {
margin-bottom: -80px !important;
}
}
@media screen and (max-width: 767px) {
.mb-80-sp {
margin-bottom: -80px !important;
}
}
.mb-75 {
margin-bottom: -75px !important;
}
@media screen and (min-width: 768px) {
.mb-75-pc {
margin-bottom: -75px !important;
}
}
@media screen and (max-width: 767px) {
.mb-75-sp {
margin-bottom: -75px !important;
}
}
.mb-70 {
margin-bottom: -70px !important;
}
@media screen and (min-width: 768px) {
.mb-70-pc {
margin-bottom: -70px !important;
}
}
@media screen and (max-width: 767px) {
.mb-70-sp {
margin-bottom: -70px !important;
}
}
.mb-65 {
margin-bottom: -65px !important;
}
@media screen and (min-width: 768px) {
.mb-65-pc {
margin-bottom: -65px !important;
}
}
@media screen and (max-width: 767px) {
.mb-65-sp {
margin-bottom: -65px !important;
}
}
.mb-60 {
margin-bottom: -60px !important;
}
@media screen and (min-width: 768px) {
.mb-60-pc {
margin-bottom: -60px !important;
}
}
@media screen and (max-width: 767px) {
.mb-60-sp {
margin-bottom: -60px !important;
}
}
.mb-55 {
margin-bottom: -55px !important;
}
@media screen and (min-width: 768px) {
.mb-55-pc {
margin-bottom: -55px !important;
}
}
@media screen and (max-width: 767px) {
.mb-55-sp {
margin-bottom: -55px !important;
}
}
.mb-50 {
margin-bottom: -50px !important;
}
@media screen and (min-width: 768px) {
.mb-50-pc {
margin-bottom: -50px !important;
}
}
@media screen and (max-width: 767px) {
.mb-50-sp {
margin-bottom: -50px !important;
}
}
.mb-45 {
margin-bottom: -45px !important;
}
@media screen and (min-width: 768px) {
.mb-45-pc {
margin-bottom: -45px !important;
}
}
@media screen and (max-width: 767px) {
.mb-45-sp {
margin-bottom: -45px !important;
}
}
.mb-40 {
margin-bottom: -40px !important;
}
@media screen and (min-width: 768px) {
.mb-40-pc {
margin-bottom: -40px !important;
}
}
@media screen and (max-width: 767px) {
.mb-40-sp {
margin-bottom: -40px !important;
}
}
.mb-35 {
margin-bottom: -35px !important;
}
@media screen and (min-width: 768px) {
.mb-35-pc {
margin-bottom: -35px !important;
}
}
@media screen and (max-width: 767px) {
.mb-35-sp {
margin-bottom: -35px !important;
}
}
.mb-30 {
margin-bottom: -30px !important;
}
@media screen and (min-width: 768px) {
.mb-30-pc {
margin-bottom: -30px !important;
}
}
@media screen and (max-width: 767px) {
.mb-30-sp {
margin-bottom: -30px !important;
}
}
.mb-25 {
margin-bottom: -25px !important;
}
@media screen and (min-width: 768px) {
.mb-25-pc {
margin-bottom: -25px !important;
}
}
@media screen and (max-width: 767px) {
.mb-25-sp {
margin-bottom: -25px !important;
}
}
.mb-20 {
margin-bottom: -20px !important;
}
@media screen and (min-width: 768px) {
.mb-20-pc {
margin-bottom: -20px !important;
}
}
@media screen and (max-width: 767px) {
.mb-20-sp {
margin-bottom: -20px !important;
}
}
.mb-15 {
margin-bottom: -15px !important;
}
@media screen and (min-width: 768px) {
.mb-15-pc {
margin-bottom: -15px !important;
}
}
@media screen and (max-width: 767px) {
.mb-15-sp {
margin-bottom: -15px !important;
}
}
.mb-10 {
margin-bottom: -10px !important;
}
@media screen and (min-width: 768px) {
.mb-10-pc {
margin-bottom: -10px !important;
}
}
@media screen and (max-width: 767px) {
.mb-10-sp {
margin-bottom: -10px !important;
}
}
.mb-05 {
margin-bottom: -5px !important;
}
@media screen and (min-width: 768px) {
.mb-05-pc {
margin-bottom: -5px !important;
}
}
@media screen and (max-width: 767px) {
.mb-05-sp {
margin-bottom: -5px !important;
}
}
.mb00 {
margin-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
.mb00-pc {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 767px) {
.mb00-sp {
margin-bottom: 0px !important;
}
}
.mb05 {
margin-bottom: 5px !important;
}
@media screen and (min-width: 768px) {
.mb05-pc {
margin-bottom: 5px !important;
}
}
@media screen and (max-width: 767px) {
.mb05-sp {
margin-bottom: 5px !important;
}
}
.mb10 {
margin-bottom: 10px !important;
}
@media screen and (min-width: 768px) {
.mb10-pc {
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 767px) {
.mb10-sp {
margin-bottom: 10px !important;
}
}
.mb15 {
margin-bottom: 15px !important;
}
@media screen and (min-width: 768px) {
.mb15-pc {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 767px) {
.mb15-sp {
margin-bottom: 15px !important;
}
}
.mb20 {
margin-bottom: 20px !important;
}
@media screen and (min-width: 768px) {
.mb20-pc {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 767px) {
.mb20-sp {
margin-bottom: 20px !important;
}
}
.mb25 {
margin-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
.mb25-pc {
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 767px) {
.mb25-sp {
margin-bottom: 25px !important;
}
}
.mb30 {
margin-bottom: 30px !important;
}
@media screen and (min-width: 768px) {
.mb30-pc {
margin-bottom: 30px !important;
}
}
@media screen and (max-width: 767px) {
.mb30-sp {
margin-bottom: 30px !important;
}
}
.mb35 {
margin-bottom: 35px !important;
}
@media screen and (min-width: 768px) {
.mb35-pc {
margin-bottom: 35px !important;
}
}
@media screen and (max-width: 767px) {
.mb35-sp {
margin-bottom: 35px !important;
}
}
.mb40 {
margin-bottom: 40px !important;
}
@media screen and (min-width: 768px) {
.mb40-pc {
margin-bottom: 40px !important;
}
}
@media screen and (max-width: 767px) {
.mb40-sp {
margin-bottom: 40px !important;
}
}
.mb45 {
margin-bottom: 45px !important;
}
@media screen and (min-width: 768px) {
.mb45-pc {
margin-bottom: 45px !important;
}
}
@media screen and (max-width: 767px) {
.mb45-sp {
margin-bottom: 45px !important;
}
}
.mb50 {
margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.mb50-pc {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 767px) {
.mb50-sp {
margin-bottom: 50px !important;
}
}
.mb55 {
margin-bottom: 55px !important;
}
@media screen and (min-width: 768px) {
.mb55-pc {
margin-bottom: 55px !important;
}
}
@media screen and (max-width: 767px) {
.mb55-sp {
margin-bottom: 55px !important;
}
}
.mb60 {
margin-bottom: 60px !important;
}
@media screen and (min-width: 768px) {
.mb60-pc {
margin-bottom: 60px !important;
}
}
@media screen and (max-width: 767px) {
.mb60-sp {
margin-bottom: 60px !important;
}
}
.mb65 {
margin-bottom: 65px !important;
}
@media screen and (min-width: 768px) {
.mb65-pc {
margin-bottom: 65px !important;
}
}
@media screen and (max-width: 767px) {
.mb65-sp {
margin-bottom: 65px !important;
}
}
.mb70 {
margin-bottom: 70px !important;
}
@media screen and (min-width: 768px) {
.mb70-pc {
margin-bottom: 70px !important;
}
}
@media screen and (max-width: 767px) {
.mb70-sp {
margin-bottom: 70px !important;
}
}
.mb75 {
margin-bottom: 75px !important;
}
@media screen and (min-width: 768px) {
.mb75-pc {
margin-bottom: 75px !important;
}
}
@media screen and (max-width: 767px) {
.mb75-sp {
margin-bottom: 75px !important;
}
}
.mb80 {
margin-bottom: 80px !important;
}
@media screen and (min-width: 768px) {
.mb80-pc {
margin-bottom: 80px !important;
}
}
@media screen and (max-width: 767px) {
.mb80-sp {
margin-bottom: 80px !important;
}
}
.mb85 {
margin-bottom: 85px !important;
}
@media screen and (min-width: 768px) {
.mb85-pc {
margin-bottom: 85px !important;
}
}
@media screen and (max-width: 767px) {
.mb85-sp {
margin-bottom: 85px !important;
}
}
.mb90 {
margin-bottom: 90px !important;
}
@media screen and (min-width: 768px) {
.mb90-pc {
margin-bottom: 90px !important;
}
}
@media screen and (max-width: 767px) {
.mb90-sp {
margin-bottom: 90px !important;
}
}
.mb95 {
margin-bottom: 95px !important;
}
@media screen and (min-width: 768px) {
.mb95-pc {
margin-bottom: 95px !important;
}
}
@media screen and (max-width: 767px) {
.mb95-sp {
margin-bottom: 95px !important;
}
}
.mb100 {
margin-bottom: 100px !important;
}
@media screen and (min-width: 768px) {
.mb100-pc {
margin-bottom: 100px !important;
}
}
@media screen and (max-width: 767px) {
.mb100-sp {
margin-bottom: 100px !important;
}
}
.ml-100 {
margin-left: -100px !important;
}
@media screen and (min-width: 768px) {
.ml-100-pc {
margin-left: -100px !important;
}
}
@media screen and (max-width: 767px) {
.ml-100-sp {
margin-left: -100px !important;
}
}
.ml-95 {
margin-left: -95px !important;
}
@media screen and (min-width: 768px) {
.ml-95-pc {
margin-left: -95px !important;
}
}
@media screen and (max-width: 767px) {
.ml-95-sp {
margin-left: -95px !important;
}
}
.ml-90 {
margin-left: -90px !important;
}
@media screen and (min-width: 768px) {
.ml-90-pc {
margin-left: -90px !important;
}
}
@media screen and (max-width: 767px) {
.ml-90-sp {
margin-left: -90px !important;
}
}
.ml-85 {
margin-left: -85px !important;
}
@media screen and (min-width: 768px) {
.ml-85-pc {
margin-left: -85px !important;
}
}
@media screen and (max-width: 767px) {
.ml-85-sp {
margin-left: -85px !important;
}
}
.ml-80 {
margin-left: -80px !important;
}
@media screen and (min-width: 768px) {
.ml-80-pc {
margin-left: -80px !important;
}
}
@media screen and (max-width: 767px) {
.ml-80-sp {
margin-left: -80px !important;
}
}
.ml-75 {
margin-left: -75px !important;
}
@media screen and (min-width: 768px) {
.ml-75-pc {
margin-left: -75px !important;
}
}
@media screen and (max-width: 767px) {
.ml-75-sp {
margin-left: -75px !important;
}
}
.ml-70 {
margin-left: -70px !important;
}
@media screen and (min-width: 768px) {
.ml-70-pc {
margin-left: -70px !important;
}
}
@media screen and (max-width: 767px) {
.ml-70-sp {
margin-left: -70px !important;
}
}
.ml-65 {
margin-left: -65px !important;
}
@media screen and (min-width: 768px) {
.ml-65-pc {
margin-left: -65px !important;
}
}
@media screen and (max-width: 767px) {
.ml-65-sp {
margin-left: -65px !important;
}
}
.ml-60 {
margin-left: -60px !important;
}
@media screen and (min-width: 768px) {
.ml-60-pc {
margin-left: -60px !important;
}
}
@media screen and (max-width: 767px) {
.ml-60-sp {
margin-left: -60px !important;
}
}
.ml-55 {
margin-left: -55px !important;
}
@media screen and (min-width: 768px) {
.ml-55-pc {
margin-left: -55px !important;
}
}
@media screen and (max-width: 767px) {
.ml-55-sp {
margin-left: -55px !important;
}
}
.ml-50 {
margin-left: -50px !important;
}
@media screen and (min-width: 768px) {
.ml-50-pc {
margin-left: -50px !important;
}
}
@media screen and (max-width: 767px) {
.ml-50-sp {
margin-left: -50px !important;
}
}
.ml-45 {
margin-left: -45px !important;
}
@media screen and (min-width: 768px) {
.ml-45-pc {
margin-left: -45px !important;
}
}
@media screen and (max-width: 767px) {
.ml-45-sp {
margin-left: -45px !important;
}
}
.ml-40 {
margin-left: -40px !important;
}
@media screen and (min-width: 768px) {
.ml-40-pc {
margin-left: -40px !important;
}
}
@media screen and (max-width: 767px) {
.ml-40-sp {
margin-left: -40px !important;
}
}
.ml-35 {
margin-left: -35px !important;
}
@media screen and (min-width: 768px) {
.ml-35-pc {
margin-left: -35px !important;
}
}
@media screen and (max-width: 767px) {
.ml-35-sp {
margin-left: -35px !important;
}
}
.ml-30 {
margin-left: -30px !important;
}
@media screen and (min-width: 768px) {
.ml-30-pc {
margin-left: -30px !important;
}
}
@media screen and (max-width: 767px) {
.ml-30-sp {
margin-left: -30px !important;
}
}
.ml-25 {
margin-left: -25px !important;
}
@media screen and (min-width: 768px) {
.ml-25-pc {
margin-left: -25px !important;
}
}
@media screen and (max-width: 767px) {
.ml-25-sp {
margin-left: -25px !important;
}
}
.ml-20 {
margin-left: -20px !important;
}
@media screen and (min-width: 768px) {
.ml-20-pc {
margin-left: -20px !important;
}
}
@media screen and (max-width: 767px) {
.ml-20-sp {
margin-left: -20px !important;
}
}
.ml-15 {
margin-left: -15px !important;
}
@media screen and (min-width: 768px) {
.ml-15-pc {
margin-left: -15px !important;
}
}
@media screen and (max-width: 767px) {
.ml-15-sp {
margin-left: -15px !important;
}
}
.ml-10 {
margin-left: -10px !important;
}
@media screen and (min-width: 768px) {
.ml-10-pc {
margin-left: -10px !important;
}
}
@media screen and (max-width: 767px) {
.ml-10-sp {
margin-left: -10px !important;
}
}
.ml-05 {
margin-left: -5px !important;
}
@media screen and (min-width: 768px) {
.ml-05-pc {
margin-left: -5px !important;
}
}
@media screen and (max-width: 767px) {
.ml-05-sp {
margin-left: -5px !important;
}
}
.ml00 {
margin-left: 0px !important;
}
@media screen and (min-width: 768px) {
.ml00-pc {
margin-left: 0px !important;
}
}
@media screen and (max-width: 767px) {
.ml00-sp {
margin-left: 0px !important;
}
}
.ml05 {
margin-left: 5px !important;
}
@media screen and (min-width: 768px) {
.ml05-pc {
margin-left: 5px !important;
}
}
@media screen and (max-width: 767px) {
.ml05-sp {
margin-left: 5px !important;
}
}
.ml10 {
margin-left: 10px !important;
}
@media screen and (min-width: 768px) {
.ml10-pc {
margin-left: 10px !important;
}
}
@media screen and (max-width: 767px) {
.ml10-sp {
margin-left: 10px !important;
}
}
.ml15 {
margin-left: 15px !important;
}
@media screen and (min-width: 768px) {
.ml15-pc {
margin-left: 15px !important;
}
}
@media screen and (max-width: 767px) {
.ml15-sp {
margin-left: 15px !important;
}
}
.ml20 {
margin-left: 20px !important;
}
@media screen and (min-width: 768px) {
.ml20-pc {
margin-left: 20px !important;
}
}
@media screen and (max-width: 767px) {
.ml20-sp {
margin-left: 20px !important;
}
}
.ml25 {
margin-left: 25px !important;
}
@media screen and (min-width: 768px) {
.ml25-pc {
margin-left: 25px !important;
}
}
@media screen and (max-width: 767px) {
.ml25-sp {
margin-left: 25px !important;
}
}
.ml30 {
margin-left: 30px !important;
}
@media screen and (min-width: 768px) {
.ml30-pc {
margin-left: 30px !important;
}
}
@media screen and (max-width: 767px) {
.ml30-sp {
margin-left: 30px !important;
}
}
.ml35 {
margin-left: 35px !important;
}
@media screen and (min-width: 768px) {
.ml35-pc {
margin-left: 35px !important;
}
}
@media screen and (max-width: 767px) {
.ml35-sp {
margin-left: 35px !important;
}
}
.ml40 {
margin-left: 40px !important;
}
@media screen and (min-width: 768px) {
.ml40-pc {
margin-left: 40px !important;
}
}
@media screen and (max-width: 767px) {
.ml40-sp {
margin-left: 40px !important;
}
}
.ml45 {
margin-left: 45px !important;
}
@media screen and (min-width: 768px) {
.ml45-pc {
margin-left: 45px !important;
}
}
@media screen and (max-width: 767px) {
.ml45-sp {
margin-left: 45px !important;
}
}
.ml50 {
margin-left: 50px !important;
}
@media screen and (min-width: 768px) {
.ml50-pc {
margin-left: 50px !important;
}
}
@media screen and (max-width: 767px) {
.ml50-sp {
margin-left: 50px !important;
}
}
.ml55 {
margin-left: 55px !important;
}
@media screen and (min-width: 768px) {
.ml55-pc {
margin-left: 55px !important;
}
}
@media screen and (max-width: 767px) {
.ml55-sp {
margin-left: 55px !important;
}
}
.ml60 {
margin-left: 60px !important;
}
@media screen and (min-width: 768px) {
.ml60-pc {
margin-left: 60px !important;
}
}
@media screen and (max-width: 767px) {
.ml60-sp {
margin-left: 60px !important;
}
}
.ml65 {
margin-left: 65px !important;
}
@media screen and (min-width: 768px) {
.ml65-pc {
margin-left: 65px !important;
}
}
@media screen and (max-width: 767px) {
.ml65-sp {
margin-left: 65px !important;
}
}
.ml70 {
margin-left: 70px !important;
}
@media screen and (min-width: 768px) {
.ml70-pc {
margin-left: 70px !important;
}
}
@media screen and (max-width: 767px) {
.ml70-sp {
margin-left: 70px !important;
}
}
.ml75 {
margin-left: 75px !important;
}
@media screen and (min-width: 768px) {
.ml75-pc {
margin-left: 75px !important;
}
}
@media screen and (max-width: 767px) {
.ml75-sp {
margin-left: 75px !important;
}
}
.ml80 {
margin-left: 80px !important;
}
@media screen and (min-width: 768px) {
.ml80-pc {
margin-left: 80px !important;
}
}
@media screen and (max-width: 767px) {
.ml80-sp {
margin-left: 80px !important;
}
}
.ml85 {
margin-left: 85px !important;
}
@media screen and (min-width: 768px) {
.ml85-pc {
margin-left: 85px !important;
}
}
@media screen and (max-width: 767px) {
.ml85-sp {
margin-left: 85px !important;
}
}
.ml90 {
margin-left: 90px !important;
}
@media screen and (min-width: 768px) {
.ml90-pc {
margin-left: 90px !important;
}
}
@media screen and (max-width: 767px) {
.ml90-sp {
margin-left: 90px !important;
}
}
.ml95 {
margin-left: 95px !important;
}
@media screen and (min-width: 768px) {
.ml95-pc {
margin-left: 95px !important;
}
}
@media screen and (max-width: 767px) {
.ml95-sp {
margin-left: 95px !important;
}
}
.ml100 {
margin-left: 100px !important;
}
@media screen and (min-width: 768px) {
.ml100-pc {
margin-left: 100px !important;
}
}
@media screen and (max-width: 767px) {
.ml100-sp {
margin-left: 100px !important;
}
}
.mr-100 {
margin-right: -100px !important;
}
@media screen and (min-width: 768px) {
.mr-100-pc {
margin-right: -100px !important;
}
}
@media screen and (max-width: 767px) {
.mr-100-sp {
margin-right: -100px !important;
}
}
.mr-95 {
margin-right: -95px !important;
}
@media screen and (min-width: 768px) {
.mr-95-pc {
margin-right: -95px !important;
}
}
@media screen and (max-width: 767px) {
.mr-95-sp {
margin-right: -95px !important;
}
}
.mr-90 {
margin-right: -90px !important;
}
@media screen and (min-width: 768px) {
.mr-90-pc {
margin-right: -90px !important;
}
}
@media screen and (max-width: 767px) {
.mr-90-sp {
margin-right: -90px !important;
}
}
.mr-85 {
margin-right: -85px !important;
}
@media screen and (min-width: 768px) {
.mr-85-pc {
margin-right: -85px !important;
}
}
@media screen and (max-width: 767px) {
.mr-85-sp {
margin-right: -85px !important;
}
}
.mr-80 {
margin-right: -80px !important;
}
@media screen and (min-width: 768px) {
.mr-80-pc {
margin-right: -80px !important;
}
}
@media screen and (max-width: 767px) {
.mr-80-sp {
margin-right: -80px !important;
}
}
.mr-75 {
margin-right: -75px !important;
}
@media screen and (min-width: 768px) {
.mr-75-pc {
margin-right: -75px !important;
}
}
@media screen and (max-width: 767px) {
.mr-75-sp {
margin-right: -75px !important;
}
}
.mr-70 {
margin-right: -70px !important;
}
@media screen and (min-width: 768px) {
.mr-70-pc {
margin-right: -70px !important;
}
}
@media screen and (max-width: 767px) {
.mr-70-sp {
margin-right: -70px !important;
}
}
.mr-65 {
margin-right: -65px !important;
}
@media screen and (min-width: 768px) {
.mr-65-pc {
margin-right: -65px !important;
}
}
@media screen and (max-width: 767px) {
.mr-65-sp {
margin-right: -65px !important;
}
}
.mr-60 {
margin-right: -60px !important;
}
@media screen and (min-width: 768px) {
.mr-60-pc {
margin-right: -60px !important;
}
}
@media screen and (max-width: 767px) {
.mr-60-sp {
margin-right: -60px !important;
}
}
.mr-55 {
margin-right: -55px !important;
}
@media screen and (min-width: 768px) {
.mr-55-pc {
margin-right: -55px !important;
}
}
@media screen and (max-width: 767px) {
.mr-55-sp {
margin-right: -55px !important;
}
}
.mr-50 {
margin-right: -50px !important;
}
@media screen and (min-width: 768px) {
.mr-50-pc {
margin-right: -50px !important;
}
}
@media screen and (max-width: 767px) {
.mr-50-sp {
margin-right: -50px !important;
}
}
.mr-45 {
margin-right: -45px !important;
}
@media screen and (min-width: 768px) {
.mr-45-pc {
margin-right: -45px !important;
}
}
@media screen and (max-width: 767px) {
.mr-45-sp {
margin-right: -45px !important;
}
}
.mr-40 {
margin-right: -40px !important;
}
@media screen and (min-width: 768px) {
.mr-40-pc {
margin-right: -40px !important;
}
}
@media screen and (max-width: 767px) {
.mr-40-sp {
margin-right: -40px !important;
}
}
.mr-35 {
margin-right: -35px !important;
}
@media screen and (min-width: 768px) {
.mr-35-pc {
margin-right: -35px !important;
}
}
@media screen and (max-width: 767px) {
.mr-35-sp {
margin-right: -35px !important;
}
}
.mr-30 {
margin-right: -30px !important;
}
@media screen and (min-width: 768px) {
.mr-30-pc {
margin-right: -30px !important;
}
}
@media screen and (max-width: 767px) {
.mr-30-sp {
margin-right: -30px !important;
}
}
.mr-25 {
margin-right: -25px !important;
}
@media screen and (min-width: 768px) {
.mr-25-pc {
margin-right: -25px !important;
}
}
@media screen and (max-width: 767px) {
.mr-25-sp {
margin-right: -25px !important;
}
}
.mr-20 {
margin-right: -20px !important;
}
@media screen and (min-width: 768px) {
.mr-20-pc {
margin-right: -20px !important;
}
}
@media screen and (max-width: 767px) {
.mr-20-sp {
margin-right: -20px !important;
}
}
.mr-15 {
margin-right: -15px !important;
}
@media screen and (min-width: 768px) {
.mr-15-pc {
margin-right: -15px !important;
}
}
@media screen and (max-width: 767px) {
.mr-15-sp {
margin-right: -15px !important;
}
}
.mr-10 {
margin-right: -10px !important;
}
@media screen and (min-width: 768px) {
.mr-10-pc {
margin-right: -10px !important;
}
}
@media screen and (max-width: 767px) {
.mr-10-sp {
margin-right: -10px !important;
}
}
.mr-05 {
margin-right: -5px !important;
}
@media screen and (min-width: 768px) {
.mr-05-pc {
margin-right: -5px !important;
}
}
@media screen and (max-width: 767px) {
.mr-05-sp {
margin-right: -5px !important;
}
}
.mr00 {
margin-right: 0px !important;
}
@media screen and (min-width: 768px) {
.mr00-pc {
margin-right: 0px !important;
}
}
@media screen and (max-width: 767px) {
.mr00-sp {
margin-right: 0px !important;
}
}
.mr05 {
margin-right: 5px !important;
}
@media screen and (min-width: 768px) {
.mr05-pc {
margin-right: 5px !important;
}
}
@media screen and (max-width: 767px) {
.mr05-sp {
margin-right: 5px !important;
}
}
.mr10 {
margin-right: 10px !important;
}
@media screen and (min-width: 768px) {
.mr10-pc {
margin-right: 10px !important;
}
}
@media screen and (max-width: 767px) {
.mr10-sp {
margin-right: 10px !important;
}
}
.mr15 {
margin-right: 15px !important;
}
@media screen and (min-width: 768px) {
.mr15-pc {
margin-right: 15px !important;
}
}
@media screen and (max-width: 767px) {
.mr15-sp {
margin-right: 15px !important;
}
}
.mr20 {
margin-right: 20px !important;
}
@media screen and (min-width: 768px) {
.mr20-pc {
margin-right: 20px !important;
}
}
@media screen and (max-width: 767px) {
.mr20-sp {
margin-right: 20px !important;
}
}
.mr25 {
margin-right: 25px !important;
}
@media screen and (min-width: 768px) {
.mr25-pc {
margin-right: 25px !important;
}
}
@media screen and (max-width: 767px) {
.mr25-sp {
margin-right: 25px !important;
}
}
.mr30 {
margin-right: 30px !important;
}
@media screen and (min-width: 768px) {
.mr30-pc {
margin-right: 30px !important;
}
}
@media screen and (max-width: 767px) {
.mr30-sp {
margin-right: 30px !important;
}
}
.mr35 {
margin-right: 35px !important;
}
@media screen and (min-width: 768px) {
.mr35-pc {
margin-right: 35px !important;
}
}
@media screen and (max-width: 767px) {
.mr35-sp {
margin-right: 35px !important;
}
}
.mr40 {
margin-right: 40px !important;
}
@media screen and (min-width: 768px) {
.mr40-pc {
margin-right: 40px !important;
}
}
@media screen and (max-width: 767px) {
.mr40-sp {
margin-right: 40px !important;
}
}
.mr45 {
margin-right: 45px !important;
}
@media screen and (min-width: 768px) {
.mr45-pc {
margin-right: 45px !important;
}
}
@media screen and (max-width: 767px) {
.mr45-sp {
margin-right: 45px !important;
}
}
.mr50 {
margin-right: 50px !important;
}
@media screen and (min-width: 768px) {
.mr50-pc {
margin-right: 50px !important;
}
}
@media screen and (max-width: 767px) {
.mr50-sp {
margin-right: 50px !important;
}
}
.mr55 {
margin-right: 55px !important;
}
@media screen and (min-width: 768px) {
.mr55-pc {
margin-right: 55px !important;
}
}
@media screen and (max-width: 767px) {
.mr55-sp {
margin-right: 55px !important;
}
}
.mr60 {
margin-right: 60px !important;
}
@media screen and (min-width: 768px) {
.mr60-pc {
margin-right: 60px !important;
}
}
@media screen and (max-width: 767px) {
.mr60-sp {
margin-right: 60px !important;
}
}
.mr65 {
margin-right: 65px !important;
}
@media screen and (min-width: 768px) {
.mr65-pc {
margin-right: 65px !important;
}
}
@media screen and (max-width: 767px) {
.mr65-sp {
margin-right: 65px !important;
}
}
.mr70 {
margin-right: 70px !important;
}
@media screen and (min-width: 768px) {
.mr70-pc {
margin-right: 70px !important;
}
}
@media screen and (max-width: 767px) {
.mr70-sp {
margin-right: 70px !important;
}
}
.mr75 {
margin-right: 75px !important;
}
@media screen and (min-width: 768px) {
.mr75-pc {
margin-right: 75px !important;
}
}
@media screen and (max-width: 767px) {
.mr75-sp {
margin-right: 75px !important;
}
}
.mr80 {
margin-right: 80px !important;
}
@media screen and (min-width: 768px) {
.mr80-pc {
margin-right: 80px !important;
}
}
@media screen and (max-width: 767px) {
.mr80-sp {
margin-right: 80px !important;
}
}
.mr85 {
margin-right: 85px !important;
}
@media screen and (min-width: 768px) {
.mr85-pc {
margin-right: 85px !important;
}
}
@media screen and (max-width: 767px) {
.mr85-sp {
margin-right: 85px !important;
}
}
.mr90 {
margin-right: 90px !important;
}
@media screen and (min-width: 768px) {
.mr90-pc {
margin-right: 90px !important;
}
}
@media screen and (max-width: 767px) {
.mr90-sp {
margin-right: 90px !important;
}
}
.mr95 {
margin-right: 95px !important;
}
@media screen and (min-width: 768px) {
.mr95-pc {
margin-right: 95px !important;
}
}
@media screen and (max-width: 767px) {
.mr95-sp {
margin-right: 95px !important;
}
}
.mr100 {
margin-right: 100px !important;
}
@media screen and (min-width: 768px) {
.mr100-pc {
margin-right: 100px !important;
}
}
@media screen and (max-width: 767px) {
.mr100-sp {
margin-right: 100px !important;
}
}
.pt-100 {
padding-top: -100px !important;
}
@media screen and (min-width: 768px) {
.pt-100-pc {
padding-top: -100px !important;
}
}
@media screen and (max-width: 767px) {
.pt-100-sp {
padding-top: -100px !important;
}
}
.pt-95 {
padding-top: -95px !important;
}
@media screen and (min-width: 768px) {
.pt-95-pc {
padding-top: -95px !important;
}
}
@media screen and (max-width: 767px) {
.pt-95-sp {
padding-top: -95px !important;
}
}
.pt-90 {
padding-top: -90px !important;
}
@media screen and (min-width: 768px) {
.pt-90-pc {
padding-top: -90px !important;
}
}
@media screen and (max-width: 767px) {
.pt-90-sp {
padding-top: -90px !important;
}
}
.pt-85 {
padding-top: -85px !important;
}
@media screen and (min-width: 768px) {
.pt-85-pc {
padding-top: -85px !important;
}
}
@media screen and (max-width: 767px) {
.pt-85-sp {
padding-top: -85px !important;
}
}
.pt-80 {
padding-top: -80px !important;
}
@media screen and (min-width: 768px) {
.pt-80-pc {
padding-top: -80px !important;
}
}
@media screen and (max-width: 767px) {
.pt-80-sp {
padding-top: -80px !important;
}
}
.pt-75 {
padding-top: -75px !important;
}
@media screen and (min-width: 768px) {
.pt-75-pc {
padding-top: -75px !important;
}
}
@media screen and (max-width: 767px) {
.pt-75-sp {
padding-top: -75px !important;
}
}
.pt-70 {
padding-top: -70px !important;
}
@media screen and (min-width: 768px) {
.pt-70-pc {
padding-top: -70px !important;
}
}
@media screen and (max-width: 767px) {
.pt-70-sp {
padding-top: -70px !important;
}
}
.pt-65 {
padding-top: -65px !important;
}
@media screen and (min-width: 768px) {
.pt-65-pc {
padding-top: -65px !important;
}
}
@media screen and (max-width: 767px) {
.pt-65-sp {
padding-top: -65px !important;
}
}
.pt-60 {
padding-top: -60px !important;
}
@media screen and (min-width: 768px) {
.pt-60-pc {
padding-top: -60px !important;
}
}
@media screen and (max-width: 767px) {
.pt-60-sp {
padding-top: -60px !important;
}
}
.pt-55 {
padding-top: -55px !important;
}
@media screen and (min-width: 768px) {
.pt-55-pc {
padding-top: -55px !important;
}
}
@media screen and (max-width: 767px) {
.pt-55-sp {
padding-top: -55px !important;
}
}
.pt-50 {
padding-top: -50px !important;
}
@media screen and (min-width: 768px) {
.pt-50-pc {
padding-top: -50px !important;
}
}
@media screen and (max-width: 767px) {
.pt-50-sp {
padding-top: -50px !important;
}
}
.pt-45 {
padding-top: -45px !important;
}
@media screen and (min-width: 768px) {
.pt-45-pc {
padding-top: -45px !important;
}
}
@media screen and (max-width: 767px) {
.pt-45-sp {
padding-top: -45px !important;
}
}
.pt-40 {
padding-top: -40px !important;
}
@media screen and (min-width: 768px) {
.pt-40-pc {
padding-top: -40px !important;
}
}
@media screen and (max-width: 767px) {
.pt-40-sp {
padding-top: -40px !important;
}
}
.pt-35 {
padding-top: -35px !important;
}
@media screen and (min-width: 768px) {
.pt-35-pc {
padding-top: -35px !important;
}
}
@media screen and (max-width: 767px) {
.pt-35-sp {
padding-top: -35px !important;
}
}
.pt-30 {
padding-top: -30px !important;
}
@media screen and (min-width: 768px) {
.pt-30-pc {
padding-top: -30px !important;
}
}
@media screen and (max-width: 767px) {
.pt-30-sp {
padding-top: -30px !important;
}
}
.pt-25 {
padding-top: -25px !important;
}
@media screen and (min-width: 768px) {
.pt-25-pc {
padding-top: -25px !important;
}
}
@media screen and (max-width: 767px) {
.pt-25-sp {
padding-top: -25px !important;
}
}
.pt-20 {
padding-top: -20px !important;
}
@media screen and (min-width: 768px) {
.pt-20-pc {
padding-top: -20px !important;
}
}
@media screen and (max-width: 767px) {
.pt-20-sp {
padding-top: -20px !important;
}
}
.pt-15 {
padding-top: -15px !important;
}
@media screen and (min-width: 768px) {
.pt-15-pc {
padding-top: -15px !important;
}
}
@media screen and (max-width: 767px) {
.pt-15-sp {
padding-top: -15px !important;
}
}
.pt-10 {
padding-top: -10px !important;
}
@media screen and (min-width: 768px) {
.pt-10-pc {
padding-top: -10px !important;
}
}
@media screen and (max-width: 767px) {
.pt-10-sp {
padding-top: -10px !important;
}
}
.pt-05 {
padding-top: -5px !important;
}
@media screen and (min-width: 768px) {
.pt-05-pc {
padding-top: -5px !important;
}
}
@media screen and (max-width: 767px) {
.pt-05-sp {
padding-top: -5px !important;
}
}
.pt00 {
padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
.pt00-pc {
padding-top: 0px !important;
}
}
@media screen and (max-width: 767px) {
.pt00-sp {
padding-top: 0px !important;
}
}
.pt05 {
padding-top: 5px !important;
}
@media screen and (min-width: 768px) {
.pt05-pc {
padding-top: 5px !important;
}
}
@media screen and (max-width: 767px) {
.pt05-sp {
padding-top: 5px !important;
}
}
.pt10 {
padding-top: 10px !important;
}
@media screen and (min-width: 768px) {
.pt10-pc {
padding-top: 10px !important;
}
}
@media screen and (max-width: 767px) {
.pt10-sp {
padding-top: 10px !important;
}
}
.pt15 {
padding-top: 15px !important;
}
@media screen and (min-width: 768px) {
.pt15-pc {
padding-top: 15px !important;
}
}
@media screen and (max-width: 767px) {
.pt15-sp {
padding-top: 15px !important;
}
}
.pt20 {
padding-top: 20px !important;
}
@media screen and (min-width: 768px) {
.pt20-pc {
padding-top: 20px !important;
}
}
@media screen and (max-width: 767px) {
.pt20-sp {
padding-top: 20px !important;
}
}
.pt25 {
padding-top: 25px !important;
}
@media screen and (min-width: 768px) {
.pt25-pc {
padding-top: 25px !important;
}
}
@media screen and (max-width: 767px) {
.pt25-sp {
padding-top: 25px !important;
}
}
.pt30 {
padding-top: 30px !important;
}
@media screen and (min-width: 768px) {
.pt30-pc {
padding-top: 30px !important;
}
}
@media screen and (max-width: 767px) {
.pt30-sp {
padding-top: 30px !important;
}
}
.pt35 {
padding-top: 35px !important;
}
@media screen and (min-width: 768px) {
.pt35-pc {
padding-top: 35px !important;
}
}
@media screen and (max-width: 767px) {
.pt35-sp {
padding-top: 35px !important;
}
}
.pt40 {
padding-top: 40px !important;
}
@media screen and (min-width: 768px) {
.pt40-pc {
padding-top: 40px !important;
}
}
@media screen and (max-width: 767px) {
.pt40-sp {
padding-top: 40px !important;
}
}
.pt45 {
padding-top: 45px !important;
}
@media screen and (min-width: 768px) {
.pt45-pc {
padding-top: 45px !important;
}
}
@media screen and (max-width: 767px) {
.pt45-sp {
padding-top: 45px !important;
}
}
.pt50 {
padding-top: 50px !important;
}
@media screen and (min-width: 768px) {
.pt50-pc {
padding-top: 50px !important;
}
}
@media screen and (max-width: 767px) {
.pt50-sp {
padding-top: 50px !important;
}
}
.pt55 {
padding-top: 55px !important;
}
@media screen and (min-width: 768px) {
.pt55-pc {
padding-top: 55px !important;
}
}
@media screen and (max-width: 767px) {
.pt55-sp {
padding-top: 55px !important;
}
}
.pt60 {
padding-top: 60px !important;
}
@media screen and (min-width: 768px) {
.pt60-pc {
padding-top: 60px !important;
}
}
@media screen and (max-width: 767px) {
.pt60-sp {
padding-top: 60px !important;
}
}
.pt65 {
padding-top: 65px !important;
}
@media screen and (min-width: 768px) {
.pt65-pc {
padding-top: 65px !important;
}
}
@media screen and (max-width: 767px) {
.pt65-sp {
padding-top: 65px !important;
}
}
.pt70 {
padding-top: 70px !important;
}
@media screen and (min-width: 768px) {
.pt70-pc {
padding-top: 70px !important;
}
}
@media screen and (max-width: 767px) {
.pt70-sp {
padding-top: 70px !important;
}
}
.pt75 {
padding-top: 75px !important;
}
@media screen and (min-width: 768px) {
.pt75-pc {
padding-top: 75px !important;
}
}
@media screen and (max-width: 767px) {
.pt75-sp {
padding-top: 75px !important;
}
}
.pt80 {
padding-top: 80px !important;
}
@media screen and (min-width: 768px) {
.pt80-pc {
padding-top: 80px !important;
}
}
@media screen and (max-width: 767px) {
.pt80-sp {
padding-top: 80px !important;
}
}
.pt85 {
padding-top: 85px !important;
}
@media screen and (min-width: 768px) {
.pt85-pc {
padding-top: 85px !important;
}
}
@media screen and (max-width: 767px) {
.pt85-sp {
padding-top: 85px !important;
}
}
.pt90 {
padding-top: 90px !important;
}
@media screen and (min-width: 768px) {
.pt90-pc {
padding-top: 90px !important;
}
}
@media screen and (max-width: 767px) {
.pt90-sp {
padding-top: 90px !important;
}
}
.pt95 {
padding-top: 95px !important;
}
@media screen and (min-width: 768px) {
.pt95-pc {
padding-top: 95px !important;
}
}
@media screen and (max-width: 767px) {
.pt95-sp {
padding-top: 95px !important;
}
}
.pt100 {
padding-top: 100px !important;
}
@media screen and (min-width: 768px) {
.pt100-pc {
padding-top: 100px !important;
}
}
@media screen and (max-width: 767px) {
.pt100-sp {
padding-top: 100px !important;
}
}
.pb-100 {
padding-bottom: -100px !important;
}
@media screen and (min-width: 768px) {
.pb-100-pc {
padding-bottom: -100px !important;
}
}
@media screen and (max-width: 767px) {
.pb-100-sp {
padding-bottom: -100px !important;
}
}
.pb-95 {
padding-bottom: -95px !important;
}
@media screen and (min-width: 768px) {
.pb-95-pc {
padding-bottom: -95px !important;
}
}
@media screen and (max-width: 767px) {
.pb-95-sp {
padding-bottom: -95px !important;
}
}
.pb-90 {
padding-bottom: -90px !important;
}
@media screen and (min-width: 768px) {
.pb-90-pc {
padding-bottom: -90px !important;
}
}
@media screen and (max-width: 767px) {
.pb-90-sp {
padding-bottom: -90px !important;
}
}
.pb-85 {
padding-bottom: -85px !important;
}
@media screen and (min-width: 768px) {
.pb-85-pc {
padding-bottom: -85px !important;
}
}
@media screen and (max-width: 767px) {
.pb-85-sp {
padding-bottom: -85px !important;
}
}
.pb-80 {
padding-bottom: -80px !important;
}
@media screen and (min-width: 768px) {
.pb-80-pc {
padding-bottom: -80px !important;
}
}
@media screen and (max-width: 767px) {
.pb-80-sp {
padding-bottom: -80px !important;
}
}
.pb-75 {
padding-bottom: -75px !important;
}
@media screen and (min-width: 768px) {
.pb-75-pc {
padding-bottom: -75px !important;
}
}
@media screen and (max-width: 767px) {
.pb-75-sp {
padding-bottom: -75px !important;
}
}
.pb-70 {
padding-bottom: -70px !important;
}
@media screen and (min-width: 768px) {
.pb-70-pc {
padding-bottom: -70px !important;
}
}
@media screen and (max-width: 767px) {
.pb-70-sp {
padding-bottom: -70px !important;
}
}
.pb-65 {
padding-bottom: -65px !important;
}
@media screen and (min-width: 768px) {
.pb-65-pc {
padding-bottom: -65px !important;
}
}
@media screen and (max-width: 767px) {
.pb-65-sp {
padding-bottom: -65px !important;
}
}
.pb-60 {
padding-bottom: -60px !important;
}
@media screen and (min-width: 768px) {
.pb-60-pc {
padding-bottom: -60px !important;
}
}
@media screen and (max-width: 767px) {
.pb-60-sp {
padding-bottom: -60px !important;
}
}
.pb-55 {
padding-bottom: -55px !important;
}
@media screen and (min-width: 768px) {
.pb-55-pc {
padding-bottom: -55px !important;
}
}
@media screen and (max-width: 767px) {
.pb-55-sp {
padding-bottom: -55px !important;
}
}
.pb-50 {
padding-bottom: -50px !important;
}
@media screen and (min-width: 768px) {
.pb-50-pc {
padding-bottom: -50px !important;
}
}
@media screen and (max-width: 767px) {
.pb-50-sp {
padding-bottom: -50px !important;
}
}
.pb-45 {
padding-bottom: -45px !important;
}
@media screen and (min-width: 768px) {
.pb-45-pc {
padding-bottom: -45px !important;
}
}
@media screen and (max-width: 767px) {
.pb-45-sp {
padding-bottom: -45px !important;
}
}
.pb-40 {
padding-bottom: -40px !important;
}
@media screen and (min-width: 768px) {
.pb-40-pc {
padding-bottom: -40px !important;
}
}
@media screen and (max-width: 767px) {
.pb-40-sp {
padding-bottom: -40px !important;
}
}
.pb-35 {
padding-bottom: -35px !important;
}
@media screen and (min-width: 768px) {
.pb-35-pc {
padding-bottom: -35px !important;
}
}
@media screen and (max-width: 767px) {
.pb-35-sp {
padding-bottom: -35px !important;
}
}
.pb-30 {
padding-bottom: -30px !important;
}
@media screen and (min-width: 768px) {
.pb-30-pc {
padding-bottom: -30px !important;
}
}
@media screen and (max-width: 767px) {
.pb-30-sp {
padding-bottom: -30px !important;
}
}
.pb-25 {
padding-bottom: -25px !important;
}
@media screen and (min-width: 768px) {
.pb-25-pc {
padding-bottom: -25px !important;
}
}
@media screen and (max-width: 767px) {
.pb-25-sp {
padding-bottom: -25px !important;
}
}
.pb-20 {
padding-bottom: -20px !important;
}
@media screen and (min-width: 768px) {
.pb-20-pc {
padding-bottom: -20px !important;
}
}
@media screen and (max-width: 767px) {
.pb-20-sp {
padding-bottom: -20px !important;
}
}
.pb-15 {
padding-bottom: -15px !important;
}
@media screen and (min-width: 768px) {
.pb-15-pc {
padding-bottom: -15px !important;
}
}
@media screen and (max-width: 767px) {
.pb-15-sp {
padding-bottom: -15px !important;
}
}
.pb-10 {
padding-bottom: -10px !important;
}
@media screen and (min-width: 768px) {
.pb-10-pc {
padding-bottom: -10px !important;
}
}
@media screen and (max-width: 767px) {
.pb-10-sp {
padding-bottom: -10px !important;
}
}
.pb-05 {
padding-bottom: -5px !important;
}
@media screen and (min-width: 768px) {
.pb-05-pc {
padding-bottom: -5px !important;
}
}
@media screen and (max-width: 767px) {
.pb-05-sp {
padding-bottom: -5px !important;
}
}
.pb00 {
padding-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
.pb00-pc {
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 767px) {
.pb00-sp {
padding-bottom: 0px !important;
}
}
.pb05 {
padding-bottom: 5px !important;
}
@media screen and (min-width: 768px) {
.pb05-pc {
padding-bottom: 5px !important;
}
}
@media screen and (max-width: 767px) {
.pb05-sp {
padding-bottom: 5px !important;
}
}
.pb10 {
padding-bottom: 10px !important;
}
@media screen and (min-width: 768px) {
.pb10-pc {
padding-bottom: 10px !important;
}
}
@media screen and (max-width: 767px) {
.pb10-sp {
padding-bottom: 10px !important;
}
}
.pb15 {
padding-bottom: 15px !important;
}
@media screen and (min-width: 768px) {
.pb15-pc {
padding-bottom: 15px !important;
}
}
@media screen and (max-width: 767px) {
.pb15-sp {
padding-bottom: 15px !important;
}
}
.pb20 {
padding-bottom: 20px !important;
}
@media screen and (min-width: 768px) {
.pb20-pc {
padding-bottom: 20px !important;
}
}
@media screen and (max-width: 767px) {
.pb20-sp {
padding-bottom: 20px !important;
}
}
.pb25 {
padding-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
.pb25-pc {
padding-bottom: 25px !important;
}
}
@media screen and (max-width: 767px) {
.pb25-sp {
padding-bottom: 25px !important;
}
}
.pb30 {
padding-bottom: 30px !important;
}
@media screen and (min-width: 768px) {
.pb30-pc {
padding-bottom: 30px !important;
}
}
@media screen and (max-width: 767px) {
.pb30-sp {
padding-bottom: 30px !important;
}
}
.pb35 {
padding-bottom: 35px !important;
}
@media screen and (min-width: 768px) {
.pb35-pc {
padding-bottom: 35px !important;
}
}
@media screen and (max-width: 767px) {
.pb35-sp {
padding-bottom: 35px !important;
}
}
.pb40 {
padding-bottom: 40px !important;
}
@media screen and (min-width: 768px) {
.pb40-pc {
padding-bottom: 40px !important;
}
}
@media screen and (max-width: 767px) {
.pb40-sp {
padding-bottom: 40px !important;
}
}
.pb45 {
padding-bottom: 45px !important;
}
@media screen and (min-width: 768px) {
.pb45-pc {
padding-bottom: 45px !important;
}
}
@media screen and (max-width: 767px) {
.pb45-sp {
padding-bottom: 45px !important;
}
}
.pb50 {
padding-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
.pb50-pc {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 767px) {
.pb50-sp {
padding-bottom: 50px !important;
}
}
.pb55 {
padding-bottom: 55px !important;
}
@media screen and (min-width: 768px) {
.pb55-pc {
padding-bottom: 55px !important;
}
}
@media screen and (max-width: 767px) {
.pb55-sp {
padding-bottom: 55px !important;
}
}
.pb60 {
padding-bottom: 60px !important;
}
@media screen and (min-width: 768px) {
.pb60-pc {
padding-bottom: 60px !important;
}
}
@media screen and (max-width: 767px) {
.pb60-sp {
padding-bottom: 60px !important;
}
}
.pb65 {
padding-bottom: 65px !important;
}
@media screen and (min-width: 768px) {
.pb65-pc {
padding-bottom: 65px !important;
}
}
@media screen and (max-width: 767px) {
.pb65-sp {
padding-bottom: 65px !important;
}
}
.pb70 {
padding-bottom: 70px !important;
}
@media screen and (min-width: 768px) {
.pb70-pc {
padding-bottom: 70px !important;
}
}
@media screen and (max-width: 767px) {
.pb70-sp {
padding-bottom: 70px !important;
}
}
.pb75 {
padding-bottom: 75px !important;
}
@media screen and (min-width: 768px) {
.pb75-pc {
padding-bottom: 75px !important;
}
}
@media screen and (max-width: 767px) {
.pb75-sp {
padding-bottom: 75px !important;
}
}
.pb80 {
padding-bottom: 80px !important;
}
@media screen and (min-width: 768px) {
.pb80-pc {
padding-bottom: 80px !important;
}
}
@media screen and (max-width: 767px) {
.pb80-sp {
padding-bottom: 80px !important;
}
}
.pb85 {
padding-bottom: 85px !important;
}
@media screen and (min-width: 768px) {
.pb85-pc {
padding-bottom: 85px !important;
}
}
@media screen and (max-width: 767px) {
.pb85-sp {
padding-bottom: 85px !important;
}
}
.pb90 {
padding-bottom: 90px !important;
}
@media screen and (min-width: 768px) {
.pb90-pc {
padding-bottom: 90px !important;
}
}
@media screen and (max-width: 767px) {
.pb90-sp {
padding-bottom: 90px !important;
}
}
.pb95 {
padding-bottom: 95px !important;
}
@media screen and (min-width: 768px) {
.pb95-pc {
padding-bottom: 95px !important;
}
}
@media screen and (max-width: 767px) {
.pb95-sp {
padding-bottom: 95px !important;
}
}
.pb100 {
padding-bottom: 100px !important;
}
@media screen and (min-width: 768px) {
.pb100-pc {
padding-bottom: 100px !important;
}
}
@media screen and (max-width: 767px) {
.pb100-sp {
padding-bottom: 100px !important;
}
}
.pl-100 {
padding-left: -100px !important;
}
@media screen and (min-width: 768px) {
.pl-100-pc {
padding-left: -100px !important;
}
}
@media screen and (max-width: 767px) {
.pl-100-sp {
padding-left: -100px !important;
}
}
.pl-95 {
padding-left: -95px !important;
}
@media screen and (min-width: 768px) {
.pl-95-pc {
padding-left: -95px !important;
}
}
@media screen and (max-width: 767px) {
.pl-95-sp {
padding-left: -95px !important;
}
}
.pl-90 {
padding-left: -90px !important;
}
@media screen and (min-width: 768px) {
.pl-90-pc {
padding-left: -90px !important;
}
}
@media screen and (max-width: 767px) {
.pl-90-sp {
padding-left: -90px !important;
}
}
.pl-85 {
padding-left: -85px !important;
}
@media screen and (min-width: 768px) {
.pl-85-pc {
padding-left: -85px !important;
}
}
@media screen and (max-width: 767px) {
.pl-85-sp {
padding-left: -85px !important;
}
}
.pl-80 {
padding-left: -80px !important;
}
@media screen and (min-width: 768px) {
.pl-80-pc {
padding-left: -80px !important;
}
}
@media screen and (max-width: 767px) {
.pl-80-sp {
padding-left: -80px !important;
}
}
.pl-75 {
padding-left: -75px !important;
}
@media screen and (min-width: 768px) {
.pl-75-pc {
padding-left: -75px !important;
}
}
@media screen and (max-width: 767px) {
.pl-75-sp {
padding-left: -75px !important;
}
}
.pl-70 {
padding-left: -70px !important;
}
@media screen and (min-width: 768px) {
.pl-70-pc {
padding-left: -70px !important;
}
}
@media screen and (max-width: 767px) {
.pl-70-sp {
padding-left: -70px !important;
}
}
.pl-65 {
padding-left: -65px !important;
}
@media screen and (min-width: 768px) {
.pl-65-pc {
padding-left: -65px !important;
}
}
@media screen and (max-width: 767px) {
.pl-65-sp {
padding-left: -65px !important;
}
}
.pl-60 {
padding-left: -60px !important;
}
@media screen and (min-width: 768px) {
.pl-60-pc {
padding-left: -60px !important;
}
}
@media screen and (max-width: 767px) {
.pl-60-sp {
padding-left: -60px !important;
}
}
.pl-55 {
padding-left: -55px !important;
}
@media screen and (min-width: 768px) {
.pl-55-pc {
padding-left: -55px !important;
}
}
@media screen and (max-width: 767px) {
.pl-55-sp {
padding-left: -55px !important;
}
}
.pl-50 {
padding-left: -50px !important;
}
@media screen and (min-width: 768px) {
.pl-50-pc {
padding-left: -50px !important;
}
}
@media screen and (max-width: 767px) {
.pl-50-sp {
padding-left: -50px !important;
}
}
.pl-45 {
padding-left: -45px !important;
}
@media screen and (min-width: 768px) {
.pl-45-pc {
padding-left: -45px !important;
}
}
@media screen and (max-width: 767px) {
.pl-45-sp {
padding-left: -45px !important;
}
}
.pl-40 {
padding-left: -40px !important;
}
@media screen and (min-width: 768px) {
.pl-40-pc {
padding-left: -40px !important;
}
}
@media screen and (max-width: 767px) {
.pl-40-sp {
padding-left: -40px !important;
}
}
.pl-35 {
padding-left: -35px !important;
}
@media screen and (min-width: 768px) {
.pl-35-pc {
padding-left: -35px !important;
}
}
@media screen and (max-width: 767px) {
.pl-35-sp {
padding-left: -35px !important;
}
}
.pl-30 {
padding-left: -30px !important;
}
@media screen and (min-width: 768px) {
.pl-30-pc {
padding-left: -30px !important;
}
}
@media screen and (max-width: 767px) {
.pl-30-sp {
padding-left: -30px !important;
}
}
.pl-25 {
padding-left: -25px !important;
}
@media screen and (min-width: 768px) {
.pl-25-pc {
padding-left: -25px !important;
}
}
@media screen and (max-width: 767px) {
.pl-25-sp {
padding-left: -25px !important;
}
}
.pl-20 {
padding-left: -20px !important;
}
@media screen and (min-width: 768px) {
.pl-20-pc {
padding-left: -20px !important;
}
}
@media screen and (max-width: 767px) {
.pl-20-sp {
padding-left: -20px !important;
}
}
.pl-15 {
padding-left: -15px !important;
}
@media screen and (min-width: 768px) {
.pl-15-pc {
padding-left: -15px !important;
}
}
@media screen and (max-width: 767px) {
.pl-15-sp {
padding-left: -15px !important;
}
}
.pl-10 {
padding-left: -10px !important;
}
@media screen and (min-width: 768px) {
.pl-10-pc {
padding-left: -10px !important;
}
}
@media screen and (max-width: 767px) {
.pl-10-sp {
padding-left: -10px !important;
}
}
.pl-05 {
padding-left: -5px !important;
}
@media screen and (min-width: 768px) {
.pl-05-pc {
padding-left: -5px !important;
}
}
@media screen and (max-width: 767px) {
.pl-05-sp {
padding-left: -5px !important;
}
}
.pl00 {
padding-left: 0px !important;
}
@media screen and (min-width: 768px) {
.pl00-pc {
padding-left: 0px !important;
}
}
@media screen and (max-width: 767px) {
.pl00-sp {
padding-left: 0px !important;
}
}
.pl05 {
padding-left: 5px !important;
}
@media screen and (min-width: 768px) {
.pl05-pc {
padding-left: 5px !important;
}
}
@media screen and (max-width: 767px) {
.pl05-sp {
padding-left: 5px !important;
}
}
.pl10 {
padding-left: 10px !important;
}
@media screen and (min-width: 768px) {
.pl10-pc {
padding-left: 10px !important;
}
}
@media screen and (max-width: 767px) {
.pl10-sp {
padding-left: 10px !important;
}
}
.pl15 {
padding-left: 15px !important;
}
@media screen and (min-width: 768px) {
.pl15-pc {
padding-left: 15px !important;
}
}
@media screen and (max-width: 767px) {
.pl15-sp {
padding-left: 15px !important;
}
}
.pl20 {
padding-left: 20px !important;
}
@media screen and (min-width: 768px) {
.pl20-pc {
padding-left: 20px !important;
}
}
@media screen and (max-width: 767px) {
.pl20-sp {
padding-left: 20px !important;
}
}
.pl25 {
padding-left: 25px !important;
}
@media screen and (min-width: 768px) {
.pl25-pc {
padding-left: 25px !important;
}
}
@media screen and (max-width: 767px) {
.pl25-sp {
padding-left: 25px !important;
}
}
.pl30 {
padding-left: 30px !important;
}
@media screen and (min-width: 768px) {
.pl30-pc {
padding-left: 30px !important;
}
}
@media screen and (max-width: 767px) {
.pl30-sp {
padding-left: 30px !important;
}
}
.pl35 {
padding-left: 35px !important;
}
@media screen and (min-width: 768px) {
.pl35-pc {
padding-left: 35px !important;
}
}
@media screen and (max-width: 767px) {
.pl35-sp {
padding-left: 35px !important;
}
}
.pl40 {
padding-left: 40px !important;
}
@media screen and (min-width: 768px) {
.pl40-pc {
padding-left: 40px !important;
}
}
@media screen and (max-width: 767px) {
.pl40-sp {
padding-left: 40px !important;
}
}
.pl45 {
padding-left: 45px !important;
}
@media screen and (min-width: 768px) {
.pl45-pc {
padding-left: 45px !important;
}
}
@media screen and (max-width: 767px) {
.pl45-sp {
padding-left: 45px !important;
}
}
.pl50 {
padding-left: 50px !important;
}
@media screen and (min-width: 768px) {
.pl50-pc {
padding-left: 50px !important;
}
}
@media screen and (max-width: 767px) {
.pl50-sp {
padding-left: 50px !important;
}
}
.pl55 {
padding-left: 55px !important;
}
@media screen and (min-width: 768px) {
.pl55-pc {
padding-left: 55px !important;
}
}
@media screen and (max-width: 767px) {
.pl55-sp {
padding-left: 55px !important;
}
}
.pl60 {
padding-left: 60px !important;
}
@media screen and (min-width: 768px) {
.pl60-pc {
padding-left: 60px !important;
}
}
@media screen and (max-width: 767px) {
.pl60-sp {
padding-left: 60px !important;
}
}
.pl65 {
padding-left: 65px !important;
}
@media screen and (min-width: 768px) {
.pl65-pc {
padding-left: 65px !important;
}
}
@media screen and (max-width: 767px) {
.pl65-sp {
padding-left: 65px !important;
}
}
.pl70 {
padding-left: 70px !important;
}
@media screen and (min-width: 768px) {
.pl70-pc {
padding-left: 70px !important;
}
}
@media screen and (max-width: 767px) {
.pl70-sp {
padding-left: 70px !important;
}
}
.pl75 {
padding-left: 75px !important;
}
@media screen and (min-width: 768px) {
.pl75-pc {
padding-left: 75px !important;
}
}
@media screen and (max-width: 767px) {
.pl75-sp {
padding-left: 75px !important;
}
}
.pl80 {
padding-left: 80px !important;
}
@media screen and (min-width: 768px) {
.pl80-pc {
padding-left: 80px !important;
}
}
@media screen and (max-width: 767px) {
.pl80-sp {
padding-left: 80px !important;
}
}
.pl85 {
padding-left: 85px !important;
}
@media screen and (min-width: 768px) {
.pl85-pc {
padding-left: 85px !important;
}
}
@media screen and (max-width: 767px) {
.pl85-sp {
padding-left: 85px !important;
}
}
.pl90 {
padding-left: 90px !important;
}
@media screen and (min-width: 768px) {
.pl90-pc {
padding-left: 90px !important;
}
}
@media screen and (max-width: 767px) {
.pl90-sp {
padding-left: 90px !important;
}
}
.pl95 {
padding-left: 95px !important;
}
@media screen and (min-width: 768px) {
.pl95-pc {
padding-left: 95px !important;
}
}
@media screen and (max-width: 767px) {
.pl95-sp {
padding-left: 95px !important;
}
}
.pl100 {
padding-left: 100px !important;
}
@media screen and (min-width: 768px) {
.pl100-pc {
padding-left: 100px !important;
}
}
@media screen and (max-width: 767px) {
.pl100-sp {
padding-left: 100px !important;
}
}
.pr-100 {
padding-right: -100px !important;
}
@media screen and (min-width: 768px) {
.pr-100-pc {
padding-right: -100px !important;
}
}
@media screen and (max-width: 767px) {
.pr-100-sp {
padding-right: -100px !important;
}
}
.pr-95 {
padding-right: -95px !important;
}
@media screen and (min-width: 768px) {
.pr-95-pc {
padding-right: -95px !important;
}
}
@media screen and (max-width: 767px) {
.pr-95-sp {
padding-right: -95px !important;
}
}
.pr-90 {
padding-right: -90px !important;
}
@media screen and (min-width: 768px) {
.pr-90-pc {
padding-right: -90px !important;
}
}
@media screen and (max-width: 767px) {
.pr-90-sp {
padding-right: -90px !important;
}
}
.pr-85 {
padding-right: -85px !important;
}
@media screen and (min-width: 768px) {
.pr-85-pc {
padding-right: -85px !important;
}
}
@media screen and (max-width: 767px) {
.pr-85-sp {
padding-right: -85px !important;
}
}
.pr-80 {
padding-right: -80px !important;
}
@media screen and (min-width: 768px) {
.pr-80-pc {
padding-right: -80px !important;
}
}
@media screen and (max-width: 767px) {
.pr-80-sp {
padding-right: -80px !important;
}
}
.pr-75 {
padding-right: -75px !important;
}
@media screen and (min-width: 768px) {
.pr-75-pc {
padding-right: -75px !important;
}
}
@media screen and (max-width: 767px) {
.pr-75-sp {
padding-right: -75px !important;
}
}
.pr-70 {
padding-right: -70px !important;
}
@media screen and (min-width: 768px) {
.pr-70-pc {
padding-right: -70px !important;
}
}
@media screen and (max-width: 767px) {
.pr-70-sp {
padding-right: -70px !important;
}
}
.pr-65 {
padding-right: -65px !important;
}
@media screen and (min-width: 768px) {
.pr-65-pc {
padding-right: -65px !important;
}
}
@media screen and (max-width: 767px) {
.pr-65-sp {
padding-right: -65px !important;
}
}
.pr-60 {
padding-right: -60px !important;
}
@media screen and (min-width: 768px) {
.pr-60-pc {
padding-right: -60px !important;
}
}
@media screen and (max-width: 767px) {
.pr-60-sp {
padding-right: -60px !important;
}
}
.pr-55 {
padding-right: -55px !important;
}
@media screen and (min-width: 768px) {
.pr-55-pc {
padding-right: -55px !important;
}
}
@media screen and (max-width: 767px) {
.pr-55-sp {
padding-right: -55px !important;
}
}
.pr-50 {
padding-right: -50px !important;
}
@media screen and (min-width: 768px) {
.pr-50-pc {
padding-right: -50px !important;
}
}
@media screen and (max-width: 767px) {
.pr-50-sp {
padding-right: -50px !important;
}
}
.pr-45 {
padding-right: -45px !important;
}
@media screen and (min-width: 768px) {
.pr-45-pc {
padding-right: -45px !important;
}
}
@media screen and (max-width: 767px) {
.pr-45-sp {
padding-right: -45px !important;
}
}
.pr-40 {
padding-right: -40px !important;
}
@media screen and (min-width: 768px) {
.pr-40-pc {
padding-right: -40px !important;
}
}
@media screen and (max-width: 767px) {
.pr-40-sp {
padding-right: -40px !important;
}
}
.pr-35 {
padding-right: -35px !important;
}
@media screen and (min-width: 768px) {
.pr-35-pc {
padding-right: -35px !important;
}
}
@media screen and (max-width: 767px) {
.pr-35-sp {
padding-right: -35px !important;
}
}
.pr-30 {
padding-right: -30px !important;
}
@media screen and (min-width: 768px) {
.pr-30-pc {
padding-right: -30px !important;
}
}
@media screen and (max-width: 767px) {
.pr-30-sp {
padding-right: -30px !important;
}
}
.pr-25 {
padding-right: -25px !important;
}
@media screen and (min-width: 768px) {
.pr-25-pc {
padding-right: -25px !important;
}
}
@media screen and (max-width: 767px) {
.pr-25-sp {
padding-right: -25px !important;
}
}
.pr-20 {
padding-right: -20px !important;
}
@media screen and (min-width: 768px) {
.pr-20-pc {
padding-right: -20px !important;
}
}
@media screen and (max-width: 767px) {
.pr-20-sp {
padding-right: -20px !important;
}
}
.pr-15 {
padding-right: -15px !important;
}
@media screen and (min-width: 768px) {
.pr-15-pc {
padding-right: -15px !important;
}
}
@media screen and (max-width: 767px) {
.pr-15-sp {
padding-right: -15px !important;
}
}
.pr-10 {
padding-right: -10px !important;
}
@media screen and (min-width: 768px) {
.pr-10-pc {
padding-right: -10px !important;
}
}
@media screen and (max-width: 767px) {
.pr-10-sp {
padding-right: -10px !important;
}
}
.pr-05 {
padding-right: -5px !important;
}
@media screen and (min-width: 768px) {
.pr-05-pc {
padding-right: -5px !important;
}
}
@media screen and (max-width: 767px) {
.pr-05-sp {
padding-right: -5px !important;
}
}
.pr00 {
padding-right: 0px !important;
}
@media screen and (min-width: 768px) {
.pr00-pc {
padding-right: 0px !important;
}
}
@media screen and (max-width: 767px) {
.pr00-sp {
padding-right: 0px !important;
}
}
.pr05 {
padding-right: 5px !important;
}
@media screen and (min-width: 768px) {
.pr05-pc {
padding-right: 5px !important;
}
}
@media screen and (max-width: 767px) {
.pr05-sp {
padding-right: 5px !important;
}
}
.pr10 {
padding-right: 10px !important;
}
@media screen and (min-width: 768px) {
.pr10-pc {
padding-right: 10px !important;
}
}
@media screen and (max-width: 767px) {
.pr10-sp {
padding-right: 10px !important;
}
}
.pr15 {
padding-right: 15px !important;
}
@media screen and (min-width: 768px) {
.pr15-pc {
padding-right: 15px !important;
}
}
@media screen and (max-width: 767px) {
.pr15-sp {
padding-right: 15px !important;
}
}
.pr20 {
padding-right: 20px !important;
}
@media screen and (min-width: 768px) {
.pr20-pc {
padding-right: 20px !important;
}
}
@media screen and (max-width: 767px) {
.pr20-sp {
padding-right: 20px !important;
}
}
.pr25 {
padding-right: 25px !important;
}
@media screen and (min-width: 768px) {
.pr25-pc {
padding-right: 25px !important;
}
}
@media screen and (max-width: 767px) {
.pr25-sp {
padding-right: 25px !important;
}
}
.pr30 {
padding-right: 30px !important;
}
@media screen and (min-width: 768px) {
.pr30-pc {
padding-right: 30px !important;
}
}
@media screen and (max-width: 767px) {
.pr30-sp {
padding-right: 30px !important;
}
}
.pr35 {
padding-right: 35px !important;
}
@media screen and (min-width: 768px) {
.pr35-pc {
padding-right: 35px !important;
}
}
@media screen and (max-width: 767px) {
.pr35-sp {
padding-right: 35px !important;
}
}
.pr40 {
padding-right: 40px !important;
}
@media screen and (min-width: 768px) {
.pr40-pc {
padding-right: 40px !important;
}
}
@media screen and (max-width: 767px) {
.pr40-sp {
padding-right: 40px !important;
}
}
.pr45 {
padding-right: 45px !important;
}
@media screen and (min-width: 768px) {
.pr45-pc {
padding-right: 45px !important;
}
}
@media screen and (max-width: 767px) {
.pr45-sp {
padding-right: 45px !important;
}
}
.pr50 {
padding-right: 50px !important;
}
@media screen and (min-width: 768px) {
.pr50-pc {
padding-right: 50px !important;
}
}
@media screen and (max-width: 767px) {
.pr50-sp {
padding-right: 50px !important;
}
}
.pr55 {
padding-right: 55px !important;
}
@media screen and (min-width: 768px) {
.pr55-pc {
padding-right: 55px !important;
}
}
@media screen and (max-width: 767px) {
.pr55-sp {
padding-right: 55px !important;
}
}
.pr60 {
padding-right: 60px !important;
}
@media screen and (min-width: 768px) {
.pr60-pc {
padding-right: 60px !important;
}
}
@media screen and (max-width: 767px) {
.pr60-sp {
padding-right: 60px !important;
}
}
.pr65 {
padding-right: 65px !important;
}
@media screen and (min-width: 768px) {
.pr65-pc {
padding-right: 65px !important;
}
}
@media screen and (max-width: 767px) {
.pr65-sp {
padding-right: 65px !important;
}
}
.pr70 {
padding-right: 70px !important;
}
@media screen and (min-width: 768px) {
.pr70-pc {
padding-right: 70px !important;
}
}
@media screen and (max-width: 767px) {
.pr70-sp {
padding-right: 70px !important;
}
}
.pr75 {
padding-right: 75px !important;
}
@media screen and (min-width: 768px) {
.pr75-pc {
padding-right: 75px !important;
}
}
@media screen and (max-width: 767px) {
.pr75-sp {
padding-right: 75px !important;
}
}
.pr80 {
padding-right: 80px !important;
}
@media screen and (min-width: 768px) {
.pr80-pc {
padding-right: 80px !important;
}
}
@media screen and (max-width: 767px) {
.pr80-sp {
padding-right: 80px !important;
}
}
.pr85 {
padding-right: 85px !important;
}
@media screen and (min-width: 768px) {
.pr85-pc {
padding-right: 85px !important;
}
}
@media screen and (max-width: 767px) {
.pr85-sp {
padding-right: 85px !important;
}
}
.pr90 {
padding-right: 90px !important;
}
@media screen and (min-width: 768px) {
.pr90-pc {
padding-right: 90px !important;
}
}
@media screen and (max-width: 767px) {
.pr90-sp {
padding-right: 90px !important;
}
}
.pr95 {
padding-right: 95px !important;
}
@media screen and (min-width: 768px) {
.pr95-pc {
padding-right: 95px !important;
}
}
@media screen and (max-width: 767px) {
.pr95-sp {
padding-right: 95px !important;
}
}
.pr100 {
padding-right: 100px !important;
}
@media screen and (min-width: 768px) {
.pr100-pc {
padding-right: 100px !important;
}
}
@media screen and (max-width: 767px) {
.pr100-sp {
padding-right: 100px !important;
}
}
.indent-1 {
text-indent: -1em;
margin-left: 1em;
}
@media screen and (min-width: 768px) {
.indent-1-pc {
text-indent: -1em;
margin-left: 1em;
}
}
@media screen and (max-width: 767px) {
.indent-1-sp {
text-indent: -1em;
margin-left: 1em;
}
}
.block {
display: block;
}
@media screen and (min-width: 768px) {
.block-pc {
display: block;
}
}
@media screen and (max-width: 767px) {
.block-sp {
display: block;
}
}
.word-break {
display: block;
}
@media screen and (min-width: 768px) {
.word-break-pc {
display: block;
}
}
@media screen and (max-width: 767px) {
.word-break-sp {
display: block;
}
}
.flex {
display: flex;
}
@media screen and (min-width: 768px) {
.flex-pc {
display: flex;
}
}
@media screen and (max-width: 767px) {
.flex-sp {
display: flex;
}
}
.flex-row {
flex-flow: row;
}
@media screen and (min-width: 768px) {
.flex-row-pc {
flex-flow: row;
}
}
@media screen and (max-width: 767px) {
.flex-row-sp {
flex-flow: row;
}
}
.flex-column {
flex-flow: column;
}
@media screen and (min-width: 768px) {
.flex-column-pc {
flex-flow: column;
}
}
@media screen and (max-width: 767px) {
.flex-column-sp {
flex-flow: column;
}
}
.flex-wrap {
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.flex-wrap-pc {
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.flex-wrap-sp {
flex-wrap: wrap;
}
}
.flex-nowrap {
flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
.flex-nowrap-pc {
flex-wrap: nowrap;
}
}
@media screen and (max-width: 767px) {
.flex-nowrap-sp {
flex-wrap: nowrap;
}
}
.center {
text-align: center !important;
}
@media screen and (min-width: 768px) {
.center-pc {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.center-sp {
text-align: center !important;
}
}
.fleft {
float: left;
}
@media screen and (min-width: 768px) {
.fleft-pc {
float: left;
}
}
@media screen and (max-width: 767px) {
.fleft-sp {
float: left;
}
}
.fright {
float: right;
}
@media screen and (min-width: 768px) {
.fright-pc {
float: right;
}
}
@media screen and (max-width: 767px) {
.fright-sp {
float: right;
}
}
.viewport {
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin: 0 auto;
position: relative;
z-index: 5;
}
body {
overflow-x: hidden;
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin: 0 0 1em;
clear: both;
}
h2 {
margin-bottom: 30px;
padding: 0;
font-size: 28px;
color: var(--dark-green);
font-weight: bold;
line-height: 0.933;
text-align: center;
border: none;
background-color: transparent;
text-underline-offset: 13px;
line-height: 2;
border-bottom: 2px solid var(--dark-green);
text-align: left;
padding: 0 0 10px;
}
h3 {
display: block;
padding: 10px 0;
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
color: var(--black);
position: relative;
margin-bottom: 15px;
font-size: 24px; }
h3:before {
content: "";
border-left: 7px solid var(--bg_title_color);
margin-right: 15px;
}
h4 {
padding: 5px 20px;
font-size: 18px;
line-height: 1.5em;
font-weight: normal;
color: var(--black);
text-align: left;
position: relative;
background-color: #EFF5DC; }
h5 {
display: block;
padding: 0 18px;
font-size: 18px;
line-height: 1.5em;
font-weight: bold;
color: var(--black);
text-align: left;
position: relative;
border-left: 6px solid var(--bg_title_color);
}
h6 {
display: block;
padding: 18px 20px;
display: block;
font-size: 14px;
line-height: 1.57em;
font-weight: normal;
color: var(--black);
text-align: left;
position: relative;
background-color: #fafafa;
}
h2 a,
.h2 a,
h2 a:link,
h2 a:visited,
h3 a,
.h3 a,
h3 a:link,
h3 a:visited,
h4 a,
.h4 a,
h4 a:link,
h4 a:visited,
h5 a,
.h5 a,
h5 a:link,
h5 a:visited,
h6 a,
.h6 a,
h6 a:link,
h6 a:visited {
font: inherit;
color: inherit;
}
p + h2,
p + .h2,
.table + h2,
.table + .h2,
ol + h2,
ol + .h2,
ul + h2,
ul + .h2,
blockquote + h2,
blockquote + .h2,
pre + h2,
pre + .h2,
p + h3,
p + .h3,
.table + h3,
.table + .h3,
ol + h3,
ol + .h3,
ul + h3,
ul + .h3,
blockquote + h3,
blockquote + .h3,
pre + h3,
pre + .h3,
p + h4,
p + .h4,
.table + h4,
.table + .h4,
ol + h4,
ol + .h4,
ul + h4,
ul + .h4,
blockquote + h4,
blockquote + .h4,
pre + h4,
pre + .h4,
p + h5,
p + .h5,
.table + h5,
.table + .h5,
ol + h5,
ol + .h5,
ul + h5,
ul + .h5,
blockquote + h5,
blockquote + .h5,
pre + h5,
pre + .h5,
p + h6,
p + .h6,
.table + h6,
.table + .h6,
ol + h6,
ol + .h6,
ul + h6,
ul + .h6,
blockquote + h6,
blockquote + .h6,
pre + h6,
pre + .h6 {
margin-top: 30px;
}
p ~ h5,
p ~ .h5 {
margin-bottom: 10px;
}
.table table,
.mce-content-body table,
.entry table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-top: 1px solid #cbcbcb;
}
.table table th,
.table table td,
.mce-content-body table th,
.mce-content-body table td,
.entry table th,
.entry table td {
padding: 20px 20px;
box-sizing: border-box;
text-align: left;
border: 1px solid #cbcbcb;
}
.table table td,
.mce-content-body table td,
.entry table td {
background: #fff;
color: inherit;
font-weight: normal;
text-align: left;
}
.table table th,
.mce-content-body table th,
.entry table th {
background: #eee;
color: #333;
font-weight: bold;
text-align: center;
}
.table-fixed table {
table-layout: fixed;
}
ul.hiragana {
list-style-type: hiragana;
padding-left: 1.8em;
}
ul.katakana {
list-style-type: katakana;
padding-left: 1.8em;
}
ul.hiragana-iroha {
list-style-type: hiragana-iroha;
padding-left: 1.8em;
}
ul.katakana-iroha {
list-style-type: katakana-iroha;
padding-left: 1.8em;
}
.flex-sb {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
blockquote,
pre {
border: 1px solid #cbcbcb;
background: #f4f4f4;
padding: 25px 30px;
margin: 0 auto 2em;
}
blockquote:last-child,
pre:last-child {
margin-bottom: 0;
}
.indent-1 {
text-indent: -1em;
margin-left: 1em;
}
@media screen and (min-width: 768px) {
.indent-1-pc {
text-indent: -1em;
margin-left: 1em;
}
}
@media screen and (max-width: 767px) {
.indent-1-sp {
text-indent: -1em;
margin-left: 1em;
}
}
.block {
display: block;
}
@media screen and (min-width: 768px) {
.block-pc {
display: block;
}
}
@media screen and (max-width: 767px) {
.block-sp {
display: block;
}
}
.word-break {
display: block;
}
@media screen and (min-width: 768px) {
.word-break-pc {
display: block;
}
}
@media screen and (max-width: 767px) {
.word-break-sp {
display: block;
}
}
.flex {
display: flex;
}
@media screen and (min-width: 768px) {
.flex-pc {
display: flex;
}
}
@media screen and (max-width: 767px) {
.flex-sp {
display: flex;
}
}
.flex-row {
flex-flow: row;
}
@media screen and (min-width: 768px) {
.flex-row-pc {
flex-flow: row;
}
}
@media screen and (max-width: 767px) {
.flex-row-sp {
flex-flow: row;
}
}
.flex-column {
flex-flow: column;
}
@media screen and (min-width: 768px) {
.flex-column-pc {
flex-flow: column;
}
}
@media screen and (max-width: 767px) {
.flex-column-sp {
flex-flow: column;
}
}
.flex-wrap {
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.flex-wrap-pc {
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.flex-wrap-sp {
flex-wrap: wrap;
}
}
.flex-nowrap {
flex-wrap: nowrap;
}
@media screen and (min-width: 768px) {
.flex-nowrap-pc {
flex-wrap: nowrap;
}
}
@media screen and (max-width: 767px) {
.flex-nowrap-sp {
flex-wrap: nowrap;
}
}
.center {
text-align: center !important;
}
@media screen and (min-width: 768px) {
.center-pc {
text-align: center !important;
}
}
@media screen and (max-width: 767px) {
.center-sp {
text-align: center !important;
}
}
.fleft {
float: left;
}
@media screen and (min-width: 768px) {
.fleft-pc {
float: left;
}
}
@media screen and (max-width: 767px) {
.fleft-sp {
float: left;
}
}
.fright {
float: right;
}
@media screen and (min-width: 768px) {
.fright-pc {
float: right;
}
}
@media screen and (max-width: 767px) {
.fright-sp {
float: right;
}
}
.entry-related-posts {
margin: 0 0 100px;
padding: 1px 0;
}
.entry-related-posts ul li {
border-top: 1px dashed #ddd;
}
.entry-related-posts ul li:first-child {
border-top: none;
}
.entry-related-posts ul li a {
display: block;
padding: 10px 0;
}
.breadcrumb {
max-width: 1230px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
color: #5B442C;
padding: 0;
margin: 0px auto;
padding-top: 50px;
}
.breadcrumb ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-end;
padding: 0;
}
.breadcrumb ul li:before {
content: ">>";
padding: 0 3px;
}
.breadcrumb ul li:first-child:before {
display: none;
}
.breadcrumb ul li a {
font: inherit;
color: inherit;
text-decoration: none;
}
.breadcrumb ul li a:hover {
text-decoration: underline;
}
.pagination {
margin: 40px 0;
}
.pagination ul {
display: flex;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
overflow: hidden;
list-style: none;
}
.pagination ul li {
margin: 0;
padding: 0;
}
.pagination ul li a,
.pagination ul li span {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0 3px;
background: #f0f0f0;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #000;
text-decoration: none;
text-align: center;
transition: all 0.2s ease-out;
}
.pagination ul li.prev a,
.pagination ul li.next a {
background: #fff;
border-color: transparent;
}
.pagination ul li.current span,
.pagination ul li a:hover {
text-decoration: underline;
}
.pagination ul li.disabled span,
.pagination ul li.disabled a {
opacity: 0 !important;
cursor: default;
}
.pagination ul li.sep span {
background: transparent;
border-color: transparent;
}
.entry {
margin: 0 0 40px;
}
.entry p {
font-size: 16px;
line-height: 1.5;
}
.entry a,
.entry a:link,
.entry a:visited {
text-decoration: underline;
}
.entry p a {
color: var(--dark-green);
text-decoration: underline;
}
.entry p a:hover {
text-decoration: none;
}
.entry p .line01 {
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/line01.png) repeat-x left bottom;
background-size: 6px auto;
}
.entry p .line02 {
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/line02.png) repeat-x left bottom;
background-size: 6px auto;
}
.entry table {
margin: 30px 0 0;
}
.entry table th,
.entry table td {
padding: 11px 5px 10px 30px;
font-size: 14px;
text-align: left;
border-color: #eee;
}
.entry table th {
padding: 11px 20px 10px;
width: 22.1%;
background-color: #fafafa;
text-align: center;
}
@media screen and (max-width: 767px) {
.entry {
margin: -10px 25px 30px;
}
.entry h2 {
margin: 0 0 15px;
font-size: 24px;
}
.entry h3,
.entry h4,
.entry h5 {
margin: 0 0 15px;
}
.entry table {
margin: 30px 0 0;
}
.entry table th,
.entry table td {
padding: 11px 10px 10px 18px;
}
.entry table th {
padding: 11px 10px;
width: 24%;
text-align: center;
}
h2 {
padding: 9px 15px 8px;
font-size: 24px;
}
h3 {
padding: 10px 10px 10px 14px;
font-size: 18px;
line-height: 1.5em;
}
h4 {
padding: 10px 10px 10px 14px;
font-size: 17px;
line-height: 1.5em;
}
h5 {
padding: 6px 12px 4px 10px;
border-left-width: 10px;
font-size: 16px;
line-height: 1.5em;
}
p + h2,
p + .h2,
p + h3,
p + .h3,
p + h4,
p + .h4,
p + h5,
p + .h5,
p + h6,
p + .h6,
.table + h2,
.table + .h2,
.table + h3,
.table + .h3,
.table + h4,
.table + .h4,
.table + h5,
.table + .h5,
.table + h6,
.table + .h6,
ol + h2,
ol + .h2,
ol + h3,
ol + .h3,
ol + h4,
ol + .h4,
ol + h5,
ol + .h5,
ol + h6,
ol + .h6,
ul + h2,
ul + .h2,
ul + h3,
ul + .h3,
ul + h4,
ul + .h4,
ul + h5,
ul + .h5,
ul + h6,
ul + .h6,
blockquote + h2,
blockquote + .h2,
blockquote + h3,
blockquote + .h3,
blockquote + h4,
blockquote + .h4,
blockquote + h5,
blockquote + .h5,
blockquote + h6,
blockquote + .h6,
pre + h2,
pre + .h2,
pre + h3,
pre + .h3,
pre + h4,
pre + .h4,
pre + h5,
pre + .h5,
pre + h6,
pre + .h6 {
margin-top: 30px;
}
.table table th,
.table table td {
padding: 10px 10px;
}
.pagination ul li a,
.pagination ul li span {
display: flex;
width: auto;
padding: 0 12px;
}
.pagination ul li.disabled,
.pagination ul li.disabled {
display: none !important;
}
.form {
font-size: 15px;
line-height: 1.5em;
}
.form .radio {
margin: -8px 0 0;
}
.form .radio label {
display: block;
padding: 8px 0 0;
}
blockquote,
pre {
padding: 15px 15px;
margin: 0 auto 2em;
}
.entry-related-posts {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
padding: 0 15px;
}
.entry-related-posts ul {
margin-top: 0;
}
.entry-related-posts ul li {
padding-left: 0;
padding-right: 0;
padding-top: 5px;
width: 100%;
}
}
.qa_container {
margin: 70px 0 40px;
}
li.qa_list {
list-style: none;
}
.tags a {
display: inline-block;
margin-right: 10px;
margin-bottom: 6px;
padding: 8px 10px;
line-height: 1;
color: #fff;
font-weight: 700;
text-decoration: none;
background-color: #faa707;
}
.tags a:hover {
text-decoration: underline;
} .head {
margin-bottom: 10px;
text-align: center;
}
.free-consultation-form { padding: 20px;
}
.free-consultation-form .inner {
background: #fff;
padding: 16px 36px 48px;
}
.free-consultation-form .list {
counter-reset: form-number-of-item;
}
.free-consultation-form .list dl {
border-bottom: 1px solid #e6e6e6;
padding: 20px 0;
}
.free-consultation-form .list dl dt {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 0 23px;
min-height: 53px;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #000;
}
.free-consultation-form .list dl dt:before {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: bold;
line-height: 1;
color: #fff;
width: 53px;
height: 53px;
background: var(--orange);
margin-right: 27px;
counter-increment: form-number-of-item;
content: counter(form-number-of-item);
}
.free-consultation-form .list dl dd {
padding: 0 0 0 80px;
}
.free-consultation-form .list dl dd label {
display: inline-block;
margin: 0 30px 0 0;
}
.free-consultation-form .list dl dd label input[type=radio] {
margin: 0 5px 0 0;
}
.free-consultation-form .list dl dd .date input[type=text] {
width: 80px;
height: 40px;
margin: 0 12px 0 0;
}
.free-consultation-form .list dl dd .date label {
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
margin-right: 18px;
}
.free-consultation-form .list dl dd select {
-webkit-appearance: none;
appearance: none;
background-image: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/sp/arrow-gray.png);
background-position: right 10px center;
background-size: 6%;
background-repeat: no-repeat;
}
.btn{
padding: 0;
}
.free-consultation-form .btn {
padding: 40px 0 0;
}
.free-consultation-form .btn button {
position: relative;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
background: var(--bg_title_color);
border: none !important;
margin: 0 auto;
width: 300px; height: 75px;
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #fff;
opacity: 1;
transition: opacity 1s;
cursor: pointer;
position: relative;
}
.free-consultation-form .btn button:before {
position: absolute;
right: 30px;
top: 0;
bottom: 0;
display: block;
width: 8px;
height: auto;
content: "";
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/ic-arrow-white.png) center center no-repeat;
}
.free-consultation-form input[type=text],
.free-consultation-form input[type=number],
.free-consultation-form input[type=email],
.free-consultation-form select {
appearance: none;
-webkit-appearance: none;
display: inline-block;
width: 240px;
height: 40px;
padding: 0 12px;
box-sizing: border-box;
border: 1px solid #b3b3b3;
background: #fff;
}
@media screen and (max-width: 767px) {
.free-consultation-form {
background: var(--bg_title_color);
padding: 20px 15px;
}
.free-consultation-form .inner {
background: #fff;
padding: 15px 15px 40px;
}
.free-consultation-form .list dl {
border-bottom: 1px solid #e6e6e6;
padding: 15px 0;
}
.free-consultation-form .list dl:last-of-type {
border: none;
}
.free-consultation-form .list dl dt {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 0 25px;
min-height: 40px;
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
color: #000;
}
.free-consultation-form .list dl dt:before {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
content: counter(form-number-of-item);
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #fff;
min-width: 36px;
width: 36px;
height: 36px;
margin-right: 12px;
}
.free-consultation-form .list dl dd {
padding: 0;
}
.free-consultation-form .list dl dd label {
display: inline-block;
margin: 0 30px 0 0;
}
.free-consultation-form .list dl dd label input[type=radio] {
margin: 0 5px 0 0;
}
.free-consultation-form .list dl dd .date input[type=text] {
width: 80px;
height: 40px;
margin: 0 12px 0 0;
}
.free-consultation-form .list dl dd .date label {
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
margin: 0 12px 6px 0;
}
.free-consultation-form .list dl dd select {
background-size: 14px;
}
.free-consultation-form .list dl.radio-btn dd {
padding: 0 0 0 48px;
}
.free-consultation-form .btn {
padding: 40px 0 0;
}
.free-consultation-form .btn button {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center; border: none !important;
margin: 0 auto;
width: 200px; height: 60px;
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #fff;
opacity: 1;
transition: opacity 1s;
cursor: pointer;
position: relative;
}
.free-consultation-form .btn button:before {
position: absolute;
right: 10px;
top: 0;
bottom: 0;
display: block;
width: 8px;
height: auto;
content: "";
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/ic-arrow-white.png) center center no-repeat;
}
.qa_container {
margin: 50px 25px 40px;
}
}
@media screen and (max-width: 767px) and (max-width: 450px) {
.free-consultation-form .btn button {
height: 50px;
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.free-consultation-form input[type=text],
.free-consultation-form input[type=number],
.free-consultation-form input[type=email],
.free-consultation-form select {
appearance: none;
-webkit-appearance: none;
display: inline-block;
width: 85%;
height: 40px;
padding: 0 12px;
box-sizing: border-box;
border: 1px solid #b3b3b3;
background: #fff;
}
}
.condition {
margin-bottom: 52px;
}
.condition .com-ttl {
margin-bottom: 31px;
}
.condition .img-list {
margin-bottom: 33px;
display: flex;
justify-content: space-between;
}
.condition .img-list li {
width: 22.99%;
}
.condition .img-list li a {
padding: 36px 0 20px;
display: block;
text-align: center;
border: 1px solid #e6e6e6;
border-radius: 10px;
box-sizing: border-box;
}
.condition .img-list li a .pho {
margin-bottom: 18px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.condition .img-list li a p {
margin-bottom: 0;
color: #5B442C;
font-size: 17px;
letter-spacing: 0.04em;
}
.condition .link-area {
margin-top: 20px;
}
.condition .link-area .sub-box {
margin-top: 33px;
}
.condition .link-area .sub-box .ttl {
margin-bottom: 0;
padding: 11px 32px 6px;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: #2a56cc;
border-radius: 6px;
}
.condition .link-area .sub-box .link-list {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin: 16px 0;
padding: 0;
list-style: none;
}
.condition .link-area .sub-box .link-list li {
width: 205px;
flex-shrink: 0;
}
.condition .link-area .sub-box .link-list li a {
padding: 12px 10px 8px;
display: block;
color: #5B442C;
font-size: 15px;
letter-spacing: 0.03em;
border: 2px solid #2a56cc;
border-left-width: 8px;
}
.condition .link-area .sub-box .link-list li a:hover {
text-decoration: none;
}
.condition .link-area .sub-box:nth-child(7n+1) .ttl {
background-color: #29B8A8;
}
.condition .link-area .sub-box:nth-child(7n+1) .link-list li a {
border-color: #29B8A8;
}
.condition .link-area .sub-box:nth-child(7n+2) .ttl {
background-color: var(--dark-green);
}
.condition .link-area .sub-box:nth-child(7n+2) .link-list li a {
border-color: var(--dark-green);
}
.condition .link-area .sub-box:nth-child(7n+3) .ttl {
background-color: #FF9800;
}
.condition .link-area .sub-box:nth-child(7n+3) .link-list li a {
border-color: #FF9800;
}
.condition .link-area .sub-box:nth-child(7n+4) .ttl {
background-color: #795548;
}
.condition .link-area .sub-box:nth-child(7n+4) .link-list li a {
border-color: #795548;
}
.condition .link-area .sub-box:nth-child(7n+5) .ttl {
background-color: #3F51B5;
}
.condition .link-area .sub-box:nth-child(7n+5) .link-list li a {
border-color: #3F51B5;
}
.condition .link-area .sub-box:nth-child(7n+6) .ttl {
background-color: #F44336;
}
.condition .link-area .sub-box:nth-child(7n+6) .link-list li a {
border-color: #F44336;
}
.condition .link-area .sub-box:nth-child(7n) .ttl {
background-color: #607D8B;
}
.condition .link-area .sub-box:nth-child(7n) .link-list li a {
border-color: #607D8B;
}
@media screen and (max-width: 900px) {
.condition {
margin-bottom: 25px;
}
.condition .com-ttl {
margin-bottom: 16px;
}
.condition .img-list {
margin-bottom: 20px;
flex-wrap: wrap;
}
.condition .img-list li {
margin-bottom: 15px;
width: 47.5%;
}
.condition .img-list li a {
padding: 36px 0 17px;
height: 100%;
border-radius: 3px;
box-sizing: border-box;
}
.condition .img-list li a .pho {
margin-bottom: 7px;
height: 47px;
}
.condition .img-list li a .pho img {
width: auto;
height: 100%;
}
.condition .img-list li a p {
margin-bottom: 0;
font-size: 13px;
}
.condition .img-list li:first-child a .pho {
margin-bottom: 10px;
height: 44px;
}
.condition .img-list li:nth-child(3) a .pho {
margin: -5px 0 4px;
height: 56px;
}
.condition .link-area {
display: block;
}
.condition .link-area .sub-box {
margin-top: 18px;
width: auto;
}
.condition .link-area .sub-box .ttl {
margin-bottom: 0;
padding: 13px 16px 7px;
font-size: 22px;
text-align: center;
border-radius: 3px;
background-image: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/case/icon-plus.png);
background-size: 24px auto;
background-position: right 16px center;
background-repeat: no-repeat;
}
.condition .link-area .sub-box .ttl.on {
background-image: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/case/icon-minus.png);
}
.condition .link-area .sub-box .link-list:not(.on) {
display: none;
}
.condition .link-area .sub-box .link-list li {
width: 100%;
margin-bottom: 8px;
}
.condition .link-area .sub-box .link-list li a {
padding: 8px 10px;
font-size: 19px;
letter-spacing: 0.03em;
background-size: 11px auto;
background-image: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/icon-arrow-grey.png);
background-size: 16px auto;
background-position: right 16px center;
background-repeat: no-repeat;
}
} header{ margin-bottom:20px;
}
header .operation_text {
font-size: 14px;
color: #333;
}
.header_nav_pc{
background-color: #ECECEC;
border-bottom: 3px solid #1B6036;
}
.header_nav_pc ul{
margin-bottom: 0;
display: flex;
justify-content: center;
width: 100%;
max-width: 1200px;
margin: 0 auto !important;
padding: 0;
}
.header_nav_pc li:first-child{
border-left: #ffffff 1px solid;
}
.drawer-menu{
transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
transition-duration: 0ms;
transform: translate(0px, 0px) translateZ(0px);
}
.header_nav_pc li{
list-style:none;
padding-left: 0;
width: 12.5%;
border-right: #ffffff 1px solid;
}
.header_nav_pc li a{
color: var(--black);
line-height: 1.5;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100%;
padding: 5px 5px;
}
.header_nav_pc li:hover{
color: #fff;
opacity: 1;
background-color: var(--dark-green);
}
.header_nav_pc li:hover a{
color: #fff;
opacity: 1;
}
header .header_sp{
align-items:center; background:white;
}
.drawer-nav{
background: var(--bg_title_color);
}
.drawer-nav ul li{
border-bottom:1px solid;
color:#fff;
padding: 0px;
}
.drawer-nav ul li.nav-link{
padding: 0;
}
.drawer-nav ul li a{
padding:10px 15px;
}
@media screen and (max-width: 768px) {
header{
margin-bottom: 0;
}
header .header_sp{ }
header .navbar-header{
width:100%;
}
.navbar-header .navbar-brand {
padding-bottom: 0;
width: 80%;
}
}
header .header_nav_pc{
display:none;
}
@media screen and (min-width: 768px) {
header .header_btn{
display:none;
}
header .header_nav_pc{
display:block;
}
header .header_nav_pc li{
padding: 0;
font-size:85%;
}
}
@media screen and (min-width: 1200px) {
header .header_nav_pc li{
font-size:100%;
}
}
.header_sp .drawer-hamburger{
background-color: var(--dark-green);
top: 10px;
right: 8px;
padding: 8px 10px 2px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
background-color: #fff;
}
.drawer-hamburger:hover {
cursor: pointer;
background-color: var(--dark-green);
}
span.drawer-hamburger-icon {
margin-bottom: 6px;
}
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
position: absolute;
top: -8px;
left: 0;
content: ' ';
}
span.drawer-hamburger-txt {
color: #fff;
font-size: 10px;
margin-top: 50px;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 16.25rem !important;
}
.drawer-hamburger-icon:after {
top: 8px;
}
@media screen and (max-width: 768px) {
header{ }
header .operation_text{
font-size: 9px;
font-weight: 700;
}
header .navbar{ }
header .drawer-nav ul li a{
color: #fff;
font-size: 16px;
font-weight: 500;
display: block;
padding: 15px;
}
.header_sp .navbar .d-flex{
justify-content: flex-start!important;
}
} .contact_icons div a{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.contact_icons div a:hover,
.contact_icons div a:link, 
.contact_icons div a:visited{  
color: transparent;
}
.contact_icons div a:hover{
opacity: 0.8;
}
.contact_icons div.contact i{
color: var(--blue);
font-size: 48px;
}
.contact_icons div.line i{
color: #0eb900;
font-size: 50px;
}
@media screen and (max-width: 767px) and (max-width: 767px) {
html.noscroll,
html.noscroll body {
height: 100%;
overflow: hidden;
}
} .main-image {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
box-sizing: border-box;
}
main{
margin-top: 98px;
}
@media screen and (max-width: 767px) {
main{
margin-top: 0;
}
.main-image picture,.main-image source,.main-image img{
display: block;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.viewport {
padding-top: 59px;
transition: all 0.4s linear;
position: relative;
}
}
.main-sub ul, .main-sub ol {
margin: 0;
padding: 0;
list-style: none;
}
.main-sub ul li, .main-sub ol li {
margin: 0;
padding: 0;
}
.main-sub p {
padding: 0;
margin-bottom: 0;
} .head-line01 {
margin-bottom: 15px;
padding: 12px 30px 12px;
font-size: 24px;
border-radius: 5px;
}
@media screen and (max-width: 767px) {
.head-line01 {
margin-bottom: 12px;
padding: 7px 10px 6px;
font-size: 16px;
border-radius: 5px;
}
}  @media screen and (max-width: 767px) {
.head-line02 {
margin-bottom: 40px;
font-size: 30px;
}
.head-line02:before {
margin-left: -30px;
bottom: -11px;
width: 60px;
height: 3px;
}
} .resaon {
padding: 80px 0; background:repeating-linear-gradient(
-45deg,#F0EFE7,#F0EFE7 15px,#F1EEE6 0,#F1EEE6 30px)
}
.resaon .inner {
margin: 0 auto;
max-width: 1200px;
}
.resaon .container {
text-align: center;
}
.resaon h2 {
margin-bottom: 50px;
padding: 0 0 20px 0;
font-size: 20px;
color: var(--dark-green);
font-weight: bold;
line-height: 1.2;
text-align: center;
border: none;
background-color: transparent;
text-decoration: none;
display: inline-block;
background-image: linear-gradient( 90deg,#84AF00 0 50%,#1B6036 50%  );
background-repeat: no-repeat;
background-size: 150px 5px;
background-position: bottom;
}
.balloon {
position: relative;
display: inline-block;
margin-top: 1.5em;
padding: 10px 15px;
min-width: 120px;
max-width: 100%;
font-size: 16px;
background-color: var(--dark-green);
color: #fff;
border-radius: 20px;
}
.balloon:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 10px solid transparent;
border-top: 10px solid var(--dark-green);
}
.balloon p {
margin: 0;
padding: 0;
}
.resaon h2 span {
font-size: 40px;
}
.resaon h2 span.resaon_ttl {
color: var(--dark-green);
}
.resaon h2 .resaon_num {
font-size: 50px;
}
.resaon h2 span.dot-text {
padding-top: .25em;
background-position: top left -1px;
background-repeat: repeat-x;
background-size: 1em .3em;
background-image: radial-gradient(.12em .12em at center center, var(--dark-green), var(--dark-green) 100%, transparent);
}
.resaon .list {
padding: 0;
display: flex;
list-style: none;
position: relative;
justify-content: space-between;
gap: 0 10px;
margin-bottom: 50px;
}
.resaon .list li{
width: 33%;
background-color: #fff;
border-radius: 15px;
}
.resaon .pho img {
border-radius: 15px 15px 0 0;
}
.resaon .list p {
margin: 0;
}
.resaon .list li .photo img,.resaon .list li .photo picture{
width: 100%;
}
.list_bottom{
padding: 10px;
display: flex;
flex-direction: column;
}
.resaon .list li .photo p {
display: block;
margin: 10px 20px 20px;
color: var(--black);
text-align: left;
font-size: 18px;
line-height: 1.4;
font-weight: bold;
height: 70px;
}
.reason_no{
color: var(--orange);
font-size: 16px;
font-weight: bold;
}
@media screen and (max-width: 767px){
.reason_no{
font-size: 12px;
}
}
@media screen and (max-width: 1200px) {
.resaon .list li .photo p {
font-size: 15px;
}
}
@media screen and (max-width: 900px) {
.resaon .list li .photo p {
font-size: 12px;
}
}
.resaon .list li a {
margin: 5% 20px 10px;
padding: 10px 0;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
box-sizing: border-box;
border-radius: 25px;
position: relative;
background-color: var(--black);
border: 1px solid;
font-weight: bold;
}
.resaon .list li a i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
.photo {
position: relative;
text-align: left;
}
.resaon span.point {
border-radius: 30px;
padding: 0px 10px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 20px 20px 0;
}
.resaon span.point.point01{
background-color: #E8858D;
}
.resaon span.point.point02{
background-color: #7AC1E5;
}
.resaon span.point.point03{
background-color: #E3CA60;
}
.resaon_btn a {
display: inline-block;
margin: 0 auto;
width: 420px;
background-color: var(--navy);
padding: 20px;
color: #fff;
position: relative;
}
.resaon_btn a i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
i.fa-solid.fa-chevron-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
.resaon .list li a:hover {
opacity: 0.7;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.resaon {
padding: 60px 0 10px;
}
.resaon .inner {
max-width: inherit;
}
.resaon h2 {
margin-bottom: 30px;
font-size: 18px;
}
.resaon h2 span {
margin-top: -12px;
font-size: 30px;
}
.resaon .list {
padding: 0;
display: block;
}
.resaon .list li {
width: auto;
margin-bottom: 20px;
}
.resaon .list li:last-child {
padding-bottom: 10px;
}
.resaon .list li:last-child {
margin-bottom: 0;
}
.resaon .list li .photo {
border-radius: 0; }
.resaon .list li .photo .pho {
width: 100%;
display: flex;
align-items: center;
}
.resaon .list li .photo p {
width: 100%; text-align: left;
font-size: 18px;
line-height: 1.61;
box-sizing: border-box;
border-radius: 0 0 15px 15px; padding: 10px 20px 10px;
margin: 0;
height: auto;
}
.resaon .list li a {
margin: 10px auto 10px;
padding: 8px 5px;
width: 90%;
font-size: 14px;
}
.resaon h2 span.dot-text {
padding-top: .18em;
background-image: radial-gradient(.1em .1em at center center, var(--dark-green), var(--dark-green) 100%, transparent);
}
i.fa-solid.fa-chevron-right {
right: 15px;
}
.resaon_btn a {
width: 100%;
}
.resaon span.point {
top: -18%;
left: 2%;
}
} .consultation {
max-width: 1230px;
padding: 0 15px 50px;
margin: 0 auto;
}
.consultation h2 {
margin-bottom: 20px;
padding: 0;
font-size: 32px;
color: #5B442C;
font-weight: bold;
line-height: 0.933;
text-align: center;
border: none;
background-color: transparent;
text-decoration: none;
text-underline-offset: 0;
}
.consultation .container {
background-color: #FFFAF5;
padding: 50px 45px 10px 30px;
border-radius: 15px;
}
.consultation_container {
display: flex;
align-items: center;
}
.consultation_img {
width: 32%;
}
.consultation_txt {
width: 68%;
}
.consultation_txt_box {
background-color: #fff;
padding: 15px 20px;
margin-bottom: 16px;
font-size: 18px;
color: #5B442C;
font-weight: bold;
display: flex;
align-items: center;
border-radius: 7px;
}
.consultation_txt_box p {
margin: 0;
}
i.fa-solid.fa-check {
color: #29B8A8;
font-size: 30px;
margin-right: 20px;
} .banner{
padding: 0 0 60px;
}
.banner .container{
padding: 0;
}
.banner .banner_box {
margin-bottom: 20px;
}
.banner .banner_box a:hover{
opacity: 0.7;
text-decoration: none;
}
.suqare_banner {
display: flex;
gap: 0 20px;
}
.main-sub h2{
text-align: left;
text-decoration: none;
background-color: var(--light-green);
color: #fff;
border-radius: 5px;
padding: 10px 0 10px 30px;
position: relative;
font-size: 24px;
line-height: 1.5;
margin-bottom: 30px;
border-bottom: none;
}
.main-sub h2:before {
content: "";
width: 10px;
height: 100%;
border-radius: 3px 0 0 3px;
background-color: var(--dark-green);
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.main-sub h2{
font-size: 20px;
}
.main-sub h2:before {
content: "";
width: 10px;
height: 100%;
border-radius: 3px 0 0 3px;
background-color: var(--dark-green);
position: absolute;
top: 0;
left: 0;
}
} .news {
padding: 0 0 80px;
}
.news .inner {
max-width: 1200px;
margin: 0 auto;
}
.news .inner .title {
margin: 0 2px 11px;
color: var(--dark-green);
font-size: 20px;
letter-spacing: 0.02em;
font-weight: bold;
}
.news .inner .news-list {
margin-bottom: 15px;
padding: 20px 30px;
font-size: 16px;
overflow: hidden;
background-color: #EFF5DC;
}
.news .inner .news-list:last-child {
margin-bottom: 0;
}
.news .inner .news-list dt {
float: left;
color: #333;
font-size: 16px;
font-weight: 400;
}
.news .inner .news-list dd {
padding: 0 0 0 6em;
color: #313131; margin-bottom: 15px;
position: relative;
}
.news .inner .news-list dd a {
color: #333;
}
.news .inner .news-list dd:last-child{
margin-bottom: 0;
} @media screen and (max-width: 767px) {
.consultation h2{
font-size: 20px;
line-height: 1.5;
text-decoration: none;
}
.news {
padding: 0 20px 60px;
}
.news h2 {
padding: 6px 0 6px 30px;
font-size: 20px;
}
.news .inner {
max-width: inherit;
}
.news .inner .title {
margin: 0 0 4px;
font-size: 17px;
}
.news .inner .news-list {
margin-bottom: 11px;
padding: 20px;
font-size: 15px;
}
.news .inner .news-list:last-child {
margin-bottom: 0;
}
.news .inner .news-list dt {
margin-bottom: -2px;
float: none;
padding: 0 0 5px 0;
}
.news .inner .news-list dd {
padding: 0 0 9px;
}
.consultation_img {
width: 100%;
order: 2;
}
.consultation_txt {
width: 100%;
order: 1;
}
.consultation .container {
padding: 40px 15px 20px;
}
.consultation_txt_box {
font-size: 16px;
}
.consultation_container {
flex-direction: column;
}
} .pension {
padding: 60px 20px 40px;
background-color: #EDF2F0;
border-radius: 15px;
max-width: 1200px;
margin: 0 auto;
text-align: center;
margin: 60px auto;
border-radius: 15px;
background-image:
radial-gradient(#E9EBEA 20%, transparent 20%),
radial-gradient(#E9EBEA 20%, transparent 20%);
background-size: 20px 20px;
background-position: 0 0, 20px 20px;
}
.head-line02 {
margin-bottom: 40px;
padding: 0 0 25px 0;
font-size: 20px;
color: var(--dark-green);
font-weight: bold;
line-height: 1.2;
text-align: center;
border: none;
background-color: transparent;
text-decoration: none;
display: inline-block;
background-image: linear-gradient(90deg, #84AF00 0 50%, #1B6036 50%);
background-repeat: no-repeat;
background-size: 150px 5px;
background-position: bottom;
font-size: 40px;
}
.pension ul {
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.pension ul li {
width: 32.6666%;
padding: 0;
list-style: none;
margin-right: 1%;
margin-bottom: 1%;
}
.pension ul li:nth-child(3n){
margin-right: 0;
}
.pension ul li a {
display: flex;
height: 120px;
justify-content: flex-start;
border: 3px solid var(--light-green);
overflow: hidden;
box-sizing: border-box;
position: relative;
background-color: #fff;
color: var(--black);
}
.pension ul li i{
color: var(--light-green);
}
.pension ul li a:hover {
opacity: 0.7;
text-decoration: none;
}
.pension ul li a .icon {
width: 40%;
display: flex;
align-items: center;
text-align: center;
background-color: var(--light-green);
box-sizing: border-box;
}
.pension ul li a .txt {
display: flex;
align-items: center;
width: 100%;
color: var(--black);
font-size: 18px;
line-height: 1.5;
font-weight: bold;
text-decoration: none;
box-sizing: border-box;
padding: 0 0 0 20px;
text-align: left;
}
@media screen and (max-width: 1100px) {
.pension ul li a .txt {
width: calc(100% - 150px);
}
}
@media screen and (max-width: 1000px) {
.pension ul li a .txt {
font-size: 17px;
}
}
@media screen and (max-width: 767px) {
.pension {
padding: 60px 0;
width: 95%;
}
.pension {
max-width: inherit;
}
.pension ul {
padding: 0;
margin: 0;
display: block;
}
.pension ul li {
margin: 0 0 10px;
width: auto;
}
.pension ul li:last-child {
margin-bottom: 0;
}
.pension ul li a {
height: 90px; gap: 0 20px;
border: 3px solid var(--light-green);
}
.pension ul li a .icon {
width: 90px;
padding: 10px;
}
.pension ul li a .txt {
width: calc(100% - 117px);
font-size: 16px;
padding-left: 0;
}
.head-line02{
font-size: 30px;
}
}
@media screen and (max-width: 767px) and (max-width: 360px) {
.pension ul li a .txt {
width: calc(100% - 100px);
font-size: 14px;
}
}
.contents {
box-sizing: border-box;
max-width: 1230px;
width: 100%;
margin: 21px auto 58px;
padding: 50px 15px;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.main {
flex: 1;
order: 2;
margin: 0 0 0 26px;
}
@media screen and (max-width: 1000px) {
.contents {
justify-content: center;
}
.main {
margin: 0 0 0 5px;
}
}
@media screen and (max-width: 767px) {
.contents {
margin-bottom: 16px;
box-sizing: border-box;
padding: 0;
display: block;
margin-top: 50px;
}
.contents ul {
padding: 0;
}
.main {
margin: 0;
width: 100%;
}
} .main-img {
margin-bottom: 83px;
text-align: center;
}
.main-img img {
width: 100%;
}
@media screen and (max-width: 767px) {
.main-img {
margin: 0 15px 40px;
}
} .apply {
padding: 1px 43px 38px;
background-color: #E6F0BE;
}
@media screen and (max-width: 1000px) {
.apply {
padding: 1px 10px 38px;
}
}
.apply h2 {
max-width: 580px;
margin: -46px auto 70px;
padding: 27px 0 24px;
color: #fff;
font-size: 28px;
text-align: center;
background-color: var(--bg_title_color);
border-radius: 10px;
box-sizing: border-box;
}
.apply h2:before {
margin-left: -41px;
position: absolute;
left: 50%;
bottom: -27px;
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/apply_icon01.png) no-repeat;
width: 82px;
height: 57px;
content: "";
}
.apply ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.apply ul li {
width: 46.4%;
border: 3px solid rgb(255, 92, 2);
box-shadow: 4px 8px 4px 0px rgba(67, 67, 67, 0.14);
border-radius: 10px;
background-color: #fff;
}
.apply ul li.li01 a {
padding-top: 22px;
}
.apply ul li a {
display: block;
padding: 46px 24px 30px;
text-decoration: none;
height: 216px;
position: relative;
box-sizing: border-box;
}
.apply ul li p a {
display:none;
}
@media screen and (max-width: 1000px) {
.apply ul li a {
padding-left: 10px;
}
}
.apply ul li a:hover {
opacity: 0.7;
}
.apply ul li a .img {
position: absolute;
right: 0;
top: 0;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
.apply ul li a .img {
width: 100px;
}
}
.apply ul li a .ttl {
font-size: 28px;
line-height: 1.42;
color: #222;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.apply ul li a .ttl {
font-size: 20px;
}
}
.apply ul li a .ttl .color {
color: #ff5c02;
}
.apply ul li a .ttl .sml {
display: block;
font-size: 20px;
}
.apply ul li a .link {
padding: 12px 0 11px;
margin: 0;
position: absolute;
left: 22px;
right: 22px;
bottom: 18px;
text-align: center;
color: #fff;
font-size: 18px;
background-color: #ff7201;
border-radius: 50px;
}
.apply .info {
margin-bottom: 31px;
}
.apply .info.info01 {
margin-bottom: 40px;
}
.apply .info.info02 {
margin-bottom: 43px;
}
.apply .info.info02 h3 {
margin-bottom: 27px;
}
.apply .info.info03 {
margin-bottom: 0 !important;
}
.apply .info.info03 h3 {
margin-bottom: 31px;
}
.apply h3 {
padding: 0;
margin: 0 0 25px;
text-align: center;
background: none;
border: none;
}
@media screen and (max-width: 767px) {
.apply {
padding: 17px 15px 38px;
}
.apply h2 {
max-width: inherit;
margin: 0 0 16px;
padding: 12px 23px 13px;
font-size: 17px;
text-align: left;
border-radius: 0;
}
.apply h2:before {
display: none;
}
.apply ul {
display: block;
}
.apply ul li {
margin-bottom: 10px;
width: auto;
border: none;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.apply ul li:last-child {
margin-bottom: 0;
}
.apply ul li a {
min-height: 75px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
padding: 12px 5px 13px 80px !important;
height: auto;
}
.apply ul li a .img {
width: 70px;
right: auto;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #fe7606;
}
.apply ul li a .ttl {
font-size: 18px;
line-height: 1.38;
}
}
@media screen and (max-width: 767px) and (max-width: 350px) {
.apply ul li a .ttl {
font-size: 15px;
}
}
@media screen and (max-width: 767px) {
.apply ul li a .ttl .sml {
display: inline-block;
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.apply ul li a .link {
display: none;
}
}
@media screen and (max-width: 767px) {
.apply .info {
margin-bottom: 35px;
}
.apply .info.info01 {
margin-bottom: 30px;
}
.apply .info.info02 {
margin-bottom: 36px;
}
.apply .info.info02 h3 {
margin-bottom: 19px;
}
.apply .info.info03 h3 {
margin-bottom: 19px;
}
}
@media screen and (max-width: 767px) {
.apply h3 {
padding: 0 0 0 28px;
margin: 0 0 19px;
text-align: left;
color: #363636;
font-size: 18px;
font-weight: normal;
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/sp/apply_icon01.png) no-repeat left top 7px;
background-size: 18px auto;
}
.apply h3 img {
display: none;
}
} .faq {
padding: 66px 0 48px;
position: relative;
}
.faq .head-line02 {
font-size: 42px;
}
.faq .head-line02:before {
bottom: -13px;
}
.faq .top-text {
margin: -3px 0 56px;
padding: 0;
text-align: center;
color: #313131;
font-size: 16px;
}
.faq .top-text span {
color: #ff7201;
}
.faq .pho {
position: absolute;
right: 49px;
top: 37px;
}
@media screen and (max-width: 1160px) {
.faq .pho {
right: 0;
width: 100px;
}
}
.faq .faq-list {
margin-top: -20px;
}
.faq .faq-list dt {
margin-top: 20px;
padding: 22px 60px 21px 254px;
color: #313131;
font-size: 24px;
font-weight: bold;
background-color: #c6e2a5;
position: relative;
cursor: pointer;
border-radius: 10px;
}
@media screen and (max-width: 1000px) {
.faq .faq-list dt {
padding-left: 50px;
}
}
.faq .faq-list dt .num {
position: absolute;
top: 23px;
left: 145px;
}
@media screen and (max-width: 1000px) {
.faq .faq-list dt .num {
left: 10px;
}
}
.faq .faq-list dt::after {
margin-top: -19px;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 25px;
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/faq_icon01.png) no-repeat left top;
background-size: 100% 100%;
content: "";
}
.faq .faq-list dt.on::after {
background-image: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/faq_icon02.png);
}
.faq .faq-list dd {
padding: 20px;
background-color: rgba(198, 226, 165, 0.4);
display: none;
border-radius: 10px;
}
.faq .faq-list dd .inner {
padding: 20px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.faq {
padding: 39px 15px 39px;
}
.faq .head-line02 {
margin-bottom: 31px;
font-size: 20px;
}
.faq .head-line02:before {
bottom: -10px;
}
.faq .top-text {
margin: 0 0 31px;
font-size: 13px;
line-height: 1.53;
}
.faq .pho {
right: 14px;
top: 35px;
width: 72px;
}
.faq .faq-list {
margin-top: -10px;
}
.faq .faq-list dt {
margin-top: 10px;
padding: 11px 60px 12px 77px;
font-size: 14px;
border-radius: 5px;
}
.faq .faq-list dt .num {
top: 11px;
left: 14px;
}
.faq .faq-list dt::after {
margin-top: -12px;
width: 24px;
height: 24px;
right: 10px;
}
.faq .faq-list dd {
padding: 10px;
border-radius: 5px;
}
.faq .faq-list dd .inner {
padding: 10px;
}
} .gide {
padding: 0 0 80px;
}
.gide h4{
padding: 8px;
margin-bottom: 0;
font-weight: bold;
background-color: #fff;
color: var(--bg_title_color);
border-radius: 11px 11px 0 0;
border-bottom: 3px solid var(--bg_title_color);
font-size: 20px;
}
.gide h4 i{
color: var(--orange);
margin-right: 5px;
display: none;
}
.gide_box{
background-color: #fff;
border-radius: 15px;
margin-bottom: 2%; }
.gide  .gide_box_list {
padding: 15px 0;
}
.gide_box_list li{
line-height: 2.4;
}
.gide_box_list li a {
color: var(--black);
}
.gide_box_list li p{
font-weight: bold;
display: inline-block;
border-bottom: 1px dashed #1B6036;
font-size: 18px;
}
.gide_box_list li span.txt_line{
color: var(--light-green); }
.gide_box_list li span i {
color: var(--light-green);
background: none;
}
.gide_box_list li span:last-child{
margin-left: 5px;
}
@media screen and (max-width: 767px){
.gide {
padding: 0 15px 38px;
}
.gide h4{
padding: 5px;
font-size: 18px;
}
.gide .gide_box_list{
padding: 10px;
}
.gide_box{
margin-bottom: 3%;
}
.gide_box_list li p{
font-size: 15px;
line-height: 1.8;
}
} .reasons {
padding: 0 0 80px;
}
.reasons .container {
text-align: center;
} .reasons .head-line02 {
margin-bottom: 63px;
font-size: 42px;
}
.reasons .head-line02:before {
bottom: -13px;
}
.reasons .list li {
padding-bottom: 15px;
display: flex;
justify-content: space-between;
gap: 0 30px;
align-items: center;
}
.reasons .list li:last-child {
margin-bottom: 0;
}
.reasons .list li .photo {
width: 300px;
}
.reasons .list li .photo img {
border-radius: 10px;
}
.reasons .list li .text-box {
padding: 10px 0;
width: calc(100% - 300px);
color: var(--black);
position: relative;
box-sizing: border-box;
}
.reasons .list li .text-box p {
line-height: 1.5;
font-size: 14px;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.reasons .list li .text-box .title {
margin-bottom: 7px;
font-size: 22px;
line-height: 1.25;
font-weight: bold;
margin-top: 10px;
}
.reasons .list li .text-box .link a {
margin-top: 10px;
padding: 8px 0;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
box-sizing: border-box;
border-radius: 3px;
position: relative;
border: 1px solid;
font-weight: bold;
background-color: var(--dark-green);
border-radius: 30px;
width: 340px;
}
.reasons .list li .text-box .link a:hover {
opacity: 0.7;
text-decoration: none;
}
.reasons .list li .text-box .link a i {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 25px;
}
.reasons span.point {
border: 2px solid #1B6036;
border-radius: 30px;
padding: 0px 10px;
color: var(--dark-green);
font-weight: bold;
}
@media screen and (max-width: 767px) {
.reasons {
padding: 0 20px;
} .reasons .head-line02 {
margin-bottom: 57px;
font-size: 20px;
}
.reasons .head-line02:before {
bottom: -11px;
}
.reasons .list {
margin-top: -30px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.reasons .list li {
margin-top: 30px;
width: 100%;
padding: 0;
position: relative;
border-bottom: none;
display: block;
}
.reasons .list li .photo {
margin-bottom: 5px;
width: auto;
text-align: center;
}
.reasons .list li .photo img {
border-radius: 5px;
}
.reasons .list li .text-box {
width: auto;
position: static;
padding: 15px 0;
}
.reasons .list li .text-box p {
line-height: 1.77;
font-size: 14px;
margin-bottom: 20px;
}
.reasons .list li .text-box .title {
margin-bottom: 5px;
font-size: 22px;
line-height: 1.56;
text-align: left;
}
.reasons .list li .text-box .link {
width: 100%;
margin-top: 2%;
}
.reasons .list li .text-box .link a {
width: auto;
max-width: 100%;
margin: 0 auto;
padding: 12px 5px 12px;
font-size: 16px;
}
} .flow {
padding: 0 0 85px;
} .flow .head-line02 {
margin-bottom: 52px;
font-size: 42px;
}
.flow ul {
margin-top: 30px;
}
.flow ul li {
margin-bottom: 15px;
padding: 15px 20px;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;
gap: 0 10px;
background-color: #FFFFDC;
border-radius: 15px;
}
.flow ul li:last-child {
margin-bottom: 0 !important;
}
.flow ul li:last-child:before {
display: none;
}
.flow ul li .icon {
text-align: center;
display: flex;
flex-direction: column;
}
.flow ul li .text-box {
width: calc(100% - 100px);
}
.flow ul li .text-box p {
color: var(--black);
font-size: 15px;
line-height: 1.5;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.flow ul li .text-box .title {
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
}
.flow ul li .text-box .title .num {
margin: 0 9px 0 0;
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: var(--dark-green);
}
.flow .icon span.num {
padding-top: 5px;
color: var(--orange);
font-weight: bold;
font-size: 18px;
}
.flow .icon span.num span {
margin-left: 5px;
}
.flow img{
max-width: 80px;
}
@media screen and (max-width: 767px) {
.flow {
padding: 40px 15px 29px;
}
.flow .head-line02 {
margin-bottom: 36px;
font-size: 20px;
} .flow ul li {
margin-bottom: 10px;
width: 100%;
display: block;
}
.flow ul li:before {
margin-left: -13px;
bottom: -42px;
background-size: 26px auto;
width: 26px;
}
.flow ul li .icon {
width: 65px;
}
.flow ul li .icon img {
width: 66px;
}
.flow ul li .text-box {
width: 100%;
}
.flow ul li .text-box p {
font-size: 16px;
line-height: 1.5;
}
.flow ul li .text-box .title {
margin-bottom: 0px;
font-size: 20px;
border-bottom: none;
}
.flow ul li .text-box .title .num {
margin: 0;
font-size: 18px;
line-height: 1;
}
.flow .title {
display: flex;
flex-direction: column;
}
.flow .icon_ttl_box {
display: flex;
padding-bottom: 2px;
margin-bottom: 10px;
align-items: center;
gap: 0 10px;
}
} .message {
padding: 2px 0 29px;
} .message .head-line02 {
margin-bottom: 90px;
font-size: 42px;
line-height: 1.42;
}
.message .img-box {
display: flex;
align-items: center;
background-color: #f4fafc;
}
.message .img-box .text-box {
width: 61.15%;
padding: 46px 32px 35px 40px;
box-sizing: border-box;
}
.message .img-box .text-box .white-bg {
padding: 41px 50px 36px;
background-color: #fff;
}
.message .img-box .text-box .white-bg p {
font-size: 15px;
line-height: 2.4;
color: #313131;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.message .img-box .text-box .white-bg .title {
margin-bottom: 20px;
color: #313131;
font-size: 20px;
font-weight: bold;
}
.message_box {
display: flex;
gap: 0 30px;
color: var(--black);
font-size: 18px;
line-height: 1.6;
margin-top: 30px;
} .message_box .pho {
width: 300px;
margin: 0 auto 30px;
}
.message_ttl {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
.message__txt p {
line-height: 1.8;
}
p.person_name {
font-weight: bold;
margin-top: 20px;
}
@media screen and (max-width: 1050px) {
.message .img-box .text-box {
padding: 30px 15px;
}
.message .img-box .text-box .white-bg {
padding: 20px 10px;
}
.message_box p {
width: 100%;
font-size: 16px;
line-height: 1.8;
order: 2;
margin-bottom: 20px;
}
}
.message .img-box .pho {
width: 38.85%;
}
@media screen and (max-width: 767px) {
.message {
padding: 2px 15px 0;
}
.message_box{
flex-direction: column;
}
.message_box .message__txt {
width:100%;
}
p.message_ttl {
font-size: 20px;
margin: 0 0 15px;
} .message .head-line02 {
margin-bottom: 36px;
font-size: 20px;
line-height: 1.44;
}
.message .img-box {
padding: 10px;
display: block;
}
.message .img-box .text-box {
width: auto;
padding: 0 0 14px;
}
.message .img-box .text-box .white-bg {
padding: 14px 20px;
}
.message .img-box .text-box .white-bg p {
font-size: 13px;
line-height: 1.77;
}
.message .img-box .text-box .white-bg .title {
margin-bottom: 2px;
font-size: 16px;
}
.message .img-box .pho {
width: auto;
position: relative;
padding-left: 50%;
}
.message .img-box .pho img {
width: 100%;
}
.message .img-box .pho span {
position: absolute;
left: 0;
top: 0;
width: 50%;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.message .img-box .pho span img {
width: 100px;
}
.message_box .pho {
width: 100%;
order: 1;
text-align: center;
}
} .banner-box {
margin-bottom: 66px;
}
.banner-box ul {
list-style: none;
}
.banner-box ul li {
margin-bottom: 29px;
}
.banner-box ul li:last-child {
margin-bottom: 0 !important;
}
.banner-box ul li a:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
.banner-box {
margin: 0 15px 35px;
}
.banner-box ul li {
margin-bottom: 10px;
text-align: center;
}
.banner .banner_box {
padding: 0 20px;
}
} .accessmap{
padding: 0 0 60px;
}
.accessmap .head-line01 {
margin-bottom: 28px;
} .accessmap p {
margin-bottom: 25px;
font-size: 16px;
line-height: 2.22;
color: var(--black);
font-weight: bold;
}
.accessmap .map {
height: 1px;
padding: 0 0 45%;
position: relative;
}
.accessmap .map iframe {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.accessmap {
padding: 0 15px 38px;
}
.accessmap .head-line01 {
margin-bottom: 20px;
}
.accessmap p {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.77;
}
.accessmap .map {
padding: 0 0 79%;
} .entry iframe {
width: 100%;
}
} .money .title {
margin: 0 2px 11px;
color: var(--dark-green);
font-size: 20px;
letter-spacing: 0.02em;
font-weight: bold;
margin-bottom: 10px;
}
.money p{
margin-bottom: 20px;
line-height: 1.5;
}
.money p:last-child{
margin-bottom: 0;
}
.money_box {
margin-bottom: 40px;
}
.money table {
border: 1px solid #C8C8C8;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.money td {
padding: 20px;
border: 1px solid #C8C8C8;
}
.money tr {
border: 1px solid #C8C8C8;
padding: 20px;
}
.money th {
border: 1px solid #C8C8C8;
background-color: #EEEEEE;
padding: 20px;
}
@media screen and (max-width: 767px) {
.money {
padding: 0 15px 20px;
}
.money p{
font-size: 16px;
}
.money .table_box {
overflow: scroll;
margin-bottom: 20px;
}
.money td {
white-space: nowrap;
}
.money tr {
white-space: nowrap;
}
.money th {
white-space: nowrap;
}
} .sidebar {
width: 298px;
flex-basis: 298px;
flex-shrink: 0;
}
.sidebar h3 {
border: none;
padding: 30px 2px 10px !important;
background-color: transparent;
margin: 0;
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #333;
border-radius: 0;
margin-bottom: 30px;
}
.sidebar h3:before {
content: "";
border-left: 7px solid var(--bg_title_color);
margin-right: 15px;
}
.sidebar h3 img {
margin: -2px 8px 0 0;
vertical-align: middle;
}
.sidebar .search {
padding: 0 10px 10px;
box-sizing: border-box;
background-color: #EFF5DC;
border-radius: 8px;
border-radius: 15px; }
.sidebar .search h3{
font-size: 16px;
color: #333;
margin-bottom: 10px;
}
.sidebar .search h3::before,
.sidebar .sideLink h3::before{
content: none;
}
.sidebar i.fa-solid.fa-magnifying-glass {
margin-right: 10px;
font-size: 18px;
}
.sidebar .sidebar-search-form {
margin: 5px 0 0;
}
.sidebar .sidebar-search-form form {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: stretch;
}
.sidebar .sidebar-search-form form label {
flex: 1;
}
.sidebar .sidebar-search-form form label input[type=text] {
display: block;
width: 100%;
height: 40px;
font-size: 11px;
box-sizing: border-box;
border: 1px solid var(--dark-green);
background: #fff;
padding: 0 20px;
border-radius: 3px 0 0 3px;
}
.sidebar .sidebar-search-form form button {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: 0;
width: 59px;
height: 40px;
box-sizing: border-box;
border: 1px solid var(--dark-green);
background: var(--dark-green);
font-size: 15px;
font-weight: bold;
line-height: 1;
color: #fff;
border-radius: 0 3px 3px 0;
}
.sidebar .sidebar-search-form form button:hover{
opacity: 0.7;
}
.sidebar .sidebar-menu {
margin: 15px 0 0;
}
.sidebar .sidebar-menu > ul > li {
margin-bottom: 5px;
}
.sidebar .sidebar-menu > ul > li:last-child {
margin-bottom: 0;
}
.sidebar .sidebar-menu > ul > li > a {
padding: 8px 40px 8px 20px;
min-height: 60px;
color: #333;
font-size: 14px;
text-decoration: none;
position: relative;
background-color: #FFF;
display: flex;
align-content: center;
align-items: center;
box-sizing: border-box;
}
.sidebar .sidebar-menu > ul > li > a small {
font-size: 15px;
}
.sidebar .sidebar-menu > ul > li > a:before {
position: absolute;
display: block;
width: 8px;
height: auto;
content: "\f054";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: var(--dark-green);  
top: 50%;
right: 5%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.sidebar .sidebar-menu > ul > li > a:hover {
text-decoration: underline;
}
.sidebar .sidebar-menu > ul > li > ul {
display: none;
background: #f0f0f0;
padding: 12px 12px 12px 18px;
}
.sidebar .sidebar-menu > ul > li > ul a {
display: block;
padding: 4px 0 4px 1em;
font-size: 12px;
line-height: 1.5em;
color: #5B442C;
text-decoration: none;
position: relative;
}
.sidebar .sidebar-menu > ul > li > ul a:before {
position: absolute;
left: 0;
top: 3px;
content: "-";
}
.sidebar .textwidget {
position: relative; }
.sidebar .link {
margin-bottom: 16px;
}
.sidebar .link a {
padding-left: 20px;
color: #313131;
background: url(//miyagi-shogainenkin.com/wp-content/themes/base/src/images/ic-arrow.png) no-repeat left center;
}
.sidebar .sideLink {
margin-bottom: 20px;
padding: 0 10px 10px;
background-color: var(--dark-green);
border-radius: 15px;
box-sizing: border-box;
}
.sidebar .sideLink h3 {
color: #fff;
text-align: center;
font-size: 18px;
margin: 10px 0;
}
.sidebar .sideLink h3 img {
margin-right: 8px;
width: 23px;
}
.sidebar .contact-box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
.sidebar .contact-mail {
display: block;
text-align: center;
}
.sidebar .access {
margin: 60px 0;
}
.sidebar .access h3,.sidebar .side_info h3 {
margin-bottom: 18px;
padding: 10px 0 10px 13px !important;
border-left: 7px solid var(--orange);
}
.sidebar .sidebar-office {
margin: 0 0 30px;
font-size: 14px;
font-weight: normal;
line-height: 1.5em;
color: var(--black);
}
.sidebar .sidebar-office .name {
color: var(--black);
font-size: 18px;
font-weight: bold;
line-height: 1;
margin: 0 0 12px;
letter-spacing: -0.07em;
}
.sidebar .sidebar-office .address {
color: var(--black);
font-size: 16px;
margin: 0 0 57px;
line-height: 1.5;
font-weight: bold;
}
.sidebar .sidebar-office .hours {
margin: 10px 0 10px;
text-align: center;
}
.sidebar .sidebar-office .map {
border: 1px solid #CBCBCB;
height: 1px;
padding: 0 0 103%;
position: relative;
}
.sidebar .sidebar-office .map iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sidebar .sidebar-office .mapLink {
margin-top: 18px;
}
.sidebar .sidebar-office .mapLink a {
margin: 0 auto;
display: block;
width: 158px;
padding: 10px;
color: #403928;
font-size: 16px;
text-align: center;
box-sizing: border-box;
border: 1px rgb(64, 57, 40) solid;
border-radius: 30px;
}
.sidebar .sidebar-office .mapLink a:hover {
opacity: 0.7;
text-decoration: none;
}
.sidebar .office {
margin: 0 0 25px;
}
#custom_html-3 a:hover{
opacity: 0.7;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
.sidebar {
width: 240px;
flex-basis: 240px;
}
.sidebar .textwidget {
width: 240px;
}
.sidebar .sidebar-menu > ul > li > a {
padding-left: 5px;
height: 70px;
font-size: 14px;
line-height: 1.4;
}
.sidebar .sidebar-menu > ul > li > a small {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.sidebar {
margin: 0 15px;
width: auto;
}
.sidebar .textwidget {
width: 100%;
}
.sidebar .sideLink {
margin-bottom: 19px;
border-radius: 15px;
padding: 20px 10px;
}
.sidebar .sideLink h3 {
font-size: 20px;
padding: 5px 2px 14px !important;
}
.sidebar .side-ttl h3 {
padding: 3px 2px 5px !important;
}
.sidebar .sidebar-menu {
margin-top: 6px;
}
.sidebar .sidebar-menu > ul > li {
margin-bottom: 5px;
}
.sidebar .sidebar-menu > ul > li:last-child {
margin-bottom: 0;
}
.sidebar .sidebar-menu > ul > li > a {
padding: 8px 18px 6px 19px;
height: 50px;
font-size: 15px;
line-height: 1.2;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.sidebar .sidebar-menu > ul > li > a .small {
margin-right: -15px;
font-size: 12px;
letter-spacing: -0.05em;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
}
@media screen and (max-width: 384px) {
.sidebar .sidebar-menu > ul > li > a {
padding-left: 11px;
font-size: 14px;
}
.sidebar .sidebar-menu > ul > li > a small {
font-size: 12px;
}
} footer {
background-color: #fff;
}
footer .inner {
width: 100%;
max-width: 1230px;
margin: 0 auto 10px;
padding: 0 15px;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: stretch;
position: relative;
}
footer#footer {
border-top: 3px solid var(--bg_title_color);
}
footer .logo {
position: relative;
width: 60%;
max-width: 634px;
margin: 13px 0 0;
color: var(--dark-green);
}
footer .logo .text {
font-size: 13px;
line-height: 1.3;
position: relative;
z-index: 1;
color: var(--dark-green);
}
footer .logo .text span {
margin-left: 10px;
}
footer .logo .operation_text {
color: var(--black);
font-size: 14px;
}
footer .tel {
margin: 11px 33px 0 10px;
flex: 1;
text-align: right;
position: relative;
}
footer .tel .hours {
position: absolute;
left: auto;
right: 0;
bottom: 9px;
display: block;
width: auto;
height: 1em;
font-size: 11px;
line-height: 1;
text-align: center;
color: #222;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
footer .tel .hours .visible {
display: none;
}
@media screen and (max-width: 1200px) {
footer .tel .hours {
bottom: 2px;
}
footer .tel .hours .visible {
display: block;
}
}
@media screen and (max-width: 900px) {
footer .tel .hours {
bottom: -6px;
font-size: 10px;
left: 52px;
}
}
footer .icons {
margin-top: 5px;
width: 80px;
}
footer .icons .line {
margin-top: 4px;
}
footer .copyright {
color: var(--black);
font-size: 12px;
text-align: center;
}
footer .right-box {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex: 1;
}
@media screen and (max-width: 767px) {
footer {
padding-bottom: 57px;
border: none;
}
footer .logo {
padding-top: 10px;
width: auto;
max-width: inherit;
margin: 0 0px 10px 0px;
text-align: center;
}
footer .logo img {
width: 100%;
max-width: 345px;
}
footer .inner {
padding: 0;
margin-bottom: 18px;
display: block;
}
footer .f-navi {
margin: -1px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
text-align: center;
font-size: 12px;
}
footer .f-navi li {
padding: 0;
margin: 1px 0 0 0;
width: 50%;
box-sizing: border-box;
}
footer .f-navi li:nth-child(2n-1) {
padding-right: 1px;
}
footer .f-navi a {
padding: 11px 5px;
color: #fff;
display: flex;
background-color: var(--dark-green);
text-decoration: none !important;
font-size: 14px;
height: 100%;
justify-content: center;
align-items: center;
}
footer .operation_text {
font-size: 12px;
text-align: left;
}
footer .navbar-brand {
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 350px) {
footer .f-navi {
font-size: 10px;
}
}
@media screen and (max-width: 767px) {
body .floating.fixed-nav{
display: none!important;
}
.fixed-nav-sp {
position: fixed;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 99;
width: 100%;
box-sizing: border-box;
}
.fixed-nav-sp ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.fixed-nav-sp ul li {
padding: 0;
width: 24.8%;
box-sizing: border-box;
}
.fixed-nav-sp ul li:first-child {
padding-left: 0;
flex: 1;
}
.fixed-nav-sp ul li a {
padding-top: 10px;
height: 55px;
color: #fff;
font-size: 10px;
display: block;
text-align: center;
background-color: var(--line-color);
line-height: 1;
box-sizing: border-box;
}
.fixed-nav-sp ul li a i{
font-size: 22px;
}
.fixed-nav-sp ul li a span {
margin-top: 4px;
display: block;
}
.fixed-nav-sp ul .link02 a {
background-color: var(--blue);
}
.fixed-nav-sp ul .link01 a {
padding: 5px 5px 7px;
background-color: var(--bg_title_color);
}
.fixed-nav-sp ul .link03 a {
background-color: var(--green);
}
}
.breadcrumb {
max-width: 1230px;
box-sizing: border-box;
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
color: var(--black);
padding: 0;
margin: 0px auto;
background-color: initial;
padding-top: 50px;
}
.breadcrumb ul {
display: flex;
padding: 0;
justify-content: start;
}
.breadcrumb ul li:first-of-type:before {
content: none;
}
.breadcrumb ul li:first-of-type a {
padding-left: 0;
}
.breadcrumb ul li::before {
content: ">";
padding: 0px 3px;
color: var(--dark-green);
}
.breadcrumb ul li a {
padding: 0 5px 0 5px;
color: inherit;
font: inherit;
text-decoration: none;
}
.breadcrumb ul li a:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.breadcrumb {
padding: 0;
display: none;
}
}
.main a.link-button {
display: inline-block;
padding: 0.3em 2em;
border: 3px solid var(--dark-green);
color: var(--dark-green);
font-weight: 700;
}
.main a.link-button::after {
content: "";
margin-left: 1em;
display: inline-block;
line-height: 1;
border-left: 6px solid var(--dark-green);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
} .fixed-nav {
position: fixed;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
background: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
width: 244px;
padding: 0;
box-sizing: border-box;
display: block;
opacity: 0;
z-index: 9999;
border-radius: 15px;
transition: opacity 0.3s ease-out;
display: none!important;
background-color: #fff;
}
.fixed-nav.hidden {
display: none;
}
.fixed-nav.visible {
opacity: 1;
}
.fixed-nav .head {
padding: 0 0 15px;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
margin-top: -10px;
}
.fixed-nav .inner {
padding: 10px 0;
font-size: 12px;
font-weight: normal;
line-height: 1.55;
color: var(--black);
text-align: center;
}
.fixed-nav .inner .tel {
margin: 0 15px 11px 0;
}
.fixed-nav .inner .txt {
margin-bottom: 0;
color:var(--navy);
}
.fixed-nav .nav {
padding: 0 15px 20px;
display: block;
}
.fixed-nav .nav li + li {
padding: 5px 0 0;
}
.fixed-nav .nav li a {
display: flex;
align-items: center;
width: 100%;
height: 50px;
border-radius: 6px;
box-sizing: border-box;
font-size: 16px;
line-height: 1.25;
background-color: #fff;
text-decoration: none;
position: relative;
border: 1px solid var(--dark-green);
}
.fixed-nav .nav li a i{
font-size: 30px;
margin-right: 15px;
margin-left: 15px;
}
.fixed-nav .nav li .icon {
width: 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #fff;
box-sizing: border-box;
border-radius: 6px 0 0 6px;
margin-right: 15px;
height: 100%;
}
.floating_head_bg {
background-color: var(--dark-green);
border-radius: 15px 15px 0 0;
}
.fixed-nav .nav li.link01 a { 
border: 1px solid var(--green);
color: #fff;
background-color: var(--green);
}
.fixed-nav .nav li.link01 a i{
color: var(--green);
}
.fixed-nav .nav li.link02 a { 
border: 1px solid var(--blue);
color: #fff;
background-color: var(--blue);
}
.fixed-nav .nav li.link02 a i{
color: var(--blue);
}
.fixed-nav .nav li.link03 a,
.fixed-nav .nav li.link04 a { 
border: 1px solid var(--orange);
color: #fff;
background-color: var(--orange);
}
.fixed-nav .nav li.link03 a i,
.fixed-nav .nav li.link04 a i{
color: var(--orange);
}
.fixed-nav.active{
opacity: 1!important;
display: block!important;
}
.fixed-nav-close {
position: relative;
color: #fff;
cursor: pointer;
top: 5px;
left: 15px;
display: inline;
}
.fixed-nav-close i{
font-size: 20px;
} .questions{
padding: 0 0 80px;
color: var(--black);
}
.questions .question_list {
list-style-type: none;
padding-left: 0;
border-radius: 10px;
margin-top: 30px;
}
.questions .question_list li{
background-color: #EFF5DC;
margin-bottom: 1%;
}
.questions .question_list li .q {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px 15px 10px;
cursor: pointer;
}
.questions .question_list li:last-child .q {
border-bottom: none;
}
.q_cnt {
display: flex;
align-items: center;
width: 100%;
font-size: var(--font18);
color: var(--black);
}
.q_cnt img {
margin-right: 10px;
width: 10%;
}
.question_arrow {
font-size: 20px;
color: var(--light-green);
cursor: pointer;
pointer-events: auto;
transition: 0.3s;
}
@media screen and (max-width: 767px){
.questions {
padding: 0 15px 60px;
}
.q_cnt{
font-size: 16px;
}
.a_cnt {
font-size: 16px;
line-height: 1.5;
margin-bottom: 10px;
}
}
.a {
background-color: #fff;
}
.a_close {
transform: rotateX(0);
}
.a_cnt {
display: flex;
align-items: center;
width: 100%;
}
.a_cnt img {
margin-right: 10px;
width:10%;
}
.question_list .a_detail{
text-decoration: underline;
text-align: right;
display: block;
font-size: 14px;
}
.question_list li .a {
border-top: 1px solid var(--dark-orange);
display: none;
padding: 10px;
}
.question_list li .a p {
padding: 10px 20px 10px 10px;
}
@media (min-width: 500px) {
.q_cnt img,
.a_cnt img {
width: 5%;
}
}
@media (min-width: 768px) {
.question_list li{
margin-bottom: 2%;
}
.q_cnt img,
.a_cnt img {
width: 7%;
}
}
@media (min-width: 1200px) {
.q_cnt img,
.a_cnt img {
width: 5%;
}
}
.google_form a{ 
display: block;
width: 100%;
border-radius: 50px;
height: 30px;
background-color: var(--orange);
}
a.page-numbers,
span.page-numbers {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: #fff;
color: var(--dark-green);
border: 1px solid var(--dark-green);
width: 50px;
height: 50px;
margin-right: 3px;
}
.pager {
display: flex;
justify-content: center;
}
#faq {
padding-top: 170px;
margin-top: -170px;
} .top_case_box {
background-color: #EFF5DC;
padding: 20px 30px;
margin-bottom: 30px;
}
.top_case_box:first-child {
margin-bottom: 0;
}
.top_case_box p {
margin-bottom: 20px;
line-height: 1.8;
}
.top_case_box .top_case_person {
font-weight: bold;
}
.top_case_box .title {
font-weight: bold;
margin-bottom: 10px;
color: var(--dark-green);
}
.top_case_box p span {
font-weight: bold;
color: var(--orange);
}
@media screen and (max-width: 767px){
.top_case{
padding: 0 20px 60px;
}
.top_case_box {
padding: 20px;
}
} .related_box {
background-color: #ECECEC;
padding: 20px 40px;
}
.related_box h3 {
color: var(--dark-green);
border-bottom: 1px solid var(--dark-green);
}
.related_box h3:before {
display: none;
}
.related_box .entry-related-posts{
margin: 0;
}
.related_box .entry-related-posts ul li{
border-bottom: 1px solid #CCCCCC;
}
.related_box .entry-related-posts ul li:first-child{
border-top: none;
}
.related_box .entry-related-posts ul li a{
color: var(--black);
} .a1 {
display:none;
padding: 15px 20px 15px 10px;
cursor: pointer!important;
background-color:#fff;
}
.q1 {
position:relative;
padding: 10px;
}
.q1::before{ content: "＋";
position: absolute;
right: 20px;
top:17px;
color:#84af00;
}
.q1.active::before{ content: "－";
color:#84af00;
}