@charset "UTF-8";
 @font-face {
font-family: 'noto-sans-jp';
src: url(//www.koom-info.cloud/wp/wp-content/themes/koom/noto-fonts/NotoSansCJKjp-Regular.woff)format("woff");
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: 'noto-sans-jp';
src: url(//www.koom-info.cloud/wp/wp-content/themes/koom/noto-fonts/NotoSansCJKjp-Bold.woff)format("woff");
font-weight: bold;
font-display: swap;
}
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font-family:'noto-sans-jp','Noto Sans', YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica Neue",
Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: 400;
font-size: 100%;
vertical-align: baseline;
box-sizing:border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
box-sizing:border-box;
}
html{
overflow-y: scroll;
scroll-behavior: smooth;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
input, textarea,{
padding: 0;
margin: 0;
}
ol, ul{
list-style:none;
box-sizing:border-box;
}
table{
width:100%;
border-collapse: collapse; 
border-spacing:0;
box-sizing:border-box;
}
caption, th{
text-align: left;
}
header:after,footer:after,section:after,article:after,aside:after,div:after,dl:after,ul:after {
overflow: hidden;
}
br {
letter-spacing:0;
}
img {
width: 100%;
height: auto;
box-sizing: border-box;
border: 0;
vertical-align:bottom;
}
a img {  
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out;  
}
a img:hover{
opacity: 0.7;
filter: alpha(opacity=60);  
}
#spLinkBlockInPc {
display:none;
}
#copy {
padding: 0 20px 80px 20px;
font-size: 0.8em;
}
body {
letter-spacing:0.08em;
background:#fff;
font-size:1em;
line-height:1.6;
-webkit-text-size-adjust: 100%;
color: #111;
overflow-x: hidden !important;
overflow-y: hidden !important;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
@media (max-width: 768px){
body {
font-size: 0.95em;
}
}
.clear {
clear:both;
}
.clearfix {
overflow:hidden;
}
.center {
text-align:center !important;
}
.center01 {
text-align:center;
}
@media (max-width: 768px){
.center01 {
text-align:left;
}
.center02 {
text-align:center;
}
}
.textleft {
text-align:left !important;
}
.textright {
text-align:right !important;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb20pc {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb70 {
margin-bottom: 70px;
}
.mb80 {
margin-bottom: 80px;
}
.mb100 {
margin-bottom: 100px;
}
.mb120 {
margin-bottom: 120px;
}
.p20 {
padding: 20px;
}
.mt20 {
margin-top: 20px;
}
@media (max-width: 768px){
.mb20sp {
margin-bottom: 20px;
}
.mb20pc {
margin-bottom: 0;
}
.mb40sp {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 40px;
}
.mb60 {
margin-bottom: 40px !important;
}
.mb70 {
margin-bottom: 40px;
}
.mb80 {
margin-bottom: 60px;
}
.mb100 {
margin-bottom: 60px;
}
.mb120 {
margin-bottom: 80px;
}
.mt20 {
margin-top: 0;
}
}
a:link,a:visited {
text-decoration:underline;
overflow:hidden;
color:#0086ed;
}
a:hover {
text-decoration:none;
color:#111;
}
ul {
list-style-type:none;
}
.big01 {
font-size: 1.15em !important;
font-weight: 700;
}
.big02 {
font-size: 1.6em !important;
font-weight: 700;
}
.big03 {
font-size: 2em !important;
font-weight: 700;
}
.big04 {
font-size: 2.2em !important;
font-weight: 700;
}
@media (max-width: 768px){
.big01 {
font-size: 1.1em !important;
}
.big02 {
font-size: 1.3em !important;
}
.big03 {
font-size: 1.5em !important;
}
.big04 {
font-size: 1.65em !important;
}
}
.small {
font-size:0.9em !important;
}
@media (max-width: 768px){
.small_sp {
font-size:0.9em;
}
}
.bold {
font-weight: 600;
}
.bold a {
font-weight: 600 !important;
}
.blue {
color: #0086ed;
}
.white {
color: #fff !important;
}
.white a:hover,.white:hover {
color: #fff !important;
}
.orange {
color: #ff7900;
} @media (min-width: 768px){
.sp {
display: none;
}
}
@media (max-width: 768px){
.pc {
display: none;
}
.sp {
width: 100%;
}
} .box1200 {
clear: both;
width: 100%;
max-width: 1220px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.box1060 {
clear: both;
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.box880 {
clear: both;
width: 100%;
max-width: 880px;
margin: 0 auto;
}
.box850 {
clear: both;
width: 100%;
max-width: 850px;
margin: 0 auto;
}
.box780 {
clear: both;
width: 100%;
max-width: 780px;
margin: 0 auto;
}
.box720 {
clear: both;
width: 100%;
max-width: 720px;
margin: 0 auto;
}
.box580 {
clear: both;
width: 100%;
max-width: 580px;
margin: 0 auto;
margin: 0 auto;
}
@media (max-width: 768px){
.box1200,.box1060 {
padding-left:0 ;
padding-right:0 ;
}
.box580 {
max-width: 768px;
}
} .base01 {
clear: both;
width: 100%;
}
@media (max-width: 768px){
.base01 {
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
} .button01 a,.button02 a {
min-width: 320px;
padding: 15px 30px;
color: #fff;
background: #ff9841;
display: inline-block;
box-sizing: border-box;
text-decoration: none;
text-align: center;
font-size: 1.15em;
font-weight: 700;
border-radius: 50px;
}
.button02 a {
background: #0086ed;
}
@media (max-width: 768px){
.button01 a,.button02 a {
min-width: 200px;
width: 100%;
padding: 15px 5px;
font-size: 1.1em;
display: block;
}
} .fade {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;						
transition: 0.2s ease-in-out;	
}
.fade:hover {
opacity: 0.8;
filter: alpha(opacity=80);
} .scale {
overflow: hidden;
}
.scale img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-transition: 0s ease-in-out;
}
.scale img:hover {
webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
} .youtube01 {
position: relative;
width: 100%;
padding: 54.3% 0 0 0;
}
.youtube01 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .flex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap; 
flex-wrap: wrap;
}
.flex01,.flex03 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap : wrap; justify-content:space-between;
align-content: space-between;
}
.flex02 {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap : wrap;
-ms-flex-direction : row-reverse;
-webkit-flex-direction : row-reverse;
flex-direction : row-reverse;
-ms-flex-pack:justify;
justify-content:space-between;
align-content: space-between;
}
.flex04{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: reverse;
-webkit-flex-wrap: reverse;
flex-wrap : wrap-reverse;
-ms-flex-direction : row-reverse;
-webkit-flex-direction : row-reverse;
flex-direction : row-reverse;
-ms-flex-pack:justify;
justify-content:space-between;
align-content: space-between;
}
.flex05 {
display:flex;
flex-wrap : wrap;
}
.flex-center {
align-items: center;
}
.flex-center02 {
justify-content: center;
align-items: center;
}
.flex_end {
justify-content:flex-end;
}
.flex_right {
display: flex;
justify-content: flex-end;
}
@media (max-width: 768px){
.flex03 {
flex-direction: column-reverse;
}
} .title01 {
position: relative;
display: inline-block;
margin-bottom: 60px;
font-size: 2em;
font-weight: 700;
}
.title01:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #0086ed;
}
@media (max-width: 768px){
.title01 {
font-size: 1.7em;
}
.title02 {
}
} .contents {
padding-top: 60px;
}
.contents_index {
padding-top: 60px;
background: #ecf6f9;
} #header,#header_index {
width: 100%;
height: 60px;
background: #fff;
position: fixed;
z-index: 1;
}
#header_index {
background: #ecf6f9;
}
.header_logo {
padding: 15px 0;
}
.header_logo img {
max-width: 230px;
}
.kv_box {
background: #ecf6f9;
}
.kv_bg {
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/kv_img.png) no-repeat right center;
background-size: 50%;
}
.kv_txt {
max-width: 670px;
padding: 30px 0 70px 0;
}
.kv_txt h2 {
font-size: 2.6em;
font-weight: 700;
}
.kv_bt p {
width: 48%;
}
#nav-toggle {
position:absolute;
top: 10px;
right: 5px;
height: 30px;
cursor: pointer;
padding: 10px;
margin-top: 0;
margin-right: 0;
}
#nav-toggle > div {
position: relative;
width: 30px;
}	
#nav-toggle span {
width: 100%;
height: 2px;
left: 0;
display: block;
background: #1085ca;
position: absolute;
transition: transform .6s ease-in-out, top .5s ease;
}
#nav-toggle span:nth-child(1) {
top: 0px;
}
#nav-toggle span:nth-child(2) {
top: 10px;
}
#nav-toggle span:nth-child(3) {
top: 20px;
}
.open #nav-toggle {
border-left: none;
}
.open #nav-toggle span {
background: #1085ca;
}
.open #nav-toggle span:nth-child(1) {
top: 15px;
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 15px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 15px;
transform: rotate(-45deg);
}
#nav-toggle {
z-index: 9999;
}
#gloval-nav {
background: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
visibility: hidden;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
z-index: 100;
}
#gloval-nav a:hover {
color: #666;
}
#gloval-nav ul {
list-style: none;
}
#gloval-nav ul li {
margin-bottom: 20px;
opacity: 0;
transform: translateX(-200px);
transition:  transform .6s ease, opacity .2s ease;
text-align: center;
font-size: 1.75em;
}
#gloval-nav ul li a {
color: #111;
text-decoration: none;
}
.open {
overflow: hidden;
}
.open #gloval-nav {
visibility: visible;
opacity: 1;
}
.open #gloval-nav li {
opacity: 1;
transform: translateX(0);
transition:  transform 1s ease, opacity .9s ease;
}
@media (max-width: 768px){
.header_logo {
padding: 15px 20px;
}
.header_logo img {
max-width: 200px;
}
.kv_bg {
background: none;
padding-left: 30px;
padding-right: 30px;
}
.kv_txt {
max-width: 768px;
padding: 40px 0;
}
.kv_txt h2 {
font-size: 1.8em;
text-align: center;
}
.kv_bt {
text-align: center;
}
.kv_bt p {
width: 100%;
}
.kv_bt .button01 {
margin-bottom: 20px;
}
} footer#footer {
clear: both;
width:100%;
padding: 20px 0;
}
.footer_menu {
margin-bottom: 10px;
display: flex;
justify-content: flex-end;
}
.footer_menu li a {
margin-left: 25px;
font-size: 0.9em;
text-decoration: none;
color: #111;
}
.copyright {
width: 100%;
font-size: 0.8em;
text-align:center;
}
@media (max-width: 768px){
footer#footer {
padding: 20px 30px;
}
.footer_menu {
display: block;
}
.footer_menu li a {
margin-left: 0;
margin-bottom: 5px;
}
}
.section01 {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
}
.section02 {
padding-bottom: 70px;
}
.section03 {
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
@media (max-width: 768px){
.section01 {
padding-top: 60px;
padding-bottom: 60px;
}
.section02 {
padding-bottom: 60px;
}
} .gray_bg {
background: #ebf6f9;
} .index_bg {
padding: 40px 0;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/koom_logo_bg.png) no-repeat bottom right #0086ed;
background-size: 570px 160px;
}
.attention {
margin-bottom: 20px;
position: relative;
display: inline-block;
padding: 0 30px;
color: #fff;
font-size: 1.6em;
}
.attention:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 1px;
height: 100%;
background: #fff;
border-radius: 3px;
transform: rotate(-25deg);
}
.attention:after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 1px;
height: 100%;
background: #fff;
border-radius: 3px;
transform: rotate(25deg);
}
@media (max-width: 768px){
}
.pickup {
padding: 50px 40px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
.pickup_img {
width: 40%;
}
.pickup_txt {
width: 57%;
margin-top: -70px;
}
.tip {
margin-bottom: 20px;
position: relative;
display: inline-block;
padding: 3px 20px;
min-width: 100px;
color: #fff;
background: #0086ed;
border-radius: 10px;
text-align: center;
}
.tip:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #0086ed;
}
.tip p {
margin: 0;
padding: 0;
font-weight: 700;
}
.tip p strong {
font-weight: 700;
font-size: 1.4em;
}
@media (max-width: 768px){
.pickup {
padding: 30px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
.pickup_img {
width: 30%;
margin: 0 35% 20px 35%;
}
.pickup_txt {
width: 100%;
margin-top: 0;
}
}
.media_list {
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.media_list:nth-of-type(2) {
padding-top: 0 !important ;
}
.media_list_left {
width: 10%;
}
.media_tab {
padding: 2px 10px;
min-width: 100px;
background: #0086ed;
text-align: center;
color: #fff;
font-size: 0.9em;
}
.media_list_right {
width: 85%;
}
.media_date {
margin-bottom: 5px;
font-size: 0.9em;
}
.media_list_title {
margin-bottom: 5px;
}
@media (max-width: 768px){
media_list_left {
width: 50%;
}
.media_tab {
min-width: 180px;
margin-bottom: 10px;
}
.media_list_right {
width: 100%;
}
.media_date {
margin-bottom: 5px;
font-size: 0.9em;
}
.media_list_title {
margin-bottom: 5px;
}
} .faq_box {
margin-bottom: 30px;
padding: 20px 25px 10px 25px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
.faq_box:last-of-type {
margin-bottom: 0;
}
.ac-label {
padding: 15px 50px 15px 65px;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/qu_icon.png) no-repeat 0 0 ;
background-size: 50px;
}
.ac > li { padding-bottom: 6px; 
list-style: none;
}
.ac-label  {
cursor: pointer;
position: relative;
}
.ac-content {
display: none;
}
.ac-content {
padding: 15px 0 15px 65px;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/an_icon.png) no-repeat 0 0 ;
background-size: 50px;
} .icon-wrap {
position: absolute;
right: 5px;
top: 50%;
transform: translatey(-50%);
width: 38px;
height: 38px;
background: #fff;
} .icon {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}  .icon:before,
.icon:after {
position: absolute;
content: "";
display: block;
transition: all 0.4s;
background: #0086ed;
left: 50%;
top: 50%;
width: 50%;
height: 2px;
transform: translate(-50%, -50%);
} .icon:before {
transform: translate(-50%, -50%) rotate(90deg);
} .icon.open:before {
transform: translate(-50%, -50%) rotate(0deg);
}
@media (max-width: 768px){
.faq_box {
padding: 20px 20px 10px 20px;
}
.ac-label {
padding: 10px 40px 10px 55px;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/qu_icon.png) no-repeat 0 0 ;
background-size: 40px;
}
.ac-content {
padding: 10px 0 10px 55px;
background: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/an_icon.png) no-repeat 0 0 ;
background-size: 40px;
}
.icon-wrap {
width: 28px;
height: 28px;
}
} .news_list {
margin-bottom: 30px;
padding: 25px 30px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
.news_list:last-of-type {
margin-bottom: 0;
}
.news_date {
font-size: 0.9em;
margin-bottom: 5px;
}
.news_list_title {
font-size: 1.1em;
font-weight: 700;
margin-bottom: 5px;
}
@media (max-width: 768px){
} .cta_bg {
background: #0086ed;
background-image: url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/cta_bg01.png), url(//www.koom-info.cloud/wp/wp-content/themes/koom/images/cta_bg02.png);
background-position: right top, left bottom;
background-size: 247px 239px, 247px 239px;
background-repeat: no-repeat, no-repeat;
}
.cta_box {
padding: 50px 100px;
background: #fff;
border-radius: 5px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px){
.cta_box {
padding: 30px;
}
} .breadcrumb {
margin-bottom: 10px;
}
.breadcrumb ul {
display: flex;
gap: 0 28px;
}
.breadcrumb ul li {
position: relative;
font-size: 12px;
line-height: 28px;
}
.breadcrumb ul li:not(:last-child)::after {
content: "";
display: inline-block;
position: absolute;
top: calc(50% - 3px);
right: -16px;
width: 6px;
height: 6px;
border-top: 1px solid #0086ed;
border-right: 1px solid #0086ed;
transform: rotate(45deg);
}
.breadcrumb ul li a {
text-decoration: underline;
color: #0086ed;
}
.breadcrumb ul li a:hover {
text-decoration: none;
}
@media (max-width: 768px){
.breadcrumb {
display: none;
}
} .lower {
padding:40px;
background: #ecf6f9;
}
.lower h2 {
font-size: 2em;
font-weight: 700;
color: #0086ed;
text-align: center;
}
@media (max-width: 768px){
.lower h2 {
font-size: 1.8em;
}
} .privacy strong {
font-weight: 700;
}
.privacy ul,
.privacy ol {
margin-bottom: 40px;
}
.privacy li ul,
.privacy li ol {
margin: 20px 0 20px;
}
.privacy ul li,
.privacy ol li {
margin: 10px 0 0 25px;
}
.privacy ul li {
list-style: disc;
}
.privacy ol li {
list-style: decimal;
} .wp-block-table table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.wp-block-table td,
.wp-block-table th {
padding: 15px 30px;
border: 1px solid #ddd;
box-sizing: border-box;
word-break: break-word;
overflow-wrap: anywhere;
}
.wp-block-table th {
width: 30%;
text-align: left;
vertical-align: top;
font-weight: 500;
background-color: #ebeff5;
box-sizing: border-box;
}
@media (max-width: 768px){
.wp-block-table th {
padding: 15px;
width: 30% !important;
}
.wp-block-table td {
padding: 15px;
width: 70% !important;
}
} .contact iframe {
margin: 0 auto;
display: block;
}