@charset "utf-8";
/*
Theme Name: 有限会社サイバーウェーブ
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500&family=Roboto:wght@900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
line-height:1.5;
font-family: 'Noto Sans JP',
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
color:#333;
-webkit-text-size-adjust: none;
font-weight: 400;
}

img{max-width:100%;height:auto;}



/* リンク設定
------------------------------------------------------------*/
a{
  margin:0;
  padding:0;
  text-decoration:underline;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  font-size:100%;
  color: #000;
}

a:hover, a:active{
  -webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
  outline: none;
  text-decoration:none;
}


/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}


/* レイアウト
------------------------------------------------------------*/

.inner{
  margin:0 auto;
  width:1100px;
}

.inner:after{content: "";clear: both;display: block;}

#header{overflow:hidden;}

#footer {
  clear: both;
  padding: 30px 0;
  background: #F2F5F7;
  font-size: 90%;
  margin-top: 50px;
}


@media only screen and (max-width:1100px){
  #wrapper .inner{
    width:auto;
    padding:0 20px;
  }
}



/* ヘッダー
*****************************************************/
.header-title{
  background:#F2F2F2;
  padding:10px 10px;
  font-size:90%;
}
.header-logo{
  position:absolute;
  right:0;
  top:0;
  width:70px;
  padding:20px;
  background:#fff;
  border-radius:0 0 0 10px;
}
@media only screen and (max-width:690px){
  .header-title{padding-right:120px;}
}

/* ロゴ (サイトタイトル)
----------------------------------*/

/*パンくず*/
.crumbs {
  margin-top: 90px;
  font-size: 95%;
  margin-bottom: 30px;
}

.crumbs ul{width:1100px;margin:0 auto;}

.crumbs li{
  display: inline-block;
}
.crumbs li::after{
  content:'›';
  padding:0 7px;
  color: #666;
}
.crumbs li:last-child::after{display: none;}
@media only screen and (max-width: 1100px){
  .crumbs ul{width: auto;}
}



/* タイポグラフィ
*****************************************************/


img.aligncenter {
  display: block;
  margin:5px auto;
}

img.alignright, img.alignleft{
  padding:4px;
  margin:0 0 2px 7px;
  display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}
.center{text-align:center;}


#copyright{
  clear:both;
  padding:5px;
  text-align:center;
  font-style:normal;
  font-size:85%;
  zoom:1;
  margin-bottom: 0;
}



/*上に戻る*/
.page_top {
	position:fixed;
	bottom:10px;
	right:15px;
	padding:0;
	color:#fff;
	font-size:20px;
	text-decoration:none;

}
.page_top:hover {

	opacity:0.5;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
  clear:both;
  width: 100%;
  height: 30px;
  margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
  clear:both;
  color:#5a0000;
  text-align:center;
}

/* 共通
------------------------------------------------------------*/

/*アニメーション*/
.effect-fade {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1000ms;
}

.effect-fade.effect-scroll {
    opacity : 1;
    transform : translate(0, 0);
}


.effect-slide-left{
    opacity : 0;
    transform : translate(-1000px, 0);
    transition : all 1500ms;
}
.effect-slide-left.effect-scroll {
    opacity : 1;
    transform : translate(0, 0);
}
.effect-slide-right{
    opacity : 0;
    transform : translate(1000px, 0);
    transition : all 1500ms;
}
.effect-slide-right.effect-scroll {
    opacity : 1;
    transform : translate(0, 0);
}

/*ボタン*/
.btn-blue{text-align: center;}
.btn-blue a{
  display: inline-block;
  background: #268AD6;
  color: #fff;
  border-radius: 5px;
  padding: 15px 20px;
  min-width: 150px;
  text-decoration: none;
  margin-bottom: 15px;
}
.btn-red a{
  background:linear-gradient(#980000,#D30000);
  border-radius:10px;
}

/*背景*/
.bg-blue{
  padding:70px 0;
  background: #009EC4;
}
.bg-lightblue{
  padding:70px 0;
  background: #DDF6FC;
}
.whitebox{
  border-radius:10px;
  padding:30px;
  background:#fff;
}
@media only screen and (max-width:500px){
  .whitebox{padding:20px 15px;margin-bottom:20px;}
}

/*余白*/
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

/*タイトル*/
.title-fuki{
  text-align:center;
  margin-bottom:30px;
}
.title-fuki strong{
  background:#FFF500;
  display:inline-block;
  position: relative;
  padding:20px 20px;
  border-radius:10px;
  font-size:180%;
  font-weight:bold;
  letter-spacing:0.1em;
}
.title-fuki strong:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FFF500;
}

/* トップページ
------------------------------------------------------------*/
/*メインスライド*/
#wrapper .main-slide{gap:0;margin-bottom:0;}
#wrapper #recruit-slide{
  margin-bottom:0;
  line-height: 0;
}
.main-slide .slide-txt{
  display:flex;
  flex-direction: column;
  justify-content: center;
}
.main-slide .slide-txt strong{
  font-weight:bold;
}
.main-slide .slide-txt h1{
  font-size:280%;
  font-weight:bold;
  letter-spacing:0.1em;
  margin-top:20px;
  margin-bottom:20px;
}
.main-slide .slide-txt h1 strong{font-size:120%;}
.main-slide .slide-txt h1 em{
  background: linear-gradient(transparent 60%, #007793 60%);
}

@media only screen and (max-width:1000px){
  #wrapper .main-slide{display:block;}
  #wrapper #recruit-slide{height:400px;overflow:hidden;}
  #wrapper #recruit-slide .slick-list{margin-top:-150px;}
  .main-slide .slide-txt{padding:50px 10px;}
}

/*メインナビ*/
.main-navi{
  background:#005367;
  padding:20px 0;
  gap:0;
}
.main-navi a{
  background:none;
  padding:0px 15px;
  border-right:1px solid #fff;
  border-radius:0;
}
.main-navi .wp-block-button:last-child a{
  border:none;
}
.main-navi a:hover{color:#FFF500;}

#maincontent .catch{padding:30px;}
.catch-txt{
  background:rgb(255,255,255,0.8);
  padding:50px 30px;
  display:inline-block;
  text-align:center;
  min-width:55%;
  font-weight:bold;
  line-height:2;
}

/*悩み*/
#nayami h3{
  font-size:130%;
  font-weight:bold;
}
#nayami h3 strong{
  display:inline-block;
  background:#9FEAEA;
  border-radius:50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  margin-right:5px;
  margin-bottom:10px;
}
#nayami p{margin-bottom:10px;}

/*情報発信*/
#hasshin p{
  color:#fff;
}
.point .wp-block-group__inner-container{
  background:#fff;
  border-radius:20px;
  padding:30px;
  margin-bottom:30px;
}
#hasshin .point p{
  color:#000;
  margin-bottom:30px;
}
#wrapper #hasshin .point-title{
  color:#009EC4;
  font-weight:bold;
  font-size:130%;
  margin-bottom:10px;
}
#hasshin .point h3{
  font-size:180%;
  font-weight:bold;
  border-bottom:1px solid #009EC4;
  margin-bottom:20px;
  padding-bottom:10px;
}
#hasshin .point h4{
  font-size:120%;
  font-weight:bold;
  margin-bottom:10px;
}

.txt130{
  font-size:130%;
  font-weight:bold;
}

/*企画*/
#kikaku .wp-block-column{
  background:#fff;
  padding:30px;
  border-radius:10px;
}
#kikaku h3{
  font-size:120%;
  margin-bottom:10px;
  font-weight:bold;
}
#kikaku .wp-block-image{margin-bottom:15px;}

/*デザイン*/
#design p{margin-bottom:20px;}

/*実績*/
#jisseki{
  text-align:center;
  color:#fff;
}
#jisseki h2{color:#000;}

/*料金*/
#wrapper table{
  border:1px solid #ccc;
  margin-bottom:20px;
}
#wrapper th{
  border:1px solid #ccc;
  padding:20px 15px;
  background:#009EC4;
  color:#fff;
  font-weight:bold;
  text-align:center;
  vertical-align: middle;
  font-size:120%;
}
#wrapper td{
  border:1px solid #ccc;
  padding:20px 15px;
  background:#fff;
  text-align:center;
  vertical-align: middle;
}
#wrapper td:first-child{
  background:#eee;
  min-width:160px;
}
#wrapper th em,#wrapper td em{
  font-size:85%;
}
#wrapper td strong{
  font-size:130%;
  font-weight:bold;
}
@media only screen and (max-width:800px){
  #wrapper td:first-child{min-width:inherit;}
}

/*よくある質問*/
#faq{
  padding:70px 0;
}
.max800{
  max-width:800px;
  margin:0 auto;
  padding:0 20px;
}
#faq h3{
  background:#eee;
  border-radius:10px;
  padding:20px;
  font-weight:bold;
  margin-bottom:20px;
}
#faq p{
  margin-bottom:20px;
}

/*お問い合わせ*/
#contact{
  background:url(images/page-lp-recruit-area/bg-contact.jpg);
  background-size:cover;
  padding:70px 0;
  font-weight:bold;
}
#wrapper .txt-normal{font-weight:normal;}

@media only screen and (max-width:780px){
  #contact .whitebox{padding:30px 10px;margin: 0 20px;}
}