@charset "UTF-8";
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
 @media screen and (max-width:750px) {
html {
overflow: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
html::-webkit-scrollbar {
display: none;
}
} @media screen and (min-width: 751px) {
.p-outline__konnatokoroni .pc_none, .p-outline__konnatokoroni .sp {
display: none !important;
}
.p-outline__konnatokoroni .sp_none, .p-outline__konnatokoroni .pc {
display: block !important;
}
.p-outline__konnatokoroni img.pc_none, .p-outline__konnatokoroni img.sp {
display: none !important;
}
.p-outline__konnatokoroni img.sp_none, .p-outline__konnatokoroni img.pc {
display: inline-block !important;
}
.p-outline__konnatokoroni .br_pc_none, .p-outline__konnatokoroni .br_pcnone, .p-outline__konnatokoroni .br_sp {
display: none !important;
}
.p-outline__konnatokoroni .br_sp_none, .p-outline__konnatokoroni .br_spnone, .p-outline__konnatokoroni .br_pc {
display: inline-block !important;
}
.p-outline__konnatokoroni .pc_none_flex, .p-outline__konnatokoroni .sp_flex {
display: none !important;
}
.p-outline__konnatokoroni .sp_none_flex, .p-outline__konnatokoroni .pc_flex {
display: flex !important;
}
}
@media screen and (max-width: 750px) {
.p-outline__konnatokoroni .pc_none, .p-outline__konnatokoroni .sp {
display: block !important;
}
.p-outline__konnatokoroni .sp_none, .p-outline__konnatokoroni .pc {
display: none !important;
}
.p-outline__konnatokoroni img.pc_none, .p-outline__konnatokoroni img.sp {
display: inline-block !important;
}
.p-outline__konnatokoroni img.sp_none, .p-outline__konnatokoroni img.pc {
display: none !important;
}
.p-outline__konnatokoroni .br_pc_none, .p-outline__konnatokoroni .br_pcnone, .p-outline__konnatokoroni .br_sp {
display: inline-block !important;
}
.p-outline__konnatokoroni .br_sp_none, .p-outline__konnatokoroni .br_spnone, .p-outline__konnatokoroni .br_pc {
display: none !important;
}
.p-outline__konnatokoroni .pc_none_flex, .p-outline__konnatokoroni .sp_flex {
display: flex !important;
}
.p-outline__konnatokoroni .sp_none_flex, .p-outline__konnatokoroni .pc_flex {
display: none !important;
}
} .p-outline__konnatokoroni {
margin: 140px 0 0;
}
.p-outline__konnatokoroni__inner {
background: #fff;
margin: 0 auto;
}
.p-outline__konnatokoroni__inner .l-sub__breadcrumb {
padding: 0 30px 0 7%;
}
.p-outline__konnatokoroni__content {
background: #fff;
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.9) 3.5%, transparent 16%, transparent 84%, rgba(255, 255, 255, 0.9) 96.5%, #fff 100%) repeat-y center top, url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/bg_city_pc.svg) no-repeat center top;
background-size: 1400px auto;
}
.p-outline__konnatokoroni__content__inner {
width: 980px;
height: 4000px;
margin: 26px auto 0;
position: relative;
}
.p-outline__konnatokoroni__lead {
padding-top: 113px;
color: #fff;
font-weight: 600;
text-align: center;
height: 500px;
}
.p-outline__konnatokoroni__lead h1 {
font-size: 40px;
letter-spacing: 0.2em;
text-indent: 0.2em;
}
.p-outline__konnatokoroni__lead h1 span {
display: block;
padding-top: 15px;
font-size: 21px;
letter-spacing: 0.27em;
text-indent: 0.27em;
}
.p-outline__konnatokoroni__lead p {
font-size: 14px;
padding-top: 30px;
letter-spacing: 0.27em;
text-indent: 0.27em;
line-height: 1.95;
}
.p-outline__konnatokoroni__content__inner .icon_01 {
position: absolute;
left: 538px;
top: 503px;
}
.p-outline__konnatokoroni__content__inner .icon_02 {
position: absolute;
left: 212px;
top: 721px;
}
.p-outline__konnatokoroni__content__inner .icon_03 {
position: absolute;
left: 777px;
top: 775px;
}
.p-outline__konnatokoroni__content__inner .icon_04 {
position: absolute;
left: 69px;
top: 1040px;
}
.p-outline__konnatokoroni__content__inner .icon_05 {
position: absolute;
left: 487px;
top: 1176px;
}
.p-outline__konnatokoroni__content__inner .icon_06 {
position: absolute;
left: 718px;
top: 1261px;
}
.p-outline__konnatokoroni__content__inner .icon_07 {
position: absolute;
left: 170px;
top: 1339px;
}
.p-outline__konnatokoroni__content__inner .icon_08 {
position: absolute;
left: 608px;
top: 1656px;
}
.p-outline__konnatokoroni__content__inner .icon_09 {
position: absolute;
left: 249px;
top: 1788px;
}
.p-outline__konnatokoroni__content__inner .icon_10 {
position: absolute;
left: 513px;
top: 2185px;
}
.p-outline__konnatokoroni__content__inner .icon_11 {
position: absolute;
left: 301px;
top: 2517px;
}
.p-outline__konnatokoroni__content__inner .icon_12 {
position: absolute;
left: 792px;
top: 2623px;
}
.p-outline__konnatokoroni__content__inner .icon_13 {
position: absolute;
left: 622px;
top: 2813px;
}
.p-outline__konnatokoroni__content__inner .icon_14 {
position: absolute;
left: 143px;
top: 3038px;
}
.p-outline__konnatokoroni__content__inner .icon_15 {
position: absolute;
left: 398px;
top: 3482px;
} .p-outline__konnatokoroni .modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.p-outline__konnatokoroni .modal__container {
background-color: #fff;
padding: 0;
width: 760px;
max-height: calc(100vh - 240px);
border-radius: 6px;
overflow-y: auto;
box-sizing: border-box;
position: relative;
scrollbar-width: none;
}
.p-outline__konnatokoroni .modal__header {}
.p-outline__konnatokoroni .modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
.p-outline__konnatokoroni .modal__close {
background: transparent;
border: 0;
position: sticky;
top: 0;
background: rgba(0, 0, 0, 0);
width: 100%;
height: 30px;
text-align: right;
}
.p-outline__konnatokoroni .modal__close:before {
display: inline-block;
content: "\2715";
content: "";
width: 16px;
height: 16px;
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/btn_modal_close.svg) no-repeat center center;
background-size: 100%;
color: #fff;
margin-right: 8px;
}
.p-outline__konnatokoroni .modal__content {
padding: 0 30px 0;
line-height: 1.5;
color: rgba(0, 0, 0, .8);
}
.p-outline__konnatokoroni .modal__btn {
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0 auto;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out;
transition: opacity 0.25s ease;
}
.p-outline__konnatokoroni .modal__btn:focus, .modal__btn:hover {
opacity: 0.7;
}
.p-outline__konnatokoroni .modal__btn-primary {
background-color: #00449e;
color: #fff;
}
.p-outline__konnatokoroni .modal__footer {
display: block;
width: 100%;
background: #fff;
height: 95px;
text-align: center;
position: sticky;
bottom: 0;
display: flex;
display: none;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.p-outline__konnatokoroni .micromodal-slide {
display: none;
}
.p-outline__konnatokoroni .micromodal-slide.is-open {
display: block;
}
.p-outline__konnatokoroni .micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.p-outline__konnatokoroni .micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.p-outline__konnatokoroni .micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.p-outline__konnatokoroni .micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.p-outline__konnatokoroni .micromodal-slide .modal__container, .p-outline__konnatokoroni .micromodal-slide .modal__overlay {
will-change: transform;
}
.p-outline__konnatokoroni .modal {
display: none;
}
.p-outline__konnatokoroni .modal.is-open {
display: block;
position: relative;
z-index: 99;
}
.p-outline__konnatokoroni .modal__header {
padding: 20px 30px 20px;
display: flex;
justify-content: space-between;
background: #d90012;
margin-top: -30px;
}
.p-outline__konnatokoroni .sec_ttl { color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}
.p-outline__konnatokoroni .sec_ttl .modal__title {
font-size: 35px;
letter-spacing: -0.05em;
}
.p-outline__konnatokoroni .sec_ttl .modal__title span {
font-size: 18px;
letter-spacing: normal;
}
.p-outline__konnatokoroni .sec_ttl .modal__title span.break {
display: block;
}
.p-outline__konnatokoroni .sec_ttl p {
padding-top: 10px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
}
.p-outline__konnatokoroni .sec_icon {}
.p-outline__konnatokoroni .modal__content .sec_item {
padding: 28px 0;
display: flex;
justify-content: space-between;
}
.p-outline__konnatokoroni .modal__content .sec_item + .sec_item {
border-top: 1px solid #555;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_photo {
padding-top: 3px;
width: 260px;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail {
width: 420px;
color: #555;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon {
display: inline-block;
padding: 3px 6px 6px;
color: #fff;
font-size: 12px;
line-height: 1;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_blu {
background: #2e9fd8;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_grn {
background: #87bb1f;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_orn {
background: #ecba41;
color: #555;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name {
margin-top: 5px;
font-size: 20px;
line-height: 1.2;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name span {
font-size: 16px;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name span.break {
display: block;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name .sankaku {
margin-right: 6px;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name .sankaku::after {
content: "";
display: inline-block;
margin-left: 6px;
background: #d90012;
height: calc(tan(60deg) * 12px / 2);
width: 8px;
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_text {
margin-top: 5px;
text-align: justify;
font-feature-settings: "palt";
font-size: 14px;
letter-spacing: -0.01em;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_text small {
font-size: 13px;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .button-container {
margin-top: auto;
text-align: right;
}
.p-outline__konnatokoroni .btn_link {
display: inline-block;
width: auto;
margin-top: 5px; transition: all 0.25s ease;
}
.p-outline__konnatokoroni .btn_link:hover {
opacity: 0.7;
}
.p-outline__konnatokoroni .btn_link.col_blu {
border: 1px solid #2e9fd8;
}
.p-outline__konnatokoroni .btn_link.col_grn {
border: 1px solid #87bb1f;
}
.p-outline__konnatokoroni .btn_link.col_orn {
border: 1px solid #ecba41;
}
.p-outline__konnatokoroni .btn_content {
position: relative;
background: #fff;
padding: 3px 18px 5px;
}
.p-outline__konnatokoroni .btn_title {
font-size: 11px;
margin-right: 10px;
}
.p-outline__konnatokoroni .btn_title::after {
display: inline-block;
content: "";
width: 13px;
height: 10px;
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/icon_link_blank.svg) no-repeat center left;
background-size: 100%;
position: relative;
top: 1px;
left: 4px;
}
.p-outline__konnatokoroni .btn_kado {
position: absolute;
bottom: 0;
right: 0;
border-left: 9px solid transparent;
}
.p-outline__konnatokoroni .btn_link.col_blu .btn_kado {
border-bottom: 9px solid #2e9fd8;
}
.p-outline__konnatokoroni .btn_link.col_grn .btn_kado {
border-bottom: 9px solid #87bb1f;
}
.p-outline__konnatokoroni .btn_link.col_orn .btn_kado {
border-bottom: 9px solid #ecba41;
}
@media screen and (max-width: 768px) {
.p-outline__konnatokoroni {
margin: 80px 0 0;
}
.p-outline__konnatokoroni__inner {
max-width: 100%;
}
.p-outline__konnatokoroni__inner .l-sub__breadcrumb {
padding: 0 10px 0 7%;
}
.p-outline__konnatokoroni__content {
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/bg_city_sp.svg) no-repeat center top;
background-size: contain;
}
.p-outline__konnatokoroni__content__inner {
width: 100%;
height: calc(1800 / 375 * 100vw);
margin: 26px auto 0;
position: relative;
}
.p-outline__konnatokoroni__lead {
padding-top: calc(54 / 375 * 100vw);
color: #fff;
font-weight: 600;
text-align: center;
height: auto;
}
.p-outline__konnatokoroni__lead h1 {
font-size: calc(22 / 375 * 100vw);
letter-spacing: 0.2em;
text-indent: 0.2em;
}
.p-outline__konnatokoroni__lead h1 span {
display: block;
padding-top: calc(10 / 375 * 100vw);
font-size: calc(16 / 375 * 100vw);
letter-spacing: 0.27em;
text-indent: 0.27em;
}
.p-outline__konnatokoroni__lead p {
font-size: calc(14 / 375 * 100vw);
padding-top: calc(30 / 375 * 100vw);
letter-spacing: 0.27em;
text-indent: 0.27em;
line-height: 1.95;
}
.p-outline__konnatokoroni__content__inner .balloon.size_s {
width: calc(80 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .balloon.size_l {
width: calc(96 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_01 {
position: absolute;
left: calc(191 / 375 * 100vw);
top: calc(394 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_02 {
position: absolute;
left: calc(66 / 375 * 100vw);
top: calc(477 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_03 {
position: absolute;
left: calc(282 / 375 * 100vw);
top: calc(498 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_04 {
position: absolute;
left: calc(11 / 375 * 100vw);
top: calc(599 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_05 {
position: absolute;
left: calc(171 / 375 * 100vw);
top: calc(657 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_06 {
position: absolute;
left: calc(261 / 375 * 100vw);
top: calc(689 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_07 {
position: absolute;
left: calc(48 / 375 * 100vw);
top: calc(709 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_08 {
position: absolute;
left: calc(216 / 375 * 100vw);
top: calc(839 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_09 {
position: absolute;
left: calc(80 / 375 * 100vw);
top: calc(887 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_10 {
position: absolute;
left: calc(181 / 375 * 100vw);
top: calc(1038 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_11 {
position: absolute;
left: calc(100 / 375 * 100vw);
top: calc(1164 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_12 {
position: absolute;
left: calc(286 / 375 * 100vw);
top: calc(1200 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_13 {
position: absolute;
left: calc(223 / 375 * 100vw);
top: calc(1277 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_14 {
position: absolute;
left: calc(39 / 375 * 100vw);
top: calc(1366 / 375 * 100vw);
}
.p-outline__konnatokoroni__content__inner .icon_15 {
position: absolute;
left: calc(133 / 375 * 100vw);
top: calc(1528 / 375 * 100vw);
} .p-outline__konnatokoroni .modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.p-outline__konnatokoroni .modal__container {
background-color: #fff;
padding: 0;
width: calc(359 / 375 * 100vw);
max-height: calc(100vh - 240px);
border-radius: 6px;
overflow-y: auto;
box-sizing: border-box;
position: relative;
scrollbar-width: none;
}
.p-outline__konnatokoroni .modal__header {}
.p-outline__konnatokoroni .modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
.p-outline__konnatokoroni .modal__close {
background: transparent;
border: 0;
position: sticky;
top: 0;
background: rgba(0, 0, 0, 0);
width: 100%;
height: calc(24 / 375 * 100vw);
text-align: right;
}
.p-outline__konnatokoroni .modal__close:before {
display: inline-block;
content: "\2715";
content: "";
width: calc(12 / 375 * 100vw);
height: calc(12 / 375 * 100vw);
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/btn_modal_close.svg) no-repeat center center;
background-size: 100%;
color: #fff;
margin-right: calc(8 / 375 * 100vw);
}
.p-outline__konnatokoroni .modal__content {
padding: calc(7 / 375 * 100vw) calc(39 / 375 * 100vw) 0;
line-height: 1.5;
color: rgba(0, 0, 0, .8);
}
.p-outline__konnatokoroni .modal__btn {
width: calc(60 / 375 * 100vw);
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0 auto;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out;
transition: opacity 0.25s ease;
}
.p-outline__konnatokoroni .modal__btn img {
width: 100%;
}
.p-outline__konnatokoroni .modal__btn:focus, .modal__btn:hover {
opacity: 0.7;
}
.p-outline__konnatokoroni .modal__btn-primary {
background-color: #00449e;
color: #fff;
}
.p-outline__konnatokoroni .modal__footer {
display: block;
width: 100%;
background: #fff;
height: calc(60 / 375 * 100vw);
text-align: center;
position: sticky;
bottom: 0;
display: flex;
display: none;
}
.p-outline__konnatokoroni .modal__header {
padding: calc(17 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
display: flex;
justify-content: space-between;
background: #d90012;
margin-top: calc(-30 / 375 * 100vw);
}
.p-outline__konnatokoroni .sec_ttl {
padding-top: calc(9 / 375 * 100vw);
color: #fff;
}
.p-outline__konnatokoroni .sec_ttl .modal__title {
font-size: calc(24 / 375 * 100vw);
letter-spacing: -0.05em;
}
.p-outline__konnatokoroni .sec_ttl .modal__title span {
font-size: calc(12 / 375 * 100vw);
letter-spacing: normal;
}
.p-outline__konnatokoroni .sec_ttl .modal__title span.break {
display: block;
}
.p-outline__konnatokoroni .sec_ttl p {
padding-top: calc(5 / 375 * 100vw);
font-size: calc(12 / 375 * 100vw);
line-height: 1.6;
font-weight: 400;
}
.p-outline__konnatokoroni .sec_icon {
width: calc(110 / 375 * 100vw);
display: flex;
align-items: center;
}
.p-outline__konnatokoroni .modal__content .sec_item {
padding: calc(20 / 375 * 100vw) 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.p-outline__konnatokoroni .modal__content .sec_item + .sec_item {
border-top: 1px solid #555;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_photo {
padding-top: 3px;
width: 100%;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_photo img {
width: 100%;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail {
width: 100%;
padding-top: calc(6 / 375 * 100vw);
color: #555;
position: relative;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon {
display: inline-block;
padding: calc(3 / 375 * 100vw) calc(4 / 375 * 100vw) calc(4 / 375 * 100vw);
color: #fff;
font-size: calc(10 / 375 * 100vw);
line-height: 1;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_blu {
background: #2e9fd8;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_grn {
background: #87bb1f;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_ribbon.col_orn {
background: #ecba41;
color: #555;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name {
padding-top: calc(6 / 375 * 100vw);
font-size: calc(14 / 375 * 100vw);
line-height: 1.2;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name span {
font-size: calc(11 / 375 * 100vw);
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name span.break {
display: block;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name .sankaku {
margin-right: calc(6 / 375 * 100vw);
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_name .sankaku::after {
content: "";
display: inline-block;
margin-left: calc(6 / 375 * 100vw);
background: #d90012;
height: calc(tan(60deg) * 2.6vw / 2);
width: calc(6 / 375 * 100vw);
clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_text {
margin-top: calc(4 / 375 * 100vw);
text-align: justify;
font-feature-settings: "palt";
font-size: calc(12 / 375 * 100vw);
letter-spacing: -0.01em;
}
.p-outline__konnatokoroni .modal__content .sec_item .item_detail .item_text small {
font-size: calc(11 / 375 * 100vw);
}
.p-outline__konnatokoroni .btn_link {
display: inline-block;
width: auto;
margin-top: calc(8 / 375 * 100vw);
position: relative;
bottom: auto;
right: auto;
transition: all 0.25s ease;
float: right;
}
.p-outline__konnatokoroni .btn_link:hover {
opacity: 0.7;
}
.p-outline__konnatokoroni .btn_link.col_blu {
border: 1px solid #2e9fd8;
}
.p-outline__konnatokoroni .btn_link.col_grn {
border: 1px solid #87bb1f;
}
.p-outline__konnatokoroni .btn_link.col_orn {
border: 1px solid #ecba41;
}
.p-outline__konnatokoroni .btn_content {
position: relative;
background: #fff;
padding: 3px 18px 5px;
}
.p-outline__konnatokoroni .btn_title {
font-size: calc(10 / 375 * 100vw);
margin-right: calc(9 / 375 * 100vw);
}
.p-outline__konnatokoroni .btn_title::after {
display: inline-block;
content: "";
width: calc(12 / 375 * 100vw);
height: calc(9 / 375 * 100vw);
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/outline/icon_link_blank.svg) no-repeat center left;
background-size: 100%;
position: relative;
top: calc(1 / 375 * 100vw);
left: calc(4 / 375 * 100vw);
}
.p-outline__konnatokoroni .btn_kado {
position: absolute;
bottom: 0;
right: 0;
border-left: 9px solid transparent;
}
.p-outline__konnatokoroni .btn_link.col_blu .btn_kado {
border-bottom: 9px solid #2e9fd8;
}
.p-outline__konnatokoroni .btn_link.col_grn .btn_kado {
border-bottom: 9px solid #87bb1f;
}
.p-outline__konnatokoroni .btn_link.col_orn .btn_kado {
border-bottom: 9px solid #ecba41;
}
} .p-outline__konnatokoroni .fuwafuwa.is-active {
animation: fuwafuwa 3s ease-in-out infinite alternate;
transition: translate 1.5s ease-in-out;
}
@keyframes fuwafuwa {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, -7px);
}
100% {
transform: translate(0, 0);
}
} .p-outline__konnatokoroni .fadein-bottom img {
opacity: 1;
animation-play-state: paused;
backface-visibility: hidden;
}
.p-outline__konnatokoroni .fadein-bottom img {
animation: fadeup;
animation-duration: 4.5s;
animation-fill-mode: forwards;
transform-origin: center 94.44078%;
}
@keyframes fadeup {
0% {
opacity: 0;
transform: scale(0, 0);
}
5% {
opacity: 1;
transform: scale(1.1, 1.1);
}
10% {
transform: scale(1, 1);
}
15% {
transform: scale(1.03, 1.03);
}
20% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}