@charset "utf-8";

/*
Theme Name: web-design
Author: J-land
Author URI: http://web-design.j-land.jp/
Version: 1.0
*/






/* base css */
html {
/* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
	margin-top: 0px !important;
}

body {
/* ルートのフォントサイズを1.6em（16pxと同等のサイズ）に設定 */
	font-size: 1.6rem;
	font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
	line-height: 1.5em;
	color: #333;
}



a {
    color: #3987C7;
    text-decoration: none;
    background-color: transparent;
}


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


.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: #000;
	text-decoration: underline;
}




/* ------------------------------------------------
   ユーチューブを100％で埋め込む
------------------------------------------------ */
.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}









/* ------------------------------------------------
   ウジェットエリア
------------------------------------------------ */
.widget {
margin-bottom: 40px;
margin-left: 52px;
}
.widget h3 {
font-size: 2rem;
}

/* 矢印の範囲 ----------- */
.widget ul {
	list-style: none;
}
.widget ul li {
  position: relative;
}
.widget ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .65em;
  left: -1em;
  width: 8px;
  height: 1px;
  background-color: #D1434F;
}







/* ------------------------------------------------
   フッターエリア
------------------------------------------------ */
.customize-support footer#footer div.container div.row div.col-lg-3.col-md-6 div.widget ul {
	padding-left: 0px;
}
.customize-support footer#footer div.container div.row div.col-lg-3.col-md-6 div.widget ul li::after {
    display: block;
    content: '';
    position: absolute;
    top: .65em;
    left: -1em;
    width: 8px;
    height: 1px;
    background-color: #FFF;
}
.customize-support footer#footer div.container div.row div.col-lg-3.col-md-6 h3 {
	font-size: 2rem;
}
footer#footer div.container div.row div.col-lg-6.col-md-12 div.widget {
margin-left: 0px;
}