*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "游ゴシック", "YuGothic", "arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
a {
color: #505050;
text-decoration: underline
}
a:hover {
text-decoration: none
}
p {
font-size: 15px;
color: #505050;
line-height: 160%
}
span.emphasis {
color: #ff9800;
font-weight: bold;
font-size: 130%;
}
span.emphasis02 {
color: #ff9800;
font-weight: bold;
font-size: 120%;
line-height: 140%;
}
span.emphasis03 {
color: #ff9800;
font-weight: bold;
}
span.reduction {
font-size: 80%
}
.nounder a {
text-decoration: none
}
.breadcrumb--item {
-webkit-text-size-adjust: 100%;
}
.breadcrumb--item a {
-webkit-text-size-adjust: 100%;
}
.sp-block .faq__inner__list a {
cursor: pointer;
position: relative;
display: inline-block;
margin: 15px 0 0;
text-decoration: none;
font-weight: bold;
font-size: 90%;
text-align: left
}
.sp-block {
text-align: left
}
.sp-block .faq__inner__list .list--item {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/icon-consultation-01.png) no-repeat center left;
background-size: 20px 18px;
padding: 5px 0 5px 30px;
line-height: 140%;
}
tr.sp-block {
display: none
}
@media only screen and (min-width: 800px) {
.pc-display {
display:block;
}
.sp-display {
display:none;
}
.l-container {
width: 1140px;
margin: 0px auto;
}
.l-container.bnr {
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.globalMenu__nav{
width: 790px;
}
#solarsystem .eco_icon,
#hems .eco_icon,
#battery .eco_icon{
position: relative;
}
#solarsystem .eco_icon::before{
content: '';
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/faq/create-energy.png) 0 0 no-repeat;
background-size: 74px 52px;
position: absolute;
left: 300px;
top: -35px;
height: 52px;
width: 74px;
}
#hems .eco_icon::before{
content: '';
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/faq/adjustment-energy.png) 0 0 no-repeat;
background-size: 74px 52px;
position: absolute;
left: 380px;
top: -35px;
height: 52px;
width: 74px;
}
#battery .eco_icon::before{
content: '';
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/faq/storage-energy.png) 0 0 no-repeat;
background-size: 74px 52px;
position: absolute;
left: 380px;
top: -35px;
height: 52px;
width: 74px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.l-container {
width: 100%;
padding-left: 10px;
padding-right: 10px
}
.speco_icon{
display: block;
margin: 0 auto 10px;
width: 140px;
}
}
@media only screen and (max-width: 479px) {
.l-container {
width: 100%;
padding-left: 10px;
padding-right: 10px
}
.speco_icon{
display: block;
margin: 0 auto 10px;
width: 140px;
}
}
header {
position: absolute;
z-index: 999;
left: 0px;
top: 0px;
width: 100%
}
@media only screen and (min-width: 800px) {
header {
min-width: 1140px
}
}
@media only screen and (min-width: 800px) {
.header__inner {
width: 1140px;
margin: 0px auto
}
}
@media only screen and (min-width: 800px) {
.header__inner__logo {
width: 360px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.header__inner__logo {
width: 245px
}
}
@media only screen and (max-width: 479px) {
.header__inner__logo {
width: 130px
}
}
.header__inner__sideMenu {
position: absolute;
top: 0px;
right: 0px
}
.header__inner__sideMenu .sideMenu--box {
float: left
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.header__inner__sideMenu .sideMenu--box {
width: 55px
}
}
@media only screen and (max-width: 479px) {
.header__inner__sideMenu .sideMenu--box {
width: 44px
}
}
.header__inner__sideMenu .sideMenu--box a {
position: relative;
display: block
}
@media only screen and (min-width: 800px) {
.header__inner__sideMenu .sideMenu__tel {
width: 250px
}
.scrollHeader .sideMenu--box{
float: right;
}
}
@media only screen and (min-width: 800px) {
.header__inner__sideMenu .sideMenu__showroom {
width: 185px
}
}
@media only screen and (min-width: 800px) {
.header__inner__sideMenu .sideMenu__contact {
width: 260px
}
}
.header__inner__sideMenu .sideMenu__menu {
cursor: pointer
}
@media only screen and (min-width: 800px) {
.header__inner__sideMenu .sideMenu__menu {
width: 70px
}
}
.header__inner__globalMenu {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-color: #1e203f;
z-index: 100
}
.navigation_contact_box{
margin: 0 auto 40px;
width: 1050px;
}
.header__inner__globalMenu .globalMenu__nav {
padding: 20px 0px 30px
}
.header__inner__globalMenu .globalMenu__nav ul {
float: left;
margin-right: 110px
}
.header__inner__globalMenu .globalMenu__nav ul:last-child {
margin-right: 0px
}
.header__inner__globalMenu .globalMenu__nav li {
font-size: 12px;
margin-top: 18px;
position: relative;
padding-left: 9px;
line-height: 1.3;
}
.header__inner__globalMenu .globalMenu__nav li.parent_navi {
font-size: 15px;
font-weight: 700;
padding-left: 0px
}
.header__inner__globalMenu .globalMenu__nav li:first-child{
margin-top: 0;
}
.header__inner__globalMenu .globalMenu__nav li.parent_navi::before {
display: none
}
.header__inner__globalMenu .globalMenu__nav li.parent_navi a {
color: #fff0a2
}
.header__inner__globalMenu .globalMenu__nav li::before {
content: '・';
position: absolute;
left: -5px;
color: #fff
}
.header__inner__globalMenu .globalMenu__nav a {
color: #fff;
text-decoration: none
}
.header__inner__globalMenu .globalMenu__nav a:hover {
text-decoration: underline
}
.header__inner__globalMenu .globalMenu__closeBtn {
background-color: #4b4d6f;
color: #fff;
text-align: center;
padding: 15px 0px;
cursor: pointer;
transition: .3s
}
.header__inner__globalMenu .globalMenu__closeBtn:hover {
background-color: #fff;
color: #4b4d6f
}
footer {
background-color: #1e203f
}
@media only screen and (min-width: 800px) {
footer {
padding-bottom: 26px
}
}
.footer__inner__top .top--item {
float: left
}
.footer__inner__top .top__logo {
width: 292px;
margin-right: 42px
}
.footer__inner__top .top__detail {
margin: 38px 57px 0px 0px
}
.footer__inner__top .top__detail .top__detail__address {
font-size: 17px;
font-weight: 500;
color: #fff;
letter-spacing: .1px
}
.footer__inner__top .top__detail .top__detail__number {
font-size: 22px;
font-weight: 700;
color: #fff
}
.footer__inner__top .top__contact {
width: 260px;
margin-top: 33px
}
.footer__inner__top .top__showroom {
margin-top: 33px;
margin-left: 30px;
width: 185px;
}
.footer__inner__menu {
margin-top: 46px
}
.footer__inner__menu ul {
float: left;
margin-right: 130px
}
.footer__inner__menu ul:last-child {
margin-right: 0px
}
.footer__inner__menu li {
font-size: 13px;
margin-top: 18px;
position: relative;
padding-left: 9px;
line-height: 1.3;
}
.footer__inner__menu li.f_pearent {
font-size: 15px;
font-weight: 700;
padding-left: 0px
}
.footer__inner__menu li:first-child{
margin-top: 0px;
}
.footer__inner__menu li.f_pearent::before {
display: none
}
.footer__inner__menu li::before {
content: '・';
position: absolute;
left: -5px;
color: #fff
}
.footer__inner__menu a {
color: #fff;
text-decoration: none
}
.footer__inner__menu a:hover {
text-decoration: underline
}
@media only screen and (min-width: 800px) {
.footer__inner__copyright {
margin-top: 45px;
text-align: right;
margin-right: 20px;
}
.footer__inner__menu{
width: 830px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.footer__inner__copyright {
text-align: center;
padding: 10px
}
}
@media only screen and (max-width: 479px) {
.footer__inner__copyright {
text-align: center;
padding: 10px
}
}
.footer__inner__copyright p {
color: #fff;
font-size: 12px
}
.footer__inner__copyright p a {
text-decoration: none;
color: #fff;
font-size: 12px
}
.scrollHeader {
display: none;
width: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 90
}
.page-top {
position: fixed;
width: 50px;
height: 50px;
cursor: pointer;
right: 10px;
bottom: 40px;
z-index: 9000;
display: none
}
.sidr.right {
background-color: #1e203f;
z-index: 10000
}
.sidr.right .mobileMenu .accordionMenu {
background-color: #4b4d6f
}
.sidr.right .mobileMenu a {
color: #fff
}
.sidr.right .mobileMenu--item {
width: 100%;
line-height: 1
}
.sidr.right .mobileMenu--item>a {
position: relative;
font-size: 14px;
padding: 18px 10px
}
.sidr.right .mobileMenu--item>a::before {
content: "";
position: absolute;
top: 22px;
right: 15px;
width: 5px;
height: 5px;
border-top: 2px solid #ffd501;
border-right: 2px solid #ffd501;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.sidr.right .mobileMenu--accordion {
width: 100%;
line-height: 1
}
.sidr.right .mobileMenu--accordion>a {
position: relative;
font-size: 14px;
padding: 18px 10px
}
.sidr.right .mobileMenu--accordion>a:before {
top: 22px !important;
right: 10px;
width: 14px;
height: 2px
}
.sidr.right .mobileMenu--accordion>a:after {
top: 16px !important;
right: 16px;
width: 2px;
height: 14px
}
.sidr.right .mobileMenu--accordion.open>a:after {
display: none
}
.sidr.right .mobileMenu--accordion .accordionMenu__list--item {
line-height: 140%
}
.sidr.right .mobileMenu--accordion .accordionMenu__list--item a {
position: relative;
padding: 12px 0px 12px 30px;
font-size: 13px
}
.sidr.right .mobileMenu--accordion .accordionMenu__list--item a::before {
content: "- ";
color: #ffd501;
font-size: 13px;
position: absolute;
left: 10px;
top: 50%;
margin-top: -1px;
transform: translate(0%, -50%)
}
.sidr.right .mobileMenu--close a {
color: #fff;
text-align: right;
padding-right: 35px;
position: relative
}
.sidr.right .mobileMenu--close a::before, .sidr.right .mobileMenu--close a::after {
content: "";
position: absolute;
border: none !important;
background-color: #4b4d6f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
background-color: #fff
}
.sidr.right .mobileMenu--close a:before {
top: 22px !important;
right: 10px;
width: 14px;
height: 2px
}
.sidr.right .mobileMenu--close a:after {
top: 16px !important;
right: 16px;
width: 2px;
height: 14px
}
.top-mainImage {
position: relative
}
.top-mainImage__slider {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/mainimage.jpg) no-repeat bottom center;
background-size: cover;
background-position: bottom right;
}
@media only screen and (min-width: 800px) {
.top-mainImage__slider {
height: 715px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage__slider {
height: 415px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage__slider {
height: 275px
}
}
.top-mainImage__slider .top-mainImage__slider--slide {
height: 100%
}
.top-mainImage__slider .top-mainImage__slider--slide .slide--box {
display: flex;
justify-content: center;
align-items: center;
height: 100%
}
@media only screen and (min-width: 800px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box {
padding-top: 90px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box {
padding-top: 90px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box {
padding-top: 30px
}
}
@media only screen and (min-width: 800px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box .slide--box__image01 {
max-width: 975px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box .slide--box__image01 {
max-width: 650px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box .slide--box__image01 {
max-width: 450px
}
}
@media only screen and (min-width: 800px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box .slide--box__image02 {
max-width: 1063px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage__slider .top-mainImage__slider--slide .slide--box .slide--box__image02 {
max-width: 650px
}
}
.top-mainImage .bx-controls-direction {
width: 100%;
max-width: 1140px;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
z-index: 60
}
@media only screen and (min-width: 800px) {
.top-mainImage .bx-controls-direction {
height: 57px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage .bx-controls-direction {
height: 44px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage .bx-controls-direction {
height: 44px
}
}
.top-mainImage .bx-prev, .top-mainImage .bx-next {
position: absolute;
top: 0px;
height: 100%;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-mainImage-01.png) no-repeat
}
@media only screen and (min-width: 800px) {
.top-mainImage .bx-prev, .top-mainImage .bx-next {
width: 29px;
background-size: 68px 57px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage .bx-prev, .top-mainImage .bx-next {
width: 22px;
background-size: 53px 44px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage .bx-prev, .top-mainImage .bx-next {
width: 22px;
background-size: 53px 44px
}
}
@media only screen and (min-width: 800px) {
.top-mainImage .bx-prev {
left: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage .bx-prev {
left: 10px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage .bx-prev {
left: 10px
}
}
@media only screen and (min-width: 800px) {
.top-mainImage .bx-next {
background-position: -39px 0px;
right: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-mainImage .bx-next {
background-position: -31px 0px;
right: 10px
}
}
@media only screen and (max-width: 479px) {
.top-mainImage .bx-next {
background-position: -31px 0px;
right: 10px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner {
position: relative;
z-index: 65;
padding: 5rem 0 2rem;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner {
padding: 1rem 10px;
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner {
padding: 1rem 10px;
}
}
.top-preference__inner__mainhead {
color: #1e4aba;
text-align: center;
margin-bottom: 1.5em;
line-height: 1.5;
}
.top-preference__inner__mainhead .pc_none {
display: none;
}
@media only screen and (max-width: 479px) {
.top-preference__inner__mainhead .pc_none {
display: block;
}
}
.top-preference__inner__heading {
max-width: 423px;
margin: 0px auto
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__heading {
margin-top: 10px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__heading {
margin-top: 10px
}
}
.top-preference__inner__slider {
margin-top: 12px
}
.top-preference__inner__slider .slider__pager {
text-align: center
}
.top-preference__inner__slider .slider__pager .bx-pager-item {
display: inline-block
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item {
margin: 0px 10px;
width: 64px;
height: 64px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item {
margin: 0px 5px;
width: 64px;
height: 64px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item {
margin: 0px 4px;
width: 50px;
height: 50px
}
}
.top-preference__inner__slider .slider__pager .bx-pager-item .bx-pager-link {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-preference-01.png) no-repeat
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item .bx-pager-link {
background-size: 400px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item .bx-pager-link {
background-size: 400px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item .bx-pager-link {
background-size: 312px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link {
background-position: 0px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link.active {
background-position: 0px -84px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link {
background-position: 0px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link.active {
background-position: 0px -84px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link {
background-position: 0px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(1) .bx-pager-link.active {
background-position: 0px -65px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link {
background-position: -84px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link.active {
background-position: -84px -84px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link {
background-position: -84px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link.active {
background-position: -84px -84px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link {
background-position: -65px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(2) .bx-pager-link.active {
background-position: -65px -65px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link {
background-position: -168px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link.active {
background-position: -168px -84px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link {
background-position: -168px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link.active {
background-position: -168px -84px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link {
background-position: -130px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(3) .bx-pager-link.active {
background-position: -130px -65px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link {
background-position: -252px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link.active {
background-position: -252px -84px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link {
background-position: -252px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link.active {
background-position: -252px -84px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link {
background-position: -195px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(4) .bx-pager-link.active {
background-position: -195px -65px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link {
background-position: -336px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link.active {
background-position: -336px -84px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link {
background-position: -336px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link.active {
background-position: -336px -84px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link {
background-position: -260px 0px
}
.top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link:hover, .top-preference__inner__slider .slider__pager .bx-pager-item:nth-child(5) .bx-pager-link.active {
background-position: -260px -65px
}
}
.top-preference__inner__slider .slider__area {
margin-top: 21px;
position: relative
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area {
padding: 0px 28px
}
.top-preference__inner__slider .slider__area{
margin-top: 21px;
margin-bottom: 21px;
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area {
padding: 0px 20px
}
.top-preference__inner__slider .slider__area{
margin-top: 21px;
margin-bottom: 21px;
min-height: 449px;
position: relative;
}
.slider__area .bx-viewport{
min-height: 481px;
}
}
.top-preference__inner__slider .bx-wrapper {
overflow: hidden;
width: 100%
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .bx-viewport {
width: 750px !important;
overflow: visible !important;
margin: 0px auto
}
}
.top-preference__inner__slider .slider__area--slide {
border: 4px solid #1e4aba;
box-sizing: border-box;
padding: 7px 5px;
background-color: #fff
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide {
margin-right: 97px;
height: 366px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide .heading--item {
float: left
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide .heading--item {
display: inline-block;
vertical-align: middle
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide .heading--item {
display: inline-block;
vertical-align: middle
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide .heading__text {
width: 100%;
margin-left: -110px;
padding-left: 110px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide .heading__text {
width: 100%;
margin-left: -70px;
padding-left: 70px
}
}
.top-preference__inner__slider .slider__area--slide .heading__text p {
font-weight: 700
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide .heading__text p {
font-size: 25px;
line-height: 140%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide .heading__text p {
font-size: 22px;
line-height: 120%
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide .heading__text p {
font-size: 16px;
line-height: 120%
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide .heading__image {
width: 120px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide .heading__image {
width: 100px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide .heading__image {
width: 60px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide01__heading .heading__text {
margin: 32px 0px 0px 16px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide01__content {
padding: 0px 10px 0px 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide01__content {
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide01__content {
padding: 0px 15px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide01__content .content--item {
float: left
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide01__content .content__text {
width: 380px;
margin-top: 16px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide01__content .content__text {
margin-top: 16px
}
}
.top-preference__inner__slider .slider__area--slide01__content .content__text p {
line-height: 155%;
letter-spacing: .1px
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide01__content .content__text p {
font-size: 13px
}
}
.top-preference__inner__slider .slider__area--slide01__content .content__image {
max-width: 296px
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide01__content .content__image {
margin-left: 24px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide01__content .content__image {
margin: 10px auto 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide01__content .content__image {
margin: 10px auto 0px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide02__content {
float: left;
width: 484px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide02__content .heading__text {
margin: 32px 0px 0px 16px;
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide02__content .content__text {
margin: 16px 0px 0px 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide02__content .content__text {
margin-top: 15px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide02__content .content__text {
padding: 0px 15px
}
}
.top-preference__inner__slider .slider__area--slide02__content .content__text p {
line-height: 155%
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide02__content .content__text p {
font-size: 13px
}
}
.top-preference__inner__slider .slider__area--slide02__content .content__text p a {
text-decoration: underline
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide02__image {
margin: 10px 0px 0px 23px;
float: left;
width: 213px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide02__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide02__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide02__image .image--item {
margin-bottom: 19px
}
.top-preference__inner__slider .slider__area--slide02__image .image--item:last-child {
margin-bottom: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide02__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide02__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide02__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide02__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__content {
float: left;
width: 484px;
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__content .heading__text {
margin: 32px 0px 0px 16px;
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text {
margin: 16px 0px 0px 20px;
padding-right: 10px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text {
margin-top: 15px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text {
padding: 0px 15px
}
}
.top-preference__inner__slider .slider__area--slide03__content .content__text p {
line-height: 155%
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text p {
font-size: 13px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text p:last-child {
margin-top: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text p:last-child {
margin-top: 0;
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide03__content .content__text p:last-child {
margin-top: 0;
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__image {
margin: 10px 0px 0px 23px;
float: left;
width: 213px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide03__image {
margin-top: 10px;
padding: 0px 15px;
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide03__image {
margin-top: 10px;
padding: 0px 15px;
}
}
.top-preference__inner__slider .slider__area--slide03__image .image--item {
float: none;
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide03__image .image--item {
margin-bottom: 19px
}
.top-preference__inner__slider .slider__area--slide03__image .image--item:last-child {
margin-bottom: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide02__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide02__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide03__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide03__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide04__content {
float: left;
width: 484px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide04__content .heading__text {
margin: 32px 0px 0px 16px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide04__content .content__text {
margin: 16px 0px 0px 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide04__content .content__text {
margin-top: 15px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide04__content .content__text {
padding: 0px 15px
}
}
.top-preference__inner__slider .slider__area--slide04__content .content__text p {
line-height: 155%
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide04__content .content__text p {
font-size: 13px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide04__image {
margin: 10px 0px 0px 23px;
float: left;
width: 213px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide04__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide04__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide04__image .image--item {
margin-bottom: 19px
}
.top-preference__inner__slider .slider__area--slide04__image .image--item:last-child {
margin-bottom: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide04__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide04__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide04__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide04__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide05__content {
float: left;
width: 490px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide05__content .heading__text {
margin: 14px 0px 0px 16px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide05__content .content__text {
margin: 24px 0px 0px 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide05__content .content__text {
margin-top: 15px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide05__content .content__text {
padding: 0px 15px
}
}
.top-preference__inner__slider .slider__area--slide05__content .content__text p {
line-height: 155%
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide05__content .content__text p {
font-size: 13px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide05__image {
margin: 10px 0px 0px 23px;
float: left;
width: 213px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide05__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide05__image {
margin-top: 10px;
padding: 0px 15px
}
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .slider__area--slide05__image .image--item {
margin-bottom: 19px
}
.top-preference__inner__slider .slider__area--slide05__image .image--item:last-child {
margin-bottom: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .slider__area--slide05__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide05__image .image--item:last-child {
margin-right: 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .slider__area--slide05__image .image--item {
float: left;
width: 49%;
margin-right: 2%
}
.top-preference__inner__slider .slider__area--slide05__image .image--item:last-child {
margin-right: 0px
}
}
.top-preference__inner__slider .bx-controls-direction {
width: 100%;
max-width: 865px;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
margin: auto;
z-index: 60
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .bx-controls-direction {
height: 39px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .bx-controls-direction {
height: 39px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .bx-controls-direction {
height: 28px
}
}
.top-preference__inner__slider .bx-controls-direction .bx-prev, .top-preference__inner__slider .bx-controls-direction .bx-next {
position: absolute;
top: 0px;
height: 100%;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-preference-02.png) no-repeat
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .bx-controls-direction .bx-prev, .top-preference__inner__slider .bx-controls-direction .bx-next {
width: 18px;
background-size: 41px 39px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .bx-controls-direction .bx-prev, .top-preference__inner__slider .bx-controls-direction .bx-next {
width: 18px;
background-size: 41px 39px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .bx-controls-direction .bx-prev, .top-preference__inner__slider .bx-controls-direction .bx-next {
width: 13px;
background-size: 31px 28px
}
}
.top-preference__inner__slider .bx-controls-direction .bx-prev {
left: 0px
}
.top-preference__inner__slider .bx-controls-direction .bx-next {
right: 0px
}
@media only screen and (min-width: 800px) {
.top-preference__inner__slider .bx-controls-direction .bx-next {
background-position: -23px 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-preference__inner__slider .bx-controls-direction .bx-next {
background-position: -23px 0px
}
}
@media only screen and (max-width: 479px) {
.top-preference__inner__slider .bx-controls-direction .bx-next {
background-position: -18px 0px
}
}
.top-bnr-area{
background: #ddd;
padding: 60px 0 40px;
}
.top-bnr-area li{
float: none;
margin:0 0.6rem 1.2rem;
width: 360px;
}
.top-bnr-area li:last-child{
margin-right: 0;
}
.top-bnr-area li img{
width: 100%;
}
@media screen and  (max-width: 799px) {
.top-bnr-area{
padding: 30px 0px;
}
.top-bnr-area li{
float: none;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
max-width: 500px;
width: 100%;
}
.top-bnr-area li:last-child{
margin-right: auto;
margin-bottom: 0;
}
}
.top-knowledge .top-knowledge__inner {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/bg-knowledge-01.jpg) no-repeat center;
background-size: cover
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner {
padding-top: 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner {
padding-top: 25px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner {
padding-top: 25px
}
}
.top-knowledge .top-knowledge__inner__heading {
color: #fff
}
.top-knowledge .top-knowledge__inner__heading .heading__sub {
background-color: #fff;
color: #5686df
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list {
margin-top: 50px;
width: 960px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list {
margin-top: 25px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list {
margin-top: 25px
}
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list li {
width: 300px;
height: 125px;
margin: 30px 30px 0px 0px;
float: left
}
.top-knowledge .top-knowledge__inner__list li:nth-child(-n+3) {
margin-top: 0px
}
.top-knowledge .top-knowledge__inner__list li:nth-child(3n) {
margin-right: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list li {
width: 49%;
height: 125px;
margin: 4% 2% 0% 0%;
float: left
}
.top-knowledge .top-knowledge__inner__list li:nth-child(-n+2) {
margin-top: 0px
}
.top-knowledge .top-knowledge__inner__list li:nth-child(2n) {
margin-right: 0px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list li {
width: 49%;
height: 130px;
margin: 4% 2% 0% 0%;
float: left
}
.top-knowledge .top-knowledge__inner__list li:nth-child(-n+2) {
margin-top: 0px
}
.top-knowledge .top-knowledge__inner__list li:nth-child(2n) {
margin-right: 0px
}
}
.top-knowledge .top-knowledge__inner__list .list--item {
position: relative;
display: block;
width: 100%;
height: 100%;
color: #fff;
text-decoration: none;
transition: .3s
}
.top-knowledge .top-knowledge__inner__list .list--item::before {
font-family: 'icomoon';
display: block;
text-align: center
}
.top-knowledge .top-knowledge__inner__list .list--item::after {
content: '';
display: block;
position: absolute;
bottom: 0px;
right: 0px;
width: 26px;
height: 26px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-knowledge-01.png) no-repeat;
background-size: 119px 57px
}
.top-knowledge .top-knowledge__inner__list .list--item:hover {
background-color: #fff;
opacity: 1 !important
}
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading {
text-align: center
}
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__sub {
display: block
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__sub {
font-size: 16px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__sub {
font-size: 16px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__sub {
font-size: 14px
}
}
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__main {
display: block
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__main {
font-size: 23px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__main {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list--item .list--item__heading .heading__main {
font-size: 16px
}
}
.top-knowledge .top-knowledge__inner__list .list__item01 {
background-color: #1a944d
}
.top-knowledge .top-knowledge__inner__list .list__item01::before {
content: "\e908";
padding-top: 6px
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list .list__item01::before {
font-size: 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list__item01::before {
font-size: 50px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list__item01::before {
font-size: 45px
}
}
.top-knowledge .top-knowledge__inner__list .list__item01:hover {
color: #1a944d
}
.top-knowledge .top-knowledge__inner__list .list__item01 .list--item__heading {
margin-top: 24px
}
.top-knowledge .top-knowledge__inner__list .list__item01 .list--item__heading .heading__sub {
margin-bottom: 9px
}
.top-knowledge .top-knowledge__inner__list .list__item02 {
background-color: #ff5050
}
.top-knowledge .top-knowledge__inner__list .list__item02::before {
content: "\e905";
font-size: 68px;
padding-top: 3px
}
.top-knowledge .top-knowledge__inner__list .list__item02::after {
background-position: -31px 0px
}
.top-knowledge .top-knowledge__inner__list .list__item02:hover {
color: #ff5050
}
.top-knowledge .top-knowledge__inner__list .list__item02 .list--item__heading {
margin-top: 7px
}
.top-knowledge .top-knowledge__inner__list .list__item03 {
background-color: #40a2ff
}
.top-knowledge .top-knowledge__inner__list .list__item03::before {
content: "\e904";
font-size: 45px;
padding-top: 25px
}
.top-knowledge .top-knowledge__inner__list .list__item03::after {
background-position: -62px 0px
}
.top-knowledge .top-knowledge__inner__list .list__item03:hover {
color: #40a2ff
}
.top-knowledge .top-knowledge__inner__list .list__item03 .list--item__heading {
margin-top: 8px
}
.top-knowledge .top-knowledge__inner__list .list__item04 {
background-color: #c9aa50
}
.top-knowledge .top-knowledge__inner__list .list__item04::before {
content: "\e902";
font-size: 50px;
padding-top: 20px
}
.top-knowledge .top-knowledge__inner__list .list__item04::after {
background-position: -93px 0px
}
.top-knowledge .top-knowledge__inner__list .list__item04:hover {
color: #c9aa50
}
.top-knowledge .top-knowledge__inner__list .list__item04 .list--item__heading {
margin-top: 8px
}
.top-knowledge .top-knowledge__inner__list .list__item05 {
background-color: #693bd2
}
.top-knowledge .top-knowledge__inner__list .list__item05::before {
content: "\e901";
font-size: 48px;
padding-top: 17px
}
.top-knowledge .top-knowledge__inner__list .list__item05::after {
background-position: 0px -31px
}
.top-knowledge .top-knowledge__inner__list .list__item05:hover {
color: #693bd2
}
.top-knowledge .top-knowledge__inner__list .list__item05 .list--item__heading {
margin-top: 13px
}
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading {
margin-top: 8px;
}
.top-knowledge .top-knowledge__inner__list .list__item06 {
background-color: #3453d2
}
.top-knowledge .top-knowledge__inner__list .list__item06::before {
content: "\e900";
padding-top: 23px
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list .list__item06::before {
font-size: 46px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list__item06::before {
font-size: 46px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list__item04::before{
padding-top: 22px;
}
.top-knowledge .top-knowledge__inner__list .list__item04 .list--item__heading{
margin-top: 5px;
}
.top-knowledge .top-knowledge__inner__list .list__item05::before{
padding-top: 24px;
}
.top-knowledge .top-knowledge__inner__list .list__item05 .list--item__heading{
margin-top: 8px;
}
.top-knowledge .top-knowledge__inner__list .list__item06::before {
font-size: 42px;
padding-top: 28px;
}
.top-knowledge .top-knowledge__inner__list .list__item03::before{
padding-top: 28px;
}
}
.top-knowledge .top-knowledge__inner__list .list__item06::after {
background-position: -31px -31px
}
.top-knowledge .top-knowledge__inner__list .list__item06:hover {
color: #3453d2
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading {
margin-top: 6px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading {
margin-top: 8px
}
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading .heading__sub {
position: relative;
top: -5px;
text-align: left;
font-size: 15px;
padding-left: 16px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading .heading__sub {
margin-bottom: 9px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__list .list__item06 .list--item__heading .heading__sub {
margin-bottom: 9px
}
}
.top-knowledge .top-knowledge__inner__list .list__item07 {
background-color: #ff9800
}
.top-knowledge .top-knowledge__inner__list .list__item07::before {
content: "\e903";
font-size: 69px;
padding-top: 9px
}
.top-knowledge .top-knowledge__inner__list .list__item07::after {
background-position: -62px -31px
}
.top-knowledge .top-knowledge__inner__list .list__item07:hover {
color: #ff9800
}
.top-knowledge .top-knowledge__inner__list .list__item07 .list--item__heading {
margin-top: 0px
}
.top-knowledge .top-knowledge__inner__list .list__item08 {
background-color: #969696
}
.top-knowledge .top-knowledge__inner__list .list__item08::before {
content: "\e90e";
font-size: 45px;
padding-top: 16px
}
.top-knowledge .top-knowledge__inner__list .list__item08::after {
background-position: -93px -31px
}
.top-knowledge .top-knowledge__inner__list .list__item08:hover {
color: #969696
}
.top-knowledge .top-knowledge__inner__list .list__item08 .list--item__heading {
margin-top: 17px
}
.top-knowledge .top-knowledge__inner__info {
background-color: rgba(0, 0, 0, 0.6)
}
.list--item--image02 img {
width: 360px;
height: 230px;
object-fit: cover;
}
@supports ( object-fit: cover ) {
.media img {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
}
.box__inner--image02 img {
width: 360px;
height: 360px;
object-fit: cover;
}
.voice-article__inner__gallery img {
width: 350px;
height: 250px;
object-fit: cover;
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__info {
margin-top: 78px;
padding: 24px 0 16px
}
.content__image02 img {
width: 400px;
height: auto;
object-fit: cover;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__info {
margin-top: 39px;
padding: 15px 0px
}
.content__image02 img {
height: auto;
max-width: 400px;
width: 100%;
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__info {
margin-top: 39px;
padding: 15px 0px
}
.content__image02 img {
height: auto;
max-width: 400px;
width: 100%;
}
}
.top-knowledge .top-knowledge__inner__info .info--item {
color: #fff
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__info .info--item {
float: left
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__info .info--item {
margin-top: 10px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__info .info--item {
margin-top: 10px
}
}
.top-knowledge .top-knowledge__inner__info .info--item:first-child {
margin-top: 0px
}
.top-knowledge .top-knowledge__inner__info .info--item a {
text-decoration: underline;
color: #fff;
font-size: 15px
}
.top-knowledge .top-knowledge__inner__info .info__heading {
font-size: 21px
}
.top-knowledge .top-knowledge__inner__info .info__list {
position: relative;
overflow: hidden
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__info .info__list {
margin-left: 73px;
letter-spacing: .4px;
width: 65%
}
}
.top-knowledge .top-knowledge__inner__info .info__list .info__list--title {
display: none;
overflow: hidden;
width: 100%
}
.top-knowledge .top-knowledge__inner__info .info__list .info__list--title a {
display: block
}
@media only screen and (min-width: 800px) {
.top-knowledge .top-knowledge__inner__info .info__more {
float: right
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-knowledge .top-knowledge__inner__info .info__more {
text-align: right;
margin-top: 0px
}
}
@media only screen and (max-width: 479px) {
.top-knowledge .top-knowledge__inner__info .info__more {
text-align: right
}
}
@media only screen and (min-width: 800px) {
.top-voice {
background:#ededdb;
padding: 79px 0;
margin-top:0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-voice {
padding: 39px 0;
margin-top:0;
}
}
@media only screen and (max-width: 479px) {
.top-voice {
padding: 39px 0;
margin-top:0;
}
}
.top-voice .top-voice__inner__list {
margin-top: 50px
}
@media only screen and (min-width: 800px) {
.top-voice .top-voice__inner__list .list--item {
float: left;
width: 360px;
margin-right: 30px
}
.top-voice .top-voice__inner__list .list--item:nth-child(3) {
margin-right: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-voice .top-voice__inner__list .list--item {
float: left;
width: 48%;
margin: 8% 4% 0% 0%
}
.top-voice .top-voice__inner__list .list--item:nth-child(-n+2) {
margin-top: 0px
}
.top-voice .top-voice__inner__list .list--item:nth-child(2n) {
margin-right: 0px
}
.top-voice .top-voice__inner__list .list--item:nth-child(2n-1) {
clear: both
}
}
@media only screen and (max-width: 479px) {
.top-voice .top-voice__inner__list .list--item {
width: 100%;
margin-top: 50px
}
.top-voice .top-voice__inner__list .list--item:first-child {
margin-top: 0px
}
}
.top-voice .top-voice__inner__list .list--item a {
text-decoration: none;
display: block
}
.top-voice .top-voice__inner__list .list--item .list--item--image {
position: relative
}
.top-voice .top-voice__inner__list .list--item .list--item--image::before {
content: 'お客様の声';
position: absolute;
top: -10px;
left: -10px;
width: 67px;
padding: 12.5px 5px;
display: block;
text-align: center;
background-color: #42b7ba;
font-size: 15px;
color: #fff;
line-height: 140%
}
.top-voice .top-voice__inner__list .list--item .list--item--data {
font-size: 14px;
margin-top: 15px;
display: block
}
.top-voice .top-voice__inner__list .list--item .list--item--title {
margin-top: 10px;
font-size: 20px;
border-bottom: 1px solid #969696;
padding-bottom: 10px
}
.top-voice .top-voice__inner__list .list--item .list--item--excerpt {
margin-top: 9px
}
.top-voice .top-voice__inner__list .list--item .list--item--excerpt p {
font-size: 14px
}
.top-voice .top-voice__inner__list .list__link {
text-align: right;
margin-top: 29px
}
.top-voice .top-voice__inner__list .list__link a {
font-size: 15px
}
@media only screen and (min-width: 800px) {
.top-topics {
margin-top: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics {
margin-top: 0;
}
.top-voice .top-voice__inner__list .list--item .list--item--image::before{
top: -5px;
left: -5px;
}
}
@media only screen and (max-width: 479px) {
.top-topics {
margin-top: 34px
}
.top-voice .top-voice__inner__list .list--item .list--item--image::before{
top: -5px;
left: -5px;
}
}
.top-topics .top-topics__inner {
background-color: #ededdb
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner {
padding: 50px 0px 70px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner {
padding: 25px 0px 35px
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner {
padding: 25px 0px 35px
}
}
.top-topics .top-topics__inner__list {
max-width: 1005px
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__list {
margin: 41px auto 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__list {
margin: 20px auto 0px;
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner__list {
margin: 20px auto 0px
}
}
.top-topics .top-topics__inner__list .list--item {
border-bottom: 1px solid #969696;
padding-bottom: 6px;
position: relative;
font-size: 15px;
color: #505050;
margin-bottom: 22px
}
.top-topics .top-topics__inner__list .list--item:last-child {
margin-bottom: 0px
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail {
left: 30px;
position: absolute
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail {
left: 5px;
position: absolute
}
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category,
.box__inner--data .detail__list--category {
padding: 6px 0px 8px;
color: #fff;
font-size: 16px;
text-align: center;
display: inline-block;
}
.box__inner--data .detail__list--category{
margin-right: 20px;
line-height: 1.3;
padding: 5px;
}
.detail--category a {
color: #fff;
font-size: 16px;
display: block;
text-align: center;
text-decoration: none
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category,
.box__inner--data .detail__list--category {
width: 130px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category,
.box__inner--data .detail__list--category {
width: 110px
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category,
.box__inner--data .detail__list--category {
width: 110px
}
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .blog,
.detail__list--category.blog {
background-color: #397b35
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .ivent,
.detail__list--category.ivent {
background-color: #eb0042
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category03,
.detail__list--category.microbubble {
background-color: #40a2ff
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .corp, .detail__list--category.corp {
background-color: #40a2ff
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category04,
.detail__list--category.solar-power{
background-color: #c9aa50
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category05,
.detail__list--category.storage-battery {
background-color: #693bd2
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .notice,
.detail__list--category.notice {
background-color: #1e4aba
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .sorapro,
.detail__list--category.sorapro {
background-color: #ff9800
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .movie,
.detail__list--category.movie {
background-color: #019c09
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--category08 {
background-color: #969696
}
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--data {
display: inline-block
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--data {
margin-left: 28px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--data {
margin-left: 10px
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner__list .list--item .list--item--detail .detail--data {
margin-left: 10px
}
}
.top-topics .top-topics__inner__list .list--item .list--item--title {
max-width: 705px
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__list .list--item .list--item--title {
margin-left: 300px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__list .list--item .list--item--title {
margin-left: 220px
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner__list .list--item .list--item--title {
margin-top: 5px
}
}
.top-topics .top-topics__inner__list .list--item .list--item--title a {
display: block;
padding: 7.5px 0px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-decoration: none
}
.top-topics .top-topics__inner__list .list--item .list--item--title a:hover {
text-decoration: underline
}
.top-topics .top-topics__inner__btn {
text-align: right
}
@media only screen and (min-width: 800px) {
.top-topics .top-topics__inner__btn {
margin-top: 37px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-topics .top-topics__inner__btn {
margin-top: 30px
}
}
@media only screen and (max-width: 479px) {
.top-topics .top-topics__inner__btn {
margin-top: 30px
}
}
.top-topics .top-topics__inner__btn a {
font-size: 15px
}
@media only screen and (min-width: 800px) {
.top-office {
margin-top: 145px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-office {
margin-top: 72px
}
}
@media only screen and (max-width: 479px) {
.top-office {
margin-top: 72px
}
}
.top-office .top-office__inner {
background-color: #dedede
}
@media only screen and (min-width: 800px) {
.top-office .top-office__inner {
padding: 50px 0px 80px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-office .top-office__inner {
padding: 50px 0px
}
}
@media only screen and (max-width: 479px) {
.top-office .top-office__inner {
padding: 50px 0px
}
}
.top-office .top-office__inner__heading .heading__sub {
width: 186px
}
.top-office .top-office__inner__detail {
text-align: center;
margin-top: 27px
}
.top-office .top-office__inner__list {
margin-top: 40px
}
.top-office .top-office__inner__list .list--item {
background-color: #fff
}
@media only screen and (min-width: 800px) {
.top-office .top-office__inner__list .list--item {
float: left;
width: 360px;
height: 455px;
margin-right: 30px;
text-align: center;
padding: 15px 10px 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-office .top-office__inner__list .list--item {
padding: 20px 10px;
max-width: 460px;
margin: 20px auto 0px;
text-align: center
}
.top-office .top-office__inner__list .list--item:first-child {
margin-top: 0px
}
}
@media only screen and (max-width: 479px) {
.top-office .top-office__inner__list .list--item {
padding: 20px 10px;
width: 100%;
margin: 20px auto 0px;
text-align: center
}
.top-office .top-office__inner__list .list--item:first-child {
margin-top: 0px
}
}
@media only screen and (min-width: 800px) {
.top-office .top-office__inner__list .list--item:last-child {
margin-right: 0px
}
}
.top-office .top-office__inner__list .list--item:last-child .list--item--link {
margin-top: 16px
}
.top-office .top-office__inner__list .list--item:last-child .list--item--link p {
font-size: 13px;
letter-spacing: -.5px;
margin-top: 10px
}
.top-office .top-office__inner__list .list--item .list--item--title {
font-size: 25px;
color: #505050
}
.top-office .top-office__inner__list .list--item .list--item--address {
margin-top: 7px
}
.top-office .top-office__inner__list .list--item .list--item--image {
margin-top: 10px
}
.top-office .top-office__inner__list .list--item .list--item--image img {
display: block
}
.top-office .top-office__inner__list .list--item .list--item--tel {
background-color: #1e207a
}
.top-office .top-office__inner__list .list--item .list--item--tel a {
color: #fff;
display: block;
padding: 20.5px 0;
text-decoration: none
}
.top-office .top-office__inner__list .list--item .list--item--tel .tel--item {
display: inline-block;
vertical-align: middle
}
.top-office .top-office__inner__list .list--item .list--item--tel .tel--item--icon {
font-size: 47px
}
.top-office .top-office__inner__list .list--item .list--item--tel .tel--item--info {
text-align: left
}
.top-office .top-office__inner__list .list--item .list--item--tel .tel--item--info .info--number {
display: block;
font-size: 27px;
letter-spacing: .6px
}
.top-office .top-office__inner__list .list--item .list--item--tel .tel--item--info .info--time {
display: block;
font-size: 15px;
margin-top: 5px
}
.top-office .top-office__inner__list .list--item .list--item--link {
margin-top: 24px
}
.top-office .top-office__inner__list .list--item .list--item--link a {
font-size: 15px
}
.top-office .top-office__inner__company {
max-width: 420px;
margin: 49px auto 0px
}
@media only screen and (max-width: 479px) {
.top-office .top-office__inner__company {
padding: 0px 10px
}
}
.top-office .top-office__inner__company a {
display: block;
background-color: #1e4aba;
padding: 34px 0px 29px;
color: #fff;
text-align: center;
text-decoration: none;
position: relative;
transition: .3s;
opacity: 1 !important
}
.top-office .top-office__inner__company a::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 25px;
height: 25px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-office-01.png) no-repeat;
background-size: 25px
}
.top-office .top-office__inner__company a:hover {
background-color: #fff;
color: #1e4aba
}
.top-office .top-office__inner__company a .company__heading {
font-size: 27px
}
.top-office .top-office__inner__company a .company__heading .company--heading__sub {
background-color: #1e207a;
color: #fff;
display: block;
width: 214px;
margin: 14px auto 0px;
font-size: 14px;
padding: 4px 0px
}
@media only screen and (min-width: 800px) {
.top-recruit {
margin: 68px 0px 98px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-recruit {
margin: 34px 0px 49px
}
}
@media only screen and (max-width: 479px) {
.top-recruit {
margin: 34px 0px 49px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-recruit .top-recruit__inner {
padding: 0px 10px
}
}
@media only screen and (max-width: 479px) {
.top-recruit .top-recruit__inner {
padding: 0px 10px
}
}
.top-recruit .top-recruit__inner__sns {
max-width: 920px;
margin: 0px auto
}
.top-recruit .top-recruit__inner__sns .sns--item {
display: block
}
@media only screen and (min-width: 800px) {
.top-recruit .top-recruit__inner__sns .sns--item {
width: 292px;
float: left;
margin-right: 20px;
}
.top-recruit .top-recruit__inner__sns .sns--item:last-child {
margin-right: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-recruit .top-recruit__inner__sns .sns--item {
width: 46.2%;
float: left
}
}
@media only screen and (max-width: 479px) {
.top-recruit .top-recruit__inner__sns .sns--item {
width: 292px;
margin: 0px auto 10px
}
}
@media only screen and (max-width: 479px) {
.top-recruit .top-recruit__inner__sns .sns--item:last-child {
margin-bottom: 0px
}
}
.top-recruit .top-recruit__inner__recruit {
max-width: 810px
}
@media only screen and (min-width: 800px) {
.top-recruit .top-recruit__inner__recruit {
margin: 70px auto 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.top-recruit .top-recruit__inner__recruit {
margin: 35px auto 0px
}
}
@media only screen and (max-width: 479px) {
.top-recruit .top-recruit__inner__recruit {
margin: 35px auto 0px
}
}
.top-recruit .top-recruit__inner__recruit a {
display: block
}
.showroom-button-area {
position: relative
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-button-area {
display: none !important
}
}
@media only screen and (max-width: 479px) {
.showroom-button-area {
display: none !important
}
}
.showroom-button-area .showroom-button {
position: absolute;
right: 0px;
top: 48px;
z-index: 50
}
.showroom-button-area .showroom-button.fixed {
position: fixed;
top: 200px
}
.faq-button-area .showroom-button.fixed{
top: 100px;
}
.showroom-button-area .showroom-button--item {
width: 130px;
height: 130px; background: #1e4aba;
background-size: 19px 17px;
display: block;
text-align: center;
padding: 15px 10px;
color: #fff;
text-decoration: none
}
.faq-button-area .showroom-button--item{
height: 75px;
width: 100px;
}
.showroom-button-area .showroom-button--item.middle-button{
padding: 10px;
}
.showroom-button-area .showroom-button--item.long-button{
padding: 0px 10px;
}
.faq-button-area .showroom-button--item.single-button{
padding: 11px 10px;
line-height: 1.3;
}
.faq-button-area .showroom-button--item.short-button{
padding: 22px 10px;
}
.faq-button-area .showroom-button--item.single-button .item__heading,
.faq-button-area .showroom-button--item.short-button .item__heading,
.faq-button-list .showroom-button--item.single-button .item__heading,
.faq-button-list .showroom-button--item.short-button .item__heading{
border-bottom: none;
}
.showroom-button-area .showroom-button--item .item--text {
display: block
}
.showroom-button-area .showroom-button--item .item__heading {
border-bottom: 1px solid #fff;
font-size: 20px;
padding: 21px 0px 9px 0px
}
.faq-button-area .showroom-button--item .item__heading{
font-size: 15px;
padding: 8px 0px 6px 0px
}
.showroom-button-area .showroom-button--item .item__sub {
font-size: 13px;
line-height: 140%;
margin-top: 4px
}
.showroom-button-area .showroom-button__matsue {
margin-top: 30px
}
.faq-button-area .showroom-button__matsue{
margin-top: 15px;
}
.showroom-button-area .showroom-button__honsya {
margin-top: 30px
}
.showroom-button-list .showroom-button {
max-width: 650px;
margin: 30px auto 0px
}
.showroom-button-list .showroom-button--item {
width: 49%;
height: 130px;
background: #1e4aba url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/icon-office-btn-01.png) no-repeat bottom 8px center;
background-size: 13px 11px;
display: block;
text-align: center;
padding: 0px 10px;
color: #fff;
font-weight: 500;
text-decoration: none;
float: left;
margin-right: 2%
}
.showroom-button-list .showroom-button--item .item--text {
display: block
}
.showroom-button-list .showroom-button--item .item__heading {
border-bottom: 1px solid #fff;
font-size: 20px;
padding: 21px 0px 9px 0px
}
.showroom-button-list .showroom-button--item .item__sub {
font-size: 14px;
line-height: 140%;
margin-top: 8px
}
.showroom-button-list .showroom-button__honsya {
margin-right: 0px
}
@media only screen and (min-width: 800px) {
.showroom-consultation {
margin-top: 58px
}
}
@media only screen and (min-width: 800px) and (max-width: 1400px) {
.showroom-button-area .showroom-button.fixed{
top: 80px;
}
.showroom-button-area .showroom-button--item{
height: 70px;
width: 100%;
}
.showroom-button-area .showroom-button--item .item__heading {
font-size: 16px;
padding: 20px 0px;
border-bottom: none;
}
.faq-button-area .showroom-button--item .item__heading{
padding: 10px 0px 10px 0px;
}
.showroom-button-area .showroom-button--item .item__sub {
display: none;
}
.showroom-button-area .showroom-button__matsue,
.showroom-button-area .showroom-button__honsya{
margin-top: 10px
}
.showroom-button-list .showroom-button--item.middle-button,
.showroom-button-list .showroom-button--item.long-button,
.faq-button-list .showroom-button--item.single-button,
.faq-button-list .showroom-button--item.short-button,
.showroom-button-area .showroom-button--item.middle-button,
.showroom-button-area .showroom-button--item.long-button,
.faq-button-area .showroom-button--item.single-button,
.showroom-button-area .showroom-button__honsya{
padding: 5px 10px;
}
.faq-button-area .showroom-button--item.short-button{
padding: 15px 10px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-consultation {
margin-top: 29px
}
.showroom-button-list .showroom-button--item{
width: 32%;
}
.showroom-button-list .showroom-button--item{
height: 125px;
margin-bottom: 7px;
padding: 0 10px 20px;
}
.showroom-button-list .showroom-button--item .item__heading{
padding: 15px 0 9px 0;
}
.faq-button-list .showroom-button--item{
height: 110px;
}
.showroom-button-list .showroom-button--item:nth-child(3n){
margin-right: 0;
}
.showroom-button-list .showroom-button--item.middle-button{
padding: 18px 10px;
}
.showroom-button-list .showroom-button--item.long-button{
padding: 0px 10px;
}
.faq-button-list .showroom-button--item{
width: 32%;
}
.faq-button-list .showroom-button--item:nth-child(2n){
margin-right: 2%;
}
.faq-button-list .showroom-button--item:nth-child(3n){
margin-right: 0;
}
.faq-button-list .showroom-button--item.single-button{
padding: 10px;
}
.faq-button-list .showroom-button--item.short-button{
padding: 20px 10px;
}
}
@media only screen and (max-width: 479px) {
.showroom-consultation {
margin-top: 29px
}
.showroom-button-list .showroom-button--item{
width: 32%;
}
.showroom-button-list .showroom-button--item{
height: 64px;
margin-bottom: 7px;
padding: 0 10px 20px;
}
.showroom-button-list .showroom-button--item .item__heading{
border-bottom: none;
font-size: 18px;
padding: 8px 0 9px 0;
}
.showroom-button-list .showroom-button--item .item__sub{
display: none;
}
.faq-button-list .showroom-button--item{
height: 66px;
}
.showroom-button-list .showroom-button--item:nth-child(3n){
margin-right: 0;
}
.showroom-button-list .showroom-button--item.middle-button{
padding: 18px 10px;
}
.showroom-button-list .showroom-button--item.long-button{
padding: 0px 10px;
}
.faq-button-list .showroom-button--item{
width: 32%;
}
.faq-button-list .showroom-button--item:nth-child(2n){
margin-right: 2%;
}
.faq-button-list .showroom-button--item:nth-child(3n){
margin-right: 0;
}
.faq-button-list .showroom-button--item .item__heading{
font-size: 15px;
}
.faq-button-list .showroom-button--item.single-button{
padding: 0 10px;
line-height: 107%;
}
.faq-button-list .showroom-button--item.short-button{
padding: 10px;
}
.pc-block {
display: none
}
span.pc-block {
display: none!important;
}
tr.pc-block {
display: none!important;
}
}
.showroom-consultation .showroom-consultation__inner__heading {
text-align: center;
color: #505050;
font-weight: 500
}
.faq__heading {
text-align: center;
color: #505050;
font-weight: 500
}
@media only screen and (min-width: 800px) {
.showroom-consultation .showroom-consultation__inner__heading {
font-size: 30px
}
.faq__heading {
font-size: 18px;
text-align: left;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-consultation .showroom-consultation__inner__heading {
font-size: 25px;
line-height: 140%
}
.faq__heading{
margin-top: 40px;
}
.faq__inner__list{
margin: 30px 0;
}
span.pc-block {
display: none!important;
}
}
@media only screen and (max-width: 479px) {
.showroom-consultation .showroom-consultation__inner__heading {
font-size: 20px;
line-height: 140%
}
.faq__inner__list{
margin: 30px 0;
}
.faq__heading{
margin-top: 40px;
}
}
.showroom-consultation .showroom-consultation__inner__list {
color: #505050;
font-weight: 500
.}
@media only screen and (min-width: 800px) {
.showroom-consultation .showroom-consultation__inner__list {
font-size: 21px;
max-width: 740px;
margin: 46px auto 0px
}
.faq__inner__list {
font-size: 16px;
max-width: 740px;
padding-top: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-consultation .showroom-consultation__inner__list {
font-size: 18px;
max-width: 650px;
margin: 23px auto 0px;
line-height: 130%
}
}
@media only screen and (max-width: 479px) {
.showroom-consultation .showroom-consultation__inner__list {
font-size: 16px;
margin: 23px auto 0px;
line-height: 130%
}
}
.showroom-consultation .showroom-consultation__inner__list .list--item {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/icon-consultation-01.png) no-repeat center left;
background-size: 33px 28px;
padding: 5px 0 5px 46px
}
.faq__inner__list .list--item {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/icon-consultation-01.png) no-repeat center left;
background-size: 28px 23px;
padding: 5px 0 5px 46px;
line-height: 140%
}
@media only screen and (min-width: 800px) {
.showroom-consultation .showroom-consultation__inner__list .list--item {
margin-top: 13px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-consultation .showroom-consultation__inner__list .list--item {
margin-top: 7px
}
}
@media only screen and (max-width: 479px) {
.showroom-consultation .showroom-consultation__inner__list .list--item {
margin-top: 7px
}
}
.showroom-consultation .showroom-consultation__inner__list .list--item:first-child {
margin-top: 0px
}
@media only screen and (min-width: 800px) {
.showroom-suggestion {
margin-top: 71px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-suggestion {
margin-top: 35px
}
}
@media only screen and (max-width: 479px) {
.showroom-suggestion {
margin-top: 35px
}
}
.showroom-suggestion .showroom-suggestion__inner__image {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/img-hikawa-showroom.png) no-repeat center left;
background-size: cover
}
@media only screen and (min-width: 800px) {
.showroom-suggestion .showroom-suggestion__inner__image {
float: right;
width: 570px;
height: 570px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-suggestion .showroom-suggestion__inner__image {
padding-bottom: 51%
}
}
@media only screen and (max-width: 479px) {
.showroom-suggestion .showroom-suggestion__inner__image {
padding-bottom: 51%
}
}
.showroom-suggestion .showroom-suggestion__inner__content {
background-color: #f0f5f5
}
@media only screen and (min-width: 800px) {
.showroom-suggestion .showroom-suggestion__inner__content {
float: left;
width: 570px
}
}
@media only screen and (min-width: 800px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner {
padding: 0px 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner {
padding: 25px
}
}
@media only screen and (max-width: 479px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner {
padding: 20px 10px
}
}
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__heading {
font-weight: 700;
color: #505050;
border-bottom: 1px solid #a7a7a7;
line-height: 140%;
padding: 0px 16px 7px
}
@media only screen and (min-width: 800px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__heading {
font-size: 25px;
margin-top: 49px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__heading {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__heading {
font-size: 18px
}
}
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__text {
margin-top: 11px;
padding: 0px 15px
}
.showroom-suggestion .showroom-suggestion__inner__content .content__inner .content__inner__text p {
line-height: 155%;
margin-bottom:.5rem;
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-payment {
margin-top: 35px
}
}
@media only screen and (max-width: 479px) {
.showroom-payment {
margin-top: 35px
}
}
.showroom-payment .showroom-payment__inner__image {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/img-payment-01.jpg) no-repeat center left;
background-size: cover
}
@media only screen and (min-width: 800px) {
.showroom-payment .showroom-payment__inner__image {
float: left;
width: 570px;
height: 570px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-payment .showroom-payment__inner__image {
padding-bottom: 51%
}
}
@media only screen and (max-width: 479px) {
.showroom-payment .showroom-payment__inner__image {
padding-bottom: 51%
}
}
.showroom-payment .showroom-payment__inner__content {
background-color: #f0f5f5
}
@media only screen and (min-width: 800px) {
.showroom-payment .showroom-payment__inner__content {
float: right;
width: 570px
}
}
@media only screen and (min-width: 800px) {
.showroom-payment .showroom-payment__inner__content .content__inner {
padding: 0px 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-payment .showroom-payment__inner__content .content__inner {
padding: 25px
}
}
@media only screen and (max-width: 479px) {
.showroom-payment .showroom-payment__inner__content .content__inner {
padding: 20px 10px
}
}
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__heading {
font-weight: 700;
color: #505050;
border-bottom: 1px solid #a7a7a7;
padding: 0px 16px 7px;
line-height: 140%
}
@media only screen and (min-width: 800px) {
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__heading {
font-size: 25px;
margin-top: 49px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__heading {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__heading {
font-size: 18px
}
}
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__text {
margin-top: 11px;
padding: 0px 15px
}
.showroom-payment .showroom-payment__inner__content .content__inner .content__inner__text p {
line-height: 155%;
margin-bottom:.5rem;
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-exhibition {
margin-top: 35px
}
}
@media only screen and (max-width: 479px) {
.showroom-exhibition {
margin-top: 35px
}
}
.showroom-exhibition .showroom-exhibition__inner__image {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/img-hikawa-voice.png) no-repeat center left;
background-size: cover
}
@media only screen and (min-width: 800px) {
.showroom-exhibition .showroom-exhibition__inner__image {
float: right;
width: 570px;
height: 570px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-exhibition .showroom-exhibition__inner__image {
height: 570px
}
}
@media only screen and (max-width: 479px) {
.showroom-exhibition .showroom-exhibition__inner__image {
padding-bottom: 51%;
}
}
.showroom-exhibition .showroom-exhibition__inner__content {
background-color: #f0f5f5
}
@media only screen and (min-width: 800px) {
.showroom-exhibition .showroom-exhibition__inner__content {
float: left;
width: 570px
}
}
@media only screen and (min-width: 800px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner {
padding: 0px 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner {
padding: 25px
}
}
@media only screen and (max-width: 479px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner {
padding: 20px 10px
}
}
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__heading {
font-weight: 700;
color: #505050;
border-bottom: 1px solid #a7a7a7;
padding: 0px 16px 7px;
line-height: 140%
}
@media only screen and (min-width: 800px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__heading {
font-size: 25px;
margin-top: 49px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__heading {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__heading {
font-size: 18px
}
}
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__text {
margin-top: 11px;
padding: 0px 15px
}
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__text p {
line-height: 155%;
margin-bottom:.5rem;
}
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__image {
max-width: 402px
}
@media only screen and (min-width: 800px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__image {
margin: 56px 0px 0px 19px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__image {
margin: 28px auto 0px
}
}
@media only screen and (max-width: 479px) {
.showroom-exhibition .showroom-exhibition__inner__content .content__inner .content__inner__image {
margin: 28px auto 0px
}
}
.showroom-office .showroom-office__inner__heading .heading__sub {
width: 160px
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content {
margin-top: 72px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content {
margin-top: 36px
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__content {
margin-top: 36px
}
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__image {
width: 555px;
float: left
}
}
.showroom-office .showroom-office__inner__content .content__detail {
max-width: 360px
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail {
float: left;
margin-left: 127px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content .content__detail {
margin: 0px auto
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__content .content__detail {
margin: 0px auto
}
}
.showroom-office .showroom-office__inner__content .content__detail .content__detail__address {
margin-top: 14px
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail__address p {
font-size: 17px;
line-height: 180%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail__address p {
font-size: 17px;
line-height: 180%
}
}
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link {
background-color: #f0f5f5;
display: block;
text-decoration: none;
padding: 19px 0;
font-weight: 500
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link {
margin-top: 15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link {
margin-top: 15px
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link {
margin-top: 15px
}
}
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--item {
display: inline-block;
vertical-align: middle
}
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--heading {
background-color: #505050;
width: 65px;
color: #fff;
text-align: center;
padding: 3px 0px
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--icon {
font-size: 37px;
margin-left: 17px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--icon {
font-size: 37px;
margin-left: 17px
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--icon {
font-size: 30px;
margin-left: 10px
}
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--number {
font-size: 28px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--number {
font-size: 28px
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail--link .link--number {
font-size: 24px
}
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail__tel {
margin-top: 35px
}
}
.showroom-office .showroom-office__inner__content .content__detail .content__detail__fax {
pointer-events: none
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__content .content__detail .content__detail__fax {
margin-top: 30px
}
}
.showroom-office .showroom-office__inner__map {
position: relative;
overflow: hidden
}
@media only screen and (min-width: 800px) {
.showroom-office .showroom-office__inner__map {
height: 480px;
margin-top: 67px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-office .showroom-office__inner__map {
height: 380px;
margin-top: 33px
}
}
@media only screen and (max-width: 479px) {
.showroom-office .showroom-office__inner__map {
height: 280px;
margin-top: 33px
}
}
.showroom-office .showroom-office__inner__map iframe, .showroom-office .showroom-office__inner__map object, .showroom-office .showroom-office__inner__map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media only screen and (min-width: 800px) {
.showroom-hikawa {
margin-top: 87px;
padding-bottom: 58px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa {
margin-top: 43px;
padding-bottom: 48px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa {
margin-top: 43px;
padding-bottom: 48px
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation {
margin-top: 77px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation {
margin-top: 38px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation {
margin-top: 38px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading {
color: #505050;
font-weight: 500
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading {
text-align: center
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading {
text-align: center;
line-height: 160%
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading {
line-height: 160%
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading01 {
font-size: 30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading01 {
font-size: 25px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading01 {
font-size: 20px
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__image {
width: 555px;
height: 419px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__image {
padding-bottom: 50%
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__image {
padding-bottom: 50%
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content {
width: 560px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content {
max-width: 610px;
margin: 0px auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner {
padding: 25px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner {
padding: 20px 10px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner .inner__heading {
font-weight: 500;
color: #505050
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner .inner__heading {
font-size: 25px
}
.faq__heading .inner__heading {
font-size: 24px;
line-height: 140%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner .inner__heading {
font-size: 23px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner .inner__heading {
font-size: 20px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail .detail__content .detail__content__inner .inner__text p {
line-height: 155%
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 {
margin-top: 62px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 {
margin-top: 31px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 {
margin-top: 31px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__image {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/img-confirmation-01.jpg) no-repeat center;
background-size: cover
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__image {
float: right
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content {
float: left
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__heading {
line-height: 140%
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list {
color: #505050;
max-width: 360px
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list {
margin: 33px 0px 0px 96px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list {
margin: 16px auto 0px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list {
margin: 16px auto 0px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list--item {
border: 1px solid #1e4aba;
position: relative;
margin-bottom: 20px;
text-align: center;
font-weight: 700
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list--item {
font-size: 21px;
padding: 9px 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list--item {
font-size: 18px;
padding: 11px 0px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list--item {
font-size: 16px;
padding: 12px 0px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list--item::before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 40px;
height: 40px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/icon-confirmation-01.png) no-repeat;
background-size: 130px 40px
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list__item02::before {
background-position: -45px 0px
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list__item03 {
margin-bottom: 0px
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__list .inner__list__item03::before {
background-position: -90px 0px
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__text {
margin-top: 35px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__text {
margin-top: 16px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail01 .detail__content .detail__content__inner .inner__text {
margin-top: 16px
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 {
margin-top: 52px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 {
margin-top: 26px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 {
margin-top: 26px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__image {
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/company/showroom/img-confirmation-02.jpg) no-repeat center;
background-size: cover
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__image {
float: left
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content {
float: right
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__heading {
line-height: 137%
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__heading {
text-align: center
}
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text {
padding-left: 4px;
margin-top: 19px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text {
margin-top: 10px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text {
margin-top: 10px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list {
color: #505050;
font-weight: 700
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list {
margin: 35px 0px;
letter-spacing: -1px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list {
margin: 19px 0px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list {
margin: 19px 0px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list .list--item {
margin-bottom: 1px;
position: relative;
line-height: 140%
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list .list--item {
padding-left: 11px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list .list--item {
padding-left: 15px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list .list--item {
padding-left: 15px;
line-height: 140%
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__detail02 .detail__content .detail__content__inner .inner__text .inner__text__list .list--item::before {
content: '・';
position: absolute;
top: 0px;
left: -4px
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading02 {
margin-top: 61px
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading02 {
font-size: 25px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading02 {
font-size: 23px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__heading02 {
font-size: 20px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__text {
max-width: 947px
}
@media only screen and (min-width: 800px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__text {
margin: 23px auto 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__text {
margin: 11px auto 0px
}
}
@media only screen and (max-width: 479px) {
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__text {
margin: 11px auto 0px
}
}
.showroom-hikawa .showroom-confirmation .showroom-confirmation__inner__text p {
line-height: 155%
}
@media only screen and (min-width: 800px) {
.showroom-matsue {
margin-top: 78px;
padding-bottom: 100px
}
.showroom-honsya {
margin-top: 78px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-matsue {
margin-top: 39px;
padding-bottom: 50px
}
}
@media only screen and (max-width: 479px) {
.showroom-matsue {
margin-top: 39px;
padding-bottom: 50px
}
}
@media only screen and (min-width: 800px) {
.showroom-company.office-list .showroom-company__inner {
padding: 50px 0px 180px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.showroom-company.office-list .showroom-company__inner {
padding: 40px 0px 90px
}
}
@media only screen and (max-width: 479px) {
.showroom-company.office-list .showroom-company__inner {
padding: 40px 0px 90px
}
}
.staff-section {
border-bottom: 1px dashed #505050;
box-sizing: border-box
}
@media only screen and (min-width: 800px) {
.staff-section {
margin-top: 71px;
padding-bottom: 55px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section {
margin-top: 35px;
padding-bottom: 40px
}
}
@media only screen and (max-width: 479px) {
.staff-section {
margin-top: 35px;
padding-bottom: 40px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section .column--image {
max-width: 555px;
margin: 0px auto
}
}
@media only screen and (min-width: 800px) {
.staff-section .staff-column--text {
float: right;
width: 530px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section .staff-column--text {
max-width: 555px;
margin: 20px auto 0px
}
}
@media only screen and (max-width: 479px) {
.staff-section .staff-column--text {
margin-top: 20px
}
}
.staff-section .staff-column--text .staff-column--text__heading {
color: #505050
}
.staff-column--text__heading{
text-align: center;
font-size: 26px;
font-weight: 500;
line-height: 1.3;
margin-top: 50px;
}
@media only screen and (min-width: 800px) {
.staff-section .staff-column--text .staff-column--text__heading {
padding: 0px 21px;
margin-top: 0;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section .staff-column--text .staff-column--text__heading {
padding: 0px 15px;
margin-top: 10px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 479px) {
.staff-section .staff-column--text .staff-column--text__heading {
padding: 0px 10px;
margin-top: 10px;
margin-bottom: 30px;
}
}
.staff-section .staff-column--text .staff-column--text__heading .heading--item {
display: block
}
.staff-section .staff-column--text .staff-column--text__heading .heading__name {
font-weight: 500;
margin: 13px 0px
}
@media only screen and (min-width: 800px) {
.staff-section .staff-column--text .staff-column--text__heading .heading__name {
font-size: 30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-column--text__heading{
font-size: 20px;
}
.staff-section .staff-column--text .staff-column--text__heading .heading__name {
font-size: 28px;
margin: 5px 0px
}
}
@media only screen and (max-width: 479px) {
.staff-section .staff-column--text .staff-column--text__heading .heading__name {
font-size: 28px;
margin: 5px 0px;
}
.staff-column--text__heading{
font-size: 20px;
}
}
.president-name{
text-align: right;
margin-top: 15px;
font-size: 18px;
}
@media only screen and (min-width: 800px) {
.staff-section .staff-column--text .staff-column--text__comment {
padding: 0px 21px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section .staff-column--text .staff-column--text__comment {
padding: 0px 15px
}
}
@media only screen and (max-width: 479px) {
.staff-section .staff-column--text .staff-column--text__comment {
padding: 0px 10px
}
}
.staff-section .staff-column--text .staff-column--text__comment p {
line-height: 155%
}
.staff-section .staff-column--text .staff-column--text__item {
margin-top: 15px
} .parts-section h3 + .license__lists {
margin-top: 15px;
}
.license__lists {
padding: 6px 21px;
display: flex;
flex-wrap: wrap;
}
.license__lists li {
position: relative;
margin-right: 1rem;
margin-bottom: 1rem;
font-size: 15px;
}
.license__lists li:after {
position: absolute;
content: "、";
right: -1.2rem;
}
.license__lists li:last-child {
margin-right: 0;
margin-bottom: 0;
}
.license__lists li:last-child:after {
display: none;
}
@media only screen and (min-width: 800px) {
.staff-section .staff-column--text .staff-column--text__item h3, .staff-section .staff-column--text .staff-column--text__item p ,.license__lists {
padding: 6px 21px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-section .staff-column--text .staff-column--text__item h3, .staff-section .staff-column--text .staff-column--text__item p ,
.license__lists {
padding: 6px 15px
}
}
@media only screen and (max-width: 479px) {
.staff-section .staff-column--text .staff-column--text__item h3, .staff-section .staff-column--text .staff-column--text__item p , .license__lists {
padding: 6px 10px
}
}
.staff-section .staff-column--text .staff-column--text__item h3 {
border-bottom: 1px solid #a8a8a8;
color: #505050;
font-weight: 700
}
.staff-section .staff-column--text .staff-column--text__item01 {
margin-top: 28px
}
@media only screen and (min-width: 800px) {
.staff-other.staff-list {
margin: 118px 0px 104px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-other.staff-list {
margin: 59px 0px 52px
}
}
@media only screen and (max-width: 479px) {
.staff-other.staff-list {
margin: 59px 0px 52px
}
}
.staff-other.staff-list .staff-list__inner__list .list--item {
width: 100%;
float: none
}
.staff-other.staff-list .staff-list__inner__list .list--item li:nth-child(3n+1) {
clear: none
}
@media only screen and (min-width: 800px) {
.voice-section {
margin-bottom: 100px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section {
margin-bottom: 50px
}
}
@media only screen and (max-width: 479px) {
.voice-section {
margin-bottom: 50px
}
}
.voice-section .voice-section__inner__list .article-area--box:first-child {
border-top: 0px
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner {
padding: 48px 0px;
}
.voice-section .voice-section__inner__list .article-area--box:first-child .box__inner{
padding-top: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner {
padding: 48px 0px;
}
.voice-section .voice-section__inner__list .article-area--box:first-child .box__inner{
padding-top: 0;
}
}
@media only screen and (max-width: 479px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner {
padding: 48px 0px;
}
.voice-section .voice-section__inner__list .article-area--box:first-child .box__inner{
padding-top: 0;
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--heading {
color: #505050;
font-weight: 500
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--heading h2{
line-height: 1.3;
}
.maker-section .article-area--box .box__inner .box__inner--image img{
border: 1px solid #ddd;
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--heading {
font-size: 25px;
margin: 0px 0px 15px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--heading {
font-size: 23px;
margin: 15px 0px
}
}
@media only screen and (max-width: 479px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--heading {
font-size: 18px;
margin: 15px 0px
}
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--image {
width: 360px;
float: left
}
.voice-section .voice-section__inner__list .side-main .article-area--box .box__inner .box__inner--image{
width: 240px;
}
.maker-section .article-area--box .box__inner .box__inner--image{
width: 250px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--image {
position: relative;
width: auto
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--image img {
width: 100%
}
@media screen and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--image img {
max-width: 400px;
width: 100%;
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--data {
color: #505050;
margin-bottom: 20px;
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail {
min-height: 350px
}
.voice-section .voice-section__inner__list .side-main .article-area--box .box__inner .box__inner--newslist{
min-height: 180px;
}
.voice-section .voice-section__inner__list .side-main .article-area--box .box__inner .box__inner--detail{
margin-left: 40px;
width: 580px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail {
margin-left: 0px
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list li {
position: relative;
color: #505050;
border-bottom: 1px solid #505050;
padding: 15px 0px;
line-height: 1.3;
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list li {
font-size: 18px
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list li:first-child {
border-top: 1px solid #505050
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list li {
font-size: 16px;
line-height: 140%
}
}
@media only screen and (max-width: 479px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list li {
font-size: 16px;
line-height: 140%
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--heading {
font-weight: 700
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--heading {
position: absolute;
left: 0px
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--text {
display: block
}
@media only screen and (min-width: 800px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--text {
margin-left: 110px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--text {
margin-top: 5px
}
}
@media only screen and (max-width: 479px) {
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--list .detail--list--text {
margin-top: 5px
}
}
.voice-section .voice-section__inner__list .article-area--box .box__inner .box__inner--detail .detail--more,
.link_btn {
margin-top: 20px
}
.voice-section__inner__pager {
text-align: center;
margin-top: 40px
}
.voice-section__inner__pager .page-numbers,
.voice-section__inner__pager .wp-pagenavi .page,
.voice-section__inner__pager .wp-pagenavi .current {
display: inline-block;
border: 1px solid #505050;
color: #000;
font-size: 14px;
text-align: center;
padding: 7px 8px;
min-width: 25px;
text-decoration: none;
cursor: pointer;
margin: 0px 5px
}
.voice-section__inner__pager .page-numbers:hover,
.voice-section__inner__pager .wp-pagenavi .page:hover {
background-color: #ccc
}
.voice-section__inner__pager .prev, .voice-section__inner__pager .next,
.voice-section__inner__pager .wp-pagenavi .nextpostslink, .voice-section__inner__pager .wp-pagenavi .previouspostslink {
border: 0;
padding: 7px 8px;
min-width: 25px;
text-decoration: none;
cursor: pointer
}
.voice-section__inner__pager .prev:hover, .voice-section__inner__pager .next:hover,
.voice-section__inner__pager .wp-pagenavi .nextpostslink:hover, .voice-section__inner__pager .wp-pagenavi .previouspostslink:hover {
background-color: #fff
}
.voice-section__inner__pager .current {
border: 1px solid #000;
background-color: #ccc;
padding: 7px 8px;
min-width: 25px;
margin-left: 5px;
cursor: text
}
@media only screen and (min-width: 800px) {
.voice-article {
margin: 80px 0px 100px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article {
margin: 40px 0px 50px
}
}
@media only screen and (max-width: 479px) {
.voice-article {
margin: 40px 0px 50px
}
}
.voice-article .voice-article__inner {
position: relative
}
.voice-article .voice-article__inner__data {
color: #505050;
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__data {
margin-bottom: 40px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__data {
margin-bottom: 30px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__data {
margin-bottom: 30px
}
}
.voice-article .voice-article__inner__content {
position: relative
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__content .content__image {
width: 450px
}
}
.voice-article .voice-article__inner__content .content__image img {
width: 100%
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__content .content__image img {
height: 300px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__content .content__image img {
padding-bottom: 50%;
height: 0px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__content .content__image img {
padding-bottom: 50%;
height: 0px
}
}
.voice-article .voice-article__inner .content__detail {
position: relative;
color: #505050
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner .content__detail {
width: 440px;
float: left;
margin-left: 20px;
}
.voice-article .voice-article__inner .content__image02{
float: left;
}
}
.voice-article .voice-article__inner .content__detail .content__detail--list li {
position: relative;
color: #505050;
border-bottom: 1px solid #505050;
padding: 15px 0px
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner .content__detail .content__detail--list li {
font-size: 18px
}
.voice-article .voice-article__inner .content__detail .content__detail--list li:first-child {
border-top: 1px solid #505050
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner .content__detail .content__detail--list li {
font-size: 16px;
line-height: 140%
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner .content__detail .content__detail--list li {
font-size: 16px;
line-height: 140%
}
}
.voice-article .voice-article__inner .content__detail .content__detail--list .list--heading {
font-weight: 700
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner .content__detail .content__detail--list .list--heading {
position: absolute;
left: 0px
}
}
.voice-article .voice-article__inner .content__detail .content__detail--list .list--text {
display: block
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner .content__detail .content__detail--list .list--text {
margin-left: 110px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner .content__detail .content__detail--list .list--text {
margin-top: 5px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner .content__detail .content__detail--list .list--text {
margin-top: 5px
}
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__excerpt {
margin-top: 23px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__excerpt {
margin-top: 7px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__excerpt {
margin-top: 7px
}
}
.voice-article .voice-article__inner__excerpt p {
font-size: 16px
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__gallery {
margin-top: 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__gallery {
margin-top: 40px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__gallery {
margin-top: 30px
}
}
.voice-article .voice-article__inner__gallery .gallery--item {
display: block;
float: left
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__gallery .gallery--item {
width: 270px;
margin: 25px 25px 0px 0px;
overflow: hidden
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(-n+3) {
margin-top: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(3n) {
margin-right: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(4n) {
clear: both
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__gallery .gallery--item {
width: 48%;
margin: 4% 4% 0% 0%
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(-n+2) {
margin-top: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(2n) {
margin-right: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(2n+1) {
clear: both
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__gallery .gallery--item {
width: 48%;
margin: 4% 4% 0% 0%
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(-n+2) {
margin-top: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(2n) {
margin-right: 0px
}
.voice-article .voice-article__inner__gallery .gallery--item:nth-child(2n+1) {
clear: both
}
}
.voice-article .voice-article__inner__gallery .gallery--item img {
width: 100%;
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__gallery .gallery--item img {
height: 150px;
}
}
.voice-article .voice-article__inner__responsible {
background-color: #dceeff;
position: relative;
border-radius: 10px;
margin-bottom: 40px;
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__responsible {
padding: 45px 20px;
margin-top: 55px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__responsible {
padding: 45px 20px;
margin-top: 40px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__responsible {
padding: 45px 20px;
margin-top: 40px
}
}
.voice-article .voice-article__inner__responsible::before {
content: "";
position: absolute;
height: 0;
width: 0;
transform: translate(-50%, 0%)
}
.voice-article .voice-article__inner__responsible::before {
top: -35px;
left: 50%;
border: 15px solid transparent;
border-bottom: 25px solid #dceeff
}
.voice-article .voice-article__inner__responsible .responsible__heading {
font-weight: 500
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__responsible .responsible__heading {
font-size: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__responsible .responsible__heading {
font-size: 18px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__responsible .responsible__heading {
font-size: 16px
}
}
.voice-article .voice-article__inner__responsible .responsible__text {
margin-top: 20px;
font-size: 16px
}
.voice-article .voice-article__inner__pager {
text-align: center
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__pager {
margin-top: 40px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__pager {
margin-top: 20px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__pager {
margin-top: 20px
}
}
.voice-article .voice-article__inner__pager .pager--item {
display: inline-block;
text-decoration: none
}
@media only screen and (min-width: 800px) {
.voice-article .voice-article__inner__pager .pager--item {
font-size: 15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.voice-article .voice-article__inner__pager .pager--item {
font-size: 15px
}
}
@media only screen and (max-width: 479px) {
.voice-article .voice-article__inner__pager .pager--item {
font-size: 13px
}
}
.voice-article .voice-article__inner__pager .pager__list::before, .voice-article .voice-article__inner__pager .pager__list::after {
content: '｜';
display: inline-block;
margin: 0px 5px
}
@media only screen and (min-width: 800px) {
.inquiry-section {
margin: 80px 0px 100px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section {
margin: 40px 0px 50px
}
}
@media only screen and (max-width: 479px) {
.inquiry-section {
margin: 40px 0px 50px
}
}
.inquiry-section .inquiry-section__inner__text {
text-align: center
}
.inquiry-section .inquiry-section__inner__form {
max-width: 945px
}
@media only screen and (min-width: 800px) {
.inquiry-section .inquiry-section__inner__form {
margin: 50px auto 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form {
margin-top: 30px
}
}
@media only screen and (max-width: 479px) {
.inquiry-section .inquiry-section__inner__form {
margin-top: 30px
}
}
@media only screen and (min-width: 800px) {
.inquiry-section .inquiry-section__inner__form .form__column02 .form--item {
width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form__column02 .form--item {
width: 100%;
}
}
@media only screen and (max-width: 479px) {
.inquiry-section .inquiry-section__inner__form .form__column02 .form--item {
width: 100%
}
}
.inquiry-section .inquiry-section__inner__form .form--box p,
.inquiry-section .inquiry-section__inner__form .form--box .check_box{
display: inline-block;
vertical-align: middle;
}
.inquiry-section .inquiry-section__inner__form .form--box .check_box,
.inquiry-section .inquiry-section__inner__form .form--box p{
width: 73%;
}
.inquiry-section .inquiry-section__inner__form .form--item .form--item__heading,
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox__heading {
font-weight: 500;
width: 26%;
}
.inquiry-section .inquiry-section__inner__form .form--item .form--item__heading .heading--required {
color: #f00;
font-weight: 700
}
.inquiry-section .inquiry-section__inner__form .form--item__input {
width: 100%;
border: 1px solid #a8a8a8;
border-radius: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 45px;
padding-left: 10px;
padding-right: 35px;
font-size: 15px
}
.inquiry-section .inquiry-section__inner__form .form--item__input.form--item__submit{
padding-right: 10px;
}
.inquiry-section .inquiry-section__inner__form .your-name .form--item__input,
.inquiry-section .inquiry-section__inner__form .your-phonetic .form--item__input{
width: 40%;
}
.inquiry-section .inquiry-section__inner__form .your-email .form--item__input,
.inquiry-section .inquiry-section__inner__form .your-tel .form--item__input ,
.inquiry-section .inquiry-section__inner__form .zip .form--item__input {
width: 50%;
}
.inquiry-section .inquiry-section__inner__form .form--item__select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/inquiry/icon-select-01.png) no-repeat center right 10px;
background-size: 20px 10px;
width: 50%;
}
.inquiry-section .inquiry-section__inner__form select::-ms-expand {
display: none
}
.inquiry-section .inquiry-section__inner__form .form__checkbox {
margin-bottom: 30px
}
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox__heading {
font-weight: 500
}
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box {
margin-top: 20px;
position: relative
}
.wpcf7-form .form--box {
padding: 30px 10px;
border-top: 1px solid #ccc;
}
span.wpcf7-list-item{
margin: 0!important;
}
.inquiry-section .inquiry-section__inner__form .form--item__input::-webkit-input-placeholder {
color: #aaa;
}
.inquiry-section .inquiry-section__inner__form .form--item__input:-ms-input-placeholder {
color: #aaa;
}
.inquiry-section .inquiry-section__inner__form .form--item__input::-moz-placeholder {
color: #aaa;
}
.inquiry-section .inquiry-section__inner__form .form--item__input::-placeholder {
color: #aaa;
}
@media only screen and (min-width: 800px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box {
float: left;
width: 50%
}
}
@media only screen and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form--item .form--item__heading, .inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox__heading,
.inquiry-section .inquiry-section__inner__form .form--box .check_box, .inquiry-section .inquiry-section__inner__form .form--box p{
width: 100%;
}
.inquiry-section .inquiry-section__inner__form .form--box p, .inquiry-section .inquiry-section__inner__form .form--box .check_box{
display: block;
}
.wpcf7-radio label{
margin-left: 10px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box {
float: left;
width: 46%;
margin-right: 8%
}
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box:nth-child(2n) {
margin-right: 0%
}
}
@media only screen and (min-width: 800px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--item {
display: inline-block;
vertical-align: middle
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--item {
display: block
}
}
@media only screen and (max-width: 479px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--item {
display: block
}
.inquiry-section .inquiry-section__inner__form .form--item__select,
.inquiry-section .inquiry-section__inner__form .your-name .form--item__input,
.inquiry-section .inquiry-section__inner__form .your-phonetic .form--item__input,
.inquiry-section .inquiry-section__inner__form .your-email .form--item__input,
.inquiry-section .inquiry-section__inner__form .your-tel .form--item__input ,
.inquiry-section .inquiry-section__inner__form .zip .form--item__input{
width: 100%;
}
.wpcf7-radio .wpcf7-list-item {
width: 50%;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--input {
position: absolute;
left: 0px
}
}
@media only screen and (max-width: 479px) {
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--input {
position: absolute;
left: 0px
}
}
.inquiry-section .inquiry-section__inner__form .form__checkbox .form__checkbox--box .box--label {
font-size: 15px;
color: #505050;
line-height: 140%
}
.inquiry-section .inquiry-section__inner__form .form--item__textarea {
padding: 10px
}
@media only screen and (min-width: 800px) {
.inquiry-section .inquiry-section__inner__form .form--item__textarea {
height: 300px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.inquiry-section .inquiry-section__inner__form .form--item__textarea {
height: 250px
}
}
@media only screen and (max-width: 479px) {
.inquiry-section .inquiry-section__inner__form .form--item__textarea {
height: 200px
}
}
.inquiry-section .inquiry-section__inner__form .form--item__submit {
background-color: #1e4aba;
color: #fff;
max-width: 440px;
margin: 20px auto 0px;
display: block;
cursor: pointer;
font-size: 18px;
height: 60px;
transition: .3s
}
.inquiry-section .inquiry-section__inner__form .form--item__submit:hover {
background-color: #ccc
}
.inquiry-section .inquiry-section__inner__privacy {
text-align: center;
margin-top: 40px
} input[type="checkbox"]{ display: none; }
.check_box label input[type="checkbox"] + span{ position:relative; padding-left: 20px; }
.check_box label input[type="checkbox"] + span::before{ content: ""; background: #fff; display: block; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px; }
.check_box label input[type="checkbox"]:checked + span{ color: #1e4aba; }
.check_box label input[type="checkbox"]:checked + span::after{ content: ""; display: block; position: absolute; top: 0; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #1e4aba; border-right: 3px solid #1e4aba; } input[type="radio"] { display: none; }
.wpcf7-radio label{	display: inline-block;	position: relative;	cursor: pointer; margin-left: 20px;	padding: 10px 20px;	border-radius: 2px;	font-size: 14px; text-align: center;	line-height: 1; }
.wpcf7-radio label:before{ content: ""; background: #fff; border: 1px solid #bbb; position: absolute; top: 50%; left: -10px; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; }
.wpcf7-radio label input[type="radio"]:checked + span:after { content: ""; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px;	margin-top: -5px; border-radius: 50%; background: #1e4aba; }
.wpcf7-radio .wpcf7-list-item:first-child{ margin-left: 0; }
@media only screen and (min-width: 800px) {
.maker-section {
margin: 80px 0px 100px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.maker-section {
margin: 40px 0px 50px
}
.maker-section .maker-section__inner .article-area--box .box__inner.maker_link {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 479px) {
.maker-section {
margin: 40px 0px 50px
}
.maker-section .maker-section__inner .article-area--box .box__inner.maker_link {
padding-bottom: 80px;
}
.maker_link::before{
content:'詳しく見る';
border: 3px solid #1e4aba;
display: block;
bottom: 0;
padding: 20px 10px;
position: absolute;
width: 100%;
text-align: center;
}
}
.maker-section .maker-section__inner .article-area--box {
border: 0px
}
@media only screen and (min-width: 800px) {
.maker-section .maker-section__inner .article-area--box {
margin-top: 70px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.maker-section .maker-section__inner .article-area--box {
margin-top: 70px
}
}
@media only screen and (max-width: 479px) {
.maker-section .maker-section__inner .article-area--box {
margin-top: 50px
}
}
.maker-section .maker-section__inner .article-area--box .box__inner {
padding: 0px
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--image {
width: 100%;
position: static
}
}
@media only screen and (min-width: 800px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail {
min-height: auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail {
margin: 10px 0px 0px 0px
}
}
@media only screen and (max-width: 479px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail {
margin: 10px 0px 0px 0px
}
}
@media only screen and (min-width: 800px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 25px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 23px
}
}
@media only screen and (max-width: 479px) {
.maker-section .maker-section__inner .article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 20px
}
}
@media only screen and (min-width: 800px) {
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
a[href^="tel:"] {
pointer-events: none
}
}
.img--fit,
.box__inner--image .attachment-large {
width: 100%;
height: auto
}
.img--verticalBottom {
vertical-align: text-bottom
}
.list--disc {
margin-left: 20px
}
.list--disc>li {
list-style-type: disc
}
.list--decimal {
margin-left: 20px
}
.list--decimal>li {
list-style-type: decimal
}
@media only screen and (min-width: 800px) {
.spDn {
display: block
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.spDn {
display: block
}
}
@media only screen and (max-width: 479px) {
.spDn {
display: none
}
}
@media only screen and (min-width: 800px) {
.spOn {
display: none
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.spOn {
display: none
}
}
@media only screen and (max-width: 479px) {
.spOn {
display: block
}
}
@media only screen and (min-width: 800px) {
.pcDn {
display: none
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.pcDn {
display: block
}
}
@media only screen and (max-width: 479px) {
.pcDn {
display: block
}
}
@media only screen and (min-width: 800px) {
.pcOn {
display: block
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.pcOn {
display: none
}
}
@media only screen and (max-width: 479px) {
.pcOn {
display: none
}
}
.mainImage {
position: relative;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/css/../img/common/img-kv-01.jpg) no-repeat center -120px;
background-size: 100% 510px;
overflow: hidden;
}
@media only screen and (min-width: 800px) {
.mainImage {
height: 350px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.mainImage {
height: 300px;
background-size: cover;
background-position-y: 0px;
}
}
@media only screen and (max-width: 479px) {
.mainImage {
height: 140px;
background-size: cover;
background-position-y: 0
}
}
.mainImage__heading {
position: absolute;
left: 50%;
z-index: 65;
font-weight: 700;
text-align: center;
line-height: 140%;
width: 100%
}
@media only screen and (min-width: 800px) {
.mainImage__heading {
font-size: 30px;
top: 195px;
transform: translate(-50%, 0%)
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.mainImage__heading {
font-size: 25px;
top: 50%;
transform: translate(-50%, -50%)
}
}
@media only screen and (max-width: 479px) {
.mainImage__heading {
font-size: 20px;
font-weight: normal;
top: 50%;
transform: translate(-50%, -5%)
}
}
.mainImage__heading .mainImage__heading__sub {
display: block
}
@media only screen and (min-width: 800px) {
.mainImage__heading .mainImage__heading__sub {
font-size: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.mainImage__heading .mainImage__heading__sub {
font-size: 18px
}
}
@media only screen and (max-width: 479px) {
.mainImage__heading .mainImage__heading__sub {
font-size: 16px
}
}
.breadcrumb {
background-color: #52aaff
}
@media only screen and (min-width: 800px) {
.breadcrumb {
padding: 9px 0px 12px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.breadcrumb {
padding: 10px 0px;
overflow-x: scroll;
}
.breadcrumb ul{
width: 670px;
}
}
@media only screen and (max-width: 479px) {
.breadcrumb {
padding: 10px 0px;
overflow-x: scroll;
}
.breadcrumb ul{
width: 900px;
}
}
.breadcrumb--item {
float: left;
color: #fff;
font-size: 14px
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.breadcrumb--item {
line-height: 140%
}
}
@media only screen and (max-width: 479px) {
.breadcrumb--item {
line-height: 140%
}
}
.breadcrumb--item::after {
content: '＞';
margin: 0px 3.5px
}
@media only screen and (min-width: 800px) {
.breadcrumb--item:first-child {
margin-left: 13px
}
}
.breadcrumb--item:last-child::after {
content: ''
}
.breadcrumb--item a {
color: #fff;
font-size: 14px;
text-decoration: none
}
@media only screen and (min-width: 800px) {
.qa-section {
margin-top: 80px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section {
margin-top: 40px
}
}
@media only screen and (max-width: 479px) {
.qa-section {
margin-top: 40px
}
}
.qa-section .qa-section__inner .column--heading {
font-weight: 700;
color: #fff;
background-color: #1e4aba;
border-radius: 10px 10px 0px 0px
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner .column--heading {
font-size: 25px;
text-align: center;
padding: 12px 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner .column--heading {
font-size: 23px;
text-align: center;
padding: 12px 0px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner .column--heading {
font-size: 20px;
padding: 12px;
line-height: 140%
}
}
.qa-section .qa-section__inner .column__list--item {
line-height: 125%;
position: relative;
padding-right: 15px
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner .column__list--item {
float: left;
font-size: 17px;
max-width: 477px;
margin-top: 30px;
width: 100%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner .column__list--item {
font-size: 17px;
margin-top: 15px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner .column__list--item {
font-size: 14px;
margin-top: 15px
}
}
.qa-section .qa-section__inner .column__list--item:first-child {
margin-top: 0px
}
.qa-section .qa-section__inner .column__list--item::before {
content: '';
display: inline-block;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/common/icon-qa-01.png) no-repeat center left;
background-size: 35px;
width: 35px;
height: 35px;
vertical-align: middle
}
.qa-section .qa-section__inner .column__list--item::after {
font-family: 'icomoon';
content: '\e906';
position: absolute;
color: #1e4aba;
right: 0px;
top: 50%;
transform: translate(0%, -50%)
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner .column__list--item::after {
font-size: 15px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner .column__list--item::after {
font-size: 15px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner .column__list--item::after {
font-size: 12px
}
}
.qa-section .qa-section__inner .column__list--item a {
display: inline-block;
text-decoration: none;
vertical-align: middle;
width: 100%;
margin-left: -40px;
padding-left: 47px
}
.qa-section .qa-section__inner__column01 {
border: 1px solid #1e4aba;
border-radius: 10px;
margin-top: 30px
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner__column01 .column01__list {
padding: 35px 32px 39px 50px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner__column01 .column01__list {
padding: 30px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner__column01 .column01__list {
padding: 30px 20px
}
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner__column01 .column01__list .column01__list--item:nth-child(-n+2) {
margin-top: 0px
}
.qa-section .qa-section__inner__column01 .column01__list .column01__list--item:nth-child(2n) {
float: right
}
}
.qa-section .qa-section__inner__column02 {
margin-top: 30px
}
.qa-section .qa-section__inner__column02 .column02--item {
border: 1px solid #1e4aba;
border-radius: 10px
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner__column02 .column02--item {
width: 554px;
float: left
}
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner__column02 .column02--item:last-child {
float: right
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner__column02 .column02--item:last-child {
margin-top: 30px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner__column02 .column02--item:last-child {
margin-top: 30px
}
}
@media only screen and (min-width: 800px) {
.qa-section .qa-section__inner__column02 .column02__list {
padding: 35px 44px 45px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.qa-section .qa-section__inner__column02 .column02__list {
padding: 30px
}
}
@media only screen and (max-width: 479px) {
.qa-section .qa-section__inner__column02 .column02__list {
padding: 30px 20px
}
}
.article-area--box {
border-bottom: 1px dashed #505050;
box-sizing: border-box
}
.article-area--box .box__inner {
position: relative
}
.article-area--box02 {
border-bottom: 1px dashed #505050;
box-sizing: border-box
}
.article-area--box:first-child {
border-top: none;
}
.article-area--box:last-child{
border-bottom: none;
}
.article-area--box .box__inner {
position: relative
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner {
padding: 48px 0px
}
.article-area--box:first-child .box__inner{
padding-top: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner {
padding: 30px 10px
}
.article-area--box:first-child .box__inner{
padding-top: 0;
}
}
@media only screen and (max-width: 479px) {
.article-area--box .box__inner {
padding: 30px 10px
}
.article-area--box:first-child .box__inner{
padding-top: 0;
}
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner .box__inner--image {
width: 360px;
float: left
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner .box__inner--image {
width: 180px;
position: absolute
}
}
.article-area--box .box__inner .box__inner--detail {
position: relative;
color: #505050
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner .box__inner--detail {
width: 700px;
float: left;
margin-left: 59px;
min-height: 270px
}
.article-area--box .box__inner .box__inner--detail.new-common-sense_detail{
min-height: 240px;
}
.maker-section .article-area--box .box__inner .box__inner--detail{
margin-left: 30px;
width: 820px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner .box__inner--detail {
margin-left: 200px
}
}
.article-area--box .box__inner .box__inner--detail .detail--heading {
font-weight: 500;
line-height: 1.3;
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 25px;
line-height: 140%
}
}
@media only screen and (max-width: 479px) {
.article-area--box .box__inner .box__inner--detail .detail--heading {
font-size: 20px;
line-height: 140%
}
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner .box__inner--detail .detail--excerpt {
margin-top: 15px
}
.maker-section .article-area--box .box__inner .box__inner--detail .detail--excerpt{
margin-top: 10px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner .box__inner--detail .detail--excerpt {
margin-top: 7px
}
}
@media only screen and (max-width: 479px) {
.article-area--box .box__inner .box__inner--detail .detail--excerpt {
margin-top: 7px
}
}
.article-area--box .box__inner .box__inner--detail .detail--more,
.link_btn a {
border: 3px solid #1e4aba;
display: block;
text-decoration: none;
font-weight: 500;
text-align: center;
transition: .3s
}
.link_btn a{
display: inline-block;
padding: 15px 60px;
position: relative;
}
@media only screen and (min-width: 800px) {
.article-area--box .box__inner .box__inner--detail .detail--more {
position: absolute;
left: 3px;
bottom: 0px;
width: 340px;
font-size: 20px;
padding: 20px 0px
}
.article-area--box .box__inner .box__inner--detail .voice--more{
position: relative;
left: auto;
bottom: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area--box .box__inner .box__inner--detail .detail--more,
.link_btn a {
position: relative;
max-width: 360px;
font-size: 18px;
padding: 17px 0px;
margin-top: 10px
}
.link_btn a{
display: block;
}
}
@media only screen and (max-width: 479px) {
.article-area--box .box__inner .box__inner--detail .detail--more,
.link_btn a {
position: relative;
font-size: 16px;
padding: 12px 0px;
margin-top: 10px
}
.link_btn a{
display: block;
}
}
.article-area--box .box__inner .box__inner--detail .detail--more::after,
.link_btn a::after {
font-family: 'icomoon';
content: '\e906';
position: absolute;
top: 50%;
right: 10px;
transform: translate(0%, -50%);
color: #1e4aba;
font-size: 15px
}
.article-area--box .box__inner .box__inner--detail .detail--more:hover,
.link_btn a:hover {
background-color: #1e4aba;
border-color: #1e4aba;
color: #fff
}
.article-area--box .box__inner .box__inner--detail .detail--more:hover::after,
.link_btn a:hover::after {
color: #fff
}
.content-section .content-section__inner {
max-width: 945px;
margin: 0px auto
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.content-section .content-section__inner {
padding: 0px 10px
}
}
@media only screen and (max-width: 479px) {
.content-section .content-section__inner {
padding: 0px 10px
}
}
.content-section .content-section__inner h2,
.parts-section h2 {
font-weight: 500;
line-height: 1.3;
text-align: center;
margin-top: 50px;
color: #505050
}
.content-section .privacy-policy_inner h2{
text-align: left;
}
@media only screen and (min-width: 800px) {
.content-section .content-section__inner h2,
.parts-section h2 {
font-size: 26px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.content-section .content-section__inner h2,
.parts-section h2 {
font-size: 25px
}
}
@media only screen and (max-width: 479px) {
.content-section .content-section__inner h2,
.parts-section h2 {
font-size: 20px
}
}
.content-section h3 {
font-weight: 500;
text-align: center; color: #505050
}
.new-common-sense__inner h3{
margin-top: 30px;
}
.parts-section h3{
text-align: left;
}
.parts-section h3 + p{
margin-top: 15px;
}
@media only screen and (min-width: 800px) {
.content-section h3 {
font-size: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.content-section h3 {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.content-section h3 {
font-size: 18px
}
}
.content-section h4 {
font-weight: 500;
text-align: center;
margin-top: 66px;
color: #505050
}
.parts-section h4{
text-align: left;
}
@media only screen and (min-width: 800px) {
.content-section h4 {
font-size: 22px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.content-section h4 {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.content-section h4 {
font-size: 18px
}
}
.content-section h5 {
font-weight: 500;
text-align: center;
margin-top: 66px;
color: #505050
}
.parts-section h5{
text-align: left;
}
@media only screen and (min-width: 800px) {
.content-section h5 {
font-size: 22px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.content-section h5 {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.content-section h5 {
font-size: 18px
}
}
.content-section p {
margin-top: 24px;
line-height: 155%;
}
.content-section .sav_text{
color: #505050;
display: block;
margin-top: 5px;
font-size: 14px;
}
.content-section strong,
.content-section b {
font-weight: bold
}
.content-section .content-section__inner em {
font-style: italic
}
.content-section .content-section__inner ul {
margin-top: 55px;
color: #505050;
padding-left: 3px
}
.content-section .content-section__inner ul li {
position: relative;
margin-bottom: 12px
}
.content-section .content-section__inner ul li::before {
content: '●';
color: #1e4aba;
font-size: 15px
}
.content-section .content-section__inner ol {
margin-top: 55px;
color: #505050;
list-style-type: decimal;
padding-left: 20px
}
.content-section .content-section__inner ol li {
margin-bottom: 12px
}
.content-section .content-section__inner blockquote {
background-color: #eee;
padding: 20px;
margin: 20px 0px
}
.content-section .content-section__inner del {
text-decoration: line-through
}
.parts-section .parts-section__inner--fullImage {
margin-top: 20px;
width: 100%
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--column .column--image {
width: 555px
}
.parts-section .parts-section__inner--column .column--image.min {
width: 480px
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--column .column--text {
width: 495px
}
.parts-section .parts-section__inner--column .column--text02 {
width: 560px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--column .column--text {
margin-top: 20px
}
.parts-section .parts-section__inner--column .column--image{
max-width: 500px;
width: 100%;
}
.parts-section .parts-section__inner--column .column--image img{
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--column .column--text {
margin-top: 20px
}
.parts-section .parts-section__inner--column .column--image{
max-width: 500px;
width: 100%;
}
.parts-section .parts-section__inner--column .column--image img{
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--columnType01 .column--image {
float: right
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--columnType01 .column--text {
float: left;
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--columnType02 .column--image {
float: left
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--columnType02 .column--text {
float: right;
margin-right: 30px
}
}
.parts-section .parts-section__inner--quote {
background-color: #f0f5f5;
position: relative;
padding: 41px 0px 46px
}
.parts-section .parts-section__inner--quote .quote__icon::before, .parts-section .parts-section__inner--quote .quote__icon::after {
content: '';
position: absolute;
width: 24px;
height: 24px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/common/icon-quote-01.png) no-repeat;
background-size: 111px 24px
}
.parts-section .parts-section__inner--quote .quote__iconTop::before, .parts-section .parts-section__inner--quote .quote__iconTop::after {
top: 13px
}
.parts-section .parts-section__inner--quote .quote__iconTop::before {
left: 13px
}
.parts-section .parts-section__inner--quote .quote__iconTop::after {
right: 13px;
background-position: -29px 0px
}
.parts-section .parts-section__inner--quote .quote__iconBottom::before, .parts-section .parts-section__inner--quote .quote__iconBottom::after {
bottom: 13px
}
.parts-section .parts-section__inner--quote .quote__iconBottom::before {
left: 13px;
background-position: -58px 0px
}
.parts-section .parts-section__inner--quote .quote__iconBottom::after {
right: 13px;
background-position: -87px 0px
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--quote .quote__content {
width: 945px;
margin: 0px auto
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--quote .quote__content {
padding: 0px 35px
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--quote .quote__content {
padding: 0px 35px
}
}
.parts-section .parts-section__inner--quote .quote__content .quote__content__heading {
font-weight: 500;
text-align: center;
color: #505050;
margin-top: 0;
line-height: 140%
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--quote .quote__content .quote__content__heading {
font-size: 22px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--quote .quote__content .quote__content__heading {
font-size: 22px
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--quote .quote__content .quote__content__heading {
font-size: 18px
}
}
.parts-section .parts-section__inner--quote .quote__content .quote__content__text {
margin-top: 21px
}
.content-section .quote__content__text p{
line-height: 1.6;
margin-top: 0;
margin-bottom: 24px;
}
.quote__content__text .mb-tag{
margin-bottom: 24px;
}
.quote__content__text h3{
font-size: 18px;
margin-bottom: 10px;
}
.quote__content__text .col_left {
float: left
}
.quote__content__text .col_right {
float: right;
}
.clear {
clear: both
}
.quote__content__text .hems-list{
margin-top: 30px;
}
.quote__content__text .hems-list .hemsbox{
float: left;
margin-right: 20px;
text-align: center;
width: 31.9%;
}
.quote__content__text .hemsbox {
padding: 10px;
border: 1px solid #ff8800;
background-color: #fff;
}
.quote__content__text .hems-list .hemsbox:last-child{
margin-right: 0;
}
.quote__content__text .hemsbox02 {
padding: 10px;
border: 1px solid #ff8800;
background-color: #fff
}
.quote__content__text .hemsbox h2 {
font-size: 22px;
color: #ff8800;
margin-top: 0;
padding-bottom: 10px
}
.quote__content__text .hemsbox02 h2 {
font-size: 22px;
color: #ff8800;
margin-top: 0;
padding-bottom: 10px
}
.parts-section__inner--column .col_left02 {
}
.parts-section__inner--column .col_left02 li {
float: left
}
.parts-section__inner--column .col_left02 img {
float: left;
width: 28%
}
.parts-section__inner--column .col_right02 {
}
.parts-section__inner--column .col_right02 img {
float: right;
width: 14%
}
.parts-section .parts-section__inner--table01,
.parts-section .parts-section__inner--table04 {
width: 100%
}
.pdf_left_top{
float: left;
margin-right: 3px;
width: 28.2%;
}
.pdf_left li{
float: left;
margin: 3px;
width: 13.7%
}
.pdf_left li img,
.pdf_left_top img{
height: auto;
width: 100%;
}
.link_text {
margin: 10px 0;
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01,
.parts-section .parts-section__inner--table04 {
border: none
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01, .parts-section .parts-section__inner--table01 td, .parts-section .parts-section__inner--table01 th,
.parts-section .parts-section__inner--table04, .parts-section .parts-section__inner--table04 td, .parts-section .parts-section__inner--table04 th {
border: 1px solid #505050;
border-collapse: collapse
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table01, .parts-section .parts-section__inner--table01 td, .parts-section .parts-section__inner--table01 th,
.parts-section .parts-section__inner--table04, .parts-section .parts-section__inner--table04 td, .parts-section .parts-section__inner--table04 th {
border: 1px solid #505050;
border-collapse: collapse
}
.link_text {
margin: 10px 0;
text-align: center;
}
.pdf_left_top {
float: none;
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 320px;
}
.pdf_left{
display: none;
}
.quote__content__text .hems-list .hemsbox{
float: none;
margin-bottom: 20px;
width: 100%;
}
.quote__content__text .hems-list .hemsbox:last-child{
margin-bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 thead {
display: none
}
.link_text {
margin: 10px 0;
text-align: center;
}
.pdf_left_top {
float: none;
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 320px;
}
.pdf_left{
display: none;
}
.quote__content__text .hems-list .hemsbox{
float: none;
margin-bottom: 20px;
width: 100%;
}
.quote__content__text .hems-list .hemsbox:last-child{
margin-bottom: 0;
}
}
.parts-section .parts-section__inner--table01 tr,
.parts-section .parts-section__inner--table04 tr {
background-color: #fff
}
.parts-section .parts-section__inner--table01 tr:nth-child(2n),
.parts-section .parts-section__inner--table04 tr:nth-child(2n),
.parts-section .parts-section__inner--table04 tr.blue-cell{
background-color: #e3faff
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 tr,
.parts-section .parts-section__inner--table04 tr {
display: block;
margin-bottom: 15px
}
.parts-section .parts-section__inner--table04 tr{
margin-bottom: 0;
}
}
.parts-section .parts-section__inner--table01 th,
.parts-section .parts-section__inner--table04 th {
background-color: #5292ff;
font-size: 15px;
color: #fff;
font-weight: bold;
line-height: 110%;
font-size: 15px;
padding: 17px 24px
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 th{
display: block;
margin-bottom: 20px
}
.parts-section .parts-section__inner--table04 th,
.parts-section .parts-section__inner--table04 td{
display: block;
padding: 10px;
width: 100%;
}
.parts-section .parts-section__inner--table04 th{
border-top: 1px solid #505050;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
}
.parts-section .parts-section__inner--table04 td{
border-left: 1px solid #505050;
border-right: 1px solid #505050;
}
.parts-section .parts-section__inner--table04 tr:last-child td{
border-bottom: 1px solid #505050;
}
}
.parts-section .parts-section__inner--table01 td,
.parts-section .parts-section__inner--table04 td {
font-size: 15px;
color: #505050;
line-height: 130%;
padding: 15px 24px
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 td {
display: block;
padding: 10px;
text-align: right;
border-bottom: 1px solid #505050;
border-left: 1px solid #505050;
border-right: 1px solid #505050
}
.parts-section .parts-section__inner--table01 td::before,
.parts-section .parts-section__inner--table04 td::before {
content: attr(data-label);
float: left;
font-weight: bold
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .spTh {
font-weight: bold
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table01 .spTh {
font-weight: bold
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 .spTh {
background-color: #1e4aba;
padding: 15px;
color: #fff;
line-height: 120%;
border: 1px solid #505050
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .th--01, .parts-section .parts-section__inner--table01 .td--01 {
width: 17%
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table01 .th--01, .parts-section .parts-section__inner--table01 .td--01 {
text-align: center
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .th--02, .parts-section .parts-section__inner--table01 .td--02 {
width: 20%
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .th--03, .parts-section .parts-section__inner--table01 .td--03 {
width: 14%
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .th--04, .parts-section .parts-section__inner--table01 .td--04 {
width: 18%
}
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table01 .th--05, .parts-section .parts-section__inner--table01 .td--05 {
width: 13%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table02 {
overflow-x: scroll
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table02 {
overflow-x: scroll
}
}
.parts-section .parts-section__inner--table02::-webkit-scrollbar {
height: 10px
}
.parts-section .parts-section__inner--table02::-webkit-scrollbar-track {
margin: 0 2px;
background: #ccc;
border-radius: 5px
}
.parts-section .parts-section__inner--table02::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table02 table {
width: 100%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table02 table {
width: 800px
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table02 table {
width: 800px;
border: none
}
}
.parts-section .parts-section__inner--table02 table, .parts-section .parts-section__inner--table02 table td, .parts-section .parts-section__inner--table02 table th {
border: 1px solid #505050;
border-collapse: collapse
}
.parts-section .parts-section__inner--table02 tr {
background-color: #fff
}
.parts-section .parts-section__inner--table02 tr:nth-child(2n) {
background-color: #e3faff
}
.parts-section .parts-section__inner--table02 th {
background-color: #5292ff;
font-size: 15px;
color: #fff;
font-weight: bold;
line-height: 110%;
font-size: 15px;
padding: 17px 24px
}
.parts-section .parts-section__inner--table02 td {
font-size: 15px;
color: #505050;
line-height: 130%;
padding: 15px 24px
}
.parts-section .parts-section__inner--table02 .spTh {
font-weight: bold
}
.parts-section .parts-section__inner--table02 .th--01 {
width: 20%
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table03 {
overflow-x: scroll
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table03 {
overflow-x: scroll
}
}
.parts-section .parts-section__inner--table03::-webkit-scrollbar {
height: 10px
}
.parts-section .parts-section__inner--table03::-webkit-scrollbar-track {
margin: 0 2px;
background: #ccc;
border-radius: 5px
}
.parts-section .parts-section__inner--table03::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666
}
@media only screen and (min-width: 800px) {
.parts-section .parts-section__inner--table03 table {
width: 100%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.parts-section .parts-section__inner--table03 table {
width: 800px
}
}
@media only screen and (max-width: 479px) {
.parts-section .parts-section__inner--table03 table {
width: 800px;
border: none
}
}
.parts-section .parts-section__inner--table03 table, .parts-section .parts-section__inner--table03 table td, .parts-section .parts-section__inner--table03 table th {
border: 1px solid #505050;
border-collapse: collapse
}
.parts-section .parts-section__inner--table03 tr {
background-color: #fff
}
.parts-section .parts-section__inner--table03 tr:nth-child(2n) {
background-color: #e3faff
}
.parts-section .parts-section__inner--table03 th {
background-color: #5292ff;
font-size: 15px;
color: #fff;
font-weight: bold;
line-height: 110%;
font-size: 15px;
padding: 17px 24px
}
.parts-section .parts-section__inner--table03 td {
font-size: 15px;
color: #505050;
line-height: 130%;
padding: 15px 24px
}
.parts-section .parts-section__inner--table03 .spTh {
font-weight: bold
}
.parts-section .parts-section__inner--table03 .th--01, .parts-section .parts-section__inner--table03 .td--01 {
width: 23%
}
.parts-section .parts-section__inner--table03 .th--02, .parts-section .parts-section__inner--table03 .td--02 {
width: 34%
}
.parts-section .parts-section__inner--table03 .th--03, .parts-section .parts-section__inner--table03 .td--03 {
width: 43%
}
@media only screen and (min-width: 800px) {
.staff-list {
margin-top: 79px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list {
margin-top: 39px
}
}
@media only screen and (max-width: 479px) {
.staff-list {
margin-top: 39px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list {
margin-top: 35px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list {
margin-top: 17px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list {
margin-top: 17px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item {
float: left;
width: 570px
}
}
.staff-list .staff-list__inner__list .list--item li {
float: left
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li {
width: 190px;
height: 190px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item li {
font-size: 0;
width: 33.33%
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item li {
font-size: 0;
width: 33.33%
}
}
.staff-list .staff-list__inner__list .list--item li:nth-child(3n+1) {
clear: both
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first {
width: 380px;
height: 380px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first {
width: 66.66%
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first {
width: 66.66%
}
}
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data::after {
background-position: 0px 0px
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data::after {
width: 35px;
height: 35px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data::after {
width: 18px;
height: 35px;
right: 10px;
bottom: 8px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data::after {
width: 10px;
height: 18px;
right: 10px;
bottom: 12px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title {
height: 90px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text01 {
font-size: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text01 {
font-size: 16px;
display: block
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text01 {
font-size: 14px;
display: block
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text02 {
font-size: 30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text02 {
font-size: 20px;
margin-top: 5px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text02 {
font-size: 18px;
margin-top: 5px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item li.list--item__first a .list--item--data .data--title--text03 {
font-size: 18px
}
}
.staff-list .staff-list__inner__list .list--item a {
display: block;
position: relative;
color: #fff;
text-align: center;
opacity: 1 !important
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a:hover .list--item--data {
opacity: 1
}
}
.staff-list .staff-list__inner__list .list--item a img {
display: block
}
.staff-list .staff-list__inner__list .list--item a .list--item--data {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
transition: .3s
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data {
opacity: 0;
height: 100%
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data {
padding: 5px 0px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data {
padding: 5px 0px
}
}
.staff-list .staff-list__inner__list .list--item a .list--item--data::after {
content: '';
position: absolute
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data::after {
right: 0px;
bottom: 0px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-staff-01.png) no-repeat -40px 0px;
background-size: 60px 35px;
width: 20px;
height: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data::after {
right: 10px;
bottom: 5px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-staff-02.png) no-repeat -23px 0px;
background-size: 31px 35px;
width: 8px;
height: 15px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data::after {
right: 5px;
bottom: 6px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-staff-02.png) no-repeat -12px 0px;
background-size: 16px 18px;
width: 4px;
height: 8px
}
}
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title {
width: 100%
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title {
position: absolute;
height: 70px;
margin: auto;
left: 0;
top: 0;
right: 0;
bottom: 0
}
}
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--item {
display: block
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--item {
margin-top: 10px
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text01 {
font-size: 16px;
margin-top: 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text01 {
display: none
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text01 {
display: none
}
}
@media only screen and (min-width: 800px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text02 {
font-size: 20px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text02 {
font-size: 16px
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text02 {
font-size: 12px
}
}
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text03 {
font-size: 14px
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text03 {
display: none
}
}
@media only screen and (max-width: 479px) {
.staff-list .staff-list__inner__list .list--item a .list--item--data .data--title--text03 {
display: none
}
}
@media only screen and (min-width: 800px) {
.office-list {
margin-top: 145px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list {
margin-top: 45px
}
}
@media only screen and (max-width: 479px) {
.office-list {
margin-top: 45px
}
}
.office-list .office-list__inner {
background-color: #dedede
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner {
padding: 50px 0px 80px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list .office-list__inner {
padding: 40px 0px
}
}
@media only screen and (max-width: 479px) {
.office-list .office-list__inner {
padding: 40px 0px
}
}
.office-list .office-list__inner__heading .heading__sub {
width: 186px
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner__list {
margin-top: 40px;
display: flex; justify-content: center; }
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list .office-list__inner__list {
margin-top: 20px
}
}
@media only screen and (max-width: 479px) {
.office-list .office-list__inner__list {
margin-top: 20px
}
}
.office-list .office-list__inner__list .list--item {
background-color: #fff
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner__list .list--item {
float: left;
width: 360px;
height: 455px;
margin-right: 30px;
text-align: center;
padding: 15px 10px 0px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list .office-list__inner__list .list--item {
padding: 20px 10px;
max-width: 460px;
margin: 20px auto 0px;
text-align: center
}
.office-list .office-list__inner__list .list--item:first-child {
margin-top: 0px
}
}
@media only screen and (max-width: 479px) {
.office-list .office-list__inner__list .list--item {
padding: 20px 10px;
width: 100%;
margin: 20px auto 0px;
text-align: center
}
.office-list .office-list__inner__list .list--item:first-child {
margin-top: 0px
}
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner__list .list--item:last-child {
margin-right: 0px
}
}
.office-list .office-list__inner__list .list--item:last-child .list--item--link,
.office-list .office-list__inner__list .list--item .list--item--link.small-text-box {
margin-top: 16px
}
.office-list .office-list__inner__list .list--item:last-child .list--item--link p,
.office-list .office-list__inner__list .list--item .list--item--link p.small-text {
font-size: 13px;
letter-spacing: -.5px;
margin-top: 10px
}
.office-list .office-list__inner__list .list--item .list--item--title {
color: #505050;
font-weight: 500
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner__list .list--item .list--item--title {
font-size: 25px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list .office-list__inner__list .list--item .list--item--title {
font-size: 20px
}
}
@media only screen and (max-width: 479px) {
.office-list .office-list__inner__list .list--item .list--item--title {
font-size: 18px
}
}
.office-list .office-list__inner__list .list--item .list--item--address {
margin-top: 7px
}
.office-list .office-list__inner__list .list--item .list--item--image {
margin-top: 10px
}
.office-list .office-list__inner__list .list--item .list--item--image img {
display: block
}
.office-list .office-list__inner__list .list--item .list--item--tel {
background-color: #1e207a
}
.office-list .office-list__inner__list .list--item .list--item--tel a {
color: #fff;
display: block;
padding: 20.5px 0;
text-decoration: none;
font-weight: 500
}
.office-list .office-list__inner__list .list--item .list--item--tel .tel--item {
display: inline-block;
vertical-align: middle
}
.office-list .office-list__inner__list .list--item .list--item--tel .tel--item--icon {
font-size: 47px
}
.office-list .office-list__inner__list .list--item .list--item--tel .tel--item--info {
text-align: left
}
.office-list .office-list__inner__list .list--item .list--item--tel .tel--item--info .info--number {
display: block;
font-size: 27px;
letter-spacing: .6px
}
.office-list .office-list__inner__list .list--item .list--item--tel .tel--item--info .info--time {
display: block;
font-size: 15px;
margin-top: 5px
}
.office-list .office-list__inner__list .list--item .list--item--link {
margin-top: 24px
}
.office-list .office-list__inner__list .list--item .list--item--link a {
font-size: 15px
}
@media only screen and (min-width: 800px) {
.office-list .office-list__inner__company {
margin: 49px auto 0px;
max-width: 420px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.office-list .office-list__inner__company {
margin: 25px auto 0px;
max-width: 460px
}
}
@media only screen and (max-width: 479px) {
.office-list .office-list__inner__company {
margin: 25px auto 0px;
padding: 0px 10px
}
}
.office-list .office-list__inner__company a {
display: block;
background-color: #1e4aba;
padding: 34px 0px 29px;
color: #fff;
font-weight: 500;
text-align: center;
text-decoration: none;
position: relative;
transition: .3s;
opacity: 1 !important
}
.office-list .office-list__inner__company a::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 25px;
height: 25px;
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/top/icon-office-01.png) no-repeat;
background-size: 25px
}
.office-list .office-list__inner__company a:hover {
background-color: #fff;
color: #1e4aba
}
.office-list .office-list__inner__company a .company__heading {
font-size: 27px
}
.office-list .office-list__inner__company a .company__heading .company--heading__sub {
background-color: #1e207a;
color: #fff;
display: block;
width: 214px;
margin: 14px auto 0px;
font-size: 14px;
padding: 4px 0px
}
.heading-type01 {
text-align: center;
color: #505050;
font-weight: 500
}
@media only screen and (min-width: 800px) {
.heading-type01 {
font-size: 30px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.heading-type01 {
font-size: 25px
}
}
@media only screen and (max-width: 479px) {
.heading-type01 {
font-size: 20px
}
}
.heading-type01 .heading__sub {
display: block;
font-size: 14px;
font-weight: 500;
background-color: #505050;
color: #fff;
width: 145px;
margin: 16px auto 0px;
padding: 5px 0px
}
.detail-type01 {
text-align: center
}
@media only screen and (min-width: 800px) {
.detail-type01 {
margin-top: 27px
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.detail-type01 {
margin-top: 13px
}
}
@media only screen and (max-width: 479px) {
.detail-type01 {
margin-top: 13px;
margin: 13px 10px 0;
text-align: left
}
.detail-type01 p br{
display: none;
}
} .side-main{
float: left;
width: 860px;
}
.side--box {
float:left;
margin-left: 40px;
width:240px;
}
@media screen and (max-width: 799px) {
.side-main{
float: none;
width: 100%;
}
.side--box {
float: none;
margin-top: 40px;
margin-left: 0;
width: 100%;
}
} .single-post-box{
margin: 80px auto 150px;
}
.single-header h1,
.single-page h1{
margin: 0 0 30px 0;
padding: 0 0 0 20px;
border-radius: 0;
border: 0;
border-left: #52aaff 4px solid;
color: inherit;
font-size: 28px;
font-weight: 500;
line-height: 1.3;
background: none;
}
.single-post-inner h2{
background: #2f56b7;
border-radius: 3px;
border: #2f56b7 1px solid;
color: #fff;
font-size: 22px;
font-weight: 600;
margin-top: 35px;
margin-bottom: 15px;
padding: 0.2em .5em;
text-align: left;
line-height: 1.5;
}
.single-post-inner h2::before,
.single-post-inner h2::after{
display: none;
}
.single-post-inner h3{
background: #f2f2f2;
border-radius: 3px;
color: #2f56b7;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
padding: 0.35em .5em;
line-height: 1.5;
}
.single-post-inner h4{
border-bottom: #2f56b7 1px solid;
color: #2f56b7;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
padding: 0.35em .5em;
line-height: 1.5;
}
.single-post-inner h5{
color: #2f56b7;
font-size: 17px;
font-weight: 600;
padding: 0 0 0.5em 0;
position: relative;
margin: 0 0 15px 0;
line-height: 1.5;
}
.single-header .box__inner--data{
margin-bottom: 30px;
}
.side-main .box__inner--data data{
color: #505050;
text-align: right;
margin-bottom: 10px;
}
.single-post-inner{
margin-bottom: 50px;
line-height: 1.6;
}
.single-post-inner iframe{
display: block;
margin-bottom: 15px;
max-width: 500px;
width: 100%;
}
.single-post-inner strong{
font-weight: bold;
}
.single-post-inner > ul{
margin-top: 30px;
color: #505050;
padding-left: 3px;
}
.single-post-inner > ul li{
position: relative;
margin-bottom: 12px;
}
.single-post-inner > ul li::before {
content: '●';
color: #1e4aba;
font-size: 15px;
}
.thumbnail{
margin-bottom: 15px;
max-width: 500px;
width: 100%;
}
.thumbnail img{
height: auto;
width: 100%;
}
@media screen and (max-width: 799px) {
.single-header h1,
.single-page h1{
font-size: 26px;
}
.single-post-box{
margin: 30px auto 50px;
}
.pc-display {
display:none;
}
.sp-display {
display:block;
}
} .cate__title{
display: block;
padding: 10px;
background: rgba(31, 32, 122, .9);
border-radius: 5px 5px 0 0;
font-size: 1.2em;
color: #fff;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
}
.sidenavi { display:block; border-radius:6px; background:#fff; box-shadow:0 0 4px 0 rgba(0,0,0,0.4); }
.sidenavi:last-child{ margin-top: 25px; }
.sidenavi::after { content:''; display:block; clear:both; height:0; }
.sidenavi a { display:block; position:relative; padding:15px; border-bottom:#a8a8a8 1px dotted; text-decoration:none; transition:0.3s; }
.sidenavi a::before { content:''; display:block; position:relative; top: 50%; margin-top: 4px; float:right; width:7px; height:7px; border-top:#31afaa 1px solid; border-right:#31afaa 1px solid; transform:rotate(45deg); transition:0.3s; }
.sidenavi a::after { content:''; display:block; clear:both; height:0; }
.sidenavi a:hover { color:#fff; background:rgba(52, 53, 135, .7); transition:0.3s; }
.sidenavi a:hover::before { content:''; display:block; position:relative; top: 50%;  margin-top: 4px; float:right; width:7px; height:7px; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(45deg); transition:0.3s; }
.sidenavi > ul > li:last-child a { border-bottom:0; }
.sidenavi > ul > li > ul li a { padding-left:30px; }
.sidenavi > ul > li > ul li:first-child a { border-top:#ddd 1px dotted; }
.bnr-ameblo-box { margin-top: 25px; } .pager { margin-top:0; text-align: center; margin-bottom:30px; padding-top:1.0em; border-top:#ddd 1px solid; }
.pager:after { content:''; display:block; clear:both; height:0; }
.pager a { color:#31afaa; }
.pager a[rel='prev'] { float:left; }
.pager a[rel='next'] { float:right; }
.pager span { display:inline-block; color:#999; }
.pager .pagerPrev { float:left; }
.pager .pagerNext { float:right; padding-right:1.4em !important; padding-left:0 !important; background-position:right center !important; }
.pager .pagerGoList { display:inline-block; }
.content-section .pager .pagerGoList{ line-height: 1; margin-top: 0; }
.pager .screen-reader-text { display:none; } .content-section .new-common-sense__inner{
margin-bottom: 100px;
}
.new-common-box{
margin-bottom: 50px;
}
.toggle_box dt{
background: #1e4aba;
cursor: pointer;
color: #fff;
padding: 13px 40px 13px 20px;
position: relative;
display: inline-block;
margin: 25px 0 0;
}
.toggle_box dt::after{
content: '▼';
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px;
}
.toggle_box dt.active{
background: #fff;
border: 1px solid #1e4aba;
color: #1e4aba;
}
.toggle_box dt.active::after{
content: '▲';
}
.toggle_box dd{
display: none;
position: relative;
}
.close_toggle{
cursor: pointer;
position: absolute;
right: 40px;
bottom: 30px;
font-size: 18px;
}
.inspection li {
float: left;
margin-right: 50px;
}
.inspection p {
background: #5292ff;
padding: 20px;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 10px;
}
.inspection li:last-child {
margin-right: 0;
}
.inspection-sp li {
margin-bottom: 10%;
}
.inspection-sp p {
background: #5292ff;
padding: 20px;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 10px;
}
.inspection-sp li:last-child {
margin-top: 0;
}
.col-left {
float: left;
width: 67%;
}
.col-right {
float: right;
width: 30%;
}
.col-right img {
width: 100%;
}
h3.newcommonsense {
font-size: 105%;
font-weight: bold;
background: #1e4aba; padding: 0.5em; padding-left: 0.5em;
padding-top: 0.6em;
color: #fff; border-radius: 0.3em; }
h4.newcommonsense {
font-size: 80%;
font-weight: bold;
border: solid 1.5px #1e4aba; padding: 0.5em; text-align: center;
margin-top: 0;
}
h4.newcommonsense02 {
font-weight: 500;
margin-top: 35px;
color: #505050;
}
.col-left02 {
float: left;
width: 22%;
margin-right: 4%
}
.col-right02 {
float: right;
width: 22%;
}
.col-left03 {
float: left;
width: 50%;
}
.col-left03 img {
width: 100%;
}
.col-right03 {
float: right;
width: 25%;
margin-right: 15%;
}
.col-right03 img {
width: 100%;
}
.col-right04 {
float: right;
width: 30%;
}
.col-right04 img {
width: 60%;
}
@media only screen and (max-width: 479px) {
.col-left {
float: none;
width: 100%;
padding-bottom: 20px
}
.col-right {
float: none;
width: 100%;
}
.col-right img {
width: 100%;
}
.col-left02 {
float: none;
width: 100%;
padding-bottom: 20px
}
.col-left02 img {
width: 100%;
}
.col-right02 {
float: none;
width: 100%;
}
.col-right02 img {
width: 100%;
}
.col-left03 {
float: none;
width: 100%;
padding-bottom: 20px
}
.col-left03 img {
width: 100%;
}
.col-right03 {
float: none;
width: 100%;
}
.col-right03 img {
width: 100%;
}
.col-right04 {
float: none;
width: 100%
}
.col-right04 img {
width: 80%;
}
} .list8 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.top-voice .top-voice__inner__list .list8 .list--item {
width: 23%;
margin-right: 0;
margin-bottom: 35px;
}
.top-voice .top-voice__inner__list .list8 .list--item:nth-child(5),
.top-voice .top-voice__inner__list .list8 .list--item:nth-child(6),
.top-voice .top-voice__inner__list .list8 .list--item:nth-child(7),
.top-voice .top-voice__inner__list .list8 .list--item:nth-child(8) {
margin-bottom: 0;
}
.top-voice .top-voice__inner__list .list8 .list--item .list--item--title {
border-bottom: none;
}
@media screen and (max-width:768px) {
.list8 {
flex-direction: column;
}
.top-voice .top-voice__inner__list .list8 .list--item {
width: 90%;
margin: 0 auto 35px;
}
.top-voice .top-voice__inner__list .list8 .list--item:last-child {
margin-bottom: 0;
}
}
@media screen and (min-width:769px) and (max-width:959px) {
.list8 {
width: 95%;
margin: 0 auto;
}
.top-voice .top-voice__inner__list .list8 .list--item {
margin-top: 0;
}
}
@media screen and (min-width:960px) and (max-width:1279px) {
.list8 {
width: 95%;
margin: 0 auto;
}
} h2.icon-concierge {
position:relative;
}
h2.icon-concierge:after {
position:absolute;
content:"";
width:80px;
height:103px;
bottom:-1rem;
margin-left:1rem;
}
#smarthouse h2.icon-concierge:after ,
#battery h2.icon-concierge:after ,
#energy-saving h2.icon-concierge:after{
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/faq/icon-concierge1.png) no-repeat center right;
background-size:100%;
}
#battery h2.icon-concierge:after {
margin-left:5rem;
}
#energy-saving h2.icon-concierge:after {
margin-left:8rem;
}
#solarsystem h2.icon-concierge:after ,
#hems h2.icon-concierge:after{
background: url(//taiyoko-no1.com/wp/wp-content/themes/solapro/assets/img/faq/icon-concierge2.png) no-repeat center right;
background-size:100%;
}
#battery .eco_icon.icon-concierge::before {
left: 214px;
}
#hems h2.eco_icon.icon-concierge::before {
left:170px;
top:-30px;
}
#hems h2.eco_icon.icon-concierge:after {
margin-left: 5rem;
}
.pagelink  {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin:1rem auto;
}
.pagelink li{
background: #1e4aba;
margin-bottom:1rem;
width: 45%;
text-align: center;
}
.pagelink li a {
color:#fff;
padding:1rem 0;
display:block;
}
#battery #menu01 ,
#battery #menu02 ,
#battery #menu03 ,
#battery #menu04 {
margin-top:-4rem;
padding-top:4rem;
color:#1e4aba;
}
.text-red {
color:#ff9800;
margin-top:15px;
}
.spbr {
display:none;
}
.aiseg2-list {
padding:1rem;
border-radius:10px;
margin-bottom:1rem;
background:#fff;
}
.aiseg2-list.orange {
border:3px solid #ff9800;
}
.aiseg2-list.pink {
border:3px solid #ff8f95;
}
.aiseg2-list.green {
border:3px solid #2d973a;
}
.aiseg2-list li {
margin-bottom:15px;
padding-left:20px;
position:relative;
}
.aiseg2-list li:last-child ,
.aiseg2-list li h3 {
margin:0;
}
.aiseg2-list li p {
margin-top:5px;
}
.aiseg2-list li:after, .aiseg2-list li:before{
content:''; 
display:block; 
position:absolute; 
top:4px; 
left:8px; 
height:11px; 
width:4px; 
background:#ff9800; 
border-radius:10px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.aiseg2-list li:before{
top:8px; 
left:3px;
height:8px; 
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
}
.aiseg2-list.pink li:after, .aiseg2-list.pink li:before {
background:#ff8f95;
}
.aiseg2-list.green li:after, .aiseg2-list.green li:before {
background:#2d973a;
}
.concierge-table {
border:1px solid #969696;
margin-bottom:1rem;
width:100%;
}
.concierge-table th ,
.concierge-table td {
border:1px solid #969696;
padding:.5rem;
text-align:center;
}
.concierge-table th {
background:#2f56b7;
color:#fff;
}
.concierge-table td.left {
text-align:left;
}
.x-scroll .sp-txt {
display:none;
}
.saiene-bx {
border:1px solid #01a7d1;
background:#ecf5fe;
border-radius:10px;
padding:1rem;
margin-bottom:2rem;
}
.saiene-bx dl {
display:flex;
justify-content:space-between;
align-items:center;
margin:1rem 0;
}
.saiene-bx dt {
padding: .8rem .5rem;
background:#15699b;
color:#fff;
border-radius:10px;
font-size:15px;
width:25%;
text-align:center;
position:relative;
display: flex;
justify-content: center;
align-items: center;
height:53px;
}
.saiene-bx dt:after {
position:absolute;
content:"=";
top: 0.1rem;
right: -1.7rem;
font-size:25px;
color:#151515;
}
.saiene-bx dd {
padding:.5rem;
border:1px solid #01a7d1;
background:#fff;
border-radius:10px;
width:70%;
text-align:center;
font-size:15px;
display: flex;
justify-content: center;
align-items: center;
}
.saiene-bx dd .big-txt {
font-size:22px;
padding:0 .5rem;
}
.saiene-bx dd .small-txt {
font-size:15px;
} .emergency-bx {
padding: 1rem;
border-radius: 10px;
margin: 1rem 0;
background: #fff;
border: 3px solid #ff9800;
}
.flex-bx {
display:flex;
justify-content:space-between;
margin-bottom:1.5rem;
}
.flex-right {
width:60%;
}
.flex-right img {
margin-bottom:1rem;
}
.center-bx {
text-align:center;
background:#f0f5f5;
padding:1rem .5rem;
max-width:400px;
margin:0 auto;
}
.center-bx p.txt {
margin-bottom:15px;
}
#energy-saving h3{
color:#1e4aba;
}
.flex-bx .txt {
width:70%;
}
.flex-bx .half-img {
width:30%;
}
.half-img img {
width:100%;
}
@media only screen and (max-width: 768px) {
.content-section .content-section__inner h2.icon-concierge {
margin-top:100px;
}
h2.icon-concierge:after {
width: 50px;
height: 65px;
left: 0;
right: 0;
top: -8rem;
bottom: 0;
margin: auto;
}
#smarthouse h2.icon-concierge:after {
top: -6rem;
}
#battery h2.icon-concierge:after ,
#hems h2.eco_icon.icon-concierge:after ,
#energy-saving h2.icon-concierge:after {
margin:auto;
}
#hems h2.eco_icon.icon-concierge:after {
top: -9rem;
}
.pagelink li {
width:48%;
font-size: 12px;
min-height: 65px;
display:flex;
justify-content:center;
align-items:center;
line-height:1.3;
}
.pagelink li {
padding: 0;
}
.spbr {
display:block;
}
.aiseg2-list {
padding:1rem .5rem;
}
.aiseg2-list li h3 {
font-size:15px;
}
.sp-img-fit {
width:100%;
height:auto;
}
.x-scroll {
overflow: auto;
margin-bottom:1.5rem;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 6px; }
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; }
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; }
.x-scroll td, .x-scroll th{
white-space: nowrap;　 }
.x-scroll .sp-txt {
display:block;
}
.saiene-bx dl ,
.saiene-bx dd {
flex-direction:column;
}
.saiene-bx dt:after {
transform:rotateZ(90deg);
right: -1.8rem;
left:0;
bottom:0;
top:4.5rem;
}
.saiene-bx dt ,
.saiene-bx dd {
width:100%;
height:auto;
}
.saiene-bx dt {
margin-bottom:3rem;
}
.flex-bx {
flex-direction:column;
}
.flex-right ,
.flex-bx .txt,
.flex-bx .half-img {
width:100%;
}
.sp-center {
margin:auto;
display:block;
}
} @media only screen and (min-width: 800px) {
.yrc-core li {
width: 45%!important;
}
}
#yrc-shell-0 .yrc-item .yrc-thumb a.yrc-video-link:before {
background-size: 10%;
}