@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap"); #header .header-wrap .logo-butsuryu {
position: absolute;
top: 50%;
left: 178px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-left: 1px solid #ddd;
}
#header .header-wrap .logo-butsuryu span {
display: block;
color: #00479d;
font-weight: bold;
letter-spacing: .02em;
font-size: 16px;
line-height: 2;
padding-left: 1em;
}
#header .header-wrap .logo-link {
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#header .header-wrap .logo-link:hover {
opacity: .6;
}
#header .header-wrap .logo-butsuryu span img {
margin-right: 5px;
width: 32px;
height: 32px;
object-fit: contain;
font-family: 'object-fit: contain;';
} #header .header-wrap .logo-butsuryu.bu span {
position:relative;
padding: 10px 0 0 10px;
line-height:2.5;
}
#header .header-wrap .logo-butsuryu.bu span img {
vertical-align: top;
}
#header .header-wrap .logo-butsuryu.bu span em {
display: block;
position: absolute;
left: 54px;
font-size: 11px;
color: #333;
top: -1px;
}
@media screen and (max-width: 800px) {
#header .header-wrap .logo-butsuryu.bu span em {
left: 43px;
}
#header .header-wrap .logo-butsuryu.bu span strong {
display:none;
}
}
#header .header-wrap .link {
display:none;
}
@media screen and (min-width: 1385px) {
#header .header-wrap .link {
display:block;
position: absolute;
left: 340px;
top: 31px;
font-size: 12px;
}
#header .header-wrap .link a{
text-decoration: underline;
}
#header .header-wrap .link a:hover{
text-decoration: none;
}
} #header .contact-btn .contact a{
width:170px;
}
#footer .footer-nav .logo a {
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#footer .footer-nav .logo a:hover {
opacity: .6;
}
#footer .footer-nav .logo .logo-butsuryu {
display: block;
width: 124px;
text-align: center;
border-top: 1px solid #00479d;
border-bottom: 1px solid #00479d;
color: #00479d;
font-weight: bold;
font-size: 13px;
line-height: 16px;
letter-spacing: .02em;
padding: 5px 0;
margin: auto;
margin-top: 10px;
}
#footer .footer-nav .logo .logo-butsuryu img {
width: 16px;
margin-right: 3px;
vertical-align: middle;
}
#footer .footer-middle {
padding: 20px;
background: #f5f5f5;
}
#footer .footer-middle-wrap {
max-width: 1160px;
margin: auto;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
}
#footer .footer-middle .footer-middle-nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 5px 0;
font-size: 14px;
letter-spacing: .02em;
line-height: 1;
}
#footer .footer-middle .footer-middle-nav li {
line-height: 20px;
margin-left: 1em;
padding-left: 1em;
border-left: 1px solid #ddd;
}
#footer .footer-middle .footer-middle-nav li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
#footer .footer-middle .footer-middle-nav li a {
display: block;
line-height: 20px;
}
#footer .footer-middle .footer-middle-nav li a:hover {
text-decoration: underline;
}
#footer .footer-middle ul.social-icon {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
#footer .footer-middle ul.social-icon li {
margin-top: 0;
margin-left: 15px;
line-height: 1;
}
#footer .footer-middle ul.social-icon li:first-child {
margin-left: 0;
}
#footer .footer-middle ul.social-icon li a {
display: block;
width: 30px;
height: 30px;
position: relative;
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#footer .footer-middle ul.social-icon li a:hover {
opacity: .5;
}
#footer .footer-middle ul.social-icon li.twitter a {
background-color: #4aaaf4;
}
#footer .footer-middle ul.social-icon li.facebook a {
background-color: #3061a7;
}
#footer .footer-middle ul.social-icon li.youtube a {
background-color: #ff0000;
}
#footer .footer-middle ul.social-icon li.youtube a {
background-color: #f00;
}
#footer .footer-middle ul.social-icon li.instagram a {
background-color: #e80f76;
}
#footer .footer-middle ul.social-icon li a img {
width: 60%;
height: 60%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#wrap .top-title-wrap h2 {
text-align: center;
font-size: 30px;
line-height: 2.4;
position: relative;
margin-bottom: 50px;
}
#wrap .top-title-wrap h2:after {
content: '';
display: block;
height: 2px;
width: 50px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -25px;
background-color: #00479d;
}
#wrap .section-wrap .btn-radius a {
display: inline-block;
width: 100%;
max-width: 500px;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
line-height: 22px;
padding: 24px 0 24px;
background-color: #00479d;
border-radius: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#wrap .section-wrap .btn-radius a:hover {
opacity: .6;
}
#wrap .section-wrap .btn-radius a img {
width: 22px;
height: 22px;
margin-left: .5em;
}
#wrap .section-title .title {
font-weight: bold;
font-size: 36px;
}
@media screen and (max-width: 800px) {
#wrap .top-title-wrap h2 {
font-size: 21px;
line-height: 1.6;
margin-bottom: 40px;
}
#wrap .top-title-wrap h2:after {
height: 2px;
width: 36px;
margin-left: -18px;
position: absolute;
bottom: -8px;
}
#header .header-wrap .logo-butsuryu {
left: 135px;
}
#header .header-wrap .logo-butsuryu a {
display: block;
letter-spacing: 0em;
font-size: 13px;
line-height: 2;
padding-left: 0.8em;
}
#header .header-wrap .logo-butsuryu a img {
vertical-align: middle;
margin-right: 5px;
width: 20px;
}
#header .header-wrap .logo-butsuryu span {
letter-spacing: 0em;
font-size: 14px;
line-height: 2.3;
}
#header .header-wrap .logo-butsuryu span img {
margin-right: 5px;
width: 24px;
object-fit: contain;
font-family: 'object-fit: contain;';
}
#footer .footer-nav .logo .logo-butsuryu {
width: 124px;
font-size: 13px;
line-height: 16px;
margin: 8px 0 0 8px;
}
#footer .footer-middle {
padding: 0px;
}
#footer .footer-middle-wrap {
max-width: 100%;
display: block;
}
#footer .footer-middle .footer-middle-nav {
display: block;
padding: 5px 0;
font-size: 12px;
letter-spacing: .02em;
line-height: 3;
}
#footer .footer-middle .footer-middle-nav li {
line-height: 20px;
margin-left: 0em;
padding-left: 0em;
border-left: none;
border-bottom: 1px solid #ddd;
}
#footer .footer-middle .footer-middle-nav li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
#footer .footer-middle .footer-middle-nav li a {
font-size: 12px;
padding: 0 15px;
line-height: 3;
}
#footer .footer-middle .footer-middle-nav li a:hover {
text-decoration: underline;
}
#footer .footer-middle ul.social-icon {
justify-content: center;
padding: 20px 0;
}
#footer .footer-middle ul.social-icon li a {
display: block;
width: 30px;
height: 30px;
position: relative;
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#wrap .section-wrap .btn-radius a {
width: 100%;
max-width: 320px;
text-align: center;
margin: 0 auto;
font-size: 14px;
line-height: 22px;
padding: 16px 0 16px;
display: block;
}
#wrap .section-wrap .btn-radius a img {
width: 18px;
height: 18px;
margin-left: .5em;
vertical-align: -4px;
}
#wrap .section-title .title {
font-weight: bold;
font-size: 24px;
}
} #single.single-common .section-content .content .wp-block-image {
margin-bottom: 1.875em;
}
#single.single-common .section-content .content h3 {
font-size: 20px;
padding-bottom: .3em;
margin-bottom: 1em;
line-height: 1.5;
font-weight: bold;
border-bottom: 3px solid #00479d;
}
#single.single-common .section-content .content h4 {
font-size: 16px;
line-height: 2;
padding: 0 .75em;
margin-bottom: .5em;
display: inline-block;
background-color: #00479d;
color: #fff;
}
#single.single-common .section-content .content h4:after {
content: '';
display: block;
clear: both;
}
#single.single-common .section-content .content * + h3 {
margin-top: 2em;
}
#single.single-common .section-content .content * + h4 {
margin-top: 1em;
}
#single.single-common .section-content .content strong {
font-weight: bold;
}
#single.single-common .section-content .content p {
font-size: 16px;
line-height: 1.875;
margin-bottom: 1.875em;
}
#single.single-common .section-content .content p:last-child {
margin-bottom: 0;
}
#single.single-common .section-content .content .seminar_kouza ul li{
border-bottom: 1px solid #D9D9D9;
padding: 20px 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit{
position: relative;
cursor: pointer;
padding: 0 40px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn{
position: absolute;
right: 0;
top: 50%;
margin: -15px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span{
position: relative;
width: 30px;
height: 30px;
background: #1047A2;
border: 1px solid #1047A2;
border-radius: 50%;
display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span{
background: #fff;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -1px 0 0 -7px;
width: 14px;
height: 2px;
background-color: #fff;
transition: .2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
border-right: none;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -1px 0 0 -7px;
width: 14px;
height: 2px;
background-color: #fff;
transition: .3s;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span:before{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
background-color: #1047A2;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span:after{
background-color: transparent;
background-color: #1047A2;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .course {
margin: 0 0 5px;
display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .name{
margin: 0;
display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .name span{
margin: 0 10px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .text{
background: #F2F2F2;
margin: 10px 0 0;
padding: 20px;
}
#single.single-common .section-content .content .seminar_kouza ul li .text p{
margin: 0 0 1.0em;
}
#single.single-common .section-content .content .seminar_kouza ul li .text p:last-of-type{
margin:0;
}
@media screen and (max-width: 800px) {
#single.single-common .section-content .content .wp-block-image {
margin-bottom: 1em;
text-align: center;
}
#single.single-common .section-content .content * + h3 {
margin-top: 2em;
font-size: 18px;
}
#single.single-common .section-content .content p {
font-size: 15px;
line-height: 1.7;
margin-bottom: 2em;
}
} .page-template-butsuryu #slide .slide-wrap {
padding-top: 30px;
}
#slide .butsuryu-topslide-wrap {
position: relative;
margin-bottom: 100px;
}
#slide .butsuryu-topslide-wrap div {
line-height: 1;
vertical-align: top;
}
#slide .butsuryu-topslide-wrap .slide-list {
position: relative;
padding: 0;
margin: 0 15px;
}
#slide .butsuryu-topslide-wrap .slide-list > span, #slide .butsuryu-topslide-wrap .slide-list > a {
display: block;
width: 750px;
height: 500px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: relative;
background: #000;
}
#slide .butsuryu-topslide-wrap .slide-list > a:hover {
opacity: .6;
}
#slide .butsuryu-topslide-wrap .slide-list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
font-family: 'object-fit: cover;';
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt {
width: 100%;
height: auto;
min-height: 300px;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
padding: 18px 0;
opacity: 0;
color: #fff;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/bg-black.png) center center/100% 100% no-repeat;
display: table;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt > div {
display: table-cell;
width: 100%;
vertical-align: bottom;
height: 100%;
}
#slide .butsuryu-topslide-wrap .slick-active .slide-list .slide-txt {
opacity: 1;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt h3 {
width: 100%;
font-size: 28px;
font-weight: bold;
margin-bottom: .5em;
line-height: 1.6;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt h3 span {
display: inline-block;
background-color: #00479d;
padding: 0 .5em;
margin-top: 10px;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt .description {
width: 100%;
font-size: 16px;
line-height: 2;
padding: 0 20px;
}
#slide .butsuryu-topslide-wrap .slick-prev {
width: 50px;
height: 50px;
left: 50%;
margin-left: -400px;
background: #fff;
z-index: 100;
cursor: pointer;
border-radius: 50%;
}
#slide .butsuryu-topslide-wrap .slick-next {
width: 50px;
height: 50px;
right: 50%;
margin-right: -400px;
background: #fff;
z-index: 100;
cursor: pointer;
border-radius: 50%;
}
#slide .slick-prev:before {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
margin-left: -3px;
margin-top: -6px;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid #333;
border-left: 2px solid #333;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#slide .slick-next:before {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
margin-left: -9px;
margin-top: -6px;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#slide .slick-dots {
line-height: 1;
bottom: -30px;
}
#slide .slick-dots li {
line-height: 1;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
vertical-align: bottom;
}
#slide .slick-dots li button {
line-height: 1;
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
background-color: #ddd;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
#slide .slick-dots li:hover button, #slide .slick-dots li.slick-active button {
background-color: #00479d;
}
#slide .slick-dots li button:before {
display: none;
}
@media screen and (max-width: 800px) {
#slide .butsuryu-topslide-wrap {
margin-bottom: 65px;
}
.page-template-butsuryu #slide .slide-wrap {
padding-top: 0px;
}
#slide .butsuryu-topslide-wrap .slide-list {
margin: 0;
}
#slide .butsuryu-topslide-wrap .slide-list > span, #slide .butsuryu-topslide-wrap .slide-list a {
width: 100vw;
height: 66.67vw;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt .excerpt {
font-size: 3.5vw;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt {
min-height: 50%;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt h2 {
font-size: 5.6vw;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt .type {
font-size: 3.5vw;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt .type span {
font-size: 3vw;
vertical-align: .1em;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt {
padding: 3% 0;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt h3 {
font-size: 20px;
margin-bottom: .25em;
line-height: 1.5;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt h3 span {
margin-top: .3em;
}
#slide .butsuryu-topslide-wrap .slide-list .slide-txt .description {
font-size: 14px;
line-height: 1.8;
}
#slide .slick-dots {
bottom: -25px;
}
} .page-template-butsuryu #archive {
padding: 0;
}
.page-template-butsuryu #archive .section-wrap {
padding: 65px 20px 90px;
background-color: #eff6ff;
}
.page-template-butsuryu #archive .flex-wrap {
max-width: 1160px;
width: 100%;
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.page-template-butsuryu #archive .flex-wrap .top-title-wrap {
width: 290px;
flex-basis: 290px;
text-align: left;
padding-top: 10px;
}
.page-template-butsuryu #archive .flex-wrap .section-content {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
padding: 0;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap h2 {
text-align: left;
font-size: 36px;
font-weight: bold;
line-height: 2;
letter-spacing: .05em;
padding-bottom: .25em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap h2:after {
left: 0;
margin-left: 0;
height: 4px;
width: 60px;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap .btn-radius a {
display: block;
width: 200px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 17px;
padding: 16px 0 17px;
background-color: #00479d;
border-radius: 25px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap .btn-radius a:hover {
opacity: .6;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap .btn-radius a img {
width: 17px;
height: 17px;
margin-left: .5em;
}
.page-template-butsuryu #archive .news-list li a {
display: block;
padding: 20px 15px;
}
.page-template-butsuryu #archive .news-list li a:hover {
background-color: #f5faff;
}
.page-template-butsuryu #archive .news-list li a .date-cat {
width: 100%;
justify-content: flex-start;
margin-bottom: .25em;
}
.page-template-butsuryu #archive .news-list li a .date-cat .date {
width: 96px;
text-align: left;
}
.page-template-butsuryu #archive .news-list li a .title {
width: 100%;
font-size: 16px;
line-height: 2;
letter-spacing: .04em;
padding: 0;
}
@media screen and (max-width: 800px) {
.page-template-butsuryu #archive .section-wrap {
padding: 50px 20px 70px;
}
.page-template-butsuryu #archive .flex-wrap {
max-width: 100%;
display: block;
}
.page-template-butsuryu #archive .flex-wrap .top-title-wrap {
width: 100%;
text-align: center;
padding-top: 0px;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap h2 {
text-align: center;
font-size: 26px;
line-height: 2;
letter-spacing: .05em;
padding-bottom: .0em;
margin-bottom: 1.6em;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap h2:after {
left: 50%;
margin-left: -25px;
height: 3px;
width: 50px;
position: absolute;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap .btn-radius a {
display: block;
width: 200px;
text-align: center;
font-size: 14px;
line-height: 17px;
padding: 16px 0 17px;
}
.page-template-butsuryu #wrap .flex-wrap .top-title-wrap .btn-radius a img {
width: 17px;
height: 17px;
margin-left: .5em;
}
.page-template-butsuryu #archive .news-list {
margin-bottom: 38px;
}
.page-template-butsuryu #archive .news-list li a {
padding: 15px 0px;
}
.page-template-butsuryu #archive .news-list li:first-child a {
padding: 0px 0px 15px;
}
.page-template-butsuryu #archive .news-list li a .date-cat .date {
width: 80px;
}
.page-template-butsuryu #archive .news-list li a .title {
font-size: 14px;
line-height: 1.7;
letter-spacing: 0;
margin-top: 0;
}
}
.page-template-butsuryu #society .section-wrap {
padding: 70px 20px 90px;
}
.page-template-butsuryu #society .section-wrap .top-title-wrap h2 {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #society .section-wrap .top-title-wrap h2:after {
height: 4px;
width: 60px;
margin-left: -30px;
}
.page-template-butsuryu #society .section-wrap .society-wrap {
max-width: 1160px;
width: 100%;
margin: auto;
}
.page-template-butsuryu #society .section-wrap .archive-society-list {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -50px;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li {
width: 31%;
margin-right: 3.5%;
position: relative;
margin-top: 50px;
padding-bottom: 70px;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li:nth-child(3n) {
margin-right: 0;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .thumb {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .txt {
text-align: center;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .txt h3 {
font-size: 20px;
line-height: 1.5;
font-weight: bold;
margin-top: 1em;
margin-bottom: .5em;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .txt p {
font-size: 16px;
line-height: 2;
text-align: justify;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a {
display: block;
max-width: 200px;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #00479d;
line-height: 17px;
padding: 15px 0 16px;
border: 1px solid #00479d;
border-radius: 25px;
position: absolute;
bottom: 0;
left: 50%;
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a:hover {
color: #fff;
background-color: #00479d;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a svg {
width: 17px;
height: 17px;
margin-left: .5em;
vertical-align: bottom;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a svg circle {
stroke: #00479d;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a:hover svg circle {
stroke: #fff;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a svg polygon {
fill: #00479d;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a:hover svg polygon {
fill: #fff;
}
.page-template-butsuryu #society .section-wrap .btn-radius {
text-align: center;
padding-top: 50px;
}
@media screen and (max-width: 800px) {
.page-template-butsuryu #society .section-wrap {
padding: 55px 20px 70px;
}
.page-template-butsuryu #society .section-wrap .top-title-wrap h2 {
font-size: 26px;
padding-bottom: .3em;
line-height: 1.5;
margin-bottom: 1.5em;
}
.page-template-butsuryu #society .section-wrap .top-title-wrap h2:after {
height: 3px;
width: 50px;
margin-left: -25px;
}
.page-template-butsuryu #society .section-wrap .society-wrap {
max-width: 1160px;
width: 100%;
margin: auto;
}
.page-template-butsuryu #society .section-wrap .archive-society-list {
display: block;
margin-top: -5px;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li {
width: 100%;
margin-right: 0%;
margin-top: 40px;
padding-bottom: 60px;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li > a {
display: block;
width: 100%;
height: 100%;
padding-bottom: 60px;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .txt h3 {
font-size: 18px;
line-height: 1.6;
margin-bottom: 0.3em;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .txt p {
font-size: 14px;
line-height: 1.8;
}
.page-template-butsuryu #society .section-wrap .archive-society-list li .btn-detail a {
max-width: 200px;
font-size: 13px;
line-height: 17px;
padding: 12px 0 13px;
}
.page-template-butsuryu #society .section-wrap .btn-radius {
padding-top: 40px;
}
}
.page-template-butsuryu #wrap #seminar .section-wrap {
background: url(//www.f-logi.com/wp-content/themes/fsl/images/bg-butsuryu-seminar.jpg) left top/cover no-repeat;
padding: 70px 0 90px;
width: 100%;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap {
width: calc(50vw - 290px);
padding-left: calc(50vw - 580px);
float: left;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap h2 {
text-align: left;
font-size: 36px;
font-weight: bold;
line-height: 2;
letter-spacing: .05em;
padding-bottom: .25em;
margin-bottom: 1.4em;
color: #fff;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap h2:after {
left: 0;
margin-left: 0;
height: 4px;
width: 60px;
background-color: #fff;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap .btn-radius a {
display: block;
width: 200px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #00479d;
line-height: 17px;
padding: 16px 0 17px;
background-color: #fff;
border-radius: 25px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap .btn-radius a:hover {
opacity: .6;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap .btn-radius a svg {
width: 17px;
height: 17px;
margin-left: .5em;
vertical-align: bottom;
}
.page-template-butsuryu #wrap #seminar .seminar-wrap {
padding-top: 20px;
margin-left: calc(50vw - 290px);
}
.page-template-butsuryu #wrap #seminar .slick-initialized .slick-list{
min-height:340px;
}
.page-template-butsuryu #wrap #seminar .slick-initialized .slick-track {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.page-template-butsuryu #wrap #seminar .slick-initialized .slick-slide {
height: auto;
}
.page-template-butsuryu #wrap #seminar .slick-initialized .slick-slide div {
height: 100%;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item a {
width: 360px;
height: 100%;
margin-right: 40px;
background-color: #fff;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item a:hover {
opacity: .6;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb {
position: relative;
width: 100%;
padding-top: 56.25%;
height: auto;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb span {
display: inline-block;
font-size: 12px;
color: #fff;
background-color: #00479d;
line-height: 2;
position: absolute;
bottom: 0;
left: 0;
padding: 0 .5em;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb .seminar-icon{
position: absolute;
left: 0px;
top: -1px;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb .seminar-icon li{
margin:0;
display: inline-block;
width: 70px;
padding: 0 5px;
box-sizing: border-box;
text-align: center;
font-size: 14px;
font-weight: bold;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb .seminar-icon li.seminar-icon01{
border: 1px solid #777;
background: #fff;
margin:0 0 0 -3px;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb .seminar-icon li.seminar-icon01.red{
border: 1px solid #D21D41;
background: #D21D41;
color: #fff;
margin:0 ;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb .seminar-icon li.seminar-icon02{
border: 1px solid #1042A7;
background: #1042A7;
color: #fff;
}
#seminar .slick-dots {
line-height: 1;
bottom: -30px;
text-align: left;
}
#seminar .slick-dots li {
line-height: 1;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
vertical-align: bottom;
}
#seminar .slick-dots li button {
line-height: 1;
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
background-color: #999;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
#seminar .slick-dots li:hover button, #seminar .slick-dots li.slick-active button {
background-color: #fff;
}
#seminar .slick-dots li button:before {
display: none;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .txt {
padding: 4% 6%;
background-color: #fff;
width: 100%;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .cat-list{
display: flex;
margin: 0 0 5px;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .cat-list .cat{
margin: 0 5px 0 0;
padding: 0 5px;
display: inline-block;
border: 1px solid #1042A7;
color: #1042A7;
text-align: center;
width: auto;
font-size: 13px;
line-height: 1.5;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .cat {
font-size: 13px;
line-height: 2;
color: #00479d;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item h3 {
font-size: 18px;
line-height: 1.8;
font-weight: bold;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .info {
color: #999;
font-size: 12px;
line-height: 1.6;
}
@media screen and (max-width: 800px) {
.page-template-butsuryu #wrap #seminar .section-wrap {
background: url(//www.f-logi.com/wp-content/themes/fsl/images/bg-butsuryu-seminar_sp.jpg) left top/cover no-repeat;
padding: 55px 0 70px;
width: 100%;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap {
width: 100%;
padding-left: 0;
float: none;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap h2 {
text-align: center;
font-size: 26px;
line-height: 2;
letter-spacing: .05em;
padding-bottom: .0em;
margin-bottom: 1.6em;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap h2:after {
left: 50%;
margin-left: -25px;
height: 3px;
width: 50px;
}
.page-template-butsuryu #wrap #seminar .btn-radius {
padding-top: 30px;
}
.page-template-butsuryu #wrap #seminar .btn-radius a {
display: block;
max-width: 320px;
font-size: 14px;
color: #00479d;
line-height: 22px;
padding: 16px 0 16px;
background-color: #fff !important;
border-radius: 35px;
}
.page-template-butsuryu #wrap #seminar .btn-radius a svg {
width: 18px;
height: 18px;
margin-left: .5em;
vertical-align: -4px;
}
.page-template-butsuryu #wrap #seminar .seminar-wrap {
padding-top: 0px;
}
.page-template-butsuryu #wrap #seminar .slick-initialized .slick-list{
min-height:0;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item a {
width: 300px;
margin-left: 20px;
margin-right: 0;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item a:hover {
opacity: .6;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb {
position: relative;
width: 100%;
padding-top: 56.25%;
height: auto;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .thumb span {
display: inline-block;
font-size: 12px;
color: #fff;
background-color: #00479d;
line-height: 2;
position: absolute;
bottom: 0;
left: 0;
padding: 0 .5em;
}
#seminar .slick-dots {
bottom: -30px;
text-align: center;
}
.page-template-butsuryu #wrap #seminar .top-title-wrap {
width: 100%;
padding-left: 0px;
text-align: center;
float: none;
}
.page-template-butsuryu #wrap #seminar .seminar-wrap {
margin-left: 0px !important;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .txt {
padding: 6% 7%;
background-color: #fff;
width: 100%;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item .cat {
font-size: 12px;
line-height: 1.8;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item h3 {
font-size: 16px;
line-height: 1.8;
text-align: justify;
margin-bottom: 8px;
}
.page-template-butsuryu #wrap #seminar .seminar-slide .item a:hover {
opacity: 1.0;
}
}
.page-template-butsuryu #consulting .section-wrap {
padding: 70px 0 0;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap {
padding: 0 20px;
text-align: center;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap h2 {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap p {
font-size: 16px;
line-height: 2;
margin-bottom: 2em;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap h2:after {
height: 4px;
width: 60px;
margin-left: -30px;
}
.page-template-butsuryu #consulting .section-wrap .consulting-wrap {
max-width: 1160px;
width: 100%;
padding: 50px 20px 70px;
margin: auto;
background-color: #eff6ff;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list {
width: 100%;
max-width: 1020px;
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li:nth-child(4n) {
margin-right: 0;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li a {
display: block;
width: 100%;
height: 100%;
background-color: #fff;
padding: 10%;
border: 1px solid #fff;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li a:hover {
border: 1px solid #00479d;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li .thumb img {
max-width: 90px;
width: 100%;
border-radius: 50%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li h3 {
font-size: 20px;
line-height: 1.5;
font-weight: bold;
margin-top: 0.5em;
}
.page-template-butsuryu #consulting .section-wrap .btn-radius {
text-align: center;
margin-top: -35px;
}
@media screen and (max-width: 800px) {
.page-template-butsuryu #consulting .section-wrap {
padding: 55px 0 0px;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap {
padding: 0 20px;
text-align: center;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap h2 {
font-size: 26px;
padding-bottom: .3em;
line-height: 1.5;
margin-bottom: 1.3em;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap h2:after {
height: 3px;
width: 50px;
margin-left: -25px;
}
.page-template-butsuryu #consulting .section-wrap .top-title-wrap p {
font-size: 14px;
line-height: 1.8;
text-align: justify;
margin-bottom: 1.6em;
}
.page-template-butsuryu #consulting .section-wrap .consulting-wrap {
max-width: 100%;
padding: 20px 20px 50px;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list {
max-width: 100%;
justify-content: space-between;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li {
width: 49%;
margin-right: 0;
margin-left: 0;
margin-bottom: 2%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li:nth-child(odd) {
margin-right: 1%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li:nth-child(even) {
margin-left: 1%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li:nth-child(4n) {
margin-right: 0;
margin-left: 1%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li a {
padding: 10% 5%;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li .thumb img {
max-width: 80px;
}
.page-template-butsuryu #consulting .section-wrap .archive-consulting-list li h3 {
font-size: 15px;
line-height: 1.5;
margin-top: 0.5em;
}
.page-template-butsuryu #consulting .section-wrap .btn-radius {
text-align: center;
margin-top: -25px;
}
}
#case .slide-wrap {
padding: 0 20px;
}
.page-template-butsuryu #wrap #case {
padding: 90px 0;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap {
padding: 0 20px;
text-align: center;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap h2 {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap h2:after {
height: 4px;
width: 60px;
margin-left: -30px;
}
#case .butsuryu-caseslide-wrap {
position: relative;
max-width: 1160px;
margin: 0 auto 30px;
}
#case .butsuryu-caseslide-wrap div {
line-height: 1;
vertical-align: top;
}
#case .butsuryu-caseslide-wrap .slide-list {
position: relative;
padding: 0;
}
#case .butsuryu-caseslide-wrap .slide-list a {
display: block;
max-width: 1160px;
width: calc(100vw - 40px);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: relative;
margin: 0;
padding-bottom: 70px;
}
#case .butsuryu-caseslide-wrap .slide-list a:hover {
opacity: .6;
}
#case .butsuryu-caseslide-wrap .slide-list .thumb {
width: 100%;
padding-top: 43.1%;
display: block;
position: relative;
}
#case .butsuryu-caseslide-wrap .slide-list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
object-fit: cover;
font-family: 'object-fit: cover;';
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt {
width: 70%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .company {
display: inline-block;
font-size: 15px;
color: #fff;
padding: 0 .5em;
line-height: 2;
background: #00479d;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .h3-wrap {
background-color: #fff;
color: #000;
padding: 2.5% 2% 2% 0;
width: 100%;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .h3-wrap .date {
font-size: 14px;
color: #666;
letter-spacing: .01em;
margin-bottom: .5em;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .h3-wrap h3 {
font-size: 28px;
line-height: 1.6;
font-weight: bold;
height: 2.8em;
max-height: 2.8em;
overflow: hidden;
}
#case .slick-prev {
width: 50px;
height: 50px;
top: 40%;
left: 0;
margin-left: -25px;
background: #fff;
z-index: 100;
cursor: pointer;
border-radius: 50%;
}
#case .slick-next {
width: 50px;
height: 50px;
top: 40%;
right: 0;
margin-right: -25px;
background: #fff;
z-index: 100;
cursor: pointer;
border-radius: 50%;
}
#case .slick-prev:before {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
margin-left: -3px;
margin-top: -6px;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid #333;
border-left: 2px solid #333;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#case .slick-next:before {
content: '';
display: block;
position: absolute;
left: 50%;
right: 50%;
margin-left: -9px;
margin-top: -6px;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#case .slick-dots {
line-height: 1;
text-align: right;
bottom: 40px;
}
#case .slick-dots li {
line-height: 1;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
vertical-align: bottom;
}
#case .slick-dots li button {
line-height: 1;
width: 10px;
height: 10px;
padding: 0;
border-radius: 50%;
background-color: #ddd;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
#case .slick-dots li:hover button, #case .slick-dots li.slick-active button {
background-color: #00479d;
}
#case .slick-dots li button:before {
display: none;
}
.page-template-butsuryu #case .section-wrap .btn-radius {
text-align: center;
}
@media screen and (max-width: 800px) {
#case .slide-wrap {
padding: 0 0px;
}
.page-template-butsuryu #wrap #case {
padding: 55px 0 70px;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap {
padding: 0 20px;
text-align: center;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap h2 {
font-size: 26px;
line-height: 2;
padding-bottom: .0em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #case .section-wrap .top-title-wrap h2:after {
height: 3px;
width: 50px;
margin-left: -25px;
}
#case .butsuryu-caseslide-wrap {
max-width: 100%;
margin: 0 auto 0px;
}
#case .butsuryu-caseslide-wrap div {
line-height: 1;
vertical-align: top;
}
#case .butsuryu-caseslide-wrap .slide-list a {
max-width: 100%;
width: 100vw;
padding-bottom: 55px;
}
#case .butsuryu-caseslide-wrap .slide-list a:hover {
opacity: 1.0;
}
#case .butsuryu-caseslide-wrap .slide-list .thumb {
padding-top: 56.25%;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt {
width: 100%;
position: relative;
bottom: 0;
left: 0;
padding: 20px 20px 0;
z-index: 2;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .company {
font-size: 12px;
padding: 0 .5em;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .h3-wrap {
color: #000;
padding: 2.5% 2% 2% 0;
width: 100%;
}
#case .butsuryu-caseslide-wrap .slide-list .slide-txt .h3-wrap h3 {
font-size: 18px;
line-height: 1.6;
height: 2.8em;
max-height: 2.8em;
overflow: hidden;
}
#case .slick-prev {
background: none;
}
#case .slick-next {
background: none;
}
#case .slick-next:before, #case .slick-prev:before {
display: none;
}
#case .slick-dots {
line-height: 1;
text-align: center;
bottom: 30px;
}
#case .slick-dots li {
line-height: 1;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
vertical-align: bottom;
}
.page-template-butsuryu #case .section-wrap .btn-radius {
text-align: center;
}
}
.page-template-butsuryu #view .section-wrap .top-title-wrap {
padding: 0 20px;
text-align: center;
}
.page-template-butsuryu #view .section-wrap .top-title-wrap h2 {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 1.4em;
}
.page-template-butsuryu #view .section-wrap .top-title-wrap h2:after {
height: 4px;
width: 60px;
margin-left: -30px;
}
.page-template-butsuryu #wrap #view .section-wrap {
padding: 70px 20px 90px;
background-color: #eff6ff;
}
.page-template-butsuryu #wrap #view .view-wrap {
max-width: 1160px;
margin: auto;
width: 100%;
}
.page-template-butsuryu #wrap #view .view-list {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -4%;
}
.page-template-butsuryu #wrap #view .view-list li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
.page-template-butsuryu #wrap #view .view-list li:nth-child(2n) {
margin-right: 0;
}
.page-template-butsuryu #wrap #view .view-list li a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
background-color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.page-template-butsuryu #wrap #view .view-list li a:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
}
.page-template-butsuryu #wrap #view .view-list li a .thumb {
width: 36%;
padding-top: 36%;
position: relative;
}
.page-template-butsuryu #wrap #view .view-list li a .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.page-template-butsuryu #wrap #view .view-list li a .txt {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-content: center;
padding: 2% 6%;
}
.page-template-butsuryu #wrap #view .view-list li a .txt .cat {
width: 100%;
font-size: 13px;
line-height: 2;
color: #00479d;
}
.page-template-butsuryu #wrap #view .view-list li a .txt h3 {
width: 100%;
font-size: 18px;
font-weight: bold;
line-height: 1.8;
max-height: 5.4em;
overflow: hidden;
}
.page-template-butsuryu #wrap #view .btn-square {
margin-top: 50px;
}
.page-template-butsuryu #view .section-wrap .btn-radius {
text-align: center;
margin-top: 50px;
}
@media screen and (max-width: 800px) {
.page-template-butsuryu #wrap #view {
padding: 0px;
}
.page-template-butsuryu #wrap #view .section-wrap {
padding: 55px 20px 70px;
}
.page-template-butsuryu #view .section-wrap .top-title-wrap h2 {
font-size: 26px;
line-height: 1.5;
padding-bottom: .3em;
margin-bottom: 1.6em;
}
.page-template-butsuryu #view .section-wrap .top-title-wrap h2:after {
height: 3px;
width: 50px;
margin-left: -25px;
}
.page-template-butsuryu #wrap #view .view-list {
width: 100%;
display: block;
margin-top: 0;
}
.page-template-butsuryu #wrap #view .view-list li {
width: 100%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 13px;
}
.page-template-butsuryu #wrap #view .view-list li a .thumb {
width: 100px !important;
height: 100px;
padding-top: 0;
position: relative;
}
.page-template-butsuryu #wrap #view .view-list li a .thumb img {
width: 100px !important;
height: 100px;
}
.page-template-butsuryu #wrap #view .view-list li a .txt {
width: 70%;
padding: 2% 6%;
}
.page-template-butsuryu #wrap #view .view-list li a .txt .cat {
width: 100%;
font-size: 12px;
line-height: 1.8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-butsuryu #wrap #view .view-list li a .txt h3 {
font-size: 15px;
line-height: 1.6;
max-height: auto;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.page-template-butsuryu #view .section-wrap .btn-radius {
text-align: center;
margin-top: 35px;
}
} .archive-documents h2{
font-size: 20px;
line-height: 1.7;
margin-bottom: 3em;
text-align: center;
font-weight: bold;
}
.archive-documents .bigbtn{
margin: 45px auto 0;
text-align: center;
}
.archive-documents-list {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -50px;
}
.archive-documents-list li {
width: 32%;
margin-top: 50px;
padding: 0px 0 66px;
position: relative;
margin-right: 2%;
}
.archive-documents-list li:nth-child(3n) {
margin-right: 0%;
}
.archive-documents-list li .cat {
background-color: #00479d;
color: #fff;
font-size: 16px;
text-align: center;
margin-bottom: 15px;
}
.archive-documents-list li .thumb {
display: block;
position: relative;
width: 100%;
padding-top: 56.25%;
}
.archive-documents-list li .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-documents-list li .txt h3 {
font-size: 17px;
line-height: 1.8;
font-weight: bold;
position: relative;
padding: 15px 0 5px;
}
.archive-documents-list li .txt p {
font-size: 15px;
font-weight: normal;
line-height: 2;
margin-bottom: 25px;
}
.archive-documents-list li .btnarea {
text-align:center;
padding:0;
display: block;
position: absolute;
bottom: 15px;
width:100%;
left: 0;
}
.archive-documents-list li .btn {
text-align: center;
margin-top: 10px;
}
.archive-documents-list li .btn a {
display: inline-block;
max-width: 300px;
width: 100%;
border: 1px solid #00479d;
color: #00479d;
letter-spacing: 0em;
text-indent: 0em;
font-size: 14px;
line-height: 2;
padding: .8em 0.5em;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
font-weight: bold;
border-radius: 50px;
transition: .3s;
}
.archive-documents-list li .btn a svg {
width: 17px;
height: 17px;
margin-left: .4em;
vertical-align: -3px;
}
.archive-documents-list li .btn a:hover {
background-color: #00479d;
color: #fff;
}
.archive-documents-list li .btn a:hover svg circle{
stroke: #fff;
}
.archive-documents-list li .btn a:hover svg polygon{
fill: #fff;
}
@media screen and (max-width: 800px) {
.archive-documents h2{
font-size: 15px;
margin-bottom: 1.5em;
}
.archive-documents .bigbtn{
margin: 40px auto 0;
}
.archive-documents-list {
max-width: 100%;
margin-top: -30px;
}
.archive-documents-list li {
width: 100%;
border-left:none;
border-bottom: 1px solid #ddd;
margin-top: 30px;
padding: 10px 0% 40px;
position: relative;
}
.archive-documents-list li:nth-child(3n){
border-right: none;
}
.archive-documents-list li:last-child{
border-right: none;
padding: 10px 0% 40px;
}
.archive-documents-list li .cat {
margin-bottom: 10px;
font-size: 15px;
}
.archive-documents-list li .txt h3 {
font-size: 15px;
line-height: 1.8;
padding: 8px 0 5px;
}
.archive-documents-list li .txt p {
font-size: 14px;
line-height: 1.8;
margin-bottom: 15px;
}
.archive-documents-list li .btnarea {
position: relative;
bottom: 0;
left: 0;
}
.archive-documents-list li .btn {
text-align: center;
margin-top: 10px;
}
.archive-documents-list li .btn a {
max-width: 300px;
font-size: 13px;
}
} .case-cat {
display:flex;
justify-content:flex-start;
align-items:center;
margin:0 0 60px;
flex-wrap: wrap;
}
.case-cat li{
width:calc(33.33% - 20px);
text-align:center;
margin:0 20px 20px 0;
}
.case-cat li:nth-of-type(3n){
margin:0 0 20px 0;
}
.case-cat li a{
display:block;
border:2px solid #00479d;
height:80px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
color: #00479d;
position:relative;
font-weight:900;
padding:0 30px 0;
}
.case-cat li a:after{
content:"";
position: absolute;
width:16px;
height:16px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/arow01.png) center no-repeat;
top:0;
bottom:0;
right:12px;
margin:auto;
}
@media screen and (max-width: 800px) {
.case-cat {
flex-flow: column;
}
.case-cat li {
width: 100%;
margin:0 0 20px !important;
}
.case-cat li a{
height:60px;
font-size:16px;
padding:0 25px 0;
}
.case-cat li a:after{
right:12px;
}
}
.archive-case-list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: -4%;
}
.archive-case-list li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
.archive-case-list li:nth-child(2n) {
margin-right: 0;
}
.archive-case-list li a {
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.archive-case-list li a:hover {
opacity: .6;
}
.archive-case-list li .thumb {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.archive-case-list li .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-case-list li .txt {
margin-top: -70px;
position: relative;
z-index: 1;
padding-right: 8%;
}
.archive-case-list li .txt .company {
display: inline-block;
font-size: 16px;
color: #fff;
padding: 0 .5em;
line-height: 2;
background: #00479d;
}
.archive-case-list li .txt h3 {
font-size: 24px;
line-height: 1.67;
font-weight: bold;
background-color: #fff;
padding: .5em 1em .5em 0;
}
.archive-case-list li .txt h3 .date {
font-size: 12px;
color: #666;
letter-spacing: .01em;
display: block;
}
@media screen and (max-width: 800px) {
.archive-case-list {
display: block;
margin-top: -6%;
}
.archive-case-list li {
width: 100%;
margin-right: 0%;
margin-top: 6%;
}
.archive-case-list li:nth-child(2n) {
margin-right: 0;
}
.archive-case-list li .thumb {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.archive-case-list li .txt {
margin-top: -50px;
position: relative;
z-index: 1;
padding-right: 5%;
}
.archive-case-list li .txt .company {
font-size: 14px;
padding: 0 .5em;
line-height: 2;
background: #00479d;
}
.archive-case-list li .txt h3 {
font-size: 18px;
line-height: 1.6;
font-weight: bold;
background-color: #fff;
padding: .5em 1em .5em 0;
}
} .single-case .section-content .title .info {
font-size: 16px;
line-height: 2;
margin-bottom: .5em;
}
.single-case .section-content .title .info .company {
display: inline-block;
background-color: #00479d;
color: #fff;
margin-right: .5em;
letter-spacing: .02em;
text-indent: .02em;
padding: 0 .5em;
}
.single-case .section-content .title .date {
font-size: 12px;
color: #666;
letter-spacing: .01em;
}
.single-case .section-content .title h1 {
font-size: 30px;
line-height: 1.46;
letter-spacing: .04em;
font-weight: bold;
margin-bottom: .75em;
}
.single-case .section-content .content {
font-size: 16px;
line-height: 2;
padding-bottom: 100px;
}
.single-case .section-content .content .wp-block-image {
margin-bottom: 2em;
}
.single-case .section-content .content .detail {
background-color: #f5f5f5;
padding: 30px;
margin-bottom: 2em;
}
.single-case .section-content .content .detail h3 {
background-color: #ddd;
font-weight: bold;
font-size: 16px;
line-height: 2;
letter-spacing: .04em;
padding: 0 .5em;
}
.single-case .section-content .content .detail dl {
width: 100%;
}
.single-case .section-content .content .detail dt {
padding: 1em .5em;
width: 8em;
border-top: 1px solid #ddd;
float: left;
}
.single-case .section-content .content .detail dd {
padding: 1em 0;
margin-left: 8em;
border-top: 1px solid #ddd;
}
.single-case .section-content .content h2 {
border-top: 3px solid #00479d;
border-bottom: 3px solid #00479d;
font-size: 24px;
color: #00479d;
font-weight: bold;
line-height: 1.75;
letter-spacing: .04em;
padding: .6em 0;
margin-bottom: 1em;
}
.single-case .section-content .content * + h2,
.single-case .section-content .content * + h3 {
margin-top: 3em;
}
.single-case .section-content .content strong {
font-weight: bold;
background-color: #ffd9e1;
background: linear-gradient(transparent 70%, #ffd9e1 0%);
}
.single-case .section-content .content p {
letter-spacing: .02em;
font-size: 15px;
line-height: 2;
margin-bottom: 2em;
}
.single-case .section-content .content a {
color: #00479d;
}
.single-case .section-content .content a:hover {
text-decoration: underline;
}
.single-case .section-content .content p:last-child {
margin-bottom: 0;
}
.wp-block-media-text.consultant  {
-ms-grid-template-columns: 100px auto;
grid-template-columns: 100px auto;
-ms-align-items: start;
align-items: start;
}
.wp-block-media-text.consultant .wp-block-media-text__media img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.wp-block-media-text.consultant .wp-block-media-text__content {
padding: 0 0 0 20px;
}
.single-case .section-content .content .wp-block-media-text.consultant .wp-block-media-text__content p {
margin-bottom: 1em;
}
.single-case .section-content .content .wp-block-media-text.consultant .wp-block-media-text__content a {
font-weight: bold;
color: #00479d;
}
.single-case .section-content .content .wp-block-media-text.consultant .wp-block-media-text__content a:after {
display: inline-block;
margin-left: .5em;
content: '';
width: 18px;
height: 18px;
background-color: #fff;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon-play-blue.svg) center center/contain no-repeat;
vertical-align: text-bottom;
}
.single-case .section-content .content .case-company {
margin-top: 40px;
padding: 30px;
background: #eff6ff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.single-case .section-content .content .case-company .thumb {
width: 200px;
}
.single-case .section-content .content .case-company .txt {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
padding-left: 30px;
}
.single-case .section-content .content .case-company .txt h3 {
margin: 0;
padding: 0;
border: none;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: 1px solid #00479d;
}
.single-case .section-content .content .case-company .txt dt {
float: left;
width: 90px;
padding-right: 10px;
font-size: 15px;
line-height: 1.6;
padding-top: .3em;
}
.single-case .section-content .content .case-company .txt dd {
margin-left: 90px;
font-size: 15px;
line-height: 1.6;
padding-top: .3em;
}
.single-case .section-content .content .case-consultant {
margin-top: 40px;
padding: 30px;
background: #eff6ff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-case .section-content .content .case-consultant .thumb {
width: 100px;
}
.single-case .section-content .content .case-consultant .thumb img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.single-case .section-content .content .case-consultant .txt {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
padding-left: 20px;
}
#single.single-case .section-content .content .case-consultant .txt p.subtitle {
margin: 0 0 10px;
padding: 0;
font-size: 18px;
line-height: 1.7;
font-weight:bold;
}
.single-case .section-content .content .case-consultant .txt h3 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 20px;
margin-bottom: .5em;
}
.single-case .section-content .content .case-consultant .txt p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 2;
}
.single-case .section-content .content .case-consultant .txt p.c-name {
text-align:right;
}
.single-case .section-content .content .case-consultant .txt a {
font-weight: bold;
color: #00479d;
}
.single-case .section-content .content .case-consultant .txt a:after {
display: inline-block;
margin-left: .5em;
content: '';
width: 18px;
height: 18px;
background-color: #fff;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon-play-blue.svg) center center/contain no-repeat;
vertical-align: text-bottom;
}
.single-case .section-content .content .case-consultant .btn {
width: 100%;
text-align: center;
margin-top: 20px;
}
.single-case .section-content .content .case-consultant .btn a {
display: inline-block;
width: 100%;
max-width: 450px;
line-height: 2;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
padding: 1.2em 0;
background-color: #00479d;
border-radius: 1.9em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single-case .section-content .content .case-consultant .btn a:hover {
opacity: .6;
text-decoration: none;
}
@media screen and (max-width: 800px) {
.single-case .section-content .title .info {
font-size: 13px;
line-height: 1.8;
margin-bottom: .5em;
}
.single-case .section-content .title .date {
font-size: 12px;
}
.single-case .section-content .title h1 {
font-size: 22px;
line-height: 1.6;
letter-spacing: 0em;
margin-bottom: 1.3em;
}
.single-case .section-content .content {
font-size: 14px;
line-height: 1.8;
padding-bottom: 60px;
}
.single-case .section-content .content .wp-block-image {
margin-bottom: 2em;
}
.single-case .section-content .content .detail {
padding: 30px;
margin-bottom: 2em;
}
.single-case .section-content .content .detail h3 {
background-color: #ddd;
font-weight: bold;
font-size: 16px;
line-height: 2;
letter-spacing: .04em;
padding: 0 .5em;
}
.single-case .section-content .content .detail dl {
width: 100%;
}
.single-case .section-content .content .detail dt {
padding: 1em .5em;
width: 8em;
border-top: 1px solid #ddd;
float: left;
}
.single-case .section-content .content .detail dd {
padding: 1em 0;
margin-left: 8em;
border-top: 1px solid #ddd;
}
.single-case .section-content .content h2 {
font-size: 18px;
line-height: 1.5;
letter-spacing: .04em;
padding: .5em 0;
margin-bottom: 1em;
}
.single-case .section-content .content p {
letter-spacing: 0em;
font-size: 14px;
line-height: 2;
margin-bottom: 2em;
}
.wp-block-media-text.consultant  {
-ms-grid-template-columns: 100px auto;
grid-template-columns: 100px auto;
-ms-align-items: start;
align-items: start;
}
.wp-block-media-text.consultant .wp-block-media-text__media img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.wp-block-media-text.consultant .wp-block-media-text__content {
padding: 0 0 0 20px;
}
.single-case .section-content .content .wp-block-media-text.consultant .wp-block-media-text__content p {
margin-bottom: 1em;
}
.single-case .section-content .content .wp-block-media-text.consultant .wp-block-media-text__content a {
font-weight: bold;
color: #00479d;
}
.single-case .section-content .content .case-company {
margin-top: 40px;
padding: 20px;
display: block;
}
.single-case .section-content .content .case-company .thumb {
width: 120px;
margin: 0 auto 15px;
}
.single-case .section-content .content .case-company .txt {
padding-left: 0px;
}
.single-case .section-content .content .case-company .txt h3 {
font-size: 16px!important;
line-height: 1.4;
margin-bottom: .5em!important;
}
.single-case .section-content .content .case-company .txt dt {
float: left;
width: 90px;
padding-right: 10px;
font-size: 13px;
line-height: 1.6;
padding-top: .3em;
}
.single-case .section-content .content .case-company .txt dd {
margin-left: 90px;
font-size: 13px;
line-height: 1.6;
padding-top: .3em;
}
.single-case .section-content .content .case-consultant {
margin-top: 40px;
padding: 30px;
background: #eff6ff;
display: block;
}
.single-case .section-content .content .case-consultant .thumb {
width: 100px;
margin:0 auto 20px;
}
.single-case .section-content .content .case-consultant .thumb img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.single-case .section-content .content .case-consultant .txt {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
padding:0;
}
.single-case .section-content .content .case-consultant .txt p.subtitle {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.7;
}
.single-case .section-content .content .case-consultant .txt h3 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 20px;
margin-bottom: .5em;
}
.single-case .section-content .content .case-consultant .txt p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 2;
}
.single-case .section-content .content .case-consultant .txt a {
font-weight: bold;
color: #00479d;
}
.single-case .section-content .content .case-consultant .txt a:after {
display: inline-block;
margin-left: .5em;
content: '';
width: 18px;
height: 18px;
background-color: #fff;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon-play-blue.svg) center center/contain no-repeat;
vertical-align: text-bottom;
}
.single-case .section-content .content .case-consultant .btn {
width: 100%;
text-align: center;
margin-top: 20px;
}
.single-case .section-content .content .case-consultant .btn a {
display: inline-block;
width: 100%;
max-width: 450px;
line-height: 2;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
padding: 1.2em 0;
background-color: #00479d;
border-radius: 1.9em;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single-case .section-content .content .case-consultant .btn a:hover {
opacity: .6;
text-decoration: none;
}
} .archive-seminar .archive-seminar-list {
max-width: 1160px;
margin: auto;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -50px;
margin-bottom: 50px;
}
.archive-seminar .archive-seminar-list li {
width: 31%;
margin-right: 3.5%;
margin-top: 50px;
}
.archive-seminar .archive-seminar-list li:nth-child(3n) {
margin-right: 0;
}
.archive-seminar .archive-seminar-list li a {
background-color: #fff;
width: 100%;
height: 100%;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.archive-seminar .archive-seminar-list li a:hover {
opacity: .6;
}
.archive-seminar .archive-seminar-list li .thumb {
position: relative;
width: 100%;
padding-top: 56.25%;
height: auto;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon{
position: absolute;
left: -10px;
top: -10px;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li{
margin:0;
display: inline-block;
width: 80px;
padding: 0 5px;
box-sizing: border-box;
text-align: center;
font-size: 16px;
font-weight: bold;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon01{
border: 1px solid #777;
background: #fff;
margin:0 0 0 -3px;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon01.red{
border: 1px solid #D21D41;
background: #D21D41;
color: #fff;
margin:0 ;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon02{
border: 1px solid #1042A7;
background: #1042A7;
color: #fff;
}
.archive-seminar .archive-seminar-list li .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-seminar .archive-seminar-list li .thumb span {
display: inline-block;
font-size: 12px;
color: #fff;
background-color: #00479d;
line-height: 2;
position: absolute;
bottom: 0;
left: 0;
padding: 0 .5em;
}
.archive-seminar .archive-seminar-list li .txt {
padding: 5% 0 6%;
background-color: #fff;
width: 100%;
}
.archive-seminar .archive-seminar-list li .cat-list{
display: flex;
margin: 0 0 10px;
}
.archive-seminar .archive-seminar-list li .cat-list .cat{
margin: 0 10px 0 0;
padding: 0 10px;
display: inline-block;
border: 1px solid #1042A7;
color: #1042A7;
text-align: center;
width: auto;
font-size: 14px;
line-height: 1.5;
}
.archive-seminar .archive-seminar-list li .cat {
font-size: 13px;
line-height: 2;
color: #00479d;
}
.archive-seminar .archive-seminar-list li h3 {
font-size: 18px;
line-height: 1.8;
font-weight: bold;
}
.archive-seminar .archive-seminar-list li .info {
color: #646464;
font-size: 13px;
}
.archive-seminar .seminar-link {
text-align: center;
margin-top: 50px;
}
.archive-seminar .seminar-link a{
text-decoration: underline;
color: #00479d;
}
.archive-seminar .seminar-link a:hover{
text-decoration: none;
}
.archive-seminar .link-list{
display: flex;
margin: 10% 0 0;
}
.archive-seminar .link-list-item{
width: 48%;
margin: 0 4% 0 0;
}
.archive-seminar .link-list-item:nth-of-type(2){
margin: 0;
}
.archive-seminar .link-list-item a{
background: #fff;
border: 1px solid #10479E;
padding: 15px 10px;
text-align: center;
display: block;
color: #1142A9;
transition: 0.3s;
position: relative;
}
.archive-seminar .link-list-item a .arrow{
position: absolute;
right: 50px;
top: 50%;
display: inline-block;
width: 25px;
height: 2px;
margin-left: 3px;
background-color: #00479d;
vertical-align: middle;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.archive-seminar .link-list-item a .arrow::after{
content: '';
display: block;
height: 2px;
width: 10px;
background-color: #00479d;
position: absolute;
top: 0;
right: 0;
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
@media screen and (min-width: 801px) {
.archive-seminar .link-list-item a:hover{
background: #10479E;
color: #fff;
}
.archive-seminar .link-list-item a:hover .arrow{
background-color: #fff;
}
.archive-seminar .link-list-item a:hover .arrow::after{
background-color: #fff;
}
}
.archive-seminar .link-list-item a b{
display: block;
font-size: 20px;
font-weight: bold;
line-height: 1.0;
margin: 10px 0 5px;
}
.archive-seminar .link-list-item a b span{
font-size: 16px;
}
@media screen and (max-width: 800px) {
.archive-seminar .archive-seminar-list {
margin-top: -30px;
margin-bottom: 10px;
}
.archive-seminar .archive-seminar-list li {
width:100%;
margin-right: 0;
margin-top: 35px;
}
.archive-seminar .archive-seminar-list li a {
width: 100%;
margin-left: 0px;
margin-right: 0;
}
.archive-seminar .archive-seminar-list li .thumb {
position: relative;
width: 100%;
padding-top: 56.25%;
height: auto;
}
.archive-seminar .archive-seminar-list li .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-seminar .archive-seminar-list li .thumb span {
display: inline-block;
font-size: 12px;
color: #fff;
background-color: #00479d;
line-height: 2;
position: absolute;
bottom: 0;
left: 0;
padding: 0 .5em;
}
.archive-seminar .archive-seminar-list li .txt {
padding: 4% 0% 0%;
background-color: #fff;
width: 100%;
}
.archive-seminar .archive-seminar-list li .cat {
font-size: 12px;
line-height: 1.8;
}
.archive-seminar .archive-seminar-list li h3 {
font-size: 16px;
line-height: 1.8;
text-align: justify;
margin-bottom: 2px;
}
.archive-seminar .link-list{
display: block;
}
.archive-seminar .link-list-item{
width: 100%;
margin: 0 0 20px 0;
}
.archive-seminar .link-list-item:nth-of-type(2){
margin: 0;
}
.archive-seminar .link-list-item a .arrow{
right: 20px;
}
} .single-seminar .section-content {
-webkit-font-feature-settings: 'palt' 1;
-moz-font-feature-settings: 'palt' 1;
-o-font-feature-settings: 'palt' 1;
font-feature-settings: 'palt' 1;
}
.single-seminar .section-content .title { margin-bottom: 30px;
}
.single-seminar .section-content .title #visual {
position: relative;
}
.single-seminar .section-content .title #visual .seminar-icon{
position: absolute;
left: -10px;
top: -10px;
}
.single-seminar .section-content .title #visual .seminar-icon li{
display:inline-block;
width: 94px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon01{
border: 1px solid #777;
background: #fff;
margin:0 0 0 -3px;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon01.red{
border: 1px solid #D21D41;
background: #D21D41;
color: #fff;
margin:0;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon02{
border: 1px solid #1042A7;
background: #1042A7;
color: #fff;
}
.single-seminar .section-content .title > p {
font-size: 15px;
margin-bottom: 2.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid #ddd;
}
.single-seminar .section-content .title p span{
display:inline-block;
margin:0 10px 0 0;
background:#e6e6e6;
color:#555;
font-size:13px;
padding:0 7px;
font-weight:bold;
}
.single-seminar .section-content .title p span.red{
background: #D21D41;
color: #fff;
}
.single-seminar .section-content .title p span.blue{
background: #00479D;
color: #fff;
}
.single-seminar .section-content .title .date {
display: inline-block;
letter-spacing: .04em;
}
.single-seminar .section-content .title .info-cat{
margin: 0 0 10px;
}
.single-seminar .section-content .title .cat {
display: inline-block;
font-size: 14px;
letter-spacing: .04em;
line-height: 20px;
color: #00489e;
border: 1px solid #00489e;
padding: 0 1em;
margin-right: 0.5em;
}
.single-seminar .section-content .title h1 {
font-size: 26px;
line-height: 1.6;
letter-spacing: .04em;
font-weight: bold;
margin:0 0 10px;
}
.single-seminar .section-content .content {
padding-bottom: 100px;
}
.single-seminar .section-content .content h2 {
font-size: 24px;
line-height: 1.67;
font-weight: bold;
letter-spacing: .04em;
border-left: 4px solid #00489e;
padding: .25em .75em;
margin-bottom: 1em;
background: #f4f4f4;
}
.single-seminar .section-content .content .seminar_koushi .wp-block-columns{
display: none;
}
.single-seminar .section-content .content .seminar_koushi #wp-block-columns-0{
display: flex;
}
.single-seminar .section-content .content p {
font-size: 15px;
line-height: 2;
letter-spacing: .04em;
margin-bottom: 2em;
}
.single-seminar .section-content .content p + h2 {
margin-top: 3em;
}
.single-seminar .section-content .content a {
color: #00489e;
}
.single-seminar .section-content .content a:after {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon_arrow-common-link.svg) center center/contain no-repeat;
vertical-align: text-bottom;
margin-left: .25em;
}
.single-seminar .section-content .content a.no-icon:after{
display: none;
}
.single-seminar .section-content .content a:hover {
text-decoration: underline;
}
#wrap .single-seminar .wp-block-button{
margin: 30px 0 20px;
}
#wrap .single-seminar .wp-block-button a{
background-color: #c20000;
border: none;
}
#wrap .single-seminar .wp-block-button.end-reception span{
display: inline-block;
width: 100%;
max-width: 500px;
text-align: center;
font-size: 18px;
font-weight: bold;
line-height: 22px;
padding: 24px 0 24px;
background: #eee;
color: #000;
border-radius: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border: none;
}
.single-seminar .section-content .iframe-pdf{
width:100%;
height:590px;
margin:0 0 40px;
}
#single.single-seminar .section-content .content p.pdf-modal{
margin: 40px 0 0;
margin-bottom:0;
padding: 6px 0;
position: relative;
text-align: center;
background: #f8f8f8;
}   
#single.single-seminar .section-content .content p.pdf-modal a{
height: 36px;
line-height: 36px;
padding: 0 25px;
font-size: 24px;
font-weight: bold;
display: block;
color: #fff;
margin: 6px auto;
background-color: #b6b6b6;
width:160px;
}
#single.single-seminar .section-content .content p.pdf-modal a:hover{
text-decoration:none;
}
#single.single-seminar .section-content .content p.pdf-modal a:after{
display:none;
}
@media screen and (max-width: 800px) {
.single-seminar .section-content .title {
padding-bottom: 15px;
margin-bottom: 15px;
}
.single-seminar .section-content .title p {
font-size: 13px;
}
.single-seminar .section-content .title .cat {
font-size: 11px;
line-height: 16px;
}
.single-seminar .section-content .title h1 {
font-size: 18px;
}
.single-seminar .section-content .content {
padding-bottom: 50px;
}
.single-seminar .section-content .content h2 {
font-size: 17px;
}
.single-seminar .section-content .content p {
font-size: 13px;
line-height: 1.8;
margin-bottom: 1.8em;
}
.single-seminar .section-content .content p + h2 {
margin-top: 2.8em;
}
.single-seminar .section-content .iframe-pdf{
height: 65.5vw;
}
}
@media screen and (max-width: 550px) {
#single.single-common .section-content .content p .deadline{
display: block;
}
} .archive-column .archive-column-list {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -4%;
}
.archive-column .archive-column-list li {
width: 48%;
margin-right: 4%;
margin-top: 4%;
}
.archive-column .archive-column-list li:nth-child(2n) {
margin-right: 0;
}
.archive-column .archive-column-list li a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
background-color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.archive-column .archive-column-list li a:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}
.archive-column .archive-column-list li a .thumb {
width: 36%;
padding-top: 36%;
position: relative;
}
.archive-column .archive-column-list li a .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-column .archive-column-list li a .txt {
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
align-content: center;
padding: 2% 6%;
}
.archive-column .archive-column-list li a .txt .cat {
width: 100%;
font-size: 13px;
line-height: 2;
color: #00479d;
}
.archive-column .archive-column-list li a .txt h3 {
width: 100%;
font-size: 18px;
font-weight: bold;
line-height: 1.8;
max-height: 5.4em;
overflow: hidden;
}
#archive.archive-column .btn-square {
margin-top: 50px;
}
@media screen and (max-width: 800px) {
.archive-column .archive-column-list {
width: 100%;
display:block;
margin-top: 0;
}
.archive-column .archive-column-list li {
width: 100%;
margin-right: 0%;
margin-top: 0%;
margin-bottom: 13px;
}
.archive-column .archive-column-list li a .thumb {
width: 100px!important;
height: 100px;
padding-top: 0;
position: relative;
}
.archive-column .archive-column-list li a .thumb img{
width: 100px!important;
height: 100px;
}
.archive-column .archive-column-list li a .txt {
width:70%;
padding: 2% 6%;
}
.archive-column .archive-column-list li a .txt .cat {
width: 100%;
font-size: 12px;
line-height: 1.6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.archive-column .archive-column-list li a .txt h3 {
font-size: 15px;
line-height: 1.6;
max-height: auto;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
#archive.archive-column .btn-square {
margin-top: 35px;
}
} .archive-consulting h2{
font-size: 30px;
line-height: 1.7;
margin-bottom: 3em;
text-align: center;
font-weight: bold;
}
.archive-consulting ul.consulting-index_point{
margin-bottom: 110px;
}
.archive-consulting ul.consulting-index_point li{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.archive-consulting ul.consulting-index_point li:nth-child(even){
flex-direction: row-reverse;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_img{
width: 580px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt{
width: 580px;
padding: 0 60px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt .point_num{
font-size: 20px;
color: #d01d40;
padding-bottom: 12px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt h3{
font-size: 24px;
font-weight: bold;
line-height: 1.6;
position: relative;
margin-bottom: 42px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt h3:after{
content: "";
background-color: #00479d;
width: 40px;
height: 4px;
position: absolute;
left: 0;
bottom: -20px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt p{
font-size: 16px;
}
.archive-consulting .section-archive{
padding-bottom: 90px;
}
#archive.archive-consulting{
padding-bottom: 0px;
}
.archive-consulting .section-archive .content{
max-width: 1200px;
margin: auto;
padding: 0 20px;
}
.archive-consulting .section-archive h2 {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 0.8em;
position: relative;
}
.archive-consulting .section-archive h2:after {
height: 4px;
width: 60px;
margin-left: -30px;
content: '';
bottom: 0;
left: 50%;
display: block;
position: absolute;
background-color: #00479d;
}
.archive-consulting .section-archive p.title_lead{
text-align: center;
}
.archive-consulting .section-archive p{
font-size: 16px;
}
.archive-consulting .section-archive .archive-consulting-list{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
text-align: left;
margin-top: 40px;
}
.archive-consulting .section-archive .archive-consulting-list li a{
background-color: #fff;
padding: 40px 30px;
width: 100%;
height: 100%;
border: #fff 1px solid;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.archive-consulting .section-archive .archive-consulting-list li {
width: 49%;
margin-bottom: 2%;
}
.archive-consulting .section-archive .archive-consulting-list li:nth-child(odd){
margin-right: 1%;
margin-left: 0%;
}
.archive-consulting .section-archive .archive-consulting-list li:nth-child(even){
margin-right: 0%;
margin-left: 1%;
}
.archive-consulting .section-archive .archive-consulting-list li .thumb{
width: 100px;
height: 100px;
box-sizing: border-box;
}
.archive-consulting .section-archive .archive-consulting-list li .thumb img{
border-radius: 50px;
}
.archive-consulting .section-archive .archive-consulting-list li .txt{
width: 80%;
box-sizing: border-box;
padding-left: 20px;
}
.archive-consulting .section-archive .archive-consulting-list li .txt h3{
font-weight: bold;
font-size: 22px;
line-height: 1.5;
padding-bottom: 4px;
}
.archive-consulting .section-archive .archive-consulting-list li .txt .excert{
font-size: 16px;
line-height: 1.8;
text-align: left!important;
}
.archive-consulting .section-archive .archive-consulting-list li a:hover {
border: 1px solid #00479d;
}
@media screen and (max-width: 800px) {
.archive-consulting h2{
font-size: 15px;
margin-bottom: 1.5em;
}
.archive-consulting ul.consulting-index_point{
margin-bottom: 60px;
}
.archive-consulting ul.consulting-index_point li{
display: block;
margin-bottom:35px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_img{
width: 100%;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt{
width: 100%;
padding: 0 0px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt .point_num{
font-size: 12px;
padding-top: 15px;
padding-bottom: 5px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt h3{
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt h3:after{
width: 40px;
height: 3px;
bottom: -15px;
}
.archive-consulting ul.consulting-index_point li .consulting-index_point_txt p{
font-size: 14px;
}
.archive-consulting .section-archive{
padding-top: 60px;
padding-bottom: 60px;
}
#archive.archive-consulting{
padding-bottom: 0px;
}
.archive-consulting .section-archive .content{
max-width: 100%;
margin: auto;
}
.archive-consulting .section-archive h2 {
font-size: 26px;
padding-bottom: .3em;
line-height: 1.5;
margin-bottom: 1.3em;
}
.archive-consulting .section-archive h2:after {
height: 3px;
width: 50px;
margin-left: -25px;
bottom: -8px;
left: 50%;
}
.archive-consulting .section-archive p.title_lead{
text-align:left;
}
.archive-consulting .section-archive p{
font-size: 14px;
}
.archive-consulting .section-archive .archive-consulting-list{
display: block;
margin-top: 25px;
}
.archive-consulting .section-archive .archive-consulting-list li a{
padding: 20px 20px;
}
.archive-consulting .section-archive .archive-consulting-list li {
width: 100%;
margin-bottom: 3%;
}
.archive-consulting .section-archive .archive-consulting-list li:nth-child(odd){
margin-right: 0%;
}
.archive-consulting .section-archive .archive-consulting-list li:nth-child(even){
margin-left: 0%;
}
.archive-consulting .section-archive .archive-consulting-list li .thumb{
width: 80px;
height: 80px;
}
.archive-consulting .section-archive .archive-consulting-list li .txt{
width: 80%;
box-sizing: border-box;
padding-left: 15px;
}
.archive-consulting .section-archive .archive-consulting-list li .txt h3{
font-size: 16px;
line-height: 1.5;
}
.archive-consulting .section-archive .archive-consulting-list li .txt .excert{
font-size: 14px;
line-height: 1.8;
}
} .single-consulting {
padding-bottom: 80px;
}
.single-consulting h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.single-consulting .target-nav {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
margin-bottom: 70px;
}
.single-consulting .target-nav li {
margin: 0 5px;
}
.single-consulting .target-nav li a {
display: block;
border: 1px solid #00479d;
width: 220px;
font-weight: bold;
font-size: 14px;
line-height: 50px;
text-align: center;
color: #00479d;
border-radius: 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single-consulting .target-nav li a:hover {
color: #fff;
background-color: #00479d;
}
.single-consulting p {
font-size: 16px;
}
.single-consulting figure {
width: 100%;
}
.single-consulting figure.w900 {
width: 900px;
margin: 0 auto;
}
.single-consulting figure.mt40 {
margin-top: 40px;
}
.single-consulting figure.mb40 {
margin-bottom: 40px;
}
.single-consulting h2.blue_arrow {
background-color: #00479d;
color: #fff;
padding: 13px 0 15px;
font-size: 40px;
font-weight: bold;
width: 100%;
margin-top: 0px;
position: relative;
margin-bottom: 50px;
}
.single-consulting h2.blue_arrow:after {
content: "";
width: 0;
height: 0;
bottom: -15px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 18px solid #00479d;
margin-left: -10px;
position: absolute;
left: 50%;
}
.single-consulting span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
}
.single-consulting #feature,
.single-consulting #menu,
.single-consulting #case,
.single-consulting #compare,
.single-consulting #flow {
padding-top: 60px;
margin-top: 30px;
}
@media screen and (max-width: 800px) {
.single-consulting {
padding-bottom: 50px;
}
.single-consulting h2 {
font-size: 15px;
margin-bottom: 1.5em;
}
.single-consulting .target-nav {
width: 100%;
display: block;
margin-bottom: 40px;
}
.single-consulting .target-nav li {
margin: 0 25px 10px;
}
.single-consulting .target-nav li a {
display: block;
width: 100%;
font-weight: bold;
font-size: 13px;
line-height: 40px;
}
.single-consulting p {
font-size: 14px;
}
.single-consulting figure {
width: 100%;
}
.single-consulting figure.w900 {
width: 100%;
margin: 0 auto;
}
.single-consulting figure.mt40 {
margin-top: 40px;
}
.single-consulting figure.mb40 {
margin-bottom: 40px;
}
.single-consulting h2.blue_arrow {
padding: 16px 15px 16px;
font-size: 24px;
line-height: 1.4;
position: relative;
margin-bottom: 30px;
}
.single-consulting h2.blue_arrow:after {
bottom: -12px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 14px solid #00479d;
margin-left: -16px;
}
.single-consulting h3 {
}
.single-consulting #feature,
.single-consulting #menu,
.single-consulting #case,
.single-consulting #compare,
.single-consulting #flow {
padding-top: 50px;
margin-top: 10px;
}
} .single-consulting .consulting-feature ul {
padding-top: 15px;
}
.single-consulting .consulting-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.single-consulting .consulting-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.single-consulting .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_img {
width: 580px;
position: relative;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.single-consulting .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 16px;
text-align: justify;
}
@media screen and (max-width: 800px) {
.single-consulting .consulting-feature ul {
padding-top: 5px;
}
.single-consulting .consulting-feature ul li {
display: block;
margin-bottom: 40px;
}
.single-consulting .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.single-consulting .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.single-consulting .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 14px;
}
} .single-consulting .consulting-menu ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin-top: -45px;
}
.single-consulting .consulting-menu li {
width: 31%;
margin-right: 3.5%;
margin-top: 45px;
}
.single-consulting .consulting-menu li:nth-child(3n) {
margin-right: 0%;
}
.single-consulting .consulting-menu li h3 {
text-align: center;
color: #00479d;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
padding-top: 20px;
padding-bottom: 9px;
} .single-consulting .consulting-menu-training li {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin-top: 70px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_img{
width: 500px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt{
width: 620px;
padding-left: 40px;
margin-top: -5px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt h3 {
color: #00479d;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
padding-bottom: 9px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt h4 {
color: #fff;
font-size: 13px;
line-height: 1.5;
font-weight: bold;
padding:2px 6px;
display: inline-block;
margin-top: 17px;
margin-bottom: 5px;
background-color: #00479d;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt ul.training_menu li{
font-size: 14px;
line-height: 1.5;
border-bottom: 1px #ddd dotted;
padding: 5px 0;
margin: 0;
padding-bottom: 6px;
}
@media screen and (max-width: 800px) {
.single-consulting .consulting-menu ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
margin-top: -20px;
}
.single-consulting .consulting-menu li:nth-child(odd) {
width: 48%;
margin-right: 2%;
margin-left: 0%;
margin-top: 20px;
}
.single-consulting .consulting-menu li:nth-child(even) {
width: 48%;
margin-right: 0%;
margin-left: 2%;
margin-top: 20px;
}
.single-consulting .consulting-menu li h3 {
text-align: left;
font-size: 18px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 4px;
} .single-consulting .consulting-menu-training li {
display: block;
margin-top: 40px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_img{
width: 100%;
margin-bottom: 15px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt{
width: 100%;
padding-left: 0px;
margin-top: 0px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt h3 {
font-size: 18px;
line-height: 1.5;
padding-bottom: 9px;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt h4 {
font-size: 12px;
padding:2px 8px;
display: inline-block;
}
.single-consulting .consulting-menu-training li .consulting-menu-training_txt ul.training_menu li{
font-size: 12px;
line-height: 1.5;
padding: 7px 0;
}
} .single-consulting .consulting-flow ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-consulting .consulting-flow .column-5 li {
width: 19%;
background-color: #eff6ff;
}
.single-consulting .consulting-flow li .consulting-flow_step {
background-color: #00479d;
color: #fff;
text-align: center;
font-size: 16px;
position: relative;
height: 30px;
line-height: 28px;
border-bottom: #fff 6px solid;
box-sizing: content-box;
}
.single-consulting .consulting-flow li .consulting-flow_step:after {
content: "";
width: 0;
height: 0;
top: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 8px solid #00479d;
position: absolute;
right: -8px;
}
.single-consulting .consulting-flow li:last-child .consulting-flow_step:after {
display: none;
}
.single-consulting .consulting-flow li .consulting-flow_txt {
padding: 25px 20px 25px;
}
.single-consulting .consulting-flow li .consulting-flow_txt h3 {
color: #00479d;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
min-height: 4.2em;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list {
display: block;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list li {
display: block;
width: 100%;
font-size: 15px;
line-height: 1.5;
border-bottom: #ddd 1px solid;
padding: 6px 0;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list li:last-child {
border-bottom: none;
padding: 6px 0 0;
}
@media screen and (max-width: 800px) {
.single-consulting .consulting-flow ul {
display: block;
}
.single-consulting .consulting-flow .column-5 li {
width: 100%;
margin-bottom: 15px;
}
.single-consulting .consulting-flow li .consulting-flow_step {
font-size: 15px;
height: 30px;
line-height: 28px;
border: none;
}
.single-consulting .consulting-flow li .consulting-flow_step:after {
display: none;
}
.single-consulting .consulting-flow li .consulting-flow_txt {
padding: 25px 20px 25px;
}
.single-consulting .consulting-flow li .consulting-flow_txt h3 {
color: #00479d;
font-size: 18px;
line-height: 1.5;
min-height: 0;
padding-bottom: 15px;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list {
display: block;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list li {
display: block;
width: 100%;
font-size: 13px;
line-height: 1.5;
border-bottom: #ddd 1px solid;
padding: 6px 0;
margin-bottom: 0px;
}
.single-consulting .consulting-flow li .consulting-flow_txt ul.flow_detail_list li:last-child {
border-bottom: none;
padding: 6px 0 0;
}
} .single-consulting .consulting-compare p {
margin-top: -10px;
padding-bottom: 20px;
}
.single-consulting .consulting-compare h3 {
color: #00479d;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
.single-consulting .consulting-compare .table-style1, .single-consulting .consulting-compare .table-style1 tbody, .single-consulting .consulting-compare .table-style1 tr {
width: 100%;
font-size: 16px;
line-height: 1.6;
}
.single-consulting .consulting-compare .table-style1 tr:last-child td:last-child {
border-bottom: 4px #00479d solid;
}
.single-consulting .consulting-compare .table-style1 th {
vertical-align: middle;
text-align: center;
padding: .75em 1.0em;
font-weight: bold;
background-color: #f5f5f5;
border-left: 2px solid #ddd;
border-bottom: 2px solid #ddd;
position: relative;
width: 15%;
}
.single-consulting .consulting-compare .table-style1 th:first-child {
width: 20%;
border-left: none;
background-color: #fff;
}
.single-consulting .consulting-compare .table-style1 th:last-child {
width: 20%;
background-color: #eff6ff;
border-top: 4px #00479d solid;
border-right: 4px #00479d solid;
border-left: 4px #00479d solid;
}
.single-consulting .consulting-compare .table-style1 td {
padding: 0.7em 1.0em 0.9em;
text-align: center;
vertical-align: middle;
border-left: 2px solid #ddd;
border-bottom: 2px solid #ddd;
font-size: 14px;
line-height: 1.4;
}
.single-consulting .consulting-compare .table-style1 td:first-child {
border-left: none;
background-color: #f5f5f5;
font-weight: bold;
font-size: 16px;
}
.single-consulting .consulting-compare .table-style1 td:last-child {
background-color: #eff6ff;
font-weight: bold;
border-right: 4px #00479d solid;
border-left: 4px #00479d solid;
}
.single-consulting .consulting-compare .table-style1 td span {
display: block;
vertical-align: top;
line-height: 50px;
}
.single-consulting .consulting-compare .table-style1 td span.bad {
color: #666;
font-size: 62px;
}
.single-consulting .consulting-compare .table-style1 td span.normal {
color: #e68256;
font-weight: bold;
font-size: 44px;
}
.single-consulting .consulting-compare .table-style1 td span.good, .single-consulting .consulting-compare .table-style1 td span.paramount {
color: #d01d40;
font-weight: bold;
font-size: 44px;
}
@media screen and (max-width: 800px) {
.single-consulting .consulting-compare h3 {
font-size: 18px;
line-height: 1.6;
}
.single-consulting .consulting-compare .table-style1, .single-consulting .consulting-compare .table-style1 tbody, .single-consulting .consulting-compare .table-style1 tr {
font-size: 14px;
}
.single-consulting .consulting-compare .table-style1 {
display: block;
width: 100%;
overflow-x: scroll;
}
.single-consulting .consulting-compare .table-style1 tbody {
display: table;
min-width: 800px;
}
} .archive-consulting.item_diagnosis .section-archive .archive-consulting-list{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
text-align: left;
margin-top: 40px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li {
width: 49%;
margin-bottom: 2%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li a{
background-color: #fff;
padding: 0;
width: 100%;
height: 100%;
border: #DBDBDB 1px solid;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: relative;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li:nth-child(odd){
margin-right: 1%;
margin-left: 0%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li:nth-child(even){
margin-right: 0%;
margin-left: 1%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .thumb{
width: 181px;
height: 160px;
box-sizing: border-box;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .thumb img{
border-radius: 0px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt{
width: 80%;
box-sizing: border-box;
padding: 15px 20px 15px 30px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt h3{
font-weight: bold;
font-size: 22px;
line-height: 1.5;
padding-bottom: 4px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt .excerpt{
font-size: 14px;
line-height: 1.8;
text-align: left!important;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li a:hover { }
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li a::before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
box-sizing: border-box;
transition: 0.3s;
border: 5px solid transparent;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li a:hover::before {
border: 5px solid #00479D;
}
@media screen and (max-width: 800px) {
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list{
display: block;
margin-top: 25px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li {
width: 100%;
margin-bottom: 3%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li a{
padding: 20px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li:nth-child(odd){
margin-right: 0%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li:nth-child(even){
margin-left: 0%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .thumb{
width: 80px;
height: 80px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .thumb img{
width: 80px;
height: 80px;
border-radius:50%;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt{
width: 80%;
box-sizing: border-box;
padding:0 0 0 15px;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt h3{
font-size: 16px;
line-height: 1.5;
}
.archive-consulting.item_diagnosis .section-archive .archive-consulting-list li .txt .excerpt{
font-size: 14px;
line-height: 1.8;
}
} .single-item_diagnosis h3{
color: #00479d;
font-size: 18px;
line-height: 1.5;
min-height: 0;
padding-bottom: 15px;
}
.single-item_diagnosis h4{
color: #fff;
font-size: 13px;
line-height: 1.5;
font-weight: bold;
padding:2px 6px;
display: inline-block;
margin-top: 17px;
margin-bottom: 5px;
background-color: #00479d;
}
.single-item_diagnosis .free_entry_title{
margin: 35px auto -5px;
text-align: center;
}
.single-item_diagnosis .free_entry_txt{
color: #d01d40;
font-weight: bold;
font-size: 24px;
position: relative;
display: inline-block;
padding: 0 28px;
}
.single-item_diagnosis .free_entry_txt:before{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 26px;
height: 2px;
background-color: #d01d40;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
left:0;
}
.single-item_diagnosis .free_entry_txt:after{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width:26px;
height: 2px;
background-color:#d01d40;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
right:0;
}
.single-item_diagnosis .free_entry_txt span{
font-size: 32px;
}
.single-item_diagnosis .free_entry_btn{
margin: 0px auto ;
text-align: center;
}
.single-item_diagnosis .free_entry_btn a{
display: inline-block;
max-width: 700px;
width: 100%;
background-color: #d01d40;
color: #fff;
text-indent: 0em;
font-size: 32px;
line-height: 1.8;
padding: 0.5em 0;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-weight: bold;
border-radius: 50px;
vertical-align: middle;
}
.single-item_diagnosis .free_entry_btn a img {
width: 34px;
height: 34px;
margin-left: .3em;
vertical-align: -5px;
}
.single-item_diagnosis .free_entry_btn a:hover {
background-color: #ad1633;
color: #fff;
}
.single-item_diagnosis .free_entry_btn .free_entry_caution{
padding-top: 4px;
} .single-society h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.single-society .section-wrap {
margin-bottom: 100px;
}
.single-society p {
font-size: 16px;
}
.single-society figure {
width: 100%;
}
.single-society figure.w900 {
width: 900px;
margin: 0 auto;
}
.single-society figure.mt40 {
margin-top: 40px;
}
.single-society figure.mb40 {
margin-bottom: 40px;
}
.single-society h2.blue_arrow {
background-color: #00479d;
color: #fff;
padding: 13px 0 15px;
font-size: 40px;
font-weight: bold;
width: 100%;
margin-top: 90px;
position: relative;
margin-bottom: 50px;
}
.single-society h2.blue_arrow.firstarea {
margin-top: 60px;
}
.single-society h2.blue_arrow:after {
content: "";
width: 0;
height: 0;
bottom: -15px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 18px solid #00479d;
margin-left: -20px;
position: absolute;
left: 50%;
}
.single-society span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
}
@media screen and (max-width: 800px) {
.single-society h2 {
font-size: 15px;
margin-bottom: 1.5em;
}
.single-society .section-wrap {
margin-bottom: 60px;
}
.single-society p {
font-size: 14px;
}
.single-society figure {
width: 100%;
}
.single-society figure.w900 {
width: 100%;
margin: 0 auto;
}
.single-society figure.mt40 {
margin-top: 40px;
}
.single-society figure.mb40 {
margin-bottom: 40px;
}
.single-society h2.blue_arrow {
padding: 16px 15px 16px;
font-size: 24px;
line-height: 1.4;
margin-top: 60px;
position: relative;
margin-bottom: 30px;
}
.single-society h2.blue_arrow.firstarea {
margin-top: 45px;
}
.single-society h2.blue_arrow:after {
bottom: -12px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 14px solid #00479d;
margin-left: -16px;
}
} .single-society .society-feature ul {
padding-top: 15px;
}
.single-society .society-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.single-society .society-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.single-society .society-feature ul li:nth-child(even) .society-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.single-society .society-feature ul li .society-feauture_point_img {
width: 580px;
position: relative;
}
.single-society .society-feature ul li .society-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.single-society .society-feature ul li:nth-child(even) .society-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.single-society .society-feature ul li .society-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.single-society .society-feature ul li .society-feauture_point_txt h3 {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.single-society .society-feature ul li .society-feauture_point_txt p {
font-size: 16px;
text-align: justify;
}
@media screen and (max-width: 800px) {
.single-society .society-feature ul {
padding-top: 5px;
}
.single-society .society-feature ul li {
display: block;
margin-bottom: 40px;
}
.single-society .society-feature ul li:nth-child(even) .society-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.single-society .society-feature ul li .society-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.single-society .society-feature ul li .society-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.single-society .society-feature ul li:nth-child(even) .society-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.single-society .society-feature ul li .society-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.single-society .society-feature ul li .society-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.single-society .society-feature ul li .society-feauture_point_txt p {
font-size: 14px;
}
} .single-society .society-flow ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-society .society-flow .column-3 li {
width: 32%;
background-color: #eff6ff;
}
.single-society .society-flow li .society-flow_step {
background-color: #00479d;
color: #fff;
text-align: center;
font-size: 16px;
position: relative;
height: 30px;
line-height: 28px;
border-bottom: #fff 6px solid;
box-sizing: content-box;
}
.single-society .society-flow li .society-flow_step:after {
content: "";
width: 0;
height: 0;
top: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 8px solid #00479d;
position: absolute;
right: -8px;
}
.single-society .society-flow li:last-child .society-flow_step:after {
display: none;
}
.single-society .society-flow li .society-flow_txt {
padding: 25px 25px 25px;
}
.single-society .society-flow li .society-flow_txt h3 {
color: #00479d;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
}
.single-society .society-flow li .society-flow_txt h3.lps {
color: #00479d;
font-weight: bold;
font-size: 20px;
line-height: 1.6;
margin-bottom: 20px;
}
.single-society .society-flow li .society-flow_txt .schedule_time {
font-weight: bold;
font-size: 15px;
padding-bottom: 24px;
}
.single-society .society-flow li .society-flow_txt .schedule_detail {
font-size: 15px;
}
@media screen and (max-width: 800px) {
.single-society .society-flow ul {
display: block;
}
.single-society .society-flow .column-3 li {
width: 100%;
margin-bottom: 15px;
}
.single-society .society-flow li .society-flow_step {
font-size: 15px;
height: 30px;
line-height: 28px;
border: none;
}
.single-society .society-flow li .society-flow_step:after {
display: none;
}
.single-society .society-flow li .society-flow_txt h3 {
font-size: 18px;
line-height: 1.3;
}
.single-society .society-flow li .society-flow_txt .schedule_time {
font-size: 15px;
padding-bottom: 16px;
}
.single-society .society-flow li .society-flow_txt .schedule_detail {
font-size: 14px;
}
} .single-society .society-member {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-society .society-member .society-member_img {
width: 400px;
}
.single-society .society-member .society-member_txt {
width: 720px;
}
.single-society .society-member .society-member_txt .society-member_company {
font-size: 22px;
background-color: #00479d;
font-weight: bold;
color: #fff;
display: inline-block;
padding: 0px 10px;
line-height: 1.8;
margin-bottom: 4px;
}
.single-society .society-member .society-member_txt .society-member_name {
font-size: 18px;
display: inline-block;
margin-left: 10px;
vertical-align: 3px;
}
.single-society .society-member .society-member_txt .society-member_name span {
font-size: 16px;
margin-left: 8px;
}
.single-society .society-member .society-member_txt h3 {
font-size: 22px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
}
@media screen and (max-width: 800px) {
.single-society .society-member {
display: block;
}
.single-society .society-member .society-member_img {
width: 100%;
}
.single-society .society-member .society-member_txt {
width: 100%;
margin-top: 15px;
}
.single-society .society-member .society-member_txt .society-member_company {
font-size: 16px;
padding: 0px 6px;
line-height: 1.9;
margin-bottom: 4px;
}
.single-society .society-member .society-member_txt .society-member_name {
font-size: 14px;
display: block;
margin-left: 0px;
vertical-align: 0px;
}
.single-society .society-member .society-member_txt .society-member_name span {
font-size: 14px;
}
.single-society .society-member .society-member_txt h3 {
font-size: 18px;
margin-bottom: 3px;
}
.single-society .society-flow li .society-flow_txt h3.lps {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}
} .single-society .society-place ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-society .society-place li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
background-color: #eff6ff;
padding: 30px;
width: 49%;
}
.single-society .society-place li .society-place_img {
width: 180px;
}
.single-society .society-place li .society-place_txt {
width: 310px;
padding-left: 20px;
box-sizing: border-box;
margin-top: -8px;
}
.single-society .society-place li .society-place_txt h3 {
font-size: 22px;
font-weight: bold;
border-bottom: #00479d 3px solid;
margin-bottom: 10px;
color: #00479d;
}
.single-society .society-place li .society-place_txt h4 {
font-size: 17px;
line-height: 1.5;
font-weight: bold;
padding-bottom: 3px;
}
.single-society .society-place li .society-place_txt p {
line-height: 1.6;
}
.single-society .flexarea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: start;
margin-top: 40px;
}
.single-society .flexarea .thumb{
width: 580px;
}
.single-society .flexarea .txt{
width: 540px;
padding: 0 0px 0 40px;
margin-top: -8px;
}
.single-society .btn_two ul {
display: flex;
flex-wrap: wrap;
margin-top: 50px;
align-items: center;
justify-content: center;
}
.single-society .btn_two ul li{
width: 450px;
margin: 0 7px;
}
.single-society .society-flow_img{
margin-bottom: 30px;
}
.single-society .lecture_name{
display: inline-block;
width: 44%;
}
.single-society .free_entry_title{
margin: 35px auto -5px;
text-align: center;
}
.single-society .free_entry_txt{
color: #d01d40;
font-weight: bold;
font-size: 24px;
position: relative;
display: inline-block;
padding: 0 28px;
}
.single-society .free_entry_txt:before{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width: 26px;
height: 2px;
background-color: #d01d40;
-webkit-transform: rotate(-120deg);
transform: rotate(-120deg);
left:0;
}
.single-society .free_entry_txt:after{
content: '';
position: absolute;
top: 54%;
display: inline-block;
width:26px;
height: 2px;
background-color:#d01d40;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
right:0;
}
.single-society .free_entry_txt span{
font-size: 32px;
}
.single-society .free_entry_btn{
margin: 0px auto ;
text-align: center;
}
.single-society .free_entry_btn a {
display: inline-block;
max-width: 700px;
width: 100%;
background-color: #d01d40;
color: #fff;
text-indent: 0em;
font-size: 32px;
line-height: 1.8;
padding: 0.5em 0;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-weight: bold;
border-radius: 50px;
vertical-align: middle;
}
.single-society .free_entry_btn a img {
width: 34px;
height: 34px;
margin-left: .3em;
vertical-align: -5px;
}
.single-society .free_entry_btn a:hover {
background-color: #ad1633;
color: #fff;
}
.single-society .free_entry_btn .free_entry_caution{
padding-top: 4px;
}
.single-society .society-guest{
}
.single-society .society-guest table.society-guestlist{
width: 100%;
font-size: 16px;
}
.single-society .society-guest table.society-guestlist tr:nth-child(odd){
background-color: #eff6ff;
}
.single-society .society-guest table.society-guestlist th{
background-color: #00479d;
color: #fff;
font-weight: bold;
padding: 5px 0;
width: 68%;
vertical-align: middle;
}
.single-society .society-guest table.society-guestlist th:first-child{
border-right: 1px solid #ddd;
width: 32%
}
.single-society .society-guest table.society-guestlist td:first-child{
font-weight: bold;
padding:20px 30px;
line-height: 1.6;
border-right: 1px solid #ddd;
}
.single-society .society-guest table.society-guestlist td{
font-weight: bold;
padding: 20px 30px;
line-height: 1.6;
vertical-align: middle;
}
.single-society .society-guest table.society-guestlist tbody.society-guestlist-lps-partner01 th{
width: 50%;
}
.single-society .society-guest table.society-guestlist tbody.society-guestlist-lps-partner01 td:last-child{
font-weight: normal;
}
.single-society .society-annualschedule{
}
.single-society .society-annualschedule table.society-annualschedulelist{
width: 100%;
font-size: 16px;
}
.single-society .society-annualschedule table.society-annualschedulelist tbody.society-annualschedulelist-lps-partner02 th{
width: 20%;
}
.single-society .society-annualschedule table.society-annualschedulelist tbody.society-annualschedulelist-lps-partner02 th:nth-of-type(4){
width: 40%;
}
.single-society .society-annualschedule table.society-annualschedulelist tbody.society-annualschedulelist-lps-partner02 {
font-weight: bold;
text-align: center;
}
.single-society .society-annualschedule table.society-annualschedulelist tr:nth-child(odd){
background-color: #eff6ff;
}
.single-society .society-annualschedule table.society-annualschedulelist th{
background-color: #00479d;
color: #fff;
font-weight: bold;
padding: 5px 0;
vertical-align: middle;
border-right: 1px solid #ddd;
}
.single-society .society-annualschedule table.society-annualschedulelist th:last-child{
border-right: none;
}
.single-society .society-annualschedule table.society-annualschedulelist td:first-child{
font-weight: bold;
padding:20px 30px;
line-height: 1.6;
border-right: 1px solid #ddd;
}
.single-society .society-annualschedule table.society-annualschedulelist td{
font-weight: normal;
padding: 20px 30px;
line-height: 1.6;
vertical-align: middle;
border-right: 1px solid #ddd;
text-align:left;
}
.single-society .society-annualschedule table.society-annualschedulelist td:nth-of-type(2),
.single-society .society-annualschedule table.society-annualschedulelist td:nth-of-type(3){
text-align:center;
}
.single-society .society-annualschedule table.society-annualschedulelist td:last-child{
border-right: none;
width: 190px;
}
.single-society .society-annualschedule table.society-annualschedulelist td a{
font-weight: bold;
color: #00479d;
font-size: 14px;
border: 1px solid #00479d;
width: 130px;
padding: 3px 0;
display: block;
text-align: center;
border-radius: 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single-society .society-annualschedule table.society-annualschedulelist td a:hover{
background-color: #00479d;
color: #fff;
}
.single-society .society-annualschedule .society-annualschedule_place{
border: 2px solid #00479d;
margin-top: 55px;
padding: 30px;
}
.single-society .society-annualschedule .society-annualschedule_place h3{
color: #00479d;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
}
.single-society .society-annualschedule .society-annualschedule_place ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.single-society .society-annualschedule .society-annualschedule_place li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
.single-society .society-annualschedule .society-annualschedule_place li:first-child {
border-right: 1px solid #ddd;
padding-right: 25px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_img {
width: 160px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt {
width: 360px;
padding-left: 20px;
box-sizing: border-box;
margin-top: -5px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt h3 {
font-size: 20px;
font-weight: bold;
border-bottom: #00479d 2px solid;
margin-bottom: 7px;
color: #000;
padding-bottom: 7px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt h4 {
font-size: 16px;
line-height: 1.5;
font-weight: bold;
padding-bottom: 3px;
}
.single-society .society-annualschedule .society-annualschedule_place .society-place_txt p {
line-height: 1.6;
font-size: 14px;
}
.single-society .society-price {
}
.single-society .society-price ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-society .society-price ul li{
width: 48%;
text-align: center;
border-bottom: 4px solid #00479d;
padding-bottom: 25px;
}
.single-society .society-price ul li h3{
font-size: 28px;
font-weight: bold;
line-height: 1.0;
display: flex;
align-items: center;
position: relative;
}
.single-society .society-price ul li h3:before, .single-society .society-price ul li h3:after {
content: "";
flex-grow: 1;
height: 4px;
background: #00479d;
display: block;
}
.single-society .society-price ul li h3:before{
margin-right: .4em;
}
.single-society .society-price ul li h3:after{
margin-left: .4em;
}
.single-society .society-price ul li p{
font-size: 40px;
font-weight: bold;
color: #d01d40;
letter-spacing: 0.05em;
line-height: 1.5;
padding-top: 7px;
}
.single-society .society-price ul li p span{
font-size: 26px;
}
.single-society .society-special p{
text-align: center;
margin-top: -15px;
margin-bottom: 30px;
}
.single-society .society-special li{
background-color: #eff6ff;
padding: 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
position: relative;
margin-bottom: 35px;
counter-increment: number;
}
.single-society .society-special li .society-special_number{
position: absolute;
left: 0px;
top: 0px;
}
.single-society .society-special li .society-special_number:before{
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #00479d; position: absolute;
z-index: 100;
}
.single-society .society-special li .society-special_number:after{
content: counter(number);
position: absolute;
line-height: 1;
top: .4em;
left: .6em;
color: #fff;
z-index: 101;
font-size: 20px;
font-weight: bold;
}
.single-society .society-special li .society-special_img{
width: 180px;
}
.single-society .society-special li .society-special_txt{
width: 840px;
margin-top: -17px;
}
.single-society .society-special li .society-special_txt h3{
font-size: 28px;
font-weight: bold;
color: #00479d;
margin-bottom: 15px;
}
.single-society .society-special li .society-special_txt h3 span{
font-size: 20px;
}
.single-society .society-special li .society-special_txt h4{
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #00479d;
padding: 0px 10px;
}
.single-society .society-special li .society-special_txt p{
text-align: left;
line-height: 1.8;
margin-bottom: 20px;
}
.single-society .society-special li .society-special_txt p strong{
font-weight: bold;
}
.single-society .society-special li .society-special_txt table{
width: 100%;
background-color: #fff;
}
.single-society .society-special li .society-special_txt table td{
padding: 15px 25px;
border-right: #ddd 1px solid;
vertical-align: middle;
line-height: 1.6;
}
.single-society .society-special li .society-special_txt table td:last-child{
border-right: none;
}
.single-society .society-special li .society-special_txt table tr{
border-top: #ddd 1px solid;
}
@media screen and (max-width: 800px) {
.single-society .society-place ul {
display: block;
}
.single-society .society-place li {
padding: 15px;
width: 100%;
align-items:flex-start;
margin-bottom: 15px;
}
.single-society .society-place li .society-place_img {
width: 70px;
}
.single-society .society-place li .society-place_txt {
width: 77%;
padding-left: 15px;
box-sizing: border-box;
margin-top: -8px;
}
.single-society .society-place li .society-place_txt h3 {
font-size: 18px;
border-bottom: #00479d 2px solid;
margin-bottom: 8px;
}
.single-society .society-place li .society-place_txt h4 {
font-size: 14px;
line-height: 1.5;
font-weight: bold;
padding-bottom: 3px;
}
.single-society .society-place li .society-place_txt p {
line-height: 1.6;
font-size: 13px;
letter-spacing: 0;
}
.single-society .flexarea{
display: block;
margin-top: 25px;
}
.single-society .flexarea .thumb{
width: 100%;
}
.single-society .flexarea .txt{
width: 100%;
padding: 0 0px 0 0px;
margin-top: 15px;
}
.single-society .btn_two ul {
display: block;
margin: 20px auto 0;
}
.single-society .btn_two ul li{
width: 90%;
margin: 10px auto;
}
.single-society .society-flow_img{
margin-bottom: 25px;
}
.single-society .free_entry_title{
margin: 20px auto 0px;
}
.single-society .free_entry_txt{
font-size: 17px;
padding: 0 25px;
}
.single-society .free_entry_txt span{
font-size: 24px;
}
.single-society .free_entry_btn{
margin: 0px auto ;
text-align: center;
}
.single-society .free_entry_btn a {
max-width: 100%;
font-size: 20px;
padding: 0.6em 0;
}
.single-society .free_entry_btn a img {
width: 24px;
height: 24px;
vertical-align: -4px;
}
.single-society .free_entry_btn .free_entry_caution{
padding-top: 4px;
font-size: 12px;
}
.single-society .society-guest table.society-guestlist{
display: block;
width: 100%;
overflow-x: scroll;
font-size: 14px;
}
.single-society .society-guest table.society-guestlist tbody{
display: table;
min-width: 500px;
}
.single-society .society-guest table.society-guestlist th{
padding: 5px 10px;
line-height: 1.4;
}
.single-society .society-guest table.society-guestlist td:first-child{
font-weight: bold;
padding:15px 20px;
}
.single-society .society-guest table.society-guestlist td{
padding: 15px 20px;
}
.single-society .society-annualschedule table.society-annualschedulelist{
display: block;
width: 100%;
overflow-x: scroll;
font-size: 14px;
}
.single-society .society-annualschedule table.society-annualschedulelist tbody{
display: table;
min-width: 500px;
}
.single-society .society-annualschedule table.society-annualschedulelist th{
padding: 5px 10px;
line-height: 1.4;
}
.single-society .society-annualschedule table.society-annualschedulelist td:first-child{
padding: 15px 20px;
}
.single-society .society-annualschedule table.society-annualschedulelist td{
padding: 15px 20px;
}
.single-society .society-annualschedule table.society-annualschedulelist td:last-child{
width: 170px;
}
.single-society .society-annualschedule table.society-annualschedulelist td a{
font-size: 13px;
width: 130px;
}
.single-society .society-annualschedule .society-annualschedule_place{
margin-top: 40px;
padding: 20px;
}
.single-society .society-annualschedule .society-annualschedule_place h3{
font-size: 18px;
line-height: 1.8;
}
.single-society .society-annualschedule .society-annualschedule_place p{
font-size: 14px;
line-height: 1.8;
}
.single-society .society-annualschedule .society-annualschedule_place ul {
display: block;
margin-top: 15px;
}
.single-society .society-annualschedule .society-annualschedule_place li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: start;
}
.single-society .society-annualschedule .society-annualschedule_place li:first-child {
border-right: none;
padding-right: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_img {
width: 80px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt {
width: 72%;
padding-left: 10px;
margin-top: -5px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt h3 {
font-size: 16px;
margin-bottom: 6px;
padding-bottom:2px;
}
.single-society .society-annualschedule .society-annualschedule_place li .society-place_txt h4 {
font-size: 13px;
padding-bottom: 0px;
}
.single-society .society-annualschedule .society-annualschedule_place .society-place_txt p {
font-size: 12px;
}
.single-society .society-price ul {
display: block;
}
.single-society .society-price ul li{
width: 100%;
border-bottom: 3px solid #00479d;
padding-bottom: 12px;
}
.single-society .society-price ul li:first-child{
margin-bottom: 25px;
}
.single-society .society-price ul li h3{
font-size: 20px;
font-weight: bold;
line-height: 1.0;
display: flex;
align-items: center;
position: relative;
}
.single-society .society-price ul li h3:before, .single-society .society-price ul li h3:after {
height: 3px;
}
.single-society .society-price ul li p{
font-size: 32px;
font-weight: bold;
color: #d01d40;
letter-spacing: 0.05em;
line-height: 1.5;
padding-top: 3px;
}
.single-society .society-price ul li p span{
font-size: 16px;
}
.single-society .society-special p{
text-align: left;
margin-top: -5px;
margin-bottom: 20px;
}
.single-society .society-special li{
padding: 30px 20px 20px 20px;
display: block;
margin-bottom:25px;
}
.single-society .society-special li .society-special_number{
position: absolute;
left: 0px;
top: 0px;
}
.single-society .society-special li .society-special_number:before{
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent;
border-left: 4em solid #00479d; position: absolute;
z-index: 100;
}
.single-society .society-special li .society-special_img{
width: 120px;
margin: 0 auto 18px;
}
.single-society .society-special li .society-special_txt{
width: 100%;
margin-top: 0px;
}
.single-society .society-special li .society-special_txt h3{
font-size: 20px;
margin-bottom: 14px;
line-height: 1.4;
}
.single-society .society-special li .society-special_txt h3 span{
font-size: 14px;
}
.single-society .society-special li .society-special_txt h4{
font-size: 14px;
margin-top: 15px;
}
.single-society .society-special li .society-special_txt p{
margin-bottom: 0px;
}
.single-society .society-special li .society-special_txt table{
display: block;
width: 100%;
overflow-x: scroll;
font-size: 13px;
}
.single-society .society-special li .society-special_txt table tbody{
display: table;
min-width: 650px;
}
.single-society .society-special li .society-special_txt table td{
padding: 10px 15px;
line-height: 1.6;
}
} .archive-society h2{
font-size: 30px;
line-height: 1.7;
margin-bottom: 1.6em;
text-align: center;
font-weight: bold;
}
.archive-society p{
font-size: 16px;
}
.archive-society h3{
font-size: 30px;
line-height: 1.7;
padding-top: 50px;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: #00479d 4px solid;
}
.archive-society .flexarea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
.archive-society .flexarea .thumb{
width: 500px;
}
.archive-society .flexarea .txt{
width: 660px;
padding: 0 0px 0 50px;
}
.archive-society .flexarea .txt h4{
color: #00479d;
font-size: 20px;
font-weight: bold;
}
.archive-society .flexarea .txt .btn-detail {
margin-top: 10px;
}
.archive-society .flexarea .txt .btn-detail a {
display: inline-block;
max-width: 280px;
width: 100%;
border: 1px solid #00479d;
color: #00479d;
text-indent: 0em;
font-size: 14px;
line-height: 1.8;
padding: .8em 0.5em;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
font-weight: bold;
border-radius: 50px;
transition: .3s;
}
.archive-society .flexarea .txt .btn-detail a svg {
width: 17px;
height: 17px;
margin-left: .2em;
vertical-align: -3px;
}
.archive-society .flexarea .txt .btn-detail a:hover {
background-color: #00479d;
color: #fff;
}
.archive-society .flexarea .txt .btn-detail a:hover svg circle{
stroke: #fff;
}
.archive-society .flexarea .txt .btn-detail a:hover svg polygon{
fill: #fff;
}
.archive-society .btn_two ul {
display: flex;
flex-wrap: wrap;
margin-top: 50px;
align-items: center;
justify-content: center;
}
.archive-society .btn_two ul li{
width: 450px;
margin: 0 7px;
}
.archive-society .society_recommend {
padding: 100px 0 60px;
}
.archive-society .society_recommend h2{
font-size: 34px;
display: flex;
align-items: center;
margin-bottom: 25px;
}
.archive-society .society_recommend h2 span{
font-size: 40px;
}
.archive-society .society_recommend h2:before, .archive-society .society_recommend h2:after {
content: "";
flex-grow: 1;
height: 4px;
background:#00479d;
display: block;
}
.archive-society .society_recommend h2:before {
margin-right: .4em;
}
.archive-society .society_recommend h2:after {
margin-left: .4em;
}
.archive-society .society_recommend ul{
display: flex;
flex-wrap: wrap;
margin-top: 15px;
align-items: center;
justify-content: center;
}
.archive-society .society_recommend ul li{
margin: 0 60px;
position: relative;
text-align: center;
}
.archive-society .society_recommend ul li .recommend_img{
background-color: #eff6ff;
width: 250px;
height: 250px;
border-radius: 125px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
}
.archive-society .society_recommend ul li .recommend_img img{
width:155px;
height: 155px;
}
.archive-society .society_recommend ul li .recommend_txt{
margin: -40px auto 0;
text-align: center;
}
.archive-society .society_recommend ul li .recommend_txt p{
margin-bottom: 5px;
}
.archive-society .society_recommend ul li .recommend_txt p span{
display: inline;
line-height: 1.6;
color: #fff;
background-color: #00479d;
font-size: 20px;
font-weight: bold;
padding: 4px 8px;
}
@media screen and (max-width: 800px) {
.archive-society h2{
font-size: 15px;
margin-bottom: 1.5em;
}
.archive-society p{
font-size: 14px;
}
.archive-society h3{
font-size: 20px;
line-height: 1.4;
padding-top: 45px;
padding-bottom: 7px;
margin-bottom: 15px;
border-bottom: #00479d 3px solid;
}
.archive-society .flexarea{
display: block;
}
.archive-society .flexarea .thumb{
width: 100%;
padding-bottom: 15px;
}
.archive-society .flexarea .txt{
width: 100%;
padding: 0 0px 0 0px;
}
.archive-society .flexarea .txt h4{
font-size: 16px;
}
.archive-society .flexarea .txt .btn-detail {
margin-top: 12px;
text-align: center;
}
.archive-society .flexarea .txt .btn-detail a {
max-width: 300px;
font-size: 14px;
line-height: 1.8;
padding: .8em 0.5em;
}
.archive-society .btn_two ul {
display: block;
margin-top: 30px;
}
.archive-society .btn_two ul li{
margin: 10px 0px;
width: 100%;
}
.archive-society .society_recommend {
padding: 55px 0 10px;
}
.archive-society .society_recommend h2{
font-size: 18px;
margin-bottom: 20px;
}
.archive-society .society_recommend h2 span{
font-size: 22px;
}
.archive-society .society_recommend h2:before, .archive-society .society_recommend h2:after {
height: 3px;
}
.archive-society .society_recommend h2:before {
margin-right: .2em;
}
.archive-society .society_recommend h2:after {
margin-left: .2em;
}
.archive-society .society_recommend ul{
display: block;
margin-top: 0px;
}
.archive-society .society_recommend ul li{
margin: 0px 0px 30px;
}
.archive-society .society_recommend ul li:last-child{
margin: 0px 0px 15px;
}
.archive-society .society_recommend ul li .recommend_img{
background-color: #eff6ff;
width: 180px;
height: 180px;
}
.archive-society .society_recommend ul li .recommend_img img{
width:120px;
height: 120px;
}
.archive-society .society_recommend ul li .recommend_txt{
margin: -30px auto 0;
}
.archive-society .society_recommend ul li .recommend_txt p span{
font-size: 16px;
}
} #wrap .page-otl .section-content {
max-width: 100%;
padding: 0;
}
.page-otl .content {
max-width: 1200px;
padding: 90px 20px 100px;
margin: auto;
}
.page-otl .content.first {
padding-top: 0;
}
.page-otl .content-blue {
background-color: #eff6ff;
padding: 90px 20px 100px;
}
.page-otl .content-blue #archive {
max-width: 1160px;
margin: auto;
padding-bottom: 0;
}
.page-otl h2.otl-title {
font-weight: bold;
font-size: 36px;
line-height: 2;
padding-bottom: .25em;
margin-bottom: 1.4em;
text-align: center;
position: relative;
}
.page-otl h2.otl-title:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
background-color: #00479d;
height: 4px;
width: 60px;
margin-left: -30px;
}
.page-otl .content.first h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 3em;
text-align: center;
font-weight: bold;
}
.page-otl .wp-block-columns {
margin-bottom: 0;
}
.page-otl .wp-block-columns p {
font-size: 16px;
line-height: 1.8;
margin-bottom: 1.8em;
}
.page-otl .btn-radius {
padding-top: 50px;
text-align: center;
}
.page-otl .btn-radius.mt30 {
padding-top: 30px;
text-align: center;
}
.page-otl ul.otl-index_point{
margin-bottom: 0px;
}
.page-otl ul.otl-index_point li{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.page-otl ul.otl-index_point li:nth-child(even){
flex-direction: row-reverse;
}
.page-otl ul.otl-index_point li:last-child{
margin-bottom: 0px;
}
.page-otl ul.otl-index_point li .otl-index_point_img{
width: 580px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt{
width: 580px;
padding: 0 60px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt .point_num{
font-size: 20px;
color: #d01d40;
padding-bottom: 12px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt h3{
font-size: 24px;
font-weight: bold;
line-height: 1.6;
position: relative;
margin-bottom: 42px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt h3:after{
content: "";
background-color: #00479d;
width: 40px;
height: 4px;
position: absolute;
left: 0;
bottom: -20px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt p{
font-size: 16px;
}
.page-otl ul.theme-list {
max-width: 1160px;
margin: auto;
width: 100%;
}
.page-otl ul.theme-list > li {
margin-top: 30px;
display: table;
}
.page-otl ul.theme-list > li:first-child {
margin-top: 0;
}
.page-otl ul.theme-list > li .left {
display: table-cell;
width: 160px;
text-align: center;
vertical-align: middle;
background-color: #00479d;
}
.page-otl ul.theme-list > li .left p {
color: #ffcc00;
letter-spacing: .05em;
text-indent: .05em;
font-size: 16px;
}
.page-otl ul.theme-list > li .left h3 {
font-size: 22px;
font-weight: 700;
line-height: 1.27;
color: #fff;
}
.page-otl ul.theme-list > li .right {
background-color: #fff;
display: table-cell;
padding: 30px;
}
.page-otl ul.theme-list > li .right h4 {
font-size: 18px;
font-weight: 700;
line-height: 1.6;
}
.page-otl ul.theme-list > li .right h5 {
font-size: 14px;
font-weight: bold;
color: #00479d;
line-height: 2;
margin-top: 1em;
}
.page-otl ul.theme-list > li .right p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.page-otl ul.theme-list > li li {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
padding-left: 1.2em;
position: relative;
}
.page-otl ul.theme-list > li li:before {
content: '・';
position: absolute;
top: 0;
left: 0;
}
.page-otl .price {
padding: 100px 20px 0;
}
.page-otl .price .txt {
padding-bottom: 45px;
text-align: center;
max-width: 960px;
margin: auto;
width: 100%;
border-bottom: 4px solid #00479d;
}
.page-otl .price .txt h2 {
position: relative;
font-size: 36px;
font-weight: 700;
letter-spacing: .05em;
text-indent: .05em;
}
.page-otl .price .txt h2 span {
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding: 0 .5em;
}
.page-otl .price .txt h2:after {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 50%;
left: 0;
background-color: #00479d;
height: 4px;
margin-top: -2px;
width: 100%;
}
.page-otl .price .txt h3 {
color: #d01d40;
font-size: 26px;
font-weight: 700;
letter-spacing: .05em;
text-indent: .05em;
line-height: 1.6;
}
.page-otl .price .txt h3 span {
font-size: 40px;
}
.page-otl .price .txt p {
font-size: 13px;
line-height: 1.5;
}
.page-otl .content.otl_faq{
max-width: 1200px;
padding: 90px 20px 0px;
margin: auto;
}
.page-otl .otl_faq .faq_list .faq_box {
width: 100%;
border-bottom: 1px solid #dddddd;
padding: 30px 0 30px;
}
.page-otl .otl_faq .faq_list .faq_box:first-child {
padding: 0 0 30px;
}
.page-otl .otl_faq .faq_list .faq_box:last-child {
border-bottom: none;
padding: 30px 0 0px;
}
.page-otl .otl_faq .faq_list .faq_box .question_box {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-otl .otl_faq .faq_list .faq_box .question_box .question_icon {
width: 30px;
height: 30px;
border-radius: 4px;
color: #fff;
background-color: #00479d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: bold;
margin: 0 14px 0 0;
}
.page-otl .otl_faq .faq_list .faq_box .question_box .question_txt {
font-size: 18px;
font-weight: bold;
margin-bottom: 0;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 0 0 20px;
margin: 10px 0 0 0;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box .answer_icon {
width: 30px;
height: 30px;
border-radius: 4px;
color: #fff;
background-color: #d01d40;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: bold;
margin: 0 14px 0 0;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box .read_txt {
width: 85%;
}
@media screen and (max-width: 800px) {
#wrap .page-otl .section-content {
max-width: 100%;
padding: 0;
}
.page-otl .content {
max-width: 100%;
padding: 55px 20px 60px;
}
.page-otl .content.first {
padding-top: 0;
}
.page-otl .content-blue {
padding: 55px 20px 60px;
}
.page-otl .content-blue #archive {
max-width: 1160px;
margin: auto;
padding-bottom: 0;
}
.page-otl h2.otl-title {
text-align: center;
font-size: 26px;
line-height: 2;
letter-spacing: .05em;
padding-bottom: .3em;
margin-bottom: 1.3em;
}
.page-otl h2.otl-title:after {
left: 50%;
margin-left: -25px;
height: 3px;
width: 50px;
position: absolute;
}
.page-otl .content.first h2 {
font-size: 15px;
margin-bottom: 1.5em;
}
.page-otl .wp-block-columns p {
font-size: 14px;
line-height: 1.8;
margin-bottom: 0em;
}
.page-otl .btn-radius {
padding-top: 35px;
text-align: center;
}
.page-otl .btn-radius.mt30 {
padding-top: 20px;
}
.page-otl ul.otl-index_point{
margin-bottom: 0px;
}
.page-otl ul.otl-index_point li{
display: block;
margin-bottom: 40px;
}
.page-otl ul.otl-index_point li:nth-child(even){
flex-direction: row-reverse;
}
.page-otl ul.otl-index_point li:last-child{
margin-bottom: 0px;
}
.page-otl ul.otl-index_point li .otl-index_point_img{
width: 100%;
}
.page-otl ul.otl-index_point li .otl-index_point_txt{
width: 100%;
padding: 0 0px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt .point_num{
font-size: 12px;
padding-top: 15px;
padding-bottom: 5px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt h3{
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt h3:after{
width: 40px;
height: 3px;
bottom: -15px;
}
.page-otl ul.otl-index_point li .otl-index_point_txt p{
font-size: 14px;
}
.page-otl ul.theme-list {
max-width: 100%;
width: 100%;
}
.page-otl ul.theme-list > li {
margin-top: 30px;
display: block;
}
.page-otl ul.theme-list > li:first-child {
margin-top: 0;
}
.page-otl ul.theme-list > li .left {
display: block;
width: 100%;
padding: 10px 0;
}
.page-otl ul.theme-list > li .left p {
font-size: 11px;
}
.page-otl ul.theme-list > li .left h3 {
font-size: 18px;
line-height: 1.3;
}
.page-otl ul.theme-list > li .right {
display: block;
padding: 20px;
}
.page-otl ul.theme-list > li .right h4 {
font-size: 16px;
}
.page-otl ul.theme-list > li .right h5 {
font-size: 13px;
line-height:1.8;
margin-top: 1em;
}
.page-otl ul.theme-list > li .right p {
font-size: 14px;
line-height: 1.6;
}
.page-otl ul.theme-list > li li {
font-size: 14px;
line-height: 1.6;
padding-left: 1.0em;
position: relative;
}
.page-otl .price {
padding: 50px 20px 10px;
}
.page-otl .price .txt {
padding-bottom: 30px;
max-width: 100%;
border-bottom: 3px solid #00479d;
}
.page-otl .price .txt h2 {
position: relative;
font-size: 24px;
line-height: 1.5;
}
.page-otl .price .txt h2 span {
padding: 0 .3em;
}
.page-otl .price .txt h2:after {
height: 3px;
}
.page-otl .price .txt h3 {
font-size: 18px;
}
.page-otl .price .txt h3 span {
font-size: 34px;
}
.page-otl .price .txt p {
font-size: 12px;
text-align: left;
line-height: 1.5;
padding-top: 8px;
}
.page-otl .otl_faq .faq_list .faq_box {
padding: 20px 0 20px;
}
.page-otl .otl_faq .faq_list .faq_box:first-child {
padding: 0 0 30px;
}
.page-otl .otl_faq .faq_list .faq_box:last-child {
border-bottom: none;
padding: 30px 0 0px;
}
.page-otl .otl_faq .faq_list .faq_box .question_box {
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
}
.page-otl .otl_faq .faq_list .faq_box .question_box .question_icon {
width: 25px;
min-width: 25px;
height: 25px;
display: block;
text-align: center;
font-size: 14px;
margin: 0 0px 0 0;
}
.page-otl .otl_faq .faq_list .faq_box .question_box .question_txt {
font-size: 15px;
line-height: 1.5;
padding-left: 10px;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box {
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding: 0 0 0 0px;
margin: 10px 0 0 0;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box .answer_icon {
width: 25px;
height: 25px;
min-width: 25px;
font-size: 14px;
margin: 0 10px 0 0;
display: block;
text-align: center;
}
.page-otl .otl_faq .faq_list .faq_box .answer_box .read_txt {
padding-left: 0px;
font-size: 14px;
width: 100%;
}
} .web-marketing {
padding-bottom: 80px;
font-family: 'Noto Sans JP', sans-serif;
}
.web-marketing .section-title2 {
text-align: center;
width: 100%;
height: 413px;
position: relative;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/mvbg.jpg) center no-repeat;
background-size:cover;
overflow: hidden;
}
.web-marketing .section-title2 .title2 {
font-size: 34px;
line-height: 2;
color: #fff;
text-indent: .05em;
letter-spacing: .05em;
position: absolute;
width: 100%;
top: 48%;
left: 0;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.web-marketing h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.web-marketing p {
font-size: 16px;
}
.web-marketing figure {
width: 100%;
}
.web-marketing figure.w900 {
width: 900px;
margin: 0 auto;
}
.web-marketing figure.mt40 {
margin-top: 40px;
}
.web-marketing figure.mb40 {
margin-bottom: 40px;
}
.web-marketing .first_btn{
display:flex;
justify-content:space-between;
align-items:center;
}
.web-marketing .first_btn li{
width:calc(33.33% - 20px);
text-align:center;
}
.web-marketing .first_btn li a{
display:block;
border:2px solid #00479d;
height:80px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color: #00479d;
position:relative;
font-weight:900;
}
.web-marketing .first_btn li a:after{
content:"";
position: absolute;
width:16px;
height:16px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/aroow01.png) center no-repeat;
top:0;
bottom:0;
right:22px;
margin:auto;
}
.web-marketing .firstwrap p{
margin:60px 0;
font-weight:700;
}
.web-marketing .bl_line{
background:#00479d;
text-align:center;
font-size:40px;
font-weight:900;
color:#fff;
padding:10px;
}
.web-marketing .bl_line span{
font-size:64px;
color:#fefe00;
line-height:1;
}
.web-marketing .saidaika{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/bg01.jpg) center no-repeat;
background-size:cover;
padding:0 0 95px 0;
}
.web-marketing .saidaika .section-content h3{
text-align:center;
margin:0 auto 30px;
}
.web-marketing span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
}
@media screen and (max-width: 800px) {
.web-marketing {
padding-bottom: 0;
}
.web-marketing h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.web-marketing .target-nav {
width: 100%;
display: block;
margin-bottom: 40px;
}
.web-marketing .target-nav li {
margin: 0 25px 10px;
}
.web-marketing .target-nav li a {
display: block;
width: 100%;
font-weight: bold;
font-size: 13px;
line-height: 40px;
}
.web-marketing p {
font-size: 14px;
}
.web-marketing figure {
width: 100%;
}
.web-marketing figure.w900 {
width: 100%;
margin: 0 auto;
}
.web-marketing figure.mt40 {
margin-top: 40px;
}
.web-marketing figure.mb40 {
margin-bottom: 40px;
}
.web-marketing h2.blue_arrow {
padding: 16px 15px 16px;
font-size: 24px;
line-height: 1.4;
position: relative;
margin-bottom: 30px;
}
.web-marketing h2.blue_arrow:after {
bottom: -12px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 14px solid #00479d;
margin-left: -16px;
}
.web-marketing .first_btn{
flex-flow:column;
}
.web-marketing .first_btn li{
width:100%;
margin-bottom:20px;
}
.web-marketing .bl_line span{
font-size:34px;
}
.web-marketing .saidaika{
text-align:center;
}
.web-marketing #wrap .section-title2 .title2{
padding:0;
}
.web-marketing .first_btn li a{
height: 60px;
}
.web-marketing .firstwrap p{
margin:30px 0 60px
}
} .web-marketing .consulting-feature ul {
padding-top: 15px;
}
.web-marketing .consulting-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.web-marketing .consulting-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.web-marketing .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_img {
width: 580px;
position: relative;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.web-marketing .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 28px;
font-weight: 900;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size: 40px;
color:#00479d;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 16px;
text-align: justify;
}
@media screen and (max-width: 800px) {
.web-marketing .consulting-feature ul {
padding-top: 5px;
}
.web-marketing .consulting-feature ul li {
display: block;
margin-bottom: 40px;
}
.web-marketing .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.web-marketing .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 14px;
}
.web-marketing .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size:30px;
}
} .web-marketing #menu{
background:#eff6ff;
padding: 0 0 95px 0;
overflow:hidden;
}
.web-marketing #menu ul{
max-width:1160px;
margin:0 auto;
padding:0 20px;
position:relative;
z-index:1;
} .web-marketing #menu ul li{
display:flex;
margin:20px 0;
}
.web-marketing #menu ul li div{
padding:10px 30px 10px 45px;
background:linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
max-width:600px;
}
.web-marketing #menu ul li div p{
font-weight:bold;
}
.web-marketing #menu ul li h3{
font-size:32px;
font-weight:900;
line-height:1.6;
margin-bottom:10px;
}
.web-marketing #menu ul li .img_p{
}
@media screen and (max-width: 800px) {
.web-marketing #menu ul li div{
padding:0;
display: flex;
align-items: center;
background:none;
}
.web-marketing #menu ul li{
background: linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
}
.web-marketing #menu ul li .img_p{
margin-right:15px;
}
.web-marketing #menu ul li{
display: block;
}
.web-marketing #menu ul li h3{
font-size:22px;
width: 100%;
}
.web-marketing #menu ul li .menu_p{
padding:15px;
}
.web-marketing #menu ul:after{
content:none;
}
.web-marketing #menu{
padding: 0 0 50px 0;
}
}
.web-marketing .download_bnr {
margin: 40px auto 96px auto;
text-align: center;
width: 90%;
}
.web-marketing .download_bnr a{
display: inline-block;
width: 100%;
height: 100%;
max-width: 900px;
text-align: center;
}
.web-marketing .download_bnr a:hover{
opacity: 0.7;
}
.web-marketing #c_jisseki{
padding-bottom:70px;
}
.web-marketing .consulting-menu h3{
font-weight:900;
border-bottom:1px solid #00479d;
}
.web-marketing .consulting-menu h3 span{
font-size:24px;
color:#00479d;
margin-left:15px;
}
.web-marketing .consulting-menu ul {
display: flex;
flex-wrap: wrap;
margin:0 0 80px 0;
}
.web-marketing .consulting-menu li {
width: 31%;
margin-right: 3.5%;
margin-top: 20px;
}
.web-marketing .consulting-menu li:nth-child(3n) {
margin-right: 0%;
}
.web-marketing .consulting-menu li h4{
margin:20px 0 0 0;
font-weight:900;
}
@media screen and (max-width: 800px) {
.web-marketing .consulting-menu ul{
flex-flow:column;
max-width:360px;
margin: 0 auto 100px;
}
.web-marketing .consulting-menu li{
width:100%;
}
.web-marketing .consulting-menu h3 span{
display:block;
margin:0;
}
.web-marketing .consulting-menu li .consulting-menu_img{
border:1px solid #CCC;
}
.web-marketing .download_bnr {
margin: 40px auto 56px auto;
}
} .web-marketing .contactarea{
max-width:900px;
margin:0 auto;
background:#f4f4f4;
padding:30px 40px;
}
.web-marketing .contactarea h2{
text-align:left;
margin-bottom:20px;
}
.web-marketing .contactarea ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.web-marketing .contactarea ul li{
width:calc(50% - 10px);
text-align:center;
margin:20px 0 0 0;
}
.web-marketing .contactarea ul .btn1 img,
.web-marketing .contactarea ul .btn2 img{
vertical-align: middle;
margin:0 10px 0 0;
}
.web-marketing .contactarea ul li a{
transition:.3s
}
.web-marketing .contactarea ul li a:hover{
opacity:.7;
}
.web-marketing .contactarea ul .btn1 a{
background: #cc0000;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
.web-marketing .contactarea ul .btn2 a{
background:#00479d;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
@media screen and (max-width: 800px) {
.web-marketing .contactarea ul{
flex-flow:column;
}
.web-marketing .contactarea ul li{
width:100%;
}
} .web-marketing #flow{
background: url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/bg_nagare.jpg) center no-repeat;
background-size: cover;
padding: 0 0 95px 0;
}
.web-marketing #flow .con_flow{
padding:0 20px;
}
.web-marketing #flow .con_flow ul{
max-width:900px;
margin:0 auto;
}
.web-marketing #flow .con_flow ul li{
background: #eff6ff;
height: 112px;
padding: 15px 20px 20px 245px;
position: relative;
margin: 25px 0;
}
.web-marketing #flow .con_flow ul li p{
font-size:17px;
}
.web-marketing #flow .con_flow ul li:before{
content:"";
position:absolute;
top:0;
left:0;
width:216px;
height:162px;
}
.web-marketing #flow .con_flow ul li:nth-child(1):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/step01.png) center no-repeat;
z-index:5;
}
.web-marketing #flow .con_flow ul li:nth-child(2):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/step02.png) center no-repeat;
z-index:4;
}
.web-marketing #flow .con_flow ul li:nth-child(3):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/step03.png) center no-repeat;
z-index:3;
}
.web-marketing #flow .con_flow ul li:nth-child(4):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/step04.png) center no-repeat;
z-index:2;
}
.web-marketing #flow .con_flow ul li:nth-child(5):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/step05.png) center no-repeat;
z-index:1;
}
.web-marketing #flow .con_flow ul li h3{
font-weight:900;
color:#00479d;
font-size:24px;
position:relative;
padding:0 0 0 50px
}
.web-marketing #flow .con_flow ul li h3 img{
margin-right:10px;
vertical-align: middle;
position:absolute;
left:0;
top: 5px;
}
@media screen and (max-width: 800px) {
.web-marketing #flow{
margin-bottom: 0;
padding-bottom: 70px;
}
.web-marketing #flow .con_flow ul li:before{
width: 68px;
height:50px;
background-size:contain !important;
top:-15px;
left:-10px;
}
.web-marketing #flow .con_flow ul li{
padding: 15px 20px 20px 56px;
height:auto;
}
.web-marketing #flow .con_flow ul li h3{
font-size:18px;
margin-bottom:15px;
}
} .web-marketing #compare{
padding-bottom:100px;
}
.web-marketing .consulting-compare {}
.web-marketing .consulting-compare p {
margin-top: -10px;
padding-bottom: 20px;
}
.web-marketing .consulting-compare p span{
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
}
.web-marketing .consulting-compare h3 {
color: #00479d;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
.web-marketing .consulting-compare .table-style1, .web-marketing .consulting-compare .table-style1 tbody, .web-marketing .consulting-compare .table-style1 tr {
width: 100%;
font-size: 16px;
line-height: 1.6;
}
.web-marketing .consulting-compare .table-style1 tbody{
border: 1px solid #00479d;
}
.web-marketing .consulting-compare .table-style1 tr:last-child td:last-child {
}
.web-marketing .consulting-compare .table-style1 th {
vertical-align: middle;
text-align: center;
padding: .75em 1.0em;
font-weight: bold;
background-color: #00479d;
border-left: 1px solid #00479d;
border-bottom: 1px solid #00479d;
position: relative;
color:#FFF;
width: 15%;
}
.web-marketing .consulting-compare .table-style1 tr:first-of-type th {
border-bottom:1px solid #FFF;
} .web-marketing .consulting-compare .table-style1 td {
padding: 0.7em 1.0em 0.9em;
text-align: center;
vertical-align: middle;
border-left: 1px solid #00479d;
border-bottom: 1px solid #00479d;
font-size: 14px;
line-height: 1.4;
}
.web-marketing .consulting-compare .table-style1 td img{
display:block;
margin:5px auto;
}
.web-marketing .consulting-compare .table-style1 td:nth-of-type(1) {
border-left: none;
background-color: #f5f5f5;
font-weight: bold;
font-size: 16px;
}
.web-marketing .consulting-compare .table-style1 td:nth-of-type(1) {
width: 20%;
}
.web-marketing .consulting-compare .table-style1 td:last-child {
width: 75%;
text-align: left; background-color: #fff;
font-size: 16px;
font-weight: normal;
}
.web-marketing .consulting-compare .table-style1 td span {
display: block;
vertical-align: middle;
line-height: 50px;
}
.web-marketing .consulting-compare .table-style1 td span.bad {
color: #666;
font-size: 62px;
font-weight:900;
}
.web-marketing .consulting-compare .table-style1 td span.normal {
color: #e68256;
font-weight: bold;
font-size: 35px;
font-weight:900;
}
.web-marketing .consulting-compare .table-style1 td span.good, .web-marketing .consulting-compare .table-style1 td span.paramount {
color: #d01d40;
font-weight: bold;
font-size: 35px;
font-weight:900;
}
@media screen and (max-width: 800px) {
.web-marketing .consulting-compare h3 {
font-size: 18px;
line-height: 1.6;
}
.web-marketing .consulting-compare .table-style1,
.web-marketing .consulting-compare .table-style1 tbody,
.web-marketing .consulting-compare .table-style1 tr {
font-size: 14px;
}
.web-marketing .consulting-compare .table-style1 {
display: block;
width: 100%; }
.web-marketing .consulting-compare .table-style1 tbody {  border-bottom: none;
}
.web-marketing .consulting-compare .table-style1 td{
width: 100%;
float: left;
display: block;
}
.web-marketing .consulting-compare .table-style1 td:nth-of-type(1) {
width: 100%;
}
.web-marketing .consulting-compare .table-style1 td:last-child {
width: 100%;
border-left: none;
font-size: 14px;
}
} .web-marketing #case{
background: #eff6ff;
margin-bottom:75px;
padding-bottom:75px;
}
.web-marketing #case .consul_case{
padding:0 20px;
max-width:1160px;
margin:0 auto;
}
.web-marketing #case .consul_case ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.web-marketing #case .consul_case ul li{
width:calc(50% - 20px);
}
.web-marketing #case .consul_case ul li h3{
background:#000;
color:#fff;
font-weight:900;
font-size:28px;
text-align:center;
padding:10px;
}
.web-marketing #case .consul_case ul li h3 span{
color:#fefe00;
}
.web-marketing #case .consul_case ul li a{
display:block;
text-align:center;
color:#00479d;
font-weight:900;
padding:15px;
background:#fff;
position:relative;
}
.web-marketing #case .consul_case ul li  a:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/web-marketing/arrow02.png) center no-repeat;
top: 0;
bottom: 0;
right: 22px;
margin: auto;
}
@media screen and (max-width: 800px) {
.web-marketing #case{
margin-bottom:0;
}
.web-marketing #case .consul_case ul{
flex-flow:column;
max-width:560px;
margin:0 auto;
}
.web-marketing #case .consul_case ul li{
width:100%;
margin:20px auto;
}
.web-marketing #case .consul_case ul li h3{
font-size:18px;
text-align:left;
}
}
.web-marketing .consulting-bnr {
max-width: 500px;
margin: 0 auto 60px;
text-align: center;
}
.web-marketing .consulting-bnr a:hover {
opacity: .7;
}
@media screen and (max-width: 800px) {
.web-marketing .consulting-bnr  img{
width:100%;
height:auto;
}
} .eigyou {
padding-bottom: 80px;
font-family: 'Noto Sans JP', sans-serif;
}
.eigyou .section-title2 {
text-align: center;
width: 100%;
height: 413px;
position: relative;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/eigyou/img_eigyoutop.jpg) center no-repeat;
background-size:cover;
overflow: hidden;
}
.eigyou .section-title2 .title2 {
font-size: 34px;
line-height: 2;
color: #fff;
text-indent: .05em;
letter-spacing: .05em;
position: absolute;
width: 100%;
top: 48%;
left: 0;
padding: 0 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.eigyou h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.eigyou p {
font-size: 16px;
}
.eigyou figure {
width: 100%;
}
.eigyou figure.w900 {
width: 900px;
margin: 0 auto;
}
.eigyou figure.mt40 {
margin-top: 40px;
}
.eigyou figure.mb40 {
margin-bottom: 40px;
}
.eigyou .first_btn{
display:flex;
justify-content:space-between;
align-items:center;
}
.eigyou .first_btn li{
width:calc(33.33% - 20px);
text-align:center;
}
.eigyou .first_btn li a{
display:block;
border:2px solid #00479d;
height:80px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color: #00479d;
position:relative;
font-weight:900;
}
.eigyou .first_btn li a:after{
content:"";
position: absolute;
width:16px;
height:16px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/eigyou/aroow01.png) center no-repeat;
top:0;
bottom:0;
right:22px;
margin:auto;
}
.eigyou .firstwrap p{
margin:60px 0;
font-weight:700;
text-align: center;
}
.eigyou .bl_line{
background:#00479d;
text-align:center;
font-size:40px;
font-weight:900;
color:#fff;
padding:10px;
}
.eigyou .bl_line span{
font-size:64px;
color:#fefe00;
line-height:1;
}
.eigyou .syuhou {
background:url(//www.f-logi.com/wp-content/themes/fsl/images/eigyou/img_main_bg.png) center no-repeat;
background-size:cover;
padding:67px 0 90px 0;
}
.eigyou .syuhou .section-content .wrap{
margin-top: 46px;
text-align: center;
}
.eigyou span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
}
@media screen and (max-width: 800px) {
.eigyou {
padding-bottom: 0;
}
.eigyou h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.eigyou .target-nav {
width: 100%;
display: block;
margin-bottom: 40px;
}
.eigyou .target-nav li {
margin: 0 25px 10px;
}
.eigyou .target-nav li a {
display: block;
width: 100%;
font-weight: bold;
font-size: 13px;
line-height: 40px;
}
.eigyou p {
font-size: 14px;
}
.eigyou figure {
width: 100%;
}
.eigyou figure.w900 {
width: 100%;
margin: 0 auto;
}
.eigyou figure.mt40 {
margin-top: 40px;
}
.eigyou figure.mb40 {
margin-bottom: 40px;
}
.eigyou h2.blue_arrow {
padding: 16px 15px 16px;
font-size: 24px;
line-height: 1.4;
position: relative;
margin-bottom: 30px;
}
.eigyou h2.blue_arrow:after {
bottom: -12px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 14px solid #00479d;
margin-left: -16px;
}
.eigyou .first_btn{
flex-flow:column;
}
.eigyou .first_btn li{
width:100%;
margin-bottom:20px;
}
.eigyou .bl_line span{
font-size:34px;
}
.eigyou .syuhou {
padding:47px 0 60px 0;
}
.eigyou .syuhou .section-content .wrap{
margin-top: 26px;
}
.eigyou .first_btn li a{
height: 60px;
}
.eigyou .firstwrap p{
margin:30px 0 60px;
text-align: left;
}
} .eigyou .consulting-feature ul {
padding-top: 15px;
}
.eigyou .consulting-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.eigyou .consulting-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.eigyou .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_img {
width: 580px;
position: relative;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.eigyou .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 28px;
font-weight: 900;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size: 40px;
color:#00479d;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 16px;
text-align: justify;
}
@media screen and (max-width: 800px) {
.eigyou .consulting-feature ul {
padding-top: 5px;
}
.eigyou .consulting-feature ul li {
display: block;
margin-bottom: 40px;
}
.eigyou .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.eigyou .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 14px;
}
.eigyou .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size:30px;
}
} .eigyou #menu{
background:#eff6ff;
padding: 0 0 95px 0;
overflow:hidden;
}
.eigyou #menu ul{
max-width:1160px;
margin:0 auto;
padding:0 20px;
position:relative;
z-index:1;
} .eigyou #menu ul li{
display:flex;
margin:20px 0;
}
.eigyou #menu ul li div{
padding:10px 30px 10px 45px;
background:linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
max-width:600px;
}
.eigyou #menu ul li div p{
font-weight:bold;
}
.eigyou #menu ul li h3{
font-size:32px;
font-weight:900;
line-height:1.6;
margin-bottom:10px;
}
@media screen and (max-width: 800px) {
.eigyou #menu ul li div{
padding:0;
display: flex;
align-items: center;
background:none;
}
.eigyou #menu ul li{
background: linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
}
.eigyou #menu ul li .img_p{
margin-right:15px;
}
.eigyou #menu ul li{
display: block;
}
.eigyou #menu ul li h3{
font-size:22px;
width: 100%;
}
.eigyou #menu ul li .menu_p{
padding:15px;
}
.eigyou #menu ul:after{
content:none;
}
.eigyou #menu{
padding: 0 0 50px 0;
}
}
.eigyou .download_bnr {
margin: 40px auto 96px auto;
text-align: center;
width: 90%;
}
.eigyou .download_bnr a{
display: inline-block;
width: 100%;
height: 100%;
}
.eigyou .download_bnr a:hover{
opacity: 0.7;
}
.eigyou #c_jisseki{
padding-bottom:70px;
}
.eigyou .consulting-menu h3{
font-weight:900;
border-bottom:1px solid #00479d;
}
.eigyou .consulting-menu h3 span{
font-size:24px;
color:#00479d;
margin-left:15px;
}
.eigyou .consulting-menu ul {
display: flex;
flex-wrap: wrap;
margin:0 0 80px 0;
}
.eigyou .consulting-menu li {
width: 31%;
margin-right: 3.5%;
margin-top: 20px;
}
.eigyou .consulting-menu li:nth-child(3n) {
margin-right: 0%;
}
.eigyou .consulting-menu li h4{
margin:20px 0 0 0;
font-weight:900;
}
@media screen and (max-width: 800px) {
.eigyou .consulting-menu ul{
flex-flow:column;
max-width:360px;
margin: 0 auto 100px;
}
.eigyou .consulting-menu li{
width:100%;
}
.eigyou .consulting-menu h3 span{
display:block;
margin:0;
}
.eigyou .consulting-menu li .consulting-menu_img{
border:1px solid #CCC;
}
} .eigyou .contactarea{
max-width:900px;
margin:0 auto;
background:#f4f4f4;
padding:30px 40px;
}
.eigyou .contactarea h2{
text-align:left;
margin-bottom:20px;
}
.eigyou .contactarea ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.eigyou .contactarea ul li{
width:calc(50% - 10px);
text-align:center;
margin:20px 0 0 0;
}
.eigyou .contactarea ul .btn1 img,
.eigyou .contactarea ul .btn2 img{
vertical-align: middle;
margin:0 10px 0 0;
}
.eigyou .contactarea ul li a{
transition:.3s
}
.eigyou .contactarea ul li a:hover{
opacity:.7;
}
.eigyou .contactarea ul .btn1 a{
background: #cc0000;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
.eigyou .contactarea ul .btn2 a{
background:#00479d;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
@media screen and (max-width: 800px) {
.eigyou .contactarea ul{
flex-flow:column;
}
.eigyou .contactarea ul li{
width:100%;
}
} .eigyou #case{
background: #eff6ff;
margin-bottom:75px;
padding-bottom:75px;
}
.eigyou #case .consul_case{
max-width:1160px;
margin:0 auto;
padding: 0 20px;
}
.eigyou #case .consul_case ul{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.eigyou #case .consul_case ul li{
width:calc(50% - 20px);
margin-bottom: 40px;
display: flex;
flex-direction: column;
}
.eigyou #case .consul_case ul li h3{
background:#000;
color:#fff;
font-weight:900;
font-size:24px;
padding: 32px 24px;
flex-grow: 1;
}
.eigyou #case .consul_case ul li h3 span{
color:#fefe00;
}
.eigyou #case .consul_case ul li a{
display:block;
text-align:center;
color:#00479d;
font-weight:900;
padding:15px;
background:#fff;
position:relative;
}
.eigyou #case .consul_case ul li  a:after {
content: "";
position: absolute;
width: 16px;
height: 16px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/eigyou/arrow02.png) center no-repeat;
top: 0;
bottom: 0;
right: 22px;
margin: auto;
}
@media screen and (max-width: 800px) {
.eigyou #case{
margin-bottom:0;
}
.eigyou #case .consul_case ul{
flex-flow:column;
max-width:560px;
margin:0 auto;
}
.eigyou #case .consul_case ul li{
width:100%;
margin:20px auto;
}
.eigyou #case .consul_case ul li h3{
font-size:18px;
text-align:left;
padding: 10px;
}
}
.eigyou .consulting-bnr {
max-width: 500px;
margin: 0 auto 60px;
text-align: center;
}
.eigyou .consulting-bnr a:hover {
opacity: .7;
}
@media screen and (max-width: 800px) {
.eigyou .consulting-bnr  img{
width:100%;
height:auto;
}
} .assessment {
padding-bottom: 80px;
font-family: 'Noto Sans JP', sans-serif;
}
.assessment p {
font-size: 16px;
}
.assessment .section-title2 {
text-align: center;
width: 100%;
height: 413px;
position: relative;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/mvbg.jpg) center no-repeat;
background-size:cover;
overflow: hidden;
}
.assessment .section-title2 .title2 {
font-size: 34px;
line-height: 2;
color: #fff;
text-indent: .05em;
letter-spacing: .05em;
position: absolute;
width: 100%;
top: 48%;
left: 0;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.assessment h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.assessment .first_btn{
display:flex;
justify-content:space-between;
align-items:center;
}
.assessment .first_btn li{
width:calc(33.33% - 20px);
text-align:center;
}
.assessment .first_btn li a{
display:block;
border:2px solid #00479d;
height:80px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color: #00479d;
position:relative;
font-weight:900;
}
.assessment .first_btn li a:after{
content:"";
position: absolute;
width:16px;
height:16px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/arow01.png) center no-repeat;
top:0;
bottom:0;
right:22px;
margin:auto;
}
.assessment .firstwrap p {
margin: 60px 0;
font-weight: 700;
}
.assessment .bl_line{
background:#00479d;
text-align:center;
font-size:40px;
font-weight:900;
color:#fff;
padding:10px;
}
.assessment .bl_line span{
font-size:64px;
color:#fefe00;
}
.assessment .seido{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/seudo_bg.jpg) center no-repeat;
background-size:cover;
padding:0 0 95px 0;
}
.assessment .saidaika .seido h3{
text-align:center;
margin:0 auto 30px;
}
.assessment span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
} .assessment .consulting-feature ul {
padding-top: 15px;
}
.assessment .consulting-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.assessment .consulting-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.assessment .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.assessment .consulting-feature ul li .consulting-feauture_point_img {
width: 580px;
position: relative;
}
.assessment .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.assessment .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 28px;
font-weight: 900;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size: 40px;
color:#00479d;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 16px;
text-align: justify;
font-weight:bold;
}
.assessment .consulting-detail {
max-width: 900px;
margin: 0 auto;
}
.assessment .consulting-detail h3 {
color: #00479d;
font-size: 32px;
line-height: 1.5;
font-weight: 900;
letter-spacing: 0.05em;
}
.assessment .consulting-table {
margin: 35px auto 50px;
}
.assessment .consulting-box {
background: #fff;
border: solid 2px #00479d;
padding: 10px 30px;
margin-top: 10px;
}
.assessment .consulting-box p {
font-weight: 900;
font-size: 24px;
color: #00479d;
line-height: 1.5;
}
.assessment .consulting-trouble_list {
max-width: 900px;
margin: 60px auto;
}
.assessment .consulting-trouble_list li {
min-height: 96px;
border-bottom: solid 1px #00479d;
padding: 15px 0 15px 110px;
font-size: 20px;
font-weight: 900;
line-height: 1.5;
margin-bottom: 15px;
letter-spacing: 0.05em;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/ico_check.png) center left no-repeat;
}
.assessment .blue-txt {
color: #00479d;
}
.assessment p.consulting-trouble_txt {
text-align: center;
font-size: 32px;
font-weight: 900;
line-height: 1.3;
letter-spacing: 0.05em;
}
.assessment p.consulting-trouble_txt span {
display: block;
font-size: 48px;
}
.assessment p.consulting-trouble_txt span small {
font-size: 40px;
}
@media screen and (max-width: 800px) {
.assessment .consulting-feature ul {
padding-top: 5px;
}
.assessment .consulting-feature ul li {
display: block;
margin-bottom: 40px;
}
.assessment .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.assessment .consulting-feature ul li .consulting-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.assessment .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 14px;
}
.assessment .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size:30px;
}
.assessment .consulting-trouble_list {
margin: 20px auto;
}
.assessment .consulting-trouble_list li {
min-height: auto;
background-size: 32px;
background-position: left top 10px;
font-size: 15px;
padding: 10px 0 10px 40px;
margin-bottom: 5px;
}
.assessment p.consulting-trouble_txt {
font-size: 20px;
}
.assessment p.consulting-trouble_txt span {
font-size: 30px;
}
.assessment p.consulting-trouble_txt span small {
font-size: 24px;
}
.assessment .consulting-detail {
padding: 0 20px;
}
.assessment .consulting-detail h3 {
font-size: 24px;
}
.assessment .consulting-detail h3.consulting-detail_head {
font-size: 17px;
}
.assessment .consulting-table {
margin: 20px auto 30px;
}
.assessment .consulting-box p {
font-size: 18px;
}
.assessment .consulting-box {
padding: 10px 15px;
margin-top: 5px;
}
}
@media screen and (max-width: 800px) {
.assessment {
padding-bottom: 0;
}
.assessment h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.assessment .first_btn {
flex-flow: column;
}
.assessment .first_btn li {
width: 100%;
margin-bottom: 20px;
}
} .assessment #menu{
background:#eff6ff;
padding: 0 0 95px 0;
overflow:hidden;
}
.assessment #menu ul{
max-width:1160px;
margin:0 auto;
padding:0 20px;
position:relative;
z-index:1;
}
.assessment #menu ul:after{
content:"";
position:absolute;
bottom: -115px;
right:-100px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/shacho.png) center no-repeat;
width:375px;
height:762px;
z-index:-1
}
.assessment #menu ul li{
display:flex;
margin:20px 0;
}
.assessment #menu ul li div{
padding:15px 30px 10px 45px;
background:linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
width:calc(100% - 216px);
}
.assessment #menu ul li div p{
font-weight:bold;
}
.assessment #menu ul li h3{
font-size:32px;
font-weight:900;
line-height:1.6;
margin-bottom:10px;
}
.assessment #menu ul li .img_p{
width:216px;
height:auto;
}
@media screen and (max-width: 800px) {
.assessment #menu ul li div{
padding:0;
display: flex;
align-items: center;
background:none;
width:100%;
}
.assessment #menu ul li{
background: linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
}
.assessment #menu ul li .img_p{
margin-right:15px;
}
.assessment #menu ul li{
display: block;
}
.assessment #menu ul li h3{
font-size:22px;
width: 100%;
}
.assessment #menu ul li .menu_p{
padding:15px;
}
.assessment #menu ul:after{
content:none;
}
.assessment #menu{
padding: 0 0 50px 0;
}
}
.assessment #c_jisseki{
padding-bottom:70px;
}
.assessment .consulting-menu h3{
font-weight:900;
border-bottom:1px solid #00479d;
}
.assessment .consulting-menu h3 span{
font-size:24px;
color:#00479d;
margin-left:15px;
}
.assessment .consulting-menu ul {
display: flex;
flex-wrap: wrap;
margin:0 0 80px 0;
}
.assessment .consulting-menu li {
width: 31%;
margin-right: 3.5%;
margin-top: 20px;
}
.assessment .consulting-menu li:nth-child(3n) {
margin-right: 0%;
}
.assessment .consulting-menu li h4{
margin:20px 0 0 0;
font-weight:900;
}
@media screen and (max-width: 800px) {
.assessment .consulting-menu ul{
flex-flow:column;
max-width:360px;
margin: 0 auto 100px;
}
.assessment .consulting-menu li{
width:100%;
}
.assessment .consulting-menu h3 span{
display:block;
margin:0;
}
.assessment .consulting-menu li .consulting-menu_img{
border:1px solid #CCC;
}
} .assessment #flow{
background: url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/nagare_bg.jpg) center no-repeat;
background-size: cover;
margin-bottom: 100px;
padding-bottom: 135px;
}
.assessment #flow .con_flow{
padding:0 20px;
}
.assessment #flow .con_flow ul{
max-width:900px;
margin:0 auto;
}
.assessment #flow .con_flow ul li{
background: #eff6ff;
height: 112px;
padding: 5px 20px 5px 245px;
position: relative;
margin: 25px 0;
}
.assessment #flow .con_flow ul li p{
font-size:14px;
line-height:1.6;
margin:5px 0 0 0;
}
.assessment #flow .con_flow ul li:before{
content:"";
position:absolute;
top:0;
left:0;
width:216px;
height:162px;
}
.assessment #flow .con_flow ul li:nth-child(1):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step01.png) center no-repeat;
z-index:5;
}
.assessment #flow .con_flow ul li:nth-child(2):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step02.png) center no-repeat;
z-index:4;
}
.assessment #flow .con_flow ul li:nth-child(3):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step03.png) center no-repeat;
z-index:3;
}
.assessment #flow .con_flow ul li:nth-child(4):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step04.png) center no-repeat;
z-index:2;
}
.assessment #flow .con_flow ul li:nth-child(5):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step05.png) center no-repeat;
z-index:1;
}
.assessment #flow .con_flow ul li h3{
font-weight:900;
color:#00479d;
font-size:24px;
position:relative;
padding:0 0 0 50px
}
.assessment #flow .con_flow ul li h3 img{
margin-right:10px;
vertical-align: middle;
position:absolute;
left:0;
top: 5px;
}
@media screen and (max-width: 800px) {
.assessment #flow{
margin-bottom: 0;
padding-bottom: 70px;
}
.assessment #flow .con_flow ul li:before{
width: 68px;
height:50px;
background-size:contain !important;
top:-15px;
left:-10px;
}
.assessment #flow .con_flow ul li{
padding: 15px 20px 20px 56px;
height:auto;
}
.assessment #flow .con_flow ul li h3{
font-size:18px;
margin-bottom:15px;
}
.assessment .firstwrap p {
margin: 30px 0 60px;
}
.assessment h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.assessment .bl_line span {
font-size: 34px;
}
} .assessment .contactarea{
max-width:900px;
margin:0 auto;
background:#f4f4f4;
padding:30px 40px;
}
.assessment .contactarea h2{
text-align:left;
margin-bottom:20px;
}
.assessment .contactarea ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.assessment .contactarea ul li{
width:calc(50% - 10px);
text-align:center;
margin:20px 0 0 0;
}
.assessment .contactarea ul .btn1 img,
.assessment .contactarea ul .btn2 img{
vertical-align: middle;
margin:0 10px 0 0;
}
.assessment .contactarea ul li a{
transition:.3s
}
.assessment .contactarea ul li a:hover{
opacity:.7;
}
.assessment .contactarea ul .btn1 a{
background: #cc0000;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
.assessment .contactarea ul .btn2 a{
background:#00479d;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
@media screen and (max-width: 800px) {
.assessment .contactarea ul{
flex-flow:column;
}
.assessment .contactarea ul li{
width:100%;
}
.assessment .zsiq_floatmain{
display:none;
}
} .digital{
}
.digital {
padding-bottom: 80px;
font-family: 'Noto Sans JP', sans-serif;
}
.digital p {
font-size: 16px;
}
.digital .section-title2 {
text-align: center;
width: 100%;
height: 413px;
position: relative;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/digital/mvbg.jpg) center no-repeat;
background-size:cover;
overflow: hidden;
}
.digital .section-title2 .title2 {
font-size: 34px;
line-height: 2;
color: #fff;
text-indent: .05em;
letter-spacing: .05em;
position: absolute;
width: 100%;
top: 48%;
left: 0;
padding: 0 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.digital h2 {
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
.digital .first_btn{
display:flex;
justify-content:space-between;
align-items:center;
}
.digital .first_btn li{
width:calc(33.33% - 20px);
text-align:center;
}
.digital .first_btn li a{
display:block;
border:2px solid #00479d;
height:80px;
width:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
color: #00479d;
position:relative;
font-weight:900;
}
.digital .first_btn li a:after{
content:"";
position: absolute;
width:16px;
height:16px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/arow01.png) center no-repeat;
top:0;
bottom:0;
right:22px;
margin:auto;
}
.digital .firstwrap p {
margin: 60px 0;
font-weight: 700;
}
.digital .bl_line{
background:#00479d;
text-align:center;
font-size:40px;
font-weight:900;
color:#fff;
padding:10px;
}
.digital .bl_line span{
font-size:64px;
color:#fefe00;
}
.digital .seido{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/seudo_bg.jpg) center no-repeat;
background-size:cover;
padding:0 0 95px 0;
}
.digital .saidaika .seido h3{
text-align:center;
margin:0 auto 30px;
}
.digital span.yellow-marker {
display: inline;
padding: 0 0px 0;
background: linear-gradient(transparent 80%, #ffff66 80%);
font-weight: bold;
} .digital .consulting-feature ul {
padding-top: 15px;
}
.digital .consulting-feature ul li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}
.digital .consulting-feature ul li:nth-child(even) {
flex-direction: row-reverse;
}
.digital .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 580px;
padding: 0 60px 0 0;
}
.digital .consulting-feature ul li .consulting-feauture_point_img {
width: 580px;
position: relative;
}
.digital .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 80px;
color: #d6e4f5;
font-weight: bold;
line-height: 1.0;
letter-spacing: 0;
position: absolute;
top: -42px;
right: 18px;
}
.digital .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -42px;
left: 18px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt {
width: 580px;
padding: 0 0 0 60px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 28px;
font-weight: 900;
line-height: 1.5;
position: relative;
margin-bottom: 22px;
border-bottom: #00479d 4px solid;
padding-bottom: 14px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size: 40px;
color:#00479d;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 16px;
text-align: justify;
font-weight:bold;
}
@media screen and (max-width: 800px) {
.digital .consulting-feature ul {
padding-top: 5px;
}
.digital .consulting-feature ul li {
display: block;
margin-bottom: 40px;
}
.digital .consulting-feature ul li:nth-child(even) .consulting-feauture_point_txt {
width: 100%;
padding: 0 0px 0 0;
}
.digital .consulting-feature ul li .consulting-feauture_point_img {
width: 100%;
position: relative;
padding-bottom: 15px;
}
.digital .consulting-feature ul li .consulting-feauture_point_img .point_num {
font-size: 60px;
letter-spacing: 0;
position: absolute;
top: -30px;
right: 14px;
}
.digital .consulting-feature ul li:nth-child(even) .consulting-feauture_point_img .point_num {
top: -30px;
left: 14px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt {
width: 100%;
padding: 0 0 0 0px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt h3 {
font-size: 20px;
line-height: 1.5;
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt p {
font-size: 14px;
}
.digital .consulting-feature ul li .consulting-feauture_point_txt h3 span{
font-size:30px;
}
}
@media screen and (max-width: 800px) {
.digital {
padding-bottom: 0;
}
.digital h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.digital .first_btn {
flex-flow: column;
}
.digital .first_btn li {
width: 100%;
margin-bottom: 20px;
}
} .digital #menu{
background:#eff6ff;
padding: 0 0 95px 0;
overflow:hidden;
}
.digital #menu ul{
max-width:1160px;
margin:0 auto;
padding:0 20px;
position:relative;
z-index:1;
}
.digital #menu ul:after{
content:"";
position:absolute;
bottom: -115px;
right:-100px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/shacho.png) center no-repeat;
width:375px;
height:762px;
z-index:-1
}
.digital #menu ul li{
display:flex;
margin:20px 0;
}
.digital #menu ul li div{
padding:15px 30px 10px 45px;
background:linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
width:calc(100% - 216px);
}
.digital #menu ul li div p{
font-weight:bold;
}
.digital #menu ul li h3{
font-size:32px;
font-weight:900;
line-height:1.6;
margin-bottom:10px;
}
.digital #menu ul li .img_p{
width:216px;
height:auto;
}
@media screen and (max-width: 800px) {
.digital #menu ul li div{
padding:0;
display: flex;
align-items: center;
background:none;
width:100%;
}
.digital #menu ul li{
background: linear-gradient(to right, rgba(255,255,255,1), rgba(239,246,255,.5));
}
.digital #menu ul li .img_p{
margin-right:15px;
}
.digital #menu ul li{
display: block;
}
.digital #menu ul li h3{
font-size:22px;
width: 100%;
}
.digital #menu ul li .menu_p{
padding:15px;
}
.digital #menu ul:after{
content:none;
}
.digital #menu{
padding: 0 0 50px 0;
}
}
.digital #c_jisseki{
padding-bottom:70px;
}
.digital .consulting-menu h3{
font-weight:900;
border-bottom:1px solid #00479d;
}
.digital .consulting-menu h3 span{
font-size:24px;
color:#00479d;
margin-left:15px;
}
.digital .consulting-menu ul {
display: flex;
flex-wrap: wrap;
margin:0 0 80px 0;
}
.digital .consulting-menu li {
width: 31%;
margin-right: 3.5%;
margin-top: 20px;
}
.digital .consulting-menu li:nth-child(3n) {
margin-right: 0%;
}
.digital .consulting-menu li h4{
margin:20px 0 0 0;
font-weight:900;
}
@media screen and (max-width: 800px) {
.digital .consulting-menu ul{
flex-flow:column;
max-width:360px;
margin: 0 auto 100px;
}
.digital .consulting-menu li{
width:100%;
}
.digital .consulting-menu h3 span{
display:block;
margin:0;
}
.digital .consulting-menu li .consulting-menu_img{
border:1px solid #CCC;
}
} .digital #flow{
background: url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/nagare_bg.jpg) center no-repeat;
background-size: cover;
margin-bottom: 100px;
padding-bottom: 135px;
}
.digital #flow .con_flow{
padding:0 20px;
}
.digital #flow .con_flow ul{
max-width:900px;
margin:0 auto;
}
.digital #flow .con_flow ul li{
background: #eff6ff;
height: 112px;
padding: 12px 20px 5px 245px;
position: relative;
margin: 25px 0;
}
.digital #flow .con_flow ul li p{
font-size:14px;
line-height:1.6;
margin:5px 0 0 0;
}
.digital #flow .con_flow ul li:before{
content:"";
position:absolute;
top:0;
left:0;
width:216px;
height:162px;
}
.digital #flow .con_flow ul li:nth-child(1):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step01.png) center no-repeat;
z-index:5;
}
.digital #flow .con_flow ul li:nth-child(2):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step02.png) center no-repeat;
z-index:4;
}
.digital #flow .con_flow ul li:nth-child(3):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step03.png) center no-repeat;
z-index:3;
}
.digital #flow .con_flow ul li:nth-child(4):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step04.png) center no-repeat;
z-index:2;
}
.digital #flow .con_flow ul li:nth-child(5):before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/assessment/step05.png) center no-repeat;
z-index:1;
}
.digital #flow .con_flow ul li h3{
font-weight:900;
color:#00479d;
font-size:24px;
position:relative;
padding:0 0 0 50px
}
.digital #flow .con_flow ul li h3 img{
margin-right:10px;
vertical-align: middle;
position:absolute;
left:0;
top: 5px;
}
@media screen and (max-width: 800px) {
.digital #flow{
margin-bottom: 0;
padding-bottom: 70px;
}
.digital #flow .con_flow ul li:before{
width: 68px;
height:50px;
background-size:contain !important;
top:-15px;
left:-10px;
}
.digital #flow .con_flow ul li{
padding: 15px 20px 20px 56px;
height:auto;
}
.digital #flow .con_flow ul li h3{
font-size:18px;
margin-bottom:15px;
}
.digital .firstwrap p {
margin: 30px 0 60px;
}
.digital h2 {
font-size: 22px !important;
margin-bottom: 1.5em;
}
.digital .bl_line span {
font-size: 34px;
}
} .digital .contactarea{
max-width:900px;
margin:0 auto;
background:#f4f4f4;
padding:30px 40px;
}
.digital .contactarea h2{
text-align:left;
margin-bottom:20px;
}
.digital .contactarea ul{
display:flex;
justify-content:space-between;
align-items:center;
}
.digital .contactarea ul li{
width:calc(50% - 10px);
text-align:center;
margin:20px 0 0 0;
}
.digital .contactarea ul .btn1 img,
.digital .contactarea ul .btn2 img{
vertical-align: middle;
margin:0 10px 0 0;
}
.digital .contactarea ul li a{
transition:.3s
}
.digital .contactarea ul li a:hover{
opacity:.7;
}
.digital .contactarea ul .btn1 a{
background: #cc0000;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
.digital .contactarea ul .btn2 a{
background:#00479d;
width: 100%;
display: block;
padding: 20px;
color:#fff;
}
@media screen and (max-width: 800px) {
.digital .contactarea ul{
flex-flow:column;
}
.digital .contactarea ul li{
width:100%;
}
.digital .zsiq_floatmain{
display:none;
}
}
.digital .digi_image h2{
margin-bottom:0;
}
.digital .digi_image ul{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.digital .digi_image ul li{
width:50%;
text-align:center;
padding:65px 20px 115px;
}
.digital .digi_image ul li:nth-child(1){
background: url(//www.f-logi.com/wp-content/themes/fsl/images/digital/bg01a.jpg) center no-repeat;
background-size: cover;
}
.digital .digi_image ul li:nth-child(2){
background: url(//www.f-logi.com/wp-content/themes/fsl/images/digital/bg01b.jpg) center no-repeat;
background-size: cover;
}
.digital #menu ul li h3 a{
font-weight:normal;
font-size:13px;
color:#00479d;
border-bottom:1px solid;
vertical-align:middle;
}
.digital #menu ul li h3 a:hover{
border:none;
}
.digital #menu ul li h3 a img{
vertical-align:middle;
}
.digital .c_margin{
margin:100px auto;
}
@media screen and (max-width: 800px) {
.digital .digi_image ul li{
width:100%;
padding:65px 20px;
}
.digital .c_margin{
margin:0 auto;
}
} #outline.online-consultation h2{
font-size: 24px;
line-height: 1.7;
margin-bottom: 1.4em;
text-align: center;
font-weight: bold;
}
#outline.online-consultation p{
font-size: 16px;
}
#outline.online-consultation p.txt01{
text-align:center;
}
#outline.online-consultation ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
#outline.online-consultation ul li {
width: 31%;
margin-right: 3.5%;
margin-top: 45px;
}
#outline.online-consultation ul li:nth-child(3n) {
margin-right: 0%;
}
#outline.online-consultation ul li h3 {
text-align: center;
color: #00479d;
font-size: 22px;
line-height: 1.5;
font-weight: bold;
padding-top: 20px;
padding-bottom: 9px;
}
@media screen and (max-width: 800px){
#outline.online-consultation h2{
font-size: 15px;
margin-bottom: 1.5em;
}
#outline.online-consultation p{
font-size: 14px;
}
#outline.online-consultation p.txt01{
text-align:left;
}
#outline.online-consultation ul li:nth-child(odd){
width: 48%;
margin-right: 2%;
margin-left: 0%;
margin-top: 20px;
}
#outline.online-consultation ul li:nth-child(even) {
width: 48%;
margin-right: 0%;
margin-left: 2%;
margin-top: 20px;
}
#outline.online-consultation ul li h3{
text-align: left;
font-size: 18px;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 4px;
}
}
#enrty-form.online-consultation{
padding-top: 60px;
margin-top: 30px;
}
#enrty-form.online-consultation h2.blue_arrow{
background-color: #00479d;
color: #fff;
padding: 13px 0 15px;
font-size: 40px;
font-weight: bold;
width: 100%;
margin-top: 0px;
position: relative;
margin-bottom: 50px;
line-height: 1.7;
text-align: center;
}
#enrty-form.online-consultation h2.blue_arrow:after {
content: "";
width: 0;
height: 0;
bottom: -15px;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 18px solid #00479d;
margin-left: -10px;
position: absolute;
left: 50%;
}
#enrty-form.online-consultation .form-cont{
max-width: 980px;
margin: 0 auto;
}
#enrty-form.online-consultation .form-cont p{
margin: 0 0 30px;
font-size: 16px;
}
#enrty-form.online-consultation .form-cont p:first-of-type{
margin: 80px 0 20px;
}
#enrty-form.online-consultation .form-cont p a{
color:#00479d;
text-decoration:underline;
}
#enrty-form.online-consultation .form-cont p a:hover{
text-decoration:none;
}
@media screen and (max-width: 800px){
#enrty-form.online-consultation{
padding-top: 50px;
margin-top: 10px;
}
#enrty-form.online-consultation h2.blue_arrow{
padding: 16px 15px 16px;
font-size: 24px;
line-height: 1.4;
position: relative;
margin-bottom: 30px;
}
#enrty-form.online-consultation h2.blue_arrow:after {
bottom: -12px;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 14px solid #00479d;
margin-left: -16px;
}
#enrty-form.online-consultation .form-cont p{
margin: 0 0 20px;
font-size: 14px;
}
#enrty-form.online-consultation .form-cont p:first-of-type{
margin: 50px 0 20px;
}
} #wrap .single-society.lps .section-title .title{
font-size: 40px;
line-height: 1.8;
}
#wrap .single-society.lps .section-title .title span{
font-size: 28px;
}
.single-society.lps .anker {
margin-top: -100px;
padding-top: 100px;
}
.single-society.lps .pageNavi{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding-bottom: 30px;
}
.single-society.lps .pageNavi li{
width: calc(100% / 3 - 10px);
margin: 0 15px 15px 0;
}
.single-society.lps .pageNavi li:nth-child(3n){
margin-right: 0;
}
.single-society.lps .pageNavi li a{
display: block;
border: solid 1px #01429C;
color: #01429C;
text-align: center;
position: relative;
font-size: 18px;
line-height: 1.2;
font-weight: bold;
padding: 25px 0;
transition: .3s;
}
.single-society.lps .pageNavi li a:after{
content: '';
width: 20px;
height: 20px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon-arrow-b2.svg) no-repeat center center / cover;
display: inline-block;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-48%);
}
.single-society.lps .pageNavi li a:hover{
color: #fff;
background-color: #01429C;
}
.single-society.lps .pageNavi li a:hover:after{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon-arrow-b2w.svg) no-repeat center center / cover;
}
.single-society.lps #course ul{
margin: 50px 0;
display: block;
}
.single-society.lps #course ul li.arrow{
position: relative;
padding-bottom: 70px;
margin-bottom: 70px;
}
.single-society.lps #course ul li.arrow:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 50px 75px 0 75px;
border-color: #01429c transparent transparent transparent;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.single-society.lps #course ul li .midashi{
font-size: 28px;
line-height: 1.4;
font-weight: bold;
color: #00479d;
margin: 0 0 25px;
padding-bottom: 10px;
border-bottom: solid 2px #00479d;
}
.single-society.lps #course ul li .box{
display: flex;
justify-content: flex-start;
}
.single-society.lps #course ul li .box .img{
min-width: 580px;
width: 580px;
margin-right: 40px;
}
.single-society.lps #course ul li .box .txt .free_entry_btn{
text-align: right;
margin-top: 40px;
}
.single-society.lps #course ul li .box .txt .free_entry_btn a{
font-size: 18px;
max-width: 400px;
padding: .7em 0;
}
.single-society.lps #course ul li .box .txt .free_entry_btn a img{
width: 20px;
height: 22px;
}
.single-society.lps #course ul li .list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 50px;
}
.single-society.lps #course ul li .list .inbox{
width: 49%;
padding: 30px;
background-color: #EFF6FF;
}
.single-society.lps #course ul li .table .txt1{
font-size: 20px;
line-height: 1.4;
font-weight: bold;
color: #00479d;
margin: 0 0 20px;
}
.single-society.lps #course table{
width: 100%;
border-left: 1px solid #ddd;
overflow-x: scroll;
}
.single-society.lps #course table th {
background-color: #00479d;
color: #fff;
font-weight: bold;
padding: 5px;
vertical-align: middle;
border-right: 1px solid #ddd;
width: 25%;
text-align: center;
}
.single-society.lps #course table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px;
text-align: center;
}
.single-society.lps .society-guest table.society-guestlist th:first-child{
width: 40%;
}
.single-society.lps .society-guest table.society-guestlist th{
width: 60%;
}
.single-society.lps .society-guest table{
margin-bottom: 60px;
}
.single-society.lps #guest .free_entry_btn a{
font-size: 20px;
max-width: 400px;
}
.single-society.lps #guest .free_entry_btn a img{
width: 20px;
height: 22px;
}
.single-society.lps .free_entry_btn.blue a{
background-color: #01429C;
}
.single-society.lps .free_entry_btn.blue a:hover{
opacity: .6;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist th:nth-child(1){
width: 30%;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist th:nth-child(2){
width: 15%;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist th:nth-child(3){
width: 15%;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist th:nth-child(4){
width: 30%;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist td span{
font-size: 10px;
}
.single-society.lps .society-annualschedule .notes{
font-size: 14px;
line-height: 1.4;
text-align: right;
margin-top: 10px;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist td a{
border: none;
color: #000;
text-decoration: underline;
padding: 0;
position: relative;
font-size: 16px;
width: auto;
text-align: left;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist td a:after{
content: '';
width: 13px;
height: 13px;
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon_link.svg) no-repeat center center / cover;
display: inline-block;
margin-left: 5px;
}
.single-society.lps .society-annualschedule table.society-annualschedulelist td a:hover{
background: none;
text-decoration: none;
}
.single-society.lps .society-price ul{
margin-bottom: 60px;
}
.single-society.lps .society-special li .society-special_txt table td:nth-child(1){
width: 26%;
}
.single-society.lps .society-special li .society-special_txt table td:nth-child(2){
width: 74%;
}
.single-society.lps .society-special li .society-special_txt table.t2 td:nth-child(1){
width: 12%;
}
.single-society.lps .society-special li .society-special_txt table.t2 td:nth-child(2){
width: 44%;
}
.single-society.lps .society-special li .society-special_txt table.t2 td:nth-child(3){
width: 44%;
}
.single-society.lps .society-special li .society-special_txt table.t3 td:nth-child(1){
width: 12%;
}
.single-society.lps .society-special li .society-special_txt table.t3 td:nth-child(2){
width: 88%;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn{
text-align: right;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn a{
font-size: 18px;
max-width: 400px;
padding: .7em 0;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn a img{
width: 20px;
height: 22px;
}
.single-society.lps .society-special li .society-special_txt.w100{
width: 100%;
}
.single-society.lps .society-special li .society-special_txt .list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.single-society.lps .society-special li .society-special_txt .list .box{
width: 48%;
background-color: #fff;
padding: 20px;
display: block;
margin: 0;
}
.single-society.lps .society-special li .society-special_txt .list .box .midashi{
font-size: 20px;
font-weight: bold;
color: #00479d;
margin: 0 0 15px;
padding-bottom: 10px;
border-bottom: solid 2px #00479d;
}
.single-society.lps .society-special li .society-special_txt .list .box .txt{
margin: 15px 0 0;
}
.single-society.lps #member .free_entry_btn{
margin-top: 50px;
}
.single-society.lps #member .free_entry_btn a{
font-size: 20px;
max-width: 400px;
}
.single-society.lps #member .free_entry_btn a img{
width: 20px;
height: 22px;
}
.single-society.lps #member li{
background-color: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.single-society.lps #member li a{
transition: .3s;
display: block;
}
.single-society.lps #member li .img{ */
width: 100%;
padding-top: 56.8%;
position: relative;
}
.single-society.lps #member li img{
width: 100%;
position: absolute;
left: 0;
object-fit: cover;
font-family: 'object-fit: cover;';
top: 0;
height: 100%;
}
.single-society.lps #member li a:hover{
opacity: .7;
}
.single-society.lps #member li .txtBox{
padding: 15px;
}
.single-society.lps #member li .txtBox .day{
line-height: 1;
margin-bottom: 5px;
}
.single-society.lps #member li .txtBox .cat{
line-height: 1.2;
font-size: 14px;
margin-bottom: 10px;
padding: 3px 10px;
background-color: #01429C;
color: #fff;
display: inline-block;
}
.single-society.lps #member li .txtBox .tit{
font-size: 24px;
font-weight: bold;
line-height: 1.6;
margin: 0;
color: #01429C;
}
.single-society.lps #member .slick-track{
padding: 50px 0 10px;
}
.single-society.lps #member .slick-slide{
margin: 0 20px;
opacity: .3;
transition: .3s;
}
.single-society.lps #member .slick-slide.slick-center{
opacity: 1;
transform: scale(1.1,1.1) translateY(-20px);
}
.single-society.lps #member .slick-slider .slick-prev,
.single-society.lps #member .slick-slider .slick-next{
width: 60px;
height: 60px;
}
.single-society.lps #member .slick-slider .slick-prev{
left: 32%;
z-index: 10;
}
.single-society.lps #member .slick-slider .slick-next{
right: 32%;
}
.single-society.lps #member .slick-slider .slick-prev:before,
.single-society.lps #member .slick-slider .slick-next:before{
content: '';
width: 100%;
height: 100%;
opacity: 1;
display: block;
}
.single-society.lps #member .slick-slider .slick-prev:before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon_slide-prev.svg) no-repeat center center / cover;
}
.single-society.lps #member .slick-slider .slick-next:before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon_slide-next.svg) no-repeat center center / cover;
}
.single-society.lps .society-price ul li h3{
color: #01429C;
}
.single-society.lps .society-price ul li p{
padding-top: 15px;
font-size: 50px;
}
@media screen and (max-width: 800px){
#wrap .single-society.lps .section-title .title{
font-size: 26px;
line-height: 1.6;
}
#wrap .single-society.lps .section-title .title span{
font-size: 16px;
display: inline-block;
}
.single-society.lps .pageNavi{
padding-bottom: 20px;
display: block;
}
.single-society.lps .pageNavi li{
width: 100%;
margin: 0 0 10px;
display: block;
}
.single-society.lps .pageNavi li:nth-child(3n){
margin-right: 10px;
}
.single-society.lps .pageNavi li:nth-child(2n){
margin-right: 0;
}
.single-society.lps .pageNavi li a{
font-size: 14px;
display: block;
width: 100%;
padding: 15px;
}
.single-society.lps #course ul{
margin: 30px 0;
}
.single-society.lps #course ul li.arrow{
position: relative;
padding-bottom: 50px;
margin-bottom: 50px;
}
.single-society.lps #course ul li.arrow:after{
border-width: 30px 50px 0 50px;
bottom: -10px;
}
.single-society.lps #course ul li .midashi{
font-size: 20px;
margin: 0 0 15px;
padding-bottom: 5px;
border-bottom: solid 1px #00479d;
}
.single-society.lps #course ul li .box{
display: block;
}
.single-society.lps #course ul li .box .img{
min-width: auto;
width: 100%;
margin: 0 0 20px;
}
.single-society.lps #course ul li .box .txt .free_entry_btn{
text-align: center;
margin-top: 20px;
}
.single-society.lps #course ul li .box .txt .free_entry_btn a{
font-size: 14px;
}
.single-society.lps #course ul li .box .txt .free_entry_btn a img{
width: 18px;
height: 18px;
}
.single-society.lps #course ul li .list{
display: block;
padding-bottom: 20px;
}
.single-society.lps #course ul li .list .inbox{
width: 100%;
padding: 20px;
margin: 0 0 20px;
}
.single-society.lps #course ul li .table .txt1{
font-size: 16px;
margin: 0 0 10px;
}
.single-society.lps #course table{
display: block;
}
.single-society.lps #course ul li .table tbody {
display: table;
min-width: 700px;
}
.single-society.lps .society-guest table.society-guestlist th:first-child{
width: 32%;
}
.single-society.lps .society-guest table.society-guestlist th{
width: 68%;
}
.single-society.lps .society-guest table{
margin-bottom: 30px;
}
.single-society.lps .society-annualschedule .notes{
font-size: 12px;
margin-top: 5px;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn{
margin-top: 10px;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn a{
font-size: 16px;
}
.single-society.lps .society-special li .society-special_txt .free_entry_btn a img{
width: 16px;
height: 18px;
}
.single-society.lps .society-special li .society-special_txt .list{
display: block;
}
.single-society.lps .society-special li .society-special_txt .list .box{
width: 100%;
padding: 10px;
margin: 0 0 20px;
}
.single-society.lps .society-special li .society-special_txt .list .box .midashi{
font-size: 18px;
margin: 0 0 10px;
padding-bottom: 5px;
border-bottom: solid 1px #00479d;
}
.single-society.lps .society-special li .society-special_txt .list .box .txt{
margin: 10px 0 0;
}
.single-society.lps #special > .free_entry_btn{
padding: 0 20px;
}
.single-society.lps #member .free_entry_btn{
margin-top: 20px;
padding: 0 20px;
}
.single-society.lps #member li{
box-shadow: 0 1px 5px rgba(0,0,0,.3);
}
.single-society.lps #member li .txtBox{
padding: 10px;
}
.single-society.lps #member li .txtBox .cat{
font-size: 12px;
padding: 2px 5px;
}
.single-society.lps #member li .txtBox .tit{
font-size: 18px;
}
.single-society.lps #member .slick-slider .slick-prev,
.single-society.lps #member .slick-slider .slick-next{
width: 30px;
height: 30px;
}
.single-society.lps #member .slick-slider .slick-prev{
left: 10px;
z-index: 10;
}
.single-society.lps #member .slick-slider .slick-next{
right: 10px;
}
} #pamphlet #single .section-title{
display: none;
}
#pamphlet #sec01 .section-content{
text-align: center;
margin: 0 auto 5.0vw;
}
#pamphlet #sec02 .section-content{
max-width: 1000px;
}
#pamphlet #sec02 .section-content .tit{
margin: 0 0 1.5em;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #00479D;
}
@media screen and (max-width: 960px){
#pamphlet #sec01 .section-content{
width: 100%;
margin: 0 0 7.5vw;
}
#pamphlet #sec01 .google-slide{
position: relative;
width: 100%;
margin: 0 0 7.5vw; padding-top: 77.25%;
}
#pamphlet #sec01 .google-slide iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#pamphlet #sec02 .section-content .tit{
text-align: left;
font-size: 18px;
}
#pamphlet #sec02 .section-content .tit br{
display: none;
}
}
@media screen and (max-width: 340px){
#pamphlet #sec01 .google-slide{
padding-top: 92.25%;
}
} #lps .section-wrap{
margin: 0;
} #lps .section-title{
height: auto;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/visual.jpg) no-repeat center center;
background-size: cover;
}
#lps .section-title h1{
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
} #lps #sec01{}
#lps #sec01 .section-content .tit{
font-size: 40px;
font-weight: bold;
color: #01429C;
text-align: center;
}
#lps #sec01 .section-content .txt01{
font-size: 16px;
text-align: center;
}
#lps #sec01 .section-content .list{
display: flex;
margin: 45px 0 0;
}
#lps #sec01 .section-content .list .list-item{
width: calc(94% / 4);
margin: 0 2% 0 0;
}
#lps #sec01 .section-content .list .list-item:nth-child(4){
margin: 0;
}
#lps #sec01 .section-content .list .list-item a{
display: block;
width: 100%;
font-size: 18px;
font-weight: bold;
color: #01429C;
text-align: center;
border: 2px solid #01429C;
box-sizing: border-box;
line-height: 1.5;
transition: 0.3s;
}
#lps #sec01 .section-content .list .list-item a:hover{
opacity: 0.6;
}
#lps #sec01 .section-content .list .list-item:nth-child(1) a{
padding: 175px 10px 65px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/img01.svg) no-repeat center top 25px, url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play.svg) no-repeat bottom 20px center;
}
#lps #sec01 .section-content .list .list-item:nth-child(2) a{
padding: 175px 10px 65px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/img02.svg) no-repeat center top 25px, url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play.svg) no-repeat bottom 20px center;
}
#lps #sec01 .section-content .list .list-item:nth-child(3) a{
padding: 175px 10px 65px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/img03.svg) no-repeat center top 25px, url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play.svg) no-repeat bottom 20px center;
}
#lps #sec01 .section-content .list .list-item:nth-child(4) a{
padding: 160px 10px 54px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/img04.svg) no-repeat center top 25px, url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play.svg) no-repeat bottom 20px center;
}
@media (max-width: 800px){
#lps #sec01 .section-content .tit{
font-size: 28px;
}
#lps #sec01 .section-content .txt01{
text-align: left;
}
#lps #sec01 .section-content .list{
flex-wrap: wrap;
margin: 25px 0 0;
}
#lps #sec01 .section-content .list .list-item{
width: 49%;
margin: 0 2% 2% 0;
}
#lps #sec01 .section-content .list .list-item:nth-child(2n){
margin: 0 0 2%;
}
#lps #sec01 .section-content .list .list-item a{
font-size: 16px;
height: 255px;
}
} #lps #sec02 {
padding: 118px 0 0;
}
#lps #sec02  .section-content h2{
font-size: 30px;
font-weight: normal;
padding: 105px 0 5px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/tit-img01.svg) no-repeat center top;
position: relative;
}
#lps #sec02  .section-content h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 50px;
height: 2px;
background: #00479D;
margin: 0 0 0 -25px;
}
#lps #sec02 .section-content .txt01{
text-align: center;
font-size: 15px;
margin: 70px auto 45px;
}
#lps #sec02 .section-content .txt02{
text-align: center;
font-size: 15px;
margin: 0 auto 45px;
}
#lps #sec02 .section-content .txt03{
text-align: center;
font-size: 15px;
margin: 0 auto 45px;
}
#lps #sec02 .tab-target_cont{
position: relative;
z-index: 1;
}
#lps #sec02 .tab-target{
visibility: hidden;
opacity: 0;
transition: 0.3s;
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
}
#lps #sec02 .tab-target.current{
visibility: visible;
opacity: 1;
transition: 0.3s;
z-index: 1;
position: static;
}
#lps #sec02 .tit{
font-size: 26px;
font-weight: bold;
text-align: center;
color: #00479D;
margin: 0 0 20px;
}
@media (max-width: 800px){
#lps #sec02 {
padding: 60px 0 0;
}
#lps #sec02  .section-content h2{
font-size: 24px;
padding: 105px 0 5px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/tit-img01.svg) no-repeat center top;
}
#lps #sec02 .section-content .txt01{
margin: 35px auto 25px;
text-align: left;
}
#lps #sec02 .section-content .txt02{
margin: 0 auto 25px;
text-align: left;
}
#lps #sec02 .section-content .txt03{
margin: 0 auto 25px;
text-align: left;
}
#lps #sec02 .tit{
font-size: 20px;
}
}
#lps #sec02 .tab{
display: flex;
align-items: center;
justify-content: center;
margin: 45px 0 0;
border-bottom: 2px solid #01429C;
}
#lps #sec02 .tab li{
width:450px;
margin: 0 20px;
text-align: center;
border-top: 2px solid #01429C;
border-right: 2px solid #01429C;
border-left: 2px solid #01429C;
border-radius: 10px 10px 0 0;
padding: 25px 10px;
box-sizing: border-box;
color: #01429C;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
line-height: 1.5;
}
#lps #sec02 .tab li:hover,
#lps #sec02 .tab li.current{
background: #01429C;
color: #fff;
transition: 0.3s;
}
#lps #sec02 .tab li:nth-child(1).current span,
#lps #sec02 .tab li:nth-child(1):hover span{
display: inline-block;
padding: 6px 35px 6px 0;
transition: 0.3s;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-underarrow-blue.svg) no-repeat right center;
background-size: 22px auto;
}
#lps #sec02 .tab li:nth-child(1) span{
display: inline-block;
padding: 6px 35px 6px 0;
transition: 0.3s;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow-white.svg) no-repeat right center;
background-size: 22px auto;
}
#lps #sec02 .tab li:nth-child(2).current span,
#lps #sec02 .tab li:nth-child(2):hover span{
display: inline-block;
padding: 6px 35px 6px 0;
transition: 0.3s;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-underarrow-blue.svg) no-repeat right center;
background-size: 22px auto;
}
#lps #sec02 .tab li:nth-child(2) span{
display: inline-block;
padding: 6px 35px 6px 0;
transition: 0.3s;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow-white.svg) no-repeat right center;
background-size: 22px auto;
}
#lps #sec02 .tab li br{
display: none;
}
@media (max-width: 800px){
#lps #sec02 .tab{
margin: 25px 0 0;
padding: 0 10px;
}
#lps #sec02 .tab li{
width: 49%;
margin: 0 2% 0 0;
padding: 10px 5px;
font-size: 15px;
display: flex;
align-items: center;
height: 79px;
justify-content: center;
box-sizing: border-box;
}
#lps #sec02 .tab li:nth-child(2){
margin: 0;
}
#lps #sec02 .tab li:nth-child(1).current span,
#lps #sec02 .tab li:nth-child(1):hover span{
padding: 6px 22px 6px 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-underarrow-blue.svg) no-repeat right center;
background-size: 16px auto;
}
#lps #sec02 .tab li:nth-child(1) span{
padding: 6px 22px 6px 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-underarrow-white.svg) no-repeat right center;
background-size: 16px auto;
}
#lps #sec02 .tab li:nth-child(2).current span,
#lps #sec02 .tab li:nth-child(2):hover span{
padding: 6px 22px 6px 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow-blue.svg) no-repeat right center;
background-size: 16px auto;
}
#lps #sec02 .tab li:nth-child(2) span{
padding: 6px 22px 6px 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow-white.svg) no-repeat right center;
background-size: 16px auto;
}
#lps #sec02 .tab li br{
display: block;
}
}
#lps #sec02 .tab-target{
background: #EFF6FF;
padding: 80px 0 100px;
}
#lps #sec02 .list{
height: inherit;
}
#lps #sec02 .list .slick-track{
height: inherit;
display: flex;
}
#lps #sec02 .list .list-item{
background: #fff;
float: none;
height: inherit;
margin: 0 20px;
}
#lps #sec02 .list .list-item .img{
text-align: center;
margin: 0;
position: relative;
}
#lps #sec02 .list .list-item .img span.date{
position: absolute;
left: 0;
top: 0;
display: inline-block;
background: #fff;
padding: 5px 25px;
font-size: 18px;
font-weight: bold;
color: #01429C;
}
#lps #sec02 .list .list-item .img img{
display: inline;
}
#lps #sec02 .list .list-item .text{
padding: 25px;
}
#lps #sec02 .list .list-item .text .tit{
font-size: 24px;
font-weight: bold;
color: #01429C;
text-align: left;
margin: 0 0 5px;
line-height: 1.5;
}
#lps #sec02 .list .list-item .text .txt02{
font-size: 15px;
}
#lps #sec02 .society-guest01 table.society-guestlist{
margin: 0;
position: relative;
}
#lps #sec02 .society-guest01 table.society-guestlist::after,
#lps #sec02 .society-guest02 table.society-guestlist::after{
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; text-align: center;
content: '';
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
}
#lps #sec02 .society-guest01 table.society-guestlist.current::after,
#lps #sec02 .society-guest02 table.society-guestlist.current::after{
content: none;
}
#lps #sec02 .society-guest01 table.society-guestlist tr:nth-child(even){
background: #fff;	
}
#lps #sec02 .society-guest01 table.society-guestlist tr td:nth-child(2){
position: relative;
padding: 20px 185px 20px 30px;
}
#lps #sec02 .society-guest01 table.society-guestlist tr td .btn{
position: absolute;
right: 10px;
top: 50%;
width: 155px;
background: #fff;
border-radius: 30px;
margin: -26px 0 0;
}
#lps #sec02 .society-guest01 table.society-guestlist tr td .btn a{
display: block;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon-play.svg) no-repeat right 20px center #01429C;
border-radius: 30px;
padding: 13px 20px 13px 0;
color: #fff;
text-align: center;
transition: 0.3s;
}
@media (min-width: 801px){
#lps #sec02 .society-guest01 table.society-guestlist tr td .btn a:hover{
opacity: 0.6;
transition: 0.3s;
}
}
#lps #sec02 .attention{
text-align: center;
margin: 20px 0;
}
#lps #sec02 .society-guest02 table.society-guestlist{
margin: 0;
position: relative;
}
#lps #sec02 .society-guest02 table.society-guestlist tr.bg-white{
background: #fff;	
}
#lps #sec02 .society-guest02 table.society-guestlist tr th:nth-child(1){
width: 200px;		
}
#lps #sec02 .society-guest02 table.society-guestlist tr th:nth-child(2){
width: 360px;
border-right: 1px solid #ddd;
}
#lps #sec02 .society-guest02 table.society-guestlist tr th:nth-child(3){
width: 600px;
}
#lps #sec02 .society-guest02 table.society-guestlist tr.bg-blue{
background: #EFF6FF;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td{
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td:last-of-type{
position: relative;
padding: 20px 185px 20px 30px;
border-right: none;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td .btn{
position: absolute;
right: 10px;
top: 50%;
width: 155px;
background: #fff;
border-radius: 30px;
margin: -26px 0 0;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td .btn a{
display: block;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon-play.svg) no-repeat right 20px center #01429C;
border-radius: 30px;
padding: 13px 20px 13px 0;
color: #fff;
text-align: center;
transition: 0.3s;
}
@media (min-width: 801px){
#lps #sec02 .society-guest02 table.society-guestlist tr td .btn a:hover{
opacity: 0.6;
transition: 0.3s;
}	
}
#lps #sec02 .btn_two ul{
margin: 80px 0 50px;
}
#lps #sec02 .btn_two ul li:nth-child(1) a{
background-color: none;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow.svg) no-repeat right 30px center #00479d;
}
#lps #sec02 .slider01 .slick-prev,
#lps #sec02 .slider01 .slick-next{
width: 60px;
height: 60px;
}
#lps #sec02 .slider01 .slick-prev{
left: 34%;
z-index: 10;
}
#lps #sec02 .slider01 .slick-next{
right: 34%;
}
#lps #sec02 .slider01 .slick-prev:before,
#lps #sec02 .slider01 .slick-next:before{
content: '';
width: 100%;
height: 100%;
opacity: 1;
display: block;
}
#lps #sec02 .slider01 .slick-prev:before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon_slide-prev.svg) no-repeat center center / cover;
}
#lps #sec02 .slider01 .slick-next:before{
background:url(//www.f-logi.com/wp-content/themes/fsl/images/icon_slide-next.svg) no-repeat center center / cover;
}
#lps #sec02 .scroll-txt{
display: none;
}
#lps #sec02 .sec02-1{
background: #EFF6FF;
padding: 80px 0;
}
#lps #sec02 .sec02-1 .flow-cont{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 100px;
}
#lps #sec02 .sec02-1 .flow-cont::before{
position: absolute;
left: 50%;
top: 0;
content: '';
width: 5px;
height: 100%;
background: #00479D;
transform: translateX(-50%);
}
#lps #sec02 .sec02-1 .flow-cont .flow-item{
width: 41.66%;
position: relative;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01{
padding: 40px 0 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01::before{
position: absolute;
left: 120%;
top: 0;
transform: translateX(-50%);
content: '';
width: 60px;
height: 75px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-sun.svg) no-repeat center center #EFF6FF;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01::after{
position: absolute;
left: 120%;
top: 170px;
transform: translateX(-50%);
content: '';
width: 60px;
height: 70px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-restaurant.svg) no-repeat center center #EFF6FF;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02{
padding: 137px 0 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03{
margin: -60px 0 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04{
padding: 40px 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .time span{
display: inline-block;
background: #00479D;
padding: 5px 15px 3px;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box{
background: #fff;
border: 1px solid #00479D;
padding: 20px 0;
box-sizing: border-box;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box{
position: relative;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01 .box::before,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03 .box::before{
position: absolute;
right: -20.00%;
top: 50px;
content: '';
width: 20.00%;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02 .box::before,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04 .box::before{
position: absolute;
left: -20.00%;
top: 50%;
transform: translateY(-1px);
content: '';
width: 20.00%;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01 .box::after,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03 .box::after{
position: absolute;
left: 120%;
top: 50px;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-10px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02 .box::after,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04 .box::after{
position: absolute;
right: 120%;
top: 50%;
content: '';
margin: 0 -10px 0 0;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl{
display: flex;
align-items: center;
margin: 0 0 20px;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl dt{
width: 50%;
text-align: center;
font-size: clamp(16px, 2.0vw, 22px);
font-weight: bold;
color: #00479D;
padding: 0 20px;
box-sizing: border-box;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl dd{
width: 50%;
text-align: center;
padding: 0 20px 0 0;
box-sizing: border-box;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box p{
font-size: 15px;
padding: 0 20px;
line-height: 1.8;
}
#lps #sec02 .sec02-2{
padding: 80px 0 70px;
}
#lps #sec02 .sec02-2 .flow-cont{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 100px;
}
#lps #sec02 .sec02-2 .flow-cont::before{
position: absolute;
left: 50%;
top: 0;
content: '';
width: 5px;
height: 100%;
background: #00479D;
transform: translateX(-50%);
}
#lps #sec02 .sec02-2 .flow-cont .flow-item{
width: 41.66%;
position: relative;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01{
padding: 40px 0 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01::before{
position: absolute;
left: 120%;
top: 0;
transform: translateX(-50%);
content: '';
width: 60px;
height: 75px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-sun.svg) no-repeat center center #fff;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02{
padding: 137px 0 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03{
margin: -60px 0 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04{
padding: 40px 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .time span{
display: inline-block;
background: #00479D;
padding: 5px 15px 3px;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1.5;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box{
background: #fff;
border: 1px solid #00479D;
padding: 20px 0;
box-sizing: border-box;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box{
position: relative;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01 .box::before,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03 .box::before{
position: absolute;
right: -20.00%;
top: 50px;
content: '';
width: 20.00%;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02 .box::before,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04 .box::before{
position: absolute;
left: -20.00%;
top: 50%;
transform: translateY(-1px);
content: '';
width: 20.00%;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01 .box::after,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03 .box::after{
position: absolute;
left: 120%;
top: 50px;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-10px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02 .box::after,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04 .box::after{
position: absolute;
right: 120%;
top: 50%;
content: '';
margin: 0 -10px 0 0;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl{
display: flex;
align-items: center;
margin: 0 0 20px;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl dt{
width: 50%;
text-align: center;
font-size: clamp(16px, 2.0vw, 22px);
font-weight: bold;
color: #00479D;
padding: 0 20px;
box-sizing: border-box;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl dd{
width: 50%;
text-align: center;
padding: 0 20px 0 0;
box-sizing: border-box;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box p{
font-size: 15px;
padding: 0 20px;
line-height: 1.8;
}
@media (max-width: 1100px){
#lps #sec02 .slider01 .slick-prev,
#lps #sec02 .slider01 .slick-next{
width: 30px;
height: 30px;
}
#lps #sec02 .slider01 .slick-prev{
left: 10px;
z-index: 10;
}
#lps #sec02 .slider01 .slick-next{
right: 10px;
}
}
@media (max-width: 800px){
#lps #sec02 .tab-target{
padding: 40px 0 50px;
}
#lps #sec02 .list .list-item{
margin: 0 10px;
}
#lps #sec02 .list .list-item .text{
padding: 15px;
}
#lps #sec02 .list .list-item .text .tit{
font-size: 18px;
}
#lps #sec02 .btn_two ul{
margin: 40px 0 25px;
}
#lps #sec02 .btn_two ul li:nth-child(1) a{
background-color: none;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow.svg) no-repeat right 20px center #00479d;
background-size: 16px auto;
}
#lps #sec02 .society-guest01 table.society-guestlist tr td:nth-child(2){
padding: 15px 20px;
}
#lps #sec02 .society-guest01 table.society-guestlist tr td .btn{
position: static;
margin: 10px 0 0;
}
#lps #sec02 .society-guest01 table.society-guestlist thead,
#lps #sec02 .society-guest01 table.society-guestlist tbody{
min-width: 100%;
display: table-row-group;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td:nth-child(2){
padding: 15px 20px;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td:last-of-type{
padding: 15px 20px;
}
#lps #sec02 .society-guest02 table.society-guestlist tr td .btn{
position: static;
margin: 10px 0 0;
}
#lps #sec02 .society-guest02 table.society-guestlist thead,
#lps #sec02 .society-guest02 table.society-guestlist tbody{
min-width: 100%;
display: table-row-group;
}
#lps #sec02 .society-guest01,
#lps #sec02 .society-guest02{ }
#lps #sec02 .society-guest01 table.society-guestlist,
#lps #sec02 .society-guest02 table.society-guestlist{
overflow: none;
width: 100%;
border-collapse: collapse;
white-space: nowrap;
}
#lps #sec02 .society-guest01 table.society-guestlist td,
#lps #sec02 .society-guest02 table.society-guestlist td{
font-size: 13px;
padding: 7px 10px;
}
#lps #sec02 .society-guest01 table.society-guestlist tr td .btn a,
#lps #sec02 .society-guest02 table.society-guestlist tr td .btn a{
font-size: 13px;
padding: 10px 20px 10px 0;
}
#lps #sec02 .scroll-txt{
display: block;
text-align: right;
padding: 0 20px;
font-weight: bold;
margin: 0 0 10px;
color: #00479d;
}
#lps #sec02 .sec02-1{
padding: 40px 0;
}
#lps #sec02 .sec02-1 .flow-cont{
display: block;
margin: 0 0 50px;
padding: 0 0 0 60px;
}
#lps #sec02 .sec02-1 .flow-cont::before{
left: 30px;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item{
width: 100%;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02{
padding: 40px 0 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03{
padding: 40px 0 0;
margin: 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04{
padding: 40px 0 0;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01 .box::before,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03 .box::before{
position: absolute;
left: -30px;
right: inherit;
top: 50%;
content: '';
width: 30px;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02 .box::before,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04 .box::before{
position: absolute;
left: -30px;
right: inherit;
top: 50%;
content: '';
width: 30px;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01 .box::after,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item03 .box::after{
position: absolute;
left: -33px;
top: 50%;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item02 .box::after,
#lps #sec02 .sec02-1 .flow-cont .flow-item.item04 .box::after{
position: absolute;
right: inherit;
left: -33px;
top: 50%;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01::before{
position: absolute;
left: -30px;
top: 0;
transform: translateX(-50%);
content: '';
width: 40px;
height: 50px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-sun.svg) no-repeat center center / 100% auto, #EFF6FF;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item.item01::after{
position: absolute;
left: -30px;
top: 100%;
transform: translateX(-50%);
content: '';
width: 40px;
height: 50px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-restaurant.svg) no-repeat center center / 100% auto, #EFF6FF;
}
#lps #sec02 .sec02-2{
padding: 40px 0;
}
#lps #sec02 .sec02-2 .flow-cont{
display: block;
margin: 0 0 50px;
padding: 0 0 0 60px;
}
#lps #sec02 .sec02-2 .flow-cont::before{
left: 30px;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item{
width: 100%;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02{
padding: 40px 0 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03{
padding: 40px 0 0;
margin: 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04{
padding: 40px 0 0;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01 .box::before,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03 .box::before{
position: absolute;
left: -30px;
right: inherit;
top: 50%;
content: '';
width: 30px;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02 .box::before,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04 .box::before{
position: absolute;
left: -30px;
right: inherit;
top: 50%;
content: '';
width: 30px;
height: 2px;
background: #00479D;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01 .box::after,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item03 .box::after{
position: absolute;
left: -33px;
top: 50%;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item02 .box::after,
#lps #sec02 .sec02-2 .flow-cont .flow-item.item04 .box::after{
position: absolute;
right: inherit;
left: -33px;
top: 50%;
content: '';
margin: 0 0 0 -10px;
transform: translateY(-12px);
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #00479D;
border-radius: 50%;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item.item01::before{
position: absolute;
left: -30px;
top: 0;
transform: translateX(-50%);
content: '';
width: 40px;
height: 50px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-sun.svg) no-repeat center center / 100% auto, #fff;
}
}
@media (max-width: 480px){
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl{
display: block;
margin: 0 0 20px;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl dt{
width: 100%;
padding: 0 20px;
text-align: left;
font-size: 18px;
margin: 0 0 10px;
}
#lps #sec02 .sec02-1 .flow-cont .flow-item .box dl dd{
width: 100%;
padding: 0 20px;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl{
display: block;
margin: 0 0 20px;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl dt{
width: 100%;
padding: 0 20px;
text-align: left;
font-size: 18px;
margin: 0 0 10px;
}
#lps #sec02 .sec02-2 .flow-cont .flow-item .box dl dd{
width: 100%;
padding: 0 20px;
}
} #lps #sec03 {
background: #EFF6FF;
padding: 85px 0 70px;
}
#lps #sec03 .section-content h3{
font-size: 26px;
font-weight: bold;
color: #01429C;
text-align: center;
margin: 0 0 35px;
}
#lps #sec03 .section-content .list{
display: flex;
margin: 0 0 65px;
}
#lps #sec03 .section-content .list .list-item{
width: calc(94% / 3);
margin: 0 3% 0 0;
background: #fff;
}
#lps #sec03 .section-content .list .list-item:nth-child(3n){
margin: 0;
}
#lps #sec03 .section-content .list .list-item .img{
margin: 0;
}
#lps #sec03 .section-content .list .list-item .text{
padding: 20px;
}
#lps #sec03 .section-content .list .list-item .text .tit{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #00479D;
line-height: 1.5;
margin: 0 0 5px;
}
#lps #sec03 .section-content .list .list-item .text .txt01{
font-size: 15px;
}
#lps #sec03 .section-content .btn{
max-width: 450px;
margin: 65px auto 35px;
text-align: center;
}
#lps #sec03 .section-content .btn a{
display: block;
padding: 20px 10px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow.svg) no-repeat right 30px center #01429C;
border-radius: 40px;
font-size: 18px;
font-weight: bold;
color: #fff;
transition: 0.3s;
cursor: pointer;
}
@media (min-width: 801px){
#lps #sec03 .section-content .btn a:hover{
opacity: 0.6;
}	
}
#lps #sec03 .section-content table{
width: 100%;
position: relative;
}
#lps #sec03 .section-content table::after{
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; text-align: center;
content: '';
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
}
#lps #sec03 .section-content table.current::after{
content: none;
}
#lps #sec03 .section-content table tr:nth-of-type(even){
background: #fff;
}
#lps #sec03 .section-content table tr:nth-of-type(odd){
background: #EFF6FF;
}
#lps #sec03 .section-content table tr th{
background: #01429C;
font-size: 18px;
font-weight: bold;
color: #fff;
border-right: 1px solid #DDD;
padding: 10px;
box-sizing: border-box;
}
#lps #sec03 .section-content table tr td{
font-size: 16px;
border-right: 1px solid #DDD;
padding: 25px 30px;
box-sizing: border-box;
}
#lps #sec03 .section-content table tr td:nth-of-type(1){
font-weight: bold;
}
#lps #sec03 .section-content table tr td:nth-of-type(2),
#lps #sec03 .section-content table tr td:nth-of-type(3){
text-align: center;
}
#lps #sec03 .section-content table tr th:nth-of-type(4),
#lps #sec03 .section-content table tr td:nth-of-type(4){
border-right: none;
}
#lps #sec03 .section-content table + p{
font-size: 14px;
margin: 15px 0 0;
}
#lps #sec03 .section-content table tr td a{
text-decoration: underline;
padding: 0 30px 0 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-blank.svg) no-repeat right center;
}
@media (min-width: 801px){
#lps #sec03 .section-content table tr td a:hover{
text-decoration: none;
}
}
#lps #sec03 .section-content table tr td a span{
font-size: 10px;
}
#lps #sec03 .scroll-txt{
display: none;
}
@media (max-width: 800px){
#lps #sec03{
padding: 42px 0 65px;
}
#lps #sec03 .section-content h3{
font-size: 21px;
margin: 0 0 25px;
}
#lps #sec03 .section-content .list{
display: block;
}
#lps #sec03 .section-content .list .list-item{
width: 100%;
margin: 0 0 20px;
}
#lps #sec03 .section-content .list .list-item .img{
text-align: center;
}
#lps #sec03 .section-content .scroll-table{
overflow-x: scroll;
}
#lps #sec03 .section-content .scroll-table table{
width: 100%;
border-collapse: collapse;
white-space: nowrap;
}
#lps #sec03 .section-content .btn{
margin: 35px auto 20px;
max-width:320px;
}
#lps #sec03 .section-content .btn a{
font-size: 16px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow.svg) no-repeat right 20px center #01429C;
background-size: 16px auto;
padding: 15px 10px;
}
#lps #sec03 .scroll-txt{
display: block;
text-align: right;
padding: 0 20px;
font-weight: bold;
margin: 0 0 10px;
color: #00479d;
}
#lps #sec03 .section-content table tr th{
padding: 5px 10px;
font-size: 13px;
}
#lps #sec03 .section-content table tr td{
padding: 7px 10px;
font-size: 13px;
}
} #lps #sec04{
padding: 100px 0 115px;
}
#lps #sec04  .section-content h2{
font-size: 30px;
font-weight: normal;
padding: 85px 0 5px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/tit-img02.svg) no-repeat center top;
position: relative;
}
#lps #sec04  .section-content h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 50px;
height: 2px;
background: #00479D;
margin: 0 0 0 -25px;
}
#lps #sec04  .section-content .txt01{
text-align: center;
font-size: 15px;
}
#lps #sec04 .section-content .list{
display: flex;
margin: 45px 0 0;
}
#lps #sec04 .section-content .list.center{
justify-content: center;
}
#lps #sec04 .section-content .list .list-item{
width: calc(94% / 3);
margin: 0 3% 0 0;
background: #F5F5F5;
}
#lps #sec04 .section-content .list .list-item:nth-child(3n){
margin: 0;
}
#lps #sec04 .section-content .list .list-item .img{
margin: 0;
}
#lps #sec04 .section-content .list .list-item .text{
padding: 20px;
}
#lps #sec04 .section-content .list .list-item .text .tit{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #00479D;
line-height: 1.5;
margin: 0 0 5px;
}
#lps #sec04 .section-content .list .list-item .text .txt01{
text-align: left;
}
@media (max-width: 800px){
#lps #sec04{
padding: 50px 0 57px;
}
#lps #sec04  .section-content h2{
font-size: 24px;
padding: 85px 0 5px;
}
#lps #sec04  .section-content .txt01{
text-align: left;
}
#lps #sec04 .section-content .list{
display: block;
margin: 25px 0 0;
}
#lps #sec04 .section-content .list .list-item{
width: 100%;
margin: 0 0 20px;
}
#lps #sec04 .section-content .list .list-item .img{
text-align: center;
}
} #lps #sec05{
background: #EFF6FF;
padding: 100px 0 115px;
}
#lps #sec05  .section-content h2{
font-size: 30px;
font-weight: normal;
padding: 85px 0 5px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/tit-img03.svg) no-repeat center top;
position: relative;
}
#lps #sec05  .section-content h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 50px;
height: 2px;
background: #00479D;
margin: 0 0 0 -25px;
}
#lps #sec05 .section-content .txt01{
text-align: center;
font-size: 15px;
}
#lps #sec05 .section-content .list{
display: flex;
margin: 45px 0 0;
}
#lps #sec05 .section-content .list .list-item{
width: calc(94% / 3);
margin: 0 3% 0 0;
background: #fff;
}
#lps #sec05 .section-content .list .list-item:nth-child(3n){
margin: 0;
}
#lps #sec05 .section-content .list .list-item .img{
margin: 0;
}
#lps #sec05 .section-content .list .list-item .text{
padding: 20px;
}
#lps #sec05 .section-content .list .list-item .text .tit{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #00479D;
line-height: 1.5;
margin: 0 0 5px;
}
#lps #sec05 .section-content .list .list-item .text .txt01{
text-align: left;
}
@media (min-width:801px){
#lps #sec05 .section-content .list .list-item a{
transition: 0.3s;
}
#lps #sec05 .section-content .list .list-item a:hover{
opacity: 0.6;
}
}
#lps #sec05 .section-content .list .list-item a  .text .tit{
text-align: left;
}
#lps #sec05 .section-content .list .list-item a  .text .tit span{
padding: 0 17px 2px 0;
border-bottom: 2px solid #00479D;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-blank-blue.svg) no-repeat right center;
}
@media (max-width: 800px){
#lps #sec05{
padding: 50px 0 57px;
}
#lps #sec05  .section-content h2{
font-size: 24px;
padding: 85px 0 5px;
}
#lps #sec05  .section-content .txt01{
text-align: left;
}
#lps #sec05 .section-content .list{
display: block;
margin: 25px 0 0;
}
#lps #sec05 .section-content .list .list-item{
width: 100%;
margin: 0 0 20px;
}
#lps #sec05 .section-content .list .list-item .img{
text-align: center;
}
} #lps #sec06{
padding: 100px 0 115px;
}
#lps #sec06  .section-content h2{
font-size: 30px;
font-weight: normal;
padding: 70px 0 5px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/tit-img04.svg) no-repeat center top;
position: relative;
}
#lps #sec06  .section-content h2::after{
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 50px;
height: 2px;
background: #00479D;
margin: 0 0 0 -25px;
}
#lps #sec06  .section-content .txt01{
text-align: center;
font-size: 15px;
}
#lps #sec06 .section-content .list{
display: flex;
margin: 45px 0 0;
}
#lps #sec06 .section-content .list .list-item{
width: calc(94% / 3);
margin: 0 3% 0 0;
background: #F5F5F5;
}
#lps #sec06 .section-content .list .list-item:nth-child(3n){
margin: 0;
}
#lps #sec06 .section-content .list .list-item .img{
margin: 0;
}
#lps #sec06 .section-content .list .list-item .text{
padding: 20px;
}
#lps #sec06 .section-content .list .list-item .text .tit{
text-align: center;
font-weight: bold;
color: #00479D;
}
#lps #sec06 .section-content .list .list-item .text .txt01{
text-align: left;
}
@media (max-width: 800px){
#lps #sec06{
padding: 50px 0 57px;
}
#lps #sec06  .section-content h2{
font-size: 24px;
padding: 85px 0 5px;
}
#lps #sec06  .section-content .txt01{
text-align: left;
}
#lps #sec06 .section-content .list{
display: block;
margin: 25px 0 0;
}
#lps #sec06 .section-content .list .list-item{
width: 100%;
margin: 0 0 20px;
}
#lps #sec06 .section-content .list .list-item .img{
text-align: center;
}
} #lps #member {
padding: 0 0 100px;
}
#lps #member h2.blue_arrow{
margin-top: 0;
}
#lps #member .btn{
width: 200px;
margin: 45px auto 0;
text-align: center;
}
#lps #member .btn a{
display: block;
padding: 13px 10px;
border: 1px solid #01429C;
font-size: 14px;
font-weight: bold;
color: #01429C;
box-sizing: border-box;
line-height: 1.0;
border-radius: 30px;
}
#lps #member .btn a span{
display: inline-block;
padding: 5px 30px 5px 10px;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play-blue.svg) no-repeat right 5px center;
transition: 0.3s;
}
@media screen and (min-width: 801px){
#lps #member .btn a:hover span{
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play-blue.svg) no-repeat right center;
}
}
@media (max-width: 800px){
#lps #member {
padding: 0 0 50px;
}
} #lps #sec08{
background: #01429C;
padding: 60px 20px;
opacity: 0;
visibility: hidden;
transition: 0.1s;
}
@media (min-width: 801px){
#lps #sec08.current{
opacity: 1;
visibility: visible;
position: fixed;
left: 0;
bottom: 0;
z-index: 10;
width: 100%;
transition: 0.1s;
padding: 20px 20px;
}
#lps #sec08.pos-static{
position: static;
transition: 0.1s;
padding: 60px 20px;
}	
}
#lps #sec08 .link-list{
display: flex;
justify-content: center;
}
#lps #sec08 .link-list .link-list-item{
width: 450px;
margin: 0 30px;
text-align: center;
}
#lps #sec08 .link-list .link-list-item a{
display: block;
border: 2px solid #fff;
padding: 30px 10px;
font-size: 21px;
font-weight: bold;
color: #fff;
border-radius: 50px;
line-height: 1.0;
transition: 0.1s;
}
#lps #sec08.current .link-list .link-list-item a{
padding: 15px 10px;
transition: 0.1s;
}
#lps #sec08.pos-static .link-list .link-list-item a{
padding: 30px 10px;
transition: 0.1s;
}
#lps #sec08 .link-list .link-list-item a span{
padding: 0 30px 0 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play-white.svg) no-repeat right center;
}
@media (max-width: 800px){
#lps #sec08{
padding: 40px 20px;
opacity: 1;
visibility: visible;
}
#lps #sec08 .link-list{
display: block;
}
#lps #sec08 .link-list .link-list-item{
width: 100%;
margin: 0 0 20px;
}
#lps #sec08 .link-list .link-list-item:last-child{
margin: 0;
}
#lps #sec08 .link-list .link-list-item a{
padding: 15px 10px;
font-size: 16px;
}
#lps #sec08 .link-list .link-list-item a span{
padding: 0 25px 0 0;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-play-white.svg) no-repeat right center;
background-size: 16px auto;
}
} #lps #section-member{
padding: 0 0 100px;
}
#lps #section-member .js-hide{
display: none;
}
#lps #section-member .member-list{
margin: 50px 0 50px;
display: flex;
flex-wrap: wrap;
}
#lps #section-member .member-list h3{
width: 100%;
font-size: 30px;
font-weight: bold;
color: #00479D;
margin: 0 0 0.5em;
order: 1;
}
#lps #section-member .member-list .scroll-table{
width: 100%;
order: 2;
}
#lps #section-member .member-list table{
width: 100%;
background: #DDD;
border-collapse: separate;
border-spacing: 1px;
}
#lps #section-member .member-list table.grad-white{
position: relative;
}
#lps #section-member .area-cont:nth-of-type(2) .member-list table.grad-white::after{
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
width: 100%;
height: 90%;
text-align: center;
content: '';
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
transition: 0.3s;
}
#lps #section-member .area-cont:nth-of-type(2)  .member-list table.grad-white.on::after{
content: none;
}
#lps #section-member .member-list table thead tr th{
background: #00479D;
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 10px 5px;
box-sizing: border-box;
}
#lps #section-member .member-list table tbody tr td{
background: #fff;
font-size: 16px;
font-weight: bold;
color: #000;
text-align: left;
padding: 10px;
box-sizing: border-box;
}
#lps #section-member .member-list table tbody tr td:nth-child(1),
#lps #section-member .member-list table tbody tr td:nth-child(3){
text-align: center;
width: 13%;
}
#lps #section-member .member-list table tbody tr td:nth-child(2),
#lps #section-member .member-list table tbody tr td:nth-child(4){
width: 37%;
}
#lps #section-member .member-list table tbody tr td a{
text-decoration: underline;
color: #000;
}
#lps #section-member .btn-radius{
text-align: center;
}
#lps #section-member .btn-radius a{
margin: 0 auto;
background-color: none;
background: url(//www.f-logi.com/wp-content/themes/fsl/images/butsuryu/society/lps/icon-arrow.svg) no-repeat right 30px center #00479d;
}
@media (min-width:769px){
#lps #section-member .member-list table tbody tr:nth-of-type(odd) td{
background: #EFF6FF;
}
#lps #section-member .member-list table tbody tr td a:hover{
text-decoration: none;
}   
}
@media (max-width:768px){
#lps #section-member{
padding: 0 0 50px;
}
#lps #section-member .member-list{
margin: 35px 0 35px;
}
#lps #section-member .member-list h3{
font-size: 24px;
}
#lps #section-member .member-list table thead tr{
display: flex;
}
#lps #section-member .member-list table thead tr th{
padding: 8px 10px;
font-size: 14px;
line-height: 1.5;
position: relative;
}
#lps #section-member .member-list table thead tr th:nth-of-type(1){
width: 90px;
}
#lps #section-member .member-list table thead tr th:nth-of-type(2){
width: calc(100% - 90px);
}
#lps #section-member .member-list table thead tr th:nth-of-type(1)::after,
#lps #section-member .member-list table thead tr th:nth-of-type(3)::after{
position: absolute;
right: 0;
top: 0;
content: '';
width: 1px;
height: 100%;
background: #ddd;
}
#lps #section-member .member-list table thead tr th:nth-of-type(3),
#lps #section-member .member-list table thead tr th:nth-of-type(4){
display: none;
}
#lps #section-member .member-list table tbody tr{
display: flex;
flex-wrap: wrap;
}
#lps #section-member .member-list table tbody tr td{
font-size: 14px;
padding: 8px 10px;
line-height: 1.5;
position: relative;
}
#lps #section-member .member-list table tbody tr td:nth-of-type(1),
#lps #section-member .member-list table tbody tr td:nth-of-type(3){
width: 90px;
}
#lps #section-member .member-list table tbody tr td:nth-of-type(1)::after,
#lps #section-member .member-list table tbody tr td:nth-of-type(3)::after{
position: absolute;
right: 0;
top: 0;
content: '';
width: 1px;
height: 100%;
background: #ddd;
}
#lps #section-member .member-list table tbody tr td:nth-of-type(2),
#lps #section-member .member-list table tbody tr td:nth-of-type(4){
width: calc(100% - 90px);
}
#lps #section-member .member-list table tbody tr:nth-of-type(odd) td:nth-of-type(1),
#lps #section-member .member-list table tbody tr:nth-of-type(odd) td:nth-of-type(2){
background: #EFF6FF;
}
#lps #section-member .member-list table tbody tr:nth-of-type(odd) td:nth-of-type(3),
#lps #section-member .member-list table tbody tr:nth-of-type(odd) td:nth-of-type(4){
background: #fff;
}
#lps #section-member .member-list table tbody tr:nth-of-type(even) td:nth-of-type(1),
#lps #section-member .member-list table tbody tr:nth-of-type(even) td:nth-of-type(2){
background: #EFF6FF;
}
#lps #section-member .member-list table tbody tr:nth-of-type(even) td:nth-of-type(3),
#lps #section-member .member-list table tbody tr:nth-of-type(even) td:nth-of-type(4){
background: #fff;
}
#lps #section-member .member-list table tbody tr td.no-value{
display: none;
}
}