/*-----------------------------------------------------------------------------------

	Theme Name: Peak Child
	Theme URI: https://visualmodo.com
	Author: Jared S Dias
	Author URI: https://visualmodo.com
	Description: <strong>Peak Child Theme</strong> - <a href="https://visualmodo.com">https://visualmodo.com</a>. Follow us for update notifications:<br/> <a href='http://twitter.com/visualmodo'>Twitter</a><br/> | <a href='http://www.facebook.com/visualmodo'>Facebook</a>
	Template: peak
	Version: 1.0.0
	Text Domain:  vslmd
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: translation-ready, threaded-comments, theme-options, sticky-post, post-formats, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background, fluid-layout

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/


/* --------------------------------------------
	Custom CSS
-------------------------------------------- */



/*lLogo*/

.brand-default{
max-width: 88px;
}

.brand-mobile{
max-width:88px !important;
height: auto !important;
}
.login h1 a {
background-image: url(https://creon-test.online/wp-content/uploads/2023/07/sunvillage_logo_001.png);
-webkit-background-size: contain;
background-size: contain;
height: 100px!important;
width: auto!important;
}

.top-banner-001{
border-top-left-radius: 32px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius:32px;
}

.box001{
display: flex;
justify-content: center;
align-items: center;
}

.vc_separator .vc_sep_holder .vc_sep_line {
height: 1px;
border-top: 1px solid #ed6c00;
display: block;
position: relative;
top: 1px;
width: 100%;
}


/*topメインビジュアル非表示*/
@media(min-width:751px){
    .sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .pc{
        display: none !important;
    }
}

/*フォントサイズ*/
@media screen and (min-width: 721px) {
html {
		font-size: 75%;
}
.brand-mobile{
max-width:8rem !important;
height: auto !important;
}
}
@media screen and (max-width: 720px) {
html {
		font-size: 62.5%;
}
.brand-mobile{
max-width:88px !important;
height: auto !important;
}
}
html { font-size: 62.5%; } /* font-sizeは16pxの62.5%の10px */
body {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 1.4rem;
letter-spacing: 0.1em;
line-height:2.4em;
}
.title-content {
display: inline-table;
 font-size: 2.4rem;
line-height:1.25em;
font-weight: 600;
}
h1 {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 4rem;
font-weight: 600;
line-height:1. 25em;
letter-spacing: 0.05em;
}
h2 {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 3.4rem;
font-weight: 600;
line-height:1.25em;
letter-spacing: 0.05em;
}
h3 {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 2.6rem;
font-weight: 600;
line-height:1.5em;
letter-spacing: 0.1em;
	color: #001166;
}
h4 {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 2rem;
font-weight: 550;
line-height:1.5em;
letter-spacing: 0.1em;
}
h5 {
font-family: 'Noto Sans JP',   sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height:1.5em;
letter-spacing: 0.1em;
	color: #001166;
}
h6 {
font-family: 'Noto Sans Japanese',   sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height:1.5em;
letter-spacing: 0.1em;
}
/*ハンバーガーメニュー
テンプレート*/
.navbar-toggler-icon {
    display: inline-block;
    width: 3em;
    height: 3em;
    vertical-align: middle;
    content: "";
    background: 50% / 100% 100% no-repeat;
}
/*ヘッダーwidget*/
.vslmd-widget-container.widget-align-right {
    float: right;
    margin-top: 30px;
	margin-right: 32%;
}
/*ハンバーガーメニュー
WP Responsive Menu*/
#wprmenu_bar div.hamburger {
margin-top: -0px;
margin-right: 56%;
margin-left: 16%;
}
@media screen and (max-width: 720px) {
#wprmenu_bar div.hamburger {
margin-top: -0px;
margin-right: 48%;
margin-left: 10%;
}
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 3.9rem;
height: 0.25rem;
background-color: #000;
border-radius: 2px;
position: absolute;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease;
}
#wprmenu_bar .bar_logo {
border: none;
margin: 0;
padding: 0px 8px 0px 0px;
width: auto;
height: 7.1rem!important;
margin-top: -14px;
}
#wprmenu_bar .menu_title a {
display: inline-block;
position: relative;
top: -2px!important;
}
@media only screen and (max-width: 3000px)
#wprmenu_bar {
background-color: #ffffffb3!important;
border-bottom: 1px solid #ccc!important;
}
#wprmenu_bar {
height: 72px;
background-color: #001166!important;
border-bottom: 1px solid #cccccc!important;
}
#mg-wprm-wrap li.menu-item a {
padding: 8px 8px;
padding-left:2rem;
}
@media only screen and (max-width: 3000px)
html body div#wprmenu_bar {
height: 500rem!important;
}
#wprmenu_menu_ul {
padding: 0 0 50px;
margin: 0;
overflow: hidden;
margin-top: -2px;
	padding-top: 2rem;
}

.wprmenu_icon span, #wprmenu_menu.wprmenu_levels ul li, html body div.wprm-wrapper, #wprmenu_bar, .wpr_search .wpr-search-field {
    width: 100%;
}

/*lハンバーガーメニューここまで*/



/*TOPICS*/

@media (min-width: 768px) {
    .knowledgebase-nav ul .nav-item, .portfolio-nav ul .nav-item, .team-nav ul .nav-item {
        display: inline-block !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        text-align: center !important;
        width: 128px !important;
        position: relative !important;
        float: none !important;
        font-weight: bold;
			  border: ;
        padding: 4px;
        border-radius: 3px;
			background-color: #001166;
    }
}
@media (min-width: 768px) {
    #knowledgebase-filter.knowledgebase-nav ul li a, #portfolio-filter.portfolio-nav ul li a, #team-filter.team-nav ul li a {
        color: #ffffff !important;
        font-weight: bold !important;
        padding: inherit;
    }
}

@media (min-width: 768px) {
    #knowledgebase-filter .knowledgebase-right ul li a:hover, #knowledgebase-filter .knowledgebase-right ul li a.selected, #knowledgebase-filter ul li a:hover, #knowledgebase-filter ul li:hover a, #knowledgebase-filter ul li:hover, #knowledgebase-filter ul li a.selected, #portfolio-filter .portfolio-right ul li a:hover, #portfolio-filter .portfolio-right ul li a.selected, #portfolio-filter ul li a:hover, #portfolio-filter ul li:hover a, #portfolio-filter ul li:hover, #portfolio-filter ul li a.selected, #team-filter .team-right ul li a:hover, #team-filter .team-right ul li a.selected, #team-filter ul li a:hover, #team-filter ul li:hover a, #team-filter ul li:hover, #team-filter ul li a.selected {
        color: #ffffff !important;
        cursor: pointer;
    }
}
@media (min-width: 768px) {
    .knowledgebase-nav ul, .portfolio-nav ul, .team-nav ul {
        display: flex
;
        justify-content: space-between;
        width: 1080px;
        margin: 0 auto;
    }
}
@media (min-width: 768px) {
    #knowledgebase-filter.desktop-filter, #portfolio-filter.desktop-filter, #team-filter.desktop-filter {
        width: 100%;
        padding-bottom: 1rem !important;
			  padding-top: 1rem !important;
			 background-color: #cccccc;
    }
}

.vslmd-widget-container li a {
    display: block;
    font-size: 2.4rem;
    padding: 4px 8.4px;
}
/*ページ設定(タイトル）*/
.page-title{
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: 0.05em;
    color:#707070;
}
.page-title::first-letter {
  color: #001166;
}
.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #001166!important;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
}
.vc_separator h4 {
    line-height: 1em;
    font-size: 2rem;
    margin: 0;
    word-wrap: break-word;
    flex: 0 1 auto;
    font-weight: 600;
	  color: #001166;
}

/*ブログ*/
.wp-block-headingt h2 {
    background-color: #e8e8ec;
    border-bottom: 3px solid #13247a;
    padding: 12px;
}
/*ブログ一覧表示*/
.lcp_catlist {
	margin-left: 0;
	padding-left: 0;
}

.lcp_catlist li{
	display: grid;
	position: relative;
	list-style: none;
	margin-bottom: 20px;
}

.lcp_catlist li a:first-child {
	width: 60%;
}

.lcp_catlist li a:last-child {
	width: 30%;
	position: absolute;
	display: inline-block;
	right: 0;
}

/*ページタイトル装飾*/
.deco-01 {
  padding: 1rem 2rem;
	margin-bottom: 1rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
background-image: linear-gradient(to right, #001166 0%, #006bd6d4 100%);

}
.deco-02 {
  position: relative;
  padding: 1rem .5rem;
}

.deco-02:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
background-image: linear-gradient(to right, #001166 0%, #006bd6d4 100%);
}
.deco-03 {
  padding: 1rem 2rem;
  border-top: 6px double #001166;
  border-bottom: 6px double #001166;
}
@media (min-width: 768px) {
.deco-01 {
        width: 60%;
    }
}