@charset "utf-8";
  html
{
height:100%;
margin-bottom:1px;
text-align: center;
overflow-y:scroll;
}
main {
display: block;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,figure {
margin: 0;
padding: 0;
border: none;
list-style: none;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.category {
display: block;
margin: 0;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
transform: rotate(.03deg);
}
div.header_logo {
font-weight:normal;
transform: rotate(.03deg);
}
p {
margin: 0;
}
ol,ul {
list-style:none;
}
ol,ul li {
list-style: none;
text-align: left;
}
img { 
border:0;
vertical-align: top;
}
table {
border-collapse:collapse;
border-spacing:0;
}
caption,th {
text-align:left;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}
a {
overflow: hidden;
cursor: pointer;
text-decoration: none;
}
.red {
color: #F00;
font-weight: normal;
}
form {
margin: 0px;
padding: 0px;
}
input[type="submit"]{
-webkit-appearance: none;
} nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;} a {
color: #000000;
text-decoration-skip-ink: none;
}
a:hover {
text-decoration: none;
color: #999999;
}
a img,
a {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a img {
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
} input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
} .animation{
opacity : 0;
visibility: hidden;
transition: 1.3s;
transform: translateY(100px);
} .active{
opacity: 1;
visibility: visible;
transform: translateY(0);
}  body {
min-width: 100%;
text-align: center;
background-color: #FFFFFF;
width: 100%;
font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.slick-slide img.spImg,
.spImg {
display: none;
}
.Toggle{display:none;}
.wow:first-child {
visibility: hidden;
} header {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
}
#headerBlock {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
#headerBlock h1 ,
#headerBlock .header_logo {
margin-top: 23px;
max-width: 445px;
width: 100%;
}
#headerBlock h1 img ,
#headerBlock .header_logo img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#headerBtn {
display: flex;
margin-bottom: 10px;
justify-content: end;
}
#headerBtn p {
font-size: 1.250em;
font-weight: bold;
}
#headerBtn p span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 27px;
}
#headerBtn p a {
background-color: #125394;
display: block;
color: #FFFFFF;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-radius: 0px 0px 8px 8px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/btn_bg.png);
background-repeat: no-repeat;
background-position: left top;
}
#headerBtn p a:hover {
background-color: #E28900;
}
#headerBtn p:last-child a {
background-color: #56912A;
}
#headerBtn p:last-child a:hover  {
background-color: #E28900;
}
#headerMenu ul {
display: flex;
justify-content:flex-end;
}
#headerMenu ul li {
font-size: 0.875em;
margin-left: 16px;
}
#headerMenu ul li a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-weight: 600;
}
#global {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 24px;
}
#global li {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/ber.png);
background-repeat: no-repeat;
background-position: right center;
font-weight: bold;
}
#global li:nth-last-child {
background-image: none;	
}
#global li.pc_none {
display: none;		
}
#global li a {
padding-right: 26.5px;
padding-left: 26.5px;
}
#spMenu,
#spLinks {
display: none;
} footer {
background-color: #EFEFEF;
margin-top: 190px;
padding-top: 62px;
}
#footerBlock {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
#footerBlock_info {
text-align: left;
}
#footerBlock_info aside {
max-width: 340px;
width: calc(100% - 2em);
margin-bottom: 15px;
}
#footerBlock_info aside img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#footerBlock_info p {
font-size: 0.750em;
background-color: #FFFFFF;
display: inline-block;
padding-top: 4px;
padding-left: 18px;
padding-bottom: 3px;
padding-right: 18px;
-webkit-box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
margin-bottom: 15px;
}
#footerBlock_info address {
font-size: 1em;
margin-bottom: 48px;
}
#footerNavi {
margin-bottom: 88px;
}
#footerNavi li {
margin-bottom: 15px;
}
#footerNavi li a:hover {
text-decoration: underline;
}
#footerBlock_link ul {
display: flex;
justify-content: end;
max-width: 399px;
width: 100%;
margin-bottom: 35px;
}
#footerBlock_link ul li {
font-weight: bold;
max-width: 230px;
width: 100%;
}
#footerBlock_link ul li a {
padding-top: 23px;
padding-bottom: 23px;
background-color: #125394;
border-radius: 8px;
display: block;
color: #FFFFFF;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/btn_bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 80% auto;
text-align: center;
}
#footerBlock_link ul li:nth-child(2) a {
background-color: #56912A;
}
#footerBlock_link ul li a:hover {
background-color: #E28900;
}
#page-top {
position: fixed;
right: 16px;
bottom:16px;
}
#copy {
width: 100%;
background-color: #FFFFFF;
}
#copy p {
font-size: 0.875em;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
#copy_inner {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
}
#ownerImg {
position: absolute;
bottom: 0px;
right: 0px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/mukawa2-2.png);
background-repeat: no-repeat;
background-position: left top;
width: 226px;
height: 197px;
}
#ownerImg:hover {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/mukawa2.png);
width: 226px;
height: 197px;
} .mainimg {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.mainimg img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#mainBg {
position: relative;
max-width: calc(1920px + 12%);
margin: 0 auto;
}
#mainConcept {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
#catch {
color: #EFD701;
font-size: 2.7em;
font-weight: bold;
text-shadow: 3px 0px 6px hsla(0,0%,0%,0.61);
}
#mainConcept h1 {
color: #FFF;
font-size: 2.7em;
font-weight: bold;
text-shadow: 3px 0px 6px hsla(0,0%,0%,0.61);
}
#catch2 {
color: #FFF;
font-size: 1.563em;
font-weight: bold;
text-shadow: 3px 0px 6px hsla(0,0%,0%,0.61);
margin-bottom: 50px;
}
#mainContents {
margin-top: 58px;
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
margin-bottom: 42px;
justify-content: space-around; 
}
#mainContents a {
width: 50%;
border: 5px solid #f18200;
max-width: 509px;
min-width: 316px;
background-color: #FFFFFF;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-left: 22px;
padding-right: 22px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 90px;
padding-top: 25px;
text-align: center;
margin-right: 0.5%;
border-radius: 14px;
}
#mainContents a:hover {
background-color: #FCE79F;
}
#mainContents a:hover p {
color: #000000;
}
#mainContents a:first-child {
border: 5px solid #125394;   
}
#mainContents a:last-child {
border: 5px solid #56912A;
margin-right: 0;
}
#mainContents a h2 {
font-size: 1.625em;
font-weight: bold;
background-color: #f18200;
color: #FFFFFF;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 25px;
}
#mainContents a:first-child h2{
background-color: #125394;
}
#mainContents a:last-child h2 {
background-color: #56912A;
}
#mainContents a p {
font-size: 1.125em;
font-weight: bold;
}
#mainContents a p span {
font-size: 90%;
}
.s_logo {
max-width: 340px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
}
.s_logo img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#topRental {
background-color: #E3E2D3;
margin-top: 80px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/w_kusa.png);
background-repeat: repeat-x;
background-position: center bottom;
}
#topRental_inner {
padding-bottom: 174px;
padding-top: 127px;
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
}
#word {
font-family: 'Marck Script', cursive;
font-size: 7.063em;
color: #330E0E;
position: absolute;
top: -60px;
left: 0px;
}
.imgStyle {
margin-top: -170px;
margin-bottom: 68px;
max-width: 230px;
width: 100%;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.imgStyle img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#topRental section {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
}
#topRental section h2 {
font-size: 3em;
font-weight: bold;
margin-bottom: 35px;
}
#topRental section h2 span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/line.png);
background-repeat: repeat-x;
background-position: center 85%;
display: inline;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#topRental section p {
font-size: 1.563em;
font-weight: bold;
padding-bottom: 64px;
}
#owner {
position: absolute;
max-width: 290px;
width: 100%;
right: 0px;
top: -75px;
}
#owner img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#rentalLink {
display: flex;
justify-content: space-between;
}
#rentalLink li {
font-size: 1.563em;
font-weight: bold;
width: 32%;
}
#rentalLink li a {
background-color: #125394;
display: block;
text-align: center;
color: #FFFFFF;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/point.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#rentalLink li:nth-child(2) a {
background-color: #56912A;
}
#rentalLink li:nth-child(3) a {
background-color: #826503;
}
#rentalLink li a:hover {
background-color: #E28900;
}
.share {
max-width: 1060px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.titleStyle {
margin-top: 50px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa2.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 65px;
}
.titleStyle h2,
.titleStyle2 h2 {
font-size: 1.563em;
font-weight: bold;
background-color: #7EC569;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border: 5px solid #C5DD8B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 27px;
}
.listStyle {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap:wrap;
}
.listStyle li {
max-width: calc(100%/4 - 26px);
width: 100%;
margin-right: 13px;
margin-left: 13px;
justify-content: space-between;
margin-bottom: 42px;
}
.listStyle li figure {
max-width: 100%;
width: 100%;
}
.listStyle li figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
height: 164px;
object-fit: contain;
margin: 0 auto 13px;
display: block;
}
.listStyle li p {
background-color: #362203;
color: #FFFFFF;
font-size: 0.9em;
font-weight: bold;
text-align: center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 13px;
}
.listStyle li a:hover p {
background-color: #E28900;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.listStyle li dl dt,
.listStyle li dl dd {
text-align: center;
}
#rentalList {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#rentalList li {
max-width: calc(100%/4 - 26px);
width: 100%;
margin-right: 13px;
margin-left: 13px;
margin-bottom: 24px;
text-align: center;
font-size: 1.438em;
font-weight: bold;
}
#rentalList li a {
display: block;
text-align: center;
height: 190px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/bg.png);
background-repeat: no-repeat;
background-position: center bottom;
}
#rentalList li a:hover {
color: #E28900;
}
#rentalList li:nth-child(1) a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/4.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#rentalList li:nth-child(2) a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/3.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#rentalList li:nth-child(3) a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/5.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#rentalList li:nth-child(4) a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/2.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 110px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn {
font-size: 1.563em;
font-weight: bold;
max-width: 100%;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.btn a {
background-color: #077721;
display: inline-block;
color: #FFFFFF;
padding-top: 45px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/btn_g.png);
background-repeat: no-repeat;
background-position: right top;
}
.btn a:hover {
background-color: #E28900;
}
.btn a span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 29px;
}
#credit {
margin-top: 60px;
margin-bottom: 60px;
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
text-align: left;
}
#credit h3 {
background-color: #DFDFDF;
font-size: 1.563em;
font-weight: bold;
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
text-align: left;
margin-bottom: 45px;
}
#credit p {
font-size: 1.125em;
text-align: left;
}
.s_comm {
font-size: 0.778em!important;
padding-top: 35px;
margin-bottom: 9px;
}
.spbr {
display: none;
}
#topInfo {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/bg2.png);
background-repeat: repeat-x;
background-position: 0% top;
margin-top: 70px;
background-color: #C6EFB2;
position: relative;
padding-top: 82px;
}
#topInfo2 {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/bg3.png);
background-repeat: repeat-x;
background-position: 0% top;
margin-top: 70px;
background-color: #BBE9FE;
position: relative;
padding-top: 82px;
}
#infoImg2 {
max-width: 230px;
width: 100%;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 1;
}
#infoImg2 img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#infoImg {
max-width: 230px;
width: 100%;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 1;
}
#infoImg img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#topInfo_inner,
#topInfo2_inner {
width: 100%;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/w_kusa.png);
background-repeat: repeat-x;
background-position: 0% bottom;
padding-bottom: 156px;
}
#topInfo_block {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
border: 5px solid #9DC87C;
background-color: #FFFFFF;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 45px;
padding-right: 45px;
padding-bottom: 45px;
padding-left: 45px;
position: relative;
display: flex;
justify-content: space-between;
}
#topInfo2_block {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
border: 5px solid #7CAEC8;
background-color: #FFFFFF;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
box-shadow: 0px 3px 6px hsla(0,0%,0%,0.16);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 45px;
padding-right: 45px;
padding-bottom: 45px;
padding-left: 45px;
position: relative;
display: flex;
flex-direction:row-reverse;
justify-content: space-between;
}
#topInfo_block aside {
position: absolute;
max-width: 249px;
width: calc(100% - 2em);
right: 0px;
bottom: 0px;
}
#topInfo2_block aside {
position: absolute;
max-width: 249px;
width: calc(100% - 2em);
left: 147px;
bottom: 0px;
}
#topInfo2_block aside img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#topInfo_block aside img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#topInfo_block_inner {
text-align: left;
padding-right: 32px;
}
#topInfo2_block_inner {
text-align: left;
padding-left: 32px;
}
#topInfo_block_inner h2,
#topInfo2_block_inner h2 {
font-size: 1.875em;
font-weight: bold;
margin-bottom: 33px;
}
#topInfo_block_inner h2 span,
#topInfo2_block_inner h2 span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/line2.png);
background-repeat: repeat-x;
background-position: center 88%;
}
#topInfo_block_inner p:nth-child(2),
#topInfo2_block_inner p:nth-child(2) {
font-size: 1.125em;
padding-bottom: 33px;
}
#topInfo_block_inner p:nth-child(3),
#topInfo2_block_inner p:nth-child(3) {
font-size: 0.938em;
padding-bottom: 33px;
}
.infoLink {
display: flex;
}
.infoLink li {
font-size: 1.125em;
font-weight: bold;
margin-right: 23px;
max-width: 274px;
width: 100%;
}
.infoLink li a {
max-width: 100%;
width: 100%;
background-color: #125394;
text-align: center;
height: 81px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
-webkit-box-shadow: 5px 5px #D1D1D1;
box-shadow: 5px 5px #D1D1D1;
color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.infoLink li:nth-child(2) a {
background-color: #56912A;
}
.infoLink li:nth-child(1) a span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/sp.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 30px;
}
.infoLink li:nth-child(2) a span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/pc.png);
background-repeat: no-repeat;
background-position: left 4px;
padding-left: 30px;
}
.infoLink li a:hover {
background-color: #E28900;
}
.tbImg {
display: none;
}
#topQa {
margin-top: 50px;
margin-bottom: 100px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa2.png);
background-repeat: no-repeat;
background-position: center top;
padding-top: 50px;
}
.word2 {
font-family: 'Marck Script', cursive;
font-size: 7.063em;
color: #330E0E;
}
#topBlog {
max-width: 1060px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#word3 {
font-family: 'Marck Script', cursive;
font-size: 7.063em;
color: #330E0E;
}
#topBlog_tit {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/title_bg.png);
background-repeat: no-repeat;
background-position: center center;
margin-top: 30px;
margin-bottom: 30px;
}
#topBlog_tit h2 {
font-size: 1.563em;
font-weight: bold;
}
#topBlog_tit h2 strong {
font-size: 1.560em;
display: block;
}
.listBlock {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap:wrap;
}
.listBlock li {
width: calc(100%/4 - 26px);
margin-right: 13px;
margin-left: 13px;
margin-bottom: 30px;
}
.listBlock li>a {
display: block;
width: 100%;
border: 1px solid #ddd;
padding: 6px;
box-sizing: border-box;
}
.home .listBlock li>a {
border: none;
padding: 0;
}
.listBlock li img {	
display: block;
width: 100%;
max-width: 100%;
text-align: center;
object-fit: cover;
margin: 0 auto 13px;
object-position: top;
aspect-ratio: 1.414/1;
height: auto;
}
.listBlock.other li img {
object-fit: contain;
object-position: inherit;
}
.listBlock li dl dt,
.listBlock li dl dd {
font-size: 0.875em;
text-align: left;
} .toggle {
display: none;
}
.Label { padding: 1em;
display: block;
color: #000;
background: #EBEBEB;
text-align: left;
font-size: 1.250em;
font-weight: bold;
cursor:pointer
}
.Label span { background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/q.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 50px;
display: inline-block;
padding-right: 25px;
}
.Label span.faqCat {
background-image: none;
padding: 0;
color: #696060;
}
.Label span.faqCat a {
color: #696060;
text-decoration: underline;    
}
.Label span.faqCat a:hover {
text-decoration: none;    
}
.Label::before{ content:"";
width: 6px;
height: 6px;
border-top: 2px solid #4B4B4B;
border-right: 2px solid #4B4B4B;
-webkit-transform: rotate(45deg);
position: absolute;
top:calc( 50% - 3px );
right: 20px;
transform: rotate(135deg);
}
.Label,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.content { height: 0;
margin-bottom: 35px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
overflow: hidden;
}
.content p {
text-align: left;
font-size: 1.125em;
color: #000000;
}
.content_inner {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/a.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 50px;
}
.toggle:checked + .Label + .content { height: auto;
padding:20px ;
transition: all .3s;
}
.toggle:checked + .Label::before {
transform: rotate(-45deg) !important;
}
.accordion {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
}
#spBlock {
display: none;
}
#pcRight {
position: fixed;
right: 0px;
top: 150px;
max-width: 140px;
width: 100%;
z-index: 3;
}
#pcRight_tit {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi3.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 25px;
margin-bottom: 10px;
}
#pcRight_tit figure {
max-width: 140px;
width: 100%;
margin-bottom: 6px;
}
#pcRight_tit figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#pcRight_tit ul li {
font-size: 1em;
font-weight: bold;
text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;
color: #0e4bff;
}
#pcRight_contact li {
margin-bottom: 15px;
}
#pcRight_contact li a {
background-color: #125394;
display: block;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
color: #FFFFFF;
font-size: 0.688em;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: 128px;
}
#pcRight_contact li:nth-child(2) a {
background-color: #00B900;
}
#pcRight_contact li a:hover {
background-color: #E28900;
}
#pcRight_contact li a img {
align-self: baseline;
align-self: center;
margin-bottom: 8px;
}
#pcRight_contact li:last-child a img {
margin-bottom: 0px!important;
}
#nextTit {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/nextimg.png);
height: 305px;
background-repeat: no-repeat;
background-position: center top;
display: flex;
justify-content: center;
align-items: center;
}
#nextTit h1 {
font-size: 3em;
font-weight: bold;
background-color: hsla(0,0%,100%,0.65);
padding-top: 15px;
padding-bottom: 15px;
padding-left: 40px;
padding-right: 40px;
}
#pNavi {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
margin-top: 23px;
text-align: left;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/home.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 35px;
margin-bottom: 67px;
}
#pNavi a {
text-decoration: underline;
}
#pNavi a:hover {
text-decoration: none;
}
#pNavi a.post:after {
display: inline;
}
#pNavi .category {
display:inline;
}
#nextContents,
.pageFAQ {
margin-bottom: 72px;
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
}
#nextWord {
font-family: 'Marck Script', cursive;
font-size: 7.063em;
color: #330E0E;
position: absolute;
top: -95px;
right: 0px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa2.png);
background-repeat: no-repeat;
background-position: left center;
z-index: 1;
}
#nextWord span {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 60px;
}
#nextContents h2,
.pageFAQ h2 {
font-size: 2em;
font-weight: bold;
background-color: #125394;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
color: #FFFFFF;
z-index: 0;
margin-bottom: 34px;
}
#nextContents_inner {
display: flex;
justify-content: space-between;
}
#nextContents_inner figure {
max-width: 530px;
width: 100%;
}
#nextContents_inner figure table {
width: 100%;
max-width: 400px;
margin: 1em auto 0;
}
#nextContents_inner figure table td,
#nextContents_inner figure table th{
border: 1px solid #ccc;
padding: 1em;
box-sizing: border-box;
text-align:center;
width:30%;
}
#nextContents_inner figure table td{
width:70%;
}
#nextContents_inner figure table th{
width:30%;
background:#eee;
}
#nextContents_inner figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#nextContents_inner section {
max-width: 485px;
width: 100%;
text-align: left;
}
#nextContents_inner section.tokuchou h4 {
color: #3a790b;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 0.1em;
}
#nextContents_inner section.tokuchou p {
margin-bottom: 0.18em;
}
#nextContents_inner section.tokuchou ol,
#nextContents_inner section.tokuchou ul {
margin: 0 0 0 1.5em;
}
#nextContents_inner section.tokuchou ul li {
list-style: disc;
}
#nextContents_inner section.tokuchou ol li {
list-style: decimal;
}
#nextContents_inner section h3 {
color: #56912A;
font-size: 1.563em;
font-weight: bold;
border-bottom: 4px solid #56912A;
padding-bottom: 13px;
margin-bottom: 30px;
}
#nextContents_inner section p {
font-size: 1.125em;
line-height: 1.7;
}
.single-rental_lawn_mower ul.rental {
display: flex;
margin-bottom: 72px;
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
justify-content: space-around;
flex-wrap: wrap;
}
.single-rental_lawn_mower ul.rental li {
display: block;
width: calc(33% - 1em);
min-width: 208px;
text-align: center;
margin-bottom: 1em;
}
.single-rental_lawn_mower ul.rental li a {
display: block;
font-size: 1.4em;
font-weight: 600;
padding: 1em;
border-radius:8px;
}
.single-rental_lawn_mower ul.rental li a.tel {
border: 3px solid #c05555;
background: #ef8044;
color: #fff;
}
ul.rental li a.line {
border: 3px solid #12812b;
background: #5c925c;
color: #fff;
}
ul.rental li a.mail {
border: 3px solid #1f2831;
background: #484b89;
color: #fff;
}
#rentalPrice {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
position: relative;
}
.title_g {
background-color: #077721;
color: #FFFFFF;
text-align: left;
font-size: 1.563em;
font-weight: bold;
padding-top: 10px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 10px;
margin-bottom: 37px;
}
.dlStyle {
max-width: 784px;
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
.dlStyle2 {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap:wrap;
justify-content: space-between;
}
.dlStyle dt {
max-width: 382px;
width: 100%;
background-color: #E3E2D3;
border: 1px solid #E3E2D3;
margin-bottom: 20px;
font-size: 1.28em;
font-weight: bold;
text-align: left;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 18px;
}
.dlStyle2 dt {
max-width: 382px;
width: 100%;
background-color: #E3E2D3;
border: 1px solid #E3E2D3;
margin-bottom: 20px;
font-size: 1.313em;
font-weight: bold;
text-align: left;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 18px;
}
.dlStyle2 dt span {
font-size: 80%;
color: red;
margin: 6px;
}
.dlStyle dd {
max-width: calc(100% - 392px);
width: 100%;
border: 1px solid #A4A4A4;
margin-bottom: 20px;
font-size: 1.313em;
text-align: center;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 18px;
}
.dlStyle dd span {
display: block;
width: 100%;
font-weight: 600;
font-size: 90%;
color: #974e4e;
}
.dlStyle2 dd {
max-width: calc(100% - 392px);
width: 100%;
margin-bottom: 20px;
text-align: left;
}
.dlStyle2 dd.chkDD p {
display: block;
padding: 0;
font-size: 90%;
font-weight: 600;
}
.dlStyle2 dd.chkDD div{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.dlStyle2 dd.chkDD label input {
margin-top: 0;
}
.dlStyle2 dd.chkDD span.mwform-checkbox-field label {
padding: 0;
display: inline-block;
}
.mw_wp_form dd.chkDD .horizontal-item + .horizontal-item {
margin-left: 0;
}
.dlStyle2 dd.chkDD span.mwform-checkbox-field.horizontal-item {
margin-right: 10px;
}
.dlStyle2 dd input {
width: 100%;
border: 1px solid #A4A4A4;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
padding-right: 30px;
padding-top: 18px;
padding-bottom: 18px;
font-size: 1.125em;
height: 100%;
}
.dlStyle2 dd label input {
margin-top: 30px;
width: auto;
height: auto;
transform: scale(1.5);
margin-right: 10px;
width: auto!important;
padding-left: 0px!important;
padding-right: 0px!important;
padding-top: 0px!important;
padding-bottom: 0p!important;
}
.dlStyle2 dd label {
padding-top: 18px;
padding-left: 30px;
padding-bottom: 18px;
font-size: 1.125em;
}
#owner2 {
position: absolute; right: 0px;
}
.fontStyle {
text-align: center;
line-height: 1.7;
margin-top: 50px;
margin-bottom: 30px;
max-width: 100%;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
}
.formLink {
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
margin-bottom: 53px;
max-width: 204px;
width: 100%;
}
.formLink li {
font-size: 0.875em!important;
padding-bottom: 7px;
background-image: none!important;
padding: 0!important;
}
.formLink li a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 22px;
text-decoration: underline;
}
.formLink li a:hover {
text-decoration: none;
}
.submitBtn {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 1.563em;
font-weight: bold;
background-color: #077721;
color: #FFFFFF;
max-width: 328px;
width: calc(100% - 2em);
padding-top: 15px;
padding-bottom: 15px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/btn_bg.png);
background-repeat: no-repeat;
background-position: left top;
border-radius: 10px;
}
.submitBtn:hover {
background-color: #E28900;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.titleStyle3 {
position: relative;
padding-bottom: 29px;
margin-top: 180px;
}
.titleStyle3 figure {
position: absolute;
left: 208px;
bottom: 0px;
}
.title {
font-size: 1.563em;
font-weight: bold;
background-color: #7EC569;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border: 5px solid #C5DD8B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 27px;
text-align: center;
}
.other dl dt,
.other dl dd {
text-align: center!important;
}
.voiceBlock {
margin-bottom: 80px;
overflow:auto; 
}
.voiceBlock h3 {
font-size: 1.563em;
font-weight: bold;
color: #56912A;
text-align: left;
border-bottom: 4px solid #56912A;
margin-bottom: 39px;
padding-bottom: 13px;
}
.voiceBlock p {
margin-bottom: 35px;
line-height: 1.7;
font-size: 1.125em;
text-align: left;
}
.alignleft {
max-width: 441px;
width: 100%;
margin-right: 35px;
margin-bottom: 15px;
float: left;
}
#layout {
max-width: 1060px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
}
#left {
max-width: 775px;
width: calc(100% - 2em);
position: relative;
text-align: left;
}
#right {
max-width: 240px;
width: calc(100% - 2em);
text-align: left;
}
.title2 {
font-size: 2em;
font-weight: bold;
background-color: #125394;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
color: #FFFFFF;
z-index: 0;
margin-bottom: 34px;
}
.list3 {
display: flex;
flex-wrap:wrap;
}
.list3 li {
width: calc(100%/3 - 26px);
margin-right: 13px;
margin-left: 13px;
margin-bottom: 44px;
}
.list3 li img {
width: 100%;
max-width: 100%;
text-align: center;
height: auto;
margin: 0 auto 14px;
display: block;
object-fit: cover;
aspect-ratio: 1.414/1;
}
.list3 li p {
font-size: 0.875em;
line-height: 1.7;
}
#right section {
margin-bottom: 55px;
}
#right section h3 {
font-size: 1.250em;
font-weight: bold;
background-color: #7EC569;
border: 5px solid #C5DD8B;
text-align: center;
padding-top: 13px;
padding-bottom: 13px;
margin-bottom: 20px;
}
#right section ul li {
margin-bottom: 20px;   
}
#right section ul li img.emoji {
display: none!important;
}
#right section ul li a {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/dot.png);
background-repeat: no-repeat;
background-position: 6px 10px;
padding-left: 24px;
text-decoration: underline;
}
#right section ul li a:hover {
text-decoration: none;
}
.list4 {
max-width: 100%;
width: 100%;
}
.list4 li {
display: flex;
border-bottom: 1px solid #707070;
padding-bottom: 20px;
margin-bottom: 20px;
justify-content: space-between;
align-items: center;
}
.list4 li a {
text-decoration: underline;
}
.list4 li a:hover {
text-decoration: none;
}
.list4 li div {
display: flex;
align-items: center;
}
.list4 li div p:first-child a {
background-color: #C5DD8B;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
margin-right: 15px;
text-decoration: none;
}
.list4 li div p:first-child a:hover {
background-color: #E28900;
color: #FFFFFF;
}
#b_box {
border: 5px solid #125394;
}
#b_box .title2 {
margin-bottom: 0px;
}
#b_box .title2 img.emoji:first-child {
margin-left: 0.25em!important;
}
#b_box_inner {
padding-top: 12px;
padding-left: 35px;
padding-right: 35px;
padding-bottom: 35px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa3.png);
background-repeat: no-repeat;
background-position: 98% bottom;
}
#b_box_inner .category {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 34px;
flex-wrap: wrap;
border-bottom: 1px dotted #ccc;
padding-bottom: 3px;
}
#b_box_inner .category p:first-child a {
background-color: #C5DD8B;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
display: block;
margin-right: 15px;
text-decoration: none;
}
#b_box_inner .category p:first-child a:hover {
background-color: #E28900;
color: #FFFFFF;
}
#b_box_inner .category ul.post-categories {
margin: 5px 1em 0 0;
}
ul.post-categories:before {
content: '[';
}
ul.post-categories:after {
content: ']';
}
.category ul.post-categories li {
display: inline-block;
}
.cms {
text-align: left;
}
figure.blogFigure {
max-height: 300px;
display: block;
height: 30vw;
margin: 0 0 1em 0;
text-align: left;
width: auto;
}
figure.blogFigure img {
height: 100%!important;
object-fit: contain;
width: auto;
}
figure.blogFigure.center_image img {
width: 100%;
}
.cms p {
font-size: 1.125em;
line-height: 1.7;
padding-bottom: 35px;
}
.cms p a {
text-decoration: underline;
color: #49238d;
}
.cms p a:hover {
text-decoration: none;
}
.cms p.recaptcha-v3 {
   font-size: 0.9em;
text-align: center;
}
.cms .alignleft {
max-width: 343px;
width: 100%;
margin-right: 30px;
margin-bottom: 15px;
float: left;
}
.cms .aligneright {
max-width: 343px;
width: 100%;
margin-left: 30px;
margin-bottom: 15px;
float: right;
}
.cms h2 {
font-size: 1.750em;
font-weight: bold;
color: #125394;
border-bottom: 4px solid #125394;
padding-bottom: 12px;
margin-bottom: 29px;
margin-top: 50px;
}
.cms h3 {
font-size: 1.625em;
font-weight: bold;
color: #000000;
padding-bottom: 8px;
margin-bottom: 20px;
margin-top: 50px;
background-color: #C5DD8B;
padding-top: 8px;
padding-left: 23px;
padding-right: 23px;
}
.cms ul {
margin-bottom: 50px;
}
.cms ul li {
font-size: 1.125em;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/dot.png);
background-repeat: no-repeat;
background-position: 6px 10px;
padding-left: 24px;
margin-bottom: 13px;
}
.cms ol {
margin-bottom: 50px;
}
.cms ol li {
list-style-position: outside;
list-style-type: decimal;
margin-bottom: 13px;
padding-left: 10px;
margin-left: 24px;
}
.cms ol ol {
margin: 0.8em 0 0 0.5em;
}
.cms ol ol li {
font-size: 96%;
}
.cms table {
border-collapse: collapse;
border: 1px solid #707070;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 50px;
}
.cms table th {
background-color: hsla(214,98%,76%,0.27);
vertical-align: top;
font-weight: normal;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
width: 20%;
}
.cms table td {
background-color: #FFFFFF;
vertical-align: top;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
}
.cms .gMap iframe {
width: 100%;
aspect-ratio: 16/9;
//アスペクト比（縦横比）を指定: ;
}
.cms blockquote {
background-color: hsla(78,55%,71%,0.37);
padding-top: 35px;
padding-right: 35px;
padding-bottom: 35px;
padding-left: 35px;
margin-bottom: 50px;
}
.cms .yd-card {
display: block;
border: 3px solid #1fa91f;
padding: 6px 12px 20px;
border-radius: 12px;
background: #f0f9f0;
}
.cms .yd-card h3 {
margin-top: 0;
background-color: #f0f9f0;
border-bottom: 3px solid brown;
padding-bottom: 2px;
}
.cms .yd-card p {
padding-bottom: 12px;
}
.cms a.yd-btn.yd-btn--primary {
text-align: right;
display: block;
font-weight: 600;
text-decoration: underline;
}
.cms blockquote p:last-child {
padding-bottom: 0px;
}
.pageNavi {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
#layout2 {
max-width: 1060px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
text-align: left;    }
#layout2 .cms .alignleft {
max-width: 478px;
width: 100%;
margin-right: 30px;
margin-bottom: 15px;
float: left;
}
#layout2 .cms .aligneright {
max-width: 478px;
width: 100%;
margin-left: 30px;
margin-bottom: 15px;
float: right;
}
#layout2 .cms img.aligncenter.size-medium, 
#layout2 .cms img.alignright.size-medium, 
#layout2 .cms img.alignleft.size-medium {
max-width: 100%;
width: auto;
}
.cms h4,
.cms h5,
.cms h6 {
font-size: 1.375em;
font-weight: bold;
margin-bottom: 20px;
border-bottom: 1px solid #000000;
padding-bottom: 11px;
margin-top: 50px;
}
.error404 .cms h2 {
text-align: center;
font-size: 25vw;
line-height: 1;
border: none;
color: green;
box-sizing: border-box;
}
.error404 .cms h2 span {
font-size: 30%;
display: block;
}
.error404 .cms p {
text-align: center;
color: green;
}
.arrow {
clear: both;
display: block;
width: 40px;
height: 40px;
margin: 0 auto;
border-top: 8px solid #56912a;
border-right: 8px solid #56912a;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
margin-bottom: 30px;
}
ul.link_Btn_list {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
ul.link_Btn_list li {
list-style: none;
background: none;
margin: 0 0.5em 0.5em;
padding: 0;
}
ul.link_Btn_list li a {
display: block;
border: 2px solid #077721;
padding: 16px;
box-sizing: border-box;
border-radius: 8px;
background: #deebbf;
font-weight: 600;
}
ul.link_Btn_list li a:before {
content: '→';
padding-right: 8px;
} section.headSection {
width: 80%;
min-width: 300px;
max-width: 800px;
margin: 0 auto 2em;
}
section.flowSection {
width: 80%;
min-width: 300px;
max-width: 800px;
margin: 0 auto 2em;
border: 3px solid #ddd;
padding: 1em;
border-radius: 1em;
background: #f3f9e4;
box-sizing: border-box;
}
.cms .flowSection h2 {
margin: 8px 0 15px;
}
.cms .flowSection h3 {
margin-top: 15px;
}
img.alignright {
margin: 0 0 1em 1em;
float: right;
max-width: 50%;
}
img.alignleft {
margin: 0 1em 1em 0;
float: left;
max-width: 50%;
}
.flowSection img.alignright {
margin: 0 0 1em 1em;
float: right;
width: 30%;
max-width: 220px;
}
.flowSection img.alignleft {
margin: 0 1em 1em 0;
float: left;
width: 30%;
max-width: 220px;
} @media only screen and (min-width:500px) {
div#creditInnr {
max-width: 600px;
margin: 0 auto;
}
#credit h3 {
text-align: center;
}
#credit p {
text-align: center;
}
#credit figure {
max-width: 480px;
margin: 0 auto;
}
} @media only screen and (min-width:1100px) and (max-width:1368px){
#pcRight {
max-width: 70px;
}
#pcRight_contact li a {
height: 70px;
}
#pcRight_contact li a span {
display: none;
}
#pcRight_tit {
visibility: hidden;		
}
} @media only screen and (max-width:1260px){
div#pcRight_tit {
visibility: hidden;
}
} @media only screen and (min-width:1px) and (max-width:1100px){ body {
min-width: 100%;
text-align: center;
width: 100%;
}
img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
　 ; 	text-align: center;
}
.cms .wp-caption.alignleft,
.cms img.alignleft {
max-width: 50%;
height: auto;
}
.cms .wp-caption.alignright,	
.cms img.aligneright {
max-width: 50%;
height: auto;
}
#headerMenu {
display: none;
} nav.NavMenu {
position: fixed; z-index: 2; top: 0; left: 0; background: #077721;
color: #000; text-align: center; width: 100%; transform: translateX(100%); height: 100vh;
display: inherit;
} nav.NavMenu.active{
transform: translateX(0%);
transition: all 0.6s; } nav.NavMenu.off{
transition: all 0.6s; } .Toggle {
display: block;
position: fixed; right: 16px;
top: 16px;
width: 56px;
height: 56px;
cursor: pointer;
z-index: 3;
background-color: #077721;
border-radius: 7px;
}
.Toggle span {
display: block;
position: absolute;
width: 24px;
border-bottom: solid 4px #FFF;
-webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;
left: 16px;
}
.Toggle span:nth-child(1) {
top: 15px;
}
.Toggle span:nth-child(2) {
top: 25px;
}
.Toggle span:nth-child(3) {
top: 35px;
} .Toggle.active span:nth-child(1) {
top: 25px;
left: 16px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
} #global {
display: block;
background-image: none;
margin-bottom: 35px;
max-width: 100%;
width: calc(100% - 4em);
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
#global li {
background-image: none;
border-bottom: 1px solid #FFFFFF;
}
#global li a {
padding-right: 0px;
padding-left: 0px;
color: #FFFFFF;
padding-bottom: 10px;
padding-top: 20px;
display: block;
text-align: left;
}
#global li.pc_none {
display: inherit;		
}
#spMenu {
max-width: 100%;
width: calc(100% - 4em);
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
}
#spMenu li {
font-size: 0.875em;
margin-right: 15px;
line-height: 30px;
}
#spMenu li a {
color: #FFFFFF;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/yajirushi2.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
#spLinks {
max-width: 100%;
width: calc(100% - 4em);
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
margin-top: 35px;
}
#spLinks p {
   width: 68%;
font-size: 1.063em;
font-weight: bold;
}
#spLinks p a {
background-color: #125394;
display: block;
border-radius: 8px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/btn_bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 80% auto;
color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
padding-left: 12px;
-webkit-box-shadow: 3px 0px 6px hsla(0,0%,0%,0.16);
box-shadow: 3px 0px 6px hsla(0,0%,0%,0.16);
text-align: center;
}
#spLinks p:last-child a {
background-color: #56912A;
}
#catch {
font-size: 1.5em;
}
#mainConcept h1 {
font-size: 1.5em;
}
#catch2 {
font-size: 0.8em;
margin-bottom: 30px;
}
#mainContents a {
width: 49%;
min-width: 49%;
margin-left: 2%;
margin-right: 0;
margin-bottom: 1em;
}
#mainContents a:first-child,
#mainContents a:last-child {
margin-left: 0;
margin-right: 0;
}
#mainContents a p {
font-size: 1em;
}
#word {
font-size: 4.750em;
}
#owner {
max-width: 200px;
top: 0px;
}
#topRental section p {
font-size: 1.063em;
line-height: 1.7;
}
#word {
top: -50px;
}
#topRental section h2 {
font-size: 2.625em;
margin-bottom: 27px;
}
.imgStyle {
margin-bottom: 30px;
}
.listStyle {
justify-content: center;
}
.listStyle li {
max-width: calc(100%/2 - 26px);
}
#rentalList li {
font-size: 1.125em;
}
#rentalList li a {
height: 170px;
}
#rentalList .listStyle li p {
font-size: 1.125em;	
}
#topInfo_block,
#topInfo2_block {
padding-top: 27px;
padding-right: 27px;
padding-bottom: 27px;
padding-left: 27px;
display: block;
}
#topInfo_block_inner,
#topInfo2_block_inner {
padding-right: 0px;
padding-left: 0px;
}
#topInfo_block_inner h2,
#topInfo2_block_inner h2 {
font-size: 1.750em;
text-align: center;
}
.infoLink {
justify-content: center;
}
.infoLink li {
margin-right: 15px;
margin-left: 15px;
}
#topInfo_block_inner,
#topInfo2_block_inner {
margin-bottom: 24px;
}
.tbImg {
display: inherit;
}
.pcImg2 {
display: none;
}
#topInfo2_block aside {
left: 10px;
}
.listBlock li {
width: calc(100%/2 - 26px);
}
#footerBlock_link ul li {
margin: 0 auto;
}
#footerBlock {
display: block;
text-align: left;
}
#footerNavi {
margin-bottom: 42px;
}
footer {
margin-top: 130px;
padding-top: 45px;
}
#footerBlock_link {
margin-bottom: 70px;
}
#footerBlock_info {
text-align: center;
}
#footerBlock_info aside {
margin-left: auto;
margin-right: auto;
}
#footerNavi {
margin-left: auto;
margin-right: auto;
}
#footerNavi li {
text-align: center;
}
#footerBlock_link {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 170px;
}
#footerBlock_link ul {
display: flex;
justify-content: space-between;
max-width: 399px;
width: 100%;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
}
#page-top {
bottom:200px;
}
#pcRight {
display: none;
}
#nextContents_inner {
display: block;
}
#nextContents_inner figure {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
}
#nextContents_inner section {
max-width: 100%;
}
#owner2 {
max-width: 200px;
width: calc(100% - 2em);
position: static;
margin-left: auto;
margin-right: auto;
}
#owner2 img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
.dlStyle dt,
.dlStyle2 dt {
max-width: 49%;
font-size: 1.2em;
padding-left: 20px;
padding-right: 20px;
}
.dlStyle2 dt {
max-width: 260px;
}
.dlStyle2 dt span {
display:block;
}
.dlStyle dd {
max-width: calc(99% - 260px)
font-size: 1.2em;
padding-left: 20px;
padding-right: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.dlStyle2 dd {
max-width: calc(99% - 260px);
font-size: 1.2em;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.dlStyle2 dd.chkDD {
display: block;
}
.dlStyle2 dd span.mwform-tel-field {
display: flex;
align-items: center;
height: 100%;
}
.dlStyle2 dd .mwform-tel-field input {
width: calc(33% - 0.3em)!important;
}
.dlStyle2 dd label {
display: block;
padding-bottom: 5px;
}
.dlStyle2 dd label {
padding-top: 0px;
margin-top: 0px;
}
.titleStyle3 figure {
left: 80px;
}
.alignleft {
max-width: 320px;
margin-right: 20px;
}
.aligneright {
max-width: 320px;
margin-left: 20px;
}
#layout {
display: block;
}
#left {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#right {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
#right section h3 br {
display: none;
}
.list4 {
margin-bottom: 80px;
}
#b_box {
margin-bottom: 20px;
border-bottom: 5px green solid;
border-left: none;
border-right: none;
border-top: none;
}
#b_box_inner {
padding-left: 0;
padding-right: 0;
}
.pageNavi {
margin-bottom: 50px;
}
#layout2 .cms .alignleft {
max-width: 350px;
}
#layout2 .cms .aligneright {
max-width: 350px;
}
.dlStyle2 dd label input {
margin-top: 0px;
transform: none;
}
.list3 li img {
height: 20vw;
}
}
@media only screen and (max-width:768px){ #nextTit h1 {
font-size: 2.188em;
}
#nextWord {
font-size: 5em;
top: -65px;
}
.list4 li {
display: block;
}
.list4 li div {
margin-top: 5px;
}
.dlStyle dt {
max-width: 100%;
width: 100%;
margin-bottom: 0px;
font-size: 1em;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
border-left: 1px solid #A4A4A4;
border-right: 1px solid #A4A4A4;
border-bottom: 0px solid #A4A4A4;
border-top: 1px solid #A4A4A4;
}
.dlStyle2 dt {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
font-size: 1em;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
border: 1px solid #A4A4A4;
}
.dlStyle2 dd {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
font-size: 1em;
}
.dlStyle2 dd:last-child {   }
.dlStyle2 dd textarea{
width: 100%;
}
.dlStyle2 dd label input {
margin-top: 0px;
}
.dlStyle dd {
max-width: 100%;
width: 100%;
margin-bottom: 20px;
font-size: 1em;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
}
}
@media only screen and (min-width: 471px) and (max-width: 768px){
#rentalList li {
max-width: calc(100%/2 - 26px);
}
.imgStyle {
margin-right: 0;
}
}
@media only screen and (min-width: 471px) and (max-width: 630px){
#rentalLink li {
font-size: 0.9em;
}
.infoLink li {
font-size: 1em;
}
.infoLink li a {
padding: 0.3em;
text-align: left;
}
}
@media only screen and (min-width: 471px) and (max-width: 550px){
#mainContents a {
padding-left: 12px;
padding-right: 12px;
padding-top: 15px;
}
#mainContents a h2 {
font-size: 1.1em;
}
}
@media only screen and (max-width: 640px) { #mainContents a,
#mainContents a:first-child,
#mainContents a:last-child{
width: 99%;
min-width: 99%;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
#mainContents a p {
font-size: 4.4vw;
}
}
@media only screen and (max-width: 470px){ .cms h4,
.cms h5,
.cms h6 {
font-size: 1.250em;
} #layout2 .cms img.alignleft,
#layout2 .cms img.alignright,
#layout2 .cms img.aligncenter.size-medium, 
#layout2 .cms img.alignright.size-medium, 
#layout2 .cms img.alignleft.size-medium {
max-width: 100%;
width: 320px;
margin-left: auto;
margin-right: auto;
display: block;
float: none;
}
.cms table th,
.cms table td {
width: 100%;
display: block;
}
.cms h3 {
font-size: 1.3em;
padding-left: 20px;
padding-right: 20px;
}
.cms h2 {
font-size: 1.3em;
padding-bottom: 10px;
margin-bottom: 20px;
}
.cms blockquote {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.category {
margin-bottom: 15px;
}
#b_box_inner {
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
.list3 li {
width: calc(100%/2 - 20px);
margin-right: 10px;
margin-left: 10px;
}
#right section h3 {
font-size: 1.1em;
}
.voiceBlock h3 {
font-size: 1.3em;
margin-bottom: 20px;
padding-bottom: 10px;
}
.alignleft,
.aligneright {
max-width: 100%;
width: 100%;
margin-right: 0px;
margin-left: 0px;
float: none;
}
.titleStyle3 {
margin-top: 280px;
}
.titleStyle3 figure {
position: absolute;
top: -180px;
bottom: auto;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.fontStyle {
margin-top: 0px;
text-align: left;
font-size: 0.938em;
}
.submitBtn {
max-width: 100%;
}
#owner2 {
max-width: 180px;
}
#owner2 {
position: static;
margin-left: auto;
margin-right: auto;
}
#nextContents h2 {
font-size: 1.3em;
margin-bottom: 20px;
}
.title2 {
font-size: 1.3em;
margin-bottom: 20px;
}
#nextContents_inner section h3 {
font-size: 1.3em;
padding-bottom: 10px;
margin-bottom: 20px;
}
.title_g {
background-color: #077721;
font-size: 1.3em;
padding-top: 8px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 8px;
margin-bottom: 20px;
}
#pNavi {
margin-bottom: 30px;
}
#nextWord {
display: none;
}
#nextTit {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/nextimg_sp.jpg);
height: auto;
padding-top: 55px;
padding-bottom: 55px;
}
#nextTit h1 {
font-size: 2em;
margin-left: 1em;
margin-right: 1em;
padding-left: 10px;
padding-right: 10px;
width: 90%;
}
#footerNavi {
margin-right: 0px;
margin-left: 0px;
}
#footerBlock_link {
margin-right: 0px;
margin-left: 0px;
margin-bottom: 70px;
}
#footerBlock_link ul {
display: flex;
justify-content: space-between;
max-width: 399px;
width: 100%;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#footerNavi {
margin-right: 0px;
margin-left: 0px;
}
#footerNavi li {
text-align: left;
}
#footerBlock_info aside {
margin-right: 0px;
margin-left: 0px;
}
#footerBlock_info {
text-align: left;
}
#ownerImg {
display: none;
}
.listBlock li {
margin-right: 2px;
margin-left: 2px;
width: calc(100% / 2 - 4px);
}	
#topBlog_tit {
background-size: contain;
}
#topBlog_tit h2 {
font-size: 0.938em;
}
#topQa {
margin-top: 0px;
}
.word2 {
font-size: 4.750em;
}
.Label { font-size: 1.125em;
}
.btn a {
display: block;
text-align: center;
}
.btn {
font-size: 1.500em;
}
.tbImg {
display: none;
}
.pcImg2 {
display: inherit;
}
#topInfo_block aside,
#topInfo2_block aside {
max-width: 220px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
bottom: 0px;
}
.infoLink {
display: block;
}
.infoLink li {
margin-right: 0px;
margin-left: 0px;
max-width: 100%;
width: 100%;
margin-bottom: 17px;
}
#credit h3 {
font-size: 1.250em;
margin-bottom: 30px;
}
#credit figure {
max-width: 100%;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
}
#credit figure img {
width: 100%;
max-width: 100%;
height: auto;
text-align: center;
}
#rentalList {
display: block;
}
#rentalList li {
max-width: 100%;
width: 100%;
margin-right: 0px;
margin-left: 0px;
font-size: 1.438em;
}
#rentalList li a {
display: block;
text-align: center;
height: 190px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/bg.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.listStyle {
display: block;
}
.listStyle li {
max-width: 100%;
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
.titleStyle h2,
.titleStyle2 h2 {
font-size: 1.375em;
}
.title {
font-size: 1.375em;
}
#rentalLink {
display: block;
}
#rentalLink li {
width: 100%;
margin-bottom: 23px;
}
#topRental section p {
padding-bottom: 20px;
}
#owner {
position: static;
max-width: 250px;
width: 100%;
right: 0px;
top: 0px;
margin-left: auto;
margin-right: auto;
}
#word,
#word3 {
font-size: 4.750em;
}
#mainContents {
margin-top: 30px;
display: block;
}
#mainContents a h2 {
font-size: 1.313em;
}
#mainContents a {
max-width: 100%;
padding-left: 22px;
padding-right: 22px;
padding-bottom: 85px;
padding-top: 22px;
display: block;
margin-bottom: 27px;
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/kusa_sp.png);
}
#mainBg {
position: static;
}
#mainConcept {
position: static;
top: auto;
left: auto;
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-ms-transform: translate(0%, 0%);
}
#catch {
font-size: 6.5vw;
margin-top: 28px;
color: #EF6801;
text-shadow: 0px 0px #FFFFFF;
}
#mainConcept h1 {
color: #000;
font-size: 6.4vw;
text-shadow: 0px 0px #FFFFFF;
margin-top: 10px;
}
#catch2 {
color: #000;
font-size: 1em;
text-shadow: 0px 0px #FFFFFF;
margin-bottom: 30px;
margin-top: 10px;
}
#mainConcept figure {
max-width: 264px;
width: calc(100% - 2em);
margin-left: auto;
margin-right: auto;
margin-bottom: 44px;
}
#mainConcept figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
.spbr {
display: inherit;
}
.slick-slide img.spImg,
.spImg {
display: inherit;
}
.slick-slide img.pcImg,
.pcImg {
display: none;
}
#headerBlock h1 ,
#headerBlock .header_logo {
max-width: 290px;
}
#global {
max-width: 280px;
width: calc(100% - 2em);
}
#spMenu {
max-width: 280px;
width: calc(100% - 2em);
}
#spLinks {
width: calc(100% - 2em);
}
#word {
font-size: 4.750em;
position: static;
top: 0px;
left: 0px;
}
.imgStyle {
margin-bottom: 0px;
max-width: 199px;
}
.btn a {
padding-left: 15px;
padding-right: 15px;
}
#spBlock {
display: block;
background-color: #FFFFFF;
}
#spBlock_tit {
display: flex;
justify-content: center;
align-items: flex-end;
}
#spBlock_tit figure {
max-width: 120px;
width: 100%;
}
#spBlock_tit figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
#spBlock_tit ul {
background-image: url(//www.yutaka-kusakari.com/kusakari/wp-content/themes/kusakari/images/sp_title.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 7px;
}
#spBlock_tit ul li {
font-size: 0.750em;
font-weight: bold;
margin-left: 28px;
margin-right: 28px;
}
#footerContact {
display: flex;
justify-content: space-between;
}
#footerContact li {
font-size: 0.750em;
font-weight: bold;
width: 50%;
height: 70px;
}
#footerContact li a {
display: block;
background-color: #125394;
color: #FFFFFF;
padding-top: 17px;
padding-bottom: 17px;
text-align: left;
display: flex;
justify-content: center;
}
#footerContact li a img {
margin-right: 7px;
}
#footerContact li:last-child a {
background-color: #6A1C1C;
}
.footerLine {
background-color: #0a7b0a;
display: block;
text-align: left;
padding-bottom: 13px;
margin-top: -3px;
}
#footerLine_tit {
display: flex;
align-items: center;
}
#footerLine_tit p {
font-size: 0.750em;
font-weight: bold;
color: #FFFFFF;
}
#footerLine_inner aside {
font-size: 0.625em;
color: #FFFFFF;
padding-left: 16px;
padding-right: 16px;
}
#page-top {
bottom:280px;
}
.list3 li img {
height: 30vw;
}
.category ul.post-categories {
width: 100%;
margin: 5px 0 0 0;
}
ul.link_Btn_list li a {
font-size: 13px;
padding: 8px;
}
.dlStyle2 dd input {
padding-left: 12px;
padding-right: 12px;
font-size: 1em;
}
}
@media only screen and (max-width: 375px){ .list3 li {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
#nextTit h1 {
font-size: 1.5em;
}
#topInfo_block_inner h2,
#topInfo2_block_inner h2 {
font-size: 1.5em;
}
.btn {
font-size: 1.2em;
}
#headerBlock h1 ,
#headerBlock .header_logo {
max-width: 220px;
}
#topRental section p {
font-size: 0.9em;
}
.infoLink li {
font-size: 1em;
}
#catch {
font-size: 6vw;
}
.list3 li img {
height: 55vw;
}
}
.wp-pagenavi {
display: block;
margin: 0 auto;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none!important;
border: 1px solid #BFBFBF!important;
padding: 3px 5px!important;
margin: 2px!important;
border-radius: 3px!important;
}
.wp-pagenavi span.current {
font-weight: bold;
font-size: 1.5em;
background-color: #215113;
color: #fff;
border: 1px solid #BFBFBF;
}  #nextContents h2.act_tit1 {
font-size: 1.625em!important;
font-weight: bold!important;
color: #FFFFFF!important;
padding-bottom: 8px!important;
margin-bottom: 20px!important;
margin-top: 50px!important;
background-color: #077721!important;
padding-top: 8px!important;
padding-left: 23px!important;
padding-right: 23px!important;
border: none;	
}
#nextContents h2.act_tit1 span {
display: block;
font-size: 80%;
color: yellow;
}
#nextContents .act_tit2 {
font-size: 1.625em!important;
font-weight: bold!important;
color: #125394!important;
border-bottom: 4px solid #125394!important;
padding-bottom: 10px!important;
margin-bottom: 29px!important;
margin-top: 50px!important;
text-align: left;
}
.act_Block {
display: flex;
justify-content: space-between;
}
.act_Block figure {
width: 40%;
}
.act_Block figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
.act_Block section {
width: 57%;
text-align: left;
}
.act_Block section h3 {
color: #077721;
font-size: 1.563em;
font-weight: bold;
border-bottom: 4px solid #077721;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 0;
background-color: #fff;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.act_Block section p {
font-size: 1.125em;
line-height: 1.7;
}
.cms h3.act_h {
margin-top: 90px!important;
background-color: #fff;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.actContents {
display: flex;
justify-content: space-between;
flex-direction:row-reverse;
}
.actContents figure {
width: 40%;
}
.actContents figure img {
width: 100%;
max-width: 100%;
height: auto;
width : auto;
text-align: center;
}
.actContents_inner {
width: 57%;
text-align: left;
}
.actContents_inner p {
font-size: 1.125em;
line-height: 1.7;
}
.actContents_inner img {
margin-top: 35px;
}
#nextContents #actTit h2 {
background-color: #7EC569;
color: #000000;
border: 5px solid #C5DD8B;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 1.563em;
padding-left: 10px;
padding-right: 10px;
margin-top: 0;
margin-bottom: 0;
}
.actService {
max-width: 917px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.actService section {
width: 47%;
text-align: center;
}
.actService section h3 {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
}
.actService section table {
margin-top: 13px;
border: 1px solid #707070;
border-collapse: collapse;
margin-bottom: 70px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.actService section table th {
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
background-color: #F8F4CF;
font-weight: normal;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
text-align: left;
width: 30%;
}
.actService section table td {
border-right: 1px solid #707070;
border-bottom: 1px solid #707070;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
text-align: left;
} @media only screen and (min-width:1px) and (max-width:960px){ .actService section table th {
width: 35%;
}
.actService section {
width: 48%;
}
.actService section table th {
padding-right: 10px;
padding-left: 10px;
}
.actService section table td {
padding-right: 10px;
padding-left: 10px;
}
#act_tit {
font-size: 1.625em!important;
}
.act_tit1 {
font-size: 1.375em!important;
}
.act_tit2 {
font-size: 1.375em!important;
}
.act_Block section h3 {
font-size: 1.375em!important;
}
}
@media only screen and (max-width:768px){ .actService section table th {
font-size: 0.875em;
display: table-cell;
}
.actService section table td {
font-size: 0.875em;
display: table-cell;
}
}
@media only screen and (min-width:471px) and (max-width:730px){
#mainConcept {
top: 50%;
width: 90%;
}
#catch {
font-size: 4.5vw;
} 
#mainConcept h1 {
font-size: 4.2vw;		
}
#mainConcept img{
max-width: 300px;
}
}
@media only screen and (max-width: 470px){ .actService section {
width: 100%;
}
#actTit h2 {
font-size: 1.2em;
}
.actContents,
.act_Block {
flex-wrap:wrap;
}
.act_Block section h3 br {
display: none;
}
.act_Block figure,
.actContents figure {
width: 100%;
margin-bottom: 15px;
}
.act_Block section,
.actContents_inner {
width: 100%;
}
.cms .wp-caption.alignleft,
.cms img.alignleft {
max-width: 100%;
height: auto;
}
.cms .wp-caption.alignright,	
.cms img.aligneright {
max-width: 100%;
height: auto;
}
}  #ytPlayerWrap{
position: relative;
height: 500px;
width: 100%;
}
.grecaptcha-badge { visibility: hidden; }
.cta-container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
background: linear-gradient(0deg, #114751, #006effe0);
color: white;
text-align: center;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.cta-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.cta-title span {
color: yellow;
}
.cta-text {
font-size: 18px;
margin-bottom: 20px;
}
.cta-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.cta-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
color: white;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-radius: 8px;
transition: 0.3s;
}
.cta-buttons img {
height: 16px;
margin-right: 8px;
}
.cta-buttons a {
margin: 0 5px;
width: calc(33% - 50px);
}
a.cta-button.cta-mail:hover,
a.cta-button.cta-phone:hover,
a.cta-button.cta-line:hover {
color: yellow;
}
a.cta-button.cta-mail:hover img,
a.cta-button.cta-phone:hover img,
a.cta-button.cta-button.cta-line:hover img {
opacity: 1;
}
.cta-button i {
margin-right: 8px;
font-size: 20px;
}
.cta-phone {
background: #ff5722;
}
.cta-phone:hover {
background: #e64a19;
}
.cta-mail {
background: #0288d1;
}
.cta-mail:hover {
background: #0277bd;
}
.cta-line {
background: #06c755;
}
.cta-line:hover {
background: #05b748;
}
@media only screen and (min-width:461px) and (max-width:590px){
.cta-buttons a {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 0.8em;
margin-top: 3px;
padding: 12px 10px;
}	
.cta-buttons img {
margin-right: 0;
}
}
@media only screen and (min-width:1px) and (max-width:460px){
.cta-title {
font-size: 16px;
text-align:left;
}
.cta-text {
font-size: 16px;
margin-bottom: 20px;
text-align:left;
}
.cta-buttons a {
margin: 0 auto 1em;
width: 90%;
}
}
.cms .kanshusha_Box_outer {
width: 100%;
display: block;
border: 3px solid #4f734f;
padding: 1.4em;
border-radius: 1em;
box-sizing: border-box;
background-color: #eff9ef;
margin: 16px auto 32px;
}
.cms .kanshusha_Box_outer p.name {
margin: 0 0 0.5em;
border-bottom: 4px solid #8da792;
font-size: 1.1em;
padding: 0 0 6px;
font-weight: 600;
}
.cms .kanshusha_Box {
display: flex;
}
.cms .kanshusha_Box figure {
width: 30%;
min-width: 150px;
margin: 0 2em 0 0;
}
.cms .kanshusha_Box figure img {
width: 100%;
height: auto;
border-radius: 50%;
border: 2px solid #ddd;
box-sizing: border-box;
background: #fff;
}
.cms .kanshusha_Box .kanshusha_Innr p {
margin-bottom:1em;
padding-bottom: 0;
}
.cms .kanshusha_Box .kanshusha_Innr ul {margin-bottom:0;}
.cms .kanshusha_Box .kanshusha_Innr ul li {
display: inline-block;
font-size: 80%;
line-height: 1.3;
list-style: disc !important;
background: none;
padding-left: 0;
}
.cms .kanshusha_Box .kanshusha_Innr ul li:not(:last-child):after {
content: '/';
padding: 0 0.3em;
}
.cms .kanshusha_Box .kanshusha_Innr ul li a {
text-decoration: underline;
font-weight: 600;
}
.cms .kanshusha_Box .kanshusha_Innr ul li a:hover {
text-decoration: none;
}
@media only screen and (max-width: 520px){ .cms .kanshusha_Box {
display: block;
           padding: 0 0 1.3em;
}
.cms .kanshusha_Box figure {
width: 50%;
max-width: 180px;
margin: 1em auto 1em;
}
.cms .kanshusha_Box .kanshusha_Innr p {
font-size: 15px;
}
} .service-area {
background: #f9f9f9; border: 1px solid #ddd; padding: 20px;
margin: 20px 0;
border-radius: 8px; }
.service-area h2 {
font-size: 1.5em;
margin-bottom: 10px;
color: #333;
border-left: 5px solid #4CAF50;
padding-left: 10px;
margin-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.service-area h3 {
font-size: 1.2em;
margin: 15px 0 5px;
color: #555;
background: none;
padding: 0;
}
.service-area ul {
list-style: none; margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap; }
.service-area ul li {
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px 10px;
margin: 5px;
font-size: 0.95em;
color: #333;
transition: 0.3s;
}
.service-area ul li:hover {
background: #4CAF50; color: #fff;
border-color: #4CAF50;
}
.service-area .note {
margin-top: 15px;
font-size: 0.9em;
color: #666;
line-height: 1.6;
padding: 0;
}