
@charset "UTF-8";
.biz-sec { background-color:rgb(14,110,184,80%);}#business { overflow: hidden;}.biz-text-area { padding: 3.5vw; color: #ffffff;}.biz-text-area2 { padding: 3.5vw; }#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text-area h2 { border-bottom: solid 1px #ffffff; padding-bottom: 3px;}.biz-text-area2 h2 { font-size: 180%; color:#3e8bc6; border-bottom: solid 2px #3e8bc6; padding-bottom: 3px;}
/*<!--写真スライダーのCSS-->*/
.slider, .slider02, .slider03, .slider04, .slider05, .slider06 { position: relative;}
.items, .items02, .items03, .items04, .items05, .items06{ position: relative; overflow: hidden; width: 100%; padding-bottom: 56.25%;}
.item, .item02, .item03, .item04, .item05, .item06 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.6s ease-in-out;}
.item.current, .item02.current02, .item03.current03, .item04.current04, .item05.current05, .item06.current06 { opacity: 1;}
.item img, .item02 img, .item03 img, .item04 img, .item05 img, .item06 img { width: 100%; height: 100%; object-fit: cover;}
.buttons, .buttons02, .buttons03, .buttons04, .buttons05, .buttons06 { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.button, .button02, .button03, .button04, .button05, .button06 { width: 32px; height: 32px; border: none; outline: none; padding: 0; background: transparent center no-repeat; cursor: pointer; opacity: 0.4;}.button.prev, .button02.prev02, .button03.prev03, .button04.prev04, .button05.prev05, .button06.prev06 { background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);}.button.next, .button02.next02, .button03.next03, .button04.next04, .button05.next05, .button06.next06 { background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);}.button:hover,.button02:hover,.button03:hover,.button04:hover,.button05:hover,.button06:hover { opacity: 0.8;}
.dots, .dots02, .dots03, .dots04, .dots05, .dots06 { position: absolute; bottom: -20px; left: 0; width: 100%; display: flex; justify-content: center; margin-top: 10px;}
.dot, .dot02, .dot03, .dot04, .dot05, .dot06 { display: block; width: 10px; height: 10px; border-radius: 50%; border: none; outline: none; padding: 0; background: #777; cursor: pointer; opacity: 0.5; transition: opacity 0.4s ease-in-out;}.dot:nth-child(n+2),.dot02:nth-child(n+2),.dot03:nth-child(n+2),.dot04:nth-child(n+2),.dot05:nth-child(n+2),.dot06:nth-child(n+2) { margin-left: 5px;}.dot.current,.dot02.current02,.dot03.current03,.dot04.current04,.dot05.current05,.dot06.current06{ opacity: 1;}
#message{ padding: 3.5vw;}@media (min-width: 768px){ .biz-text-area { padding: 3vw; height: 100%; } .biz-text-area h2 { font-size: 140%; } .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 1300px){ .biz-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }
}