@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
.top #content {
    padding-top: 0em!important;
}
#header {
    background-color: rgba(255, 255, 255, 0.5)!important;
}
.l-header.-t-000 {
    --swl-color_top_header: #158197;
}
.c-gnav>.menu-item>a .ttl {
	color: #333333!important;
}
.c-smallNavTitle {
	color: #333333!important;
    font-size: 12px!important;
}
#header #gnav .menu-item .ttl {
	/* フォントを大きく */
	font-size : 16px!important;
	/* フォント名 */
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.mincho {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.font160 {
	font-size: 160%;
}
.font180 {
	font-size: 180%;
}
.font200 {
	font-size: 190%;
}
.mt_50 img {
	margin-top: -80px!important;
}
@media only screen and (max-width: 768px) {
.font160 {
	font-size: 120%;
}
.font180 {
	font-size: 120%;
}
.font200 {
	font-size: 120%;
}
.mt_50 img {
	margin-top: -50px!important;
}
}
@media only screen and (max-width: 768px) {
.wp-block-media-text__media img {
	padding-left: 7%;
	padding-right: 7%;
	margin-bottom: 3em;
}
}
.bg_wing {
	background-image: url(http://believe-color.com/wp/wp-content/uploads/2026/02/bg01.png);
	background-repeat: no-repeat;
    background-size:contain;
    padding-left: 5%;
	padding-right: 5%;
}

.is-vertically-aligned-top>.wp-block-media-text__content {
	padding-top: 0px!important;
}
.toka {
  background: rgba(255,255,255,0.6)!important;
}

h2.tt_h2 {
	background-color: transparent;
	color: #333333!important;
	text-align: left;
	font-size: 1.4em;
	background-image: url(http://believe-color.com/wp/wp-content/uploads/2026/02/icon01.png);
	background-repeat: no-repeat;
	background-position: left 90%;
	padding-left: 1.5em;
	padding-top: 0em;
	padding-bottom: 0em;
}
h2.tt_h2::before {
	border-top: none!important;
	border-bottom: 1px solid #D3C1A0;
}
h3.tt_h3 {
	border-left-color: #000000;
	color: #AF925F;	
	font-size: 1.4em;
}
h3.tt_h32 {
	font-size: 1.4em;
}h4.tt_h4 {
	border-left-color: #000000;
	color: #AF925F;	
	font-size: 1.4em;
}
h4.tt_h42 {
	font-size: 1.4em;
}
.kozawaku {
	border: 1px solid #cccccc;
	padding: 1em;
}
.kozawaku2 {
	border: 1px solid #cccccc;
	border-radius: 10px; 
	padding: 1em;
	background-color: #F0F0F0;
}
.l-content {
	margin-bottom: 0em;
}
.w-beforeFooter {
    margin: 0em auto 0em;
}
.td10 td {
	width: 13%;
	text-align: center;
}

/*sonota*/
.relative {
	position: relative;
}
.mb0 {
	margin-bottom: 0px!important;
}
.h4_coursename{
  font-size: 22px;
  font-weight: 600;
  color: #2d3436;
  padding: 18px 24px 18px 100px!important;
  position: relative;
  background-color: #E6ECF1;
  border: 2px solid #dfe6e9!important;
}
.h4_coursename .ribbon {
	  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #158197;
  color: #ffffff;
  padding: 6px 20px 6px 10px;
  font-size: 14px;
  font-weight: 700;
  clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
}
@media only screen and (min-width: 768px)  {
.text_lr {
	text-align: left;
		}
.brsp {
	display: none;
}}
@media only screen and (max-width: 960px) {/* スマホ */
.left_img {
text-align: center;		
	}
.img_left {
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.img_right {
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.br-pc {
	display: none;
}
.title01 {
	font-size: 18px;
}


.space_bottom_ll {
	margin-bottom: 4em!important;
}
.space_bottom_l {
	margin-bottom: 3em!important;
}
.space_bottom_m {
	margin-bottom: 2em;
}
.space_bottom_s {
	margin-bottom: 0.5em;
}
.w60m600 {
	width: 60%;
	margin: 0 auto 3em;
	}
.w80m800 {
	width: 90%;
	margin: 0 auto 3em;
	}
.w95m400 {
	width: 95%;
	margin: 0 auto 3em;
}
.w95m500 {
	width: 95%;
	margin: 0 auto 3em;
}
.w95m600 {
	width: 95%;
	margin: 0 auto 3em;
}
.w90m700 {
	width: 90%;
	margin: 0 auto 1em;
	}
.w95m700 {
	width: 95%;
	margin: 0 auto 3em;
}
.w90m800 {
	width: 95%;
	margin: 0 auto 3em;
	}
.w95m800 {
	width: 95%;
	margin: 0 auto 1em;
	}
.w90m850 {
	width: 95%;
	margin: 0 auto 2em;
	}
.w90m900 {
	width: 95%;
	margin: 0 auto 2em;
	}
.w90m1000 {
	width: 90%;
	margin: 0 auto 2em;
	}
.w90m1180_0 {
	width: 90%;
	margin: 0 auto;
	}
.w95m800 {
	width: 95%;
	margin: 0 auto 2em;
	}
.w100m800 {
	width: 100%;
	margin: 0 auto 2em;
	}
.w95m900 {
	width: 95%;
	margin: 0 auto 3em;
	}
.w95m1000 {
	width: 95%;
	margin: 0 auto 2em;
	}
.w95m1180 {
	width: 90%;
	margin: 0 auto 2em;
	}
.w95m1200 {
	width: 90%;
	margin: 0 auto 2em;
	}
.w95m1180_5 {
	width: 90%;
	margin: 0 auto 0px!important;
	padding-bottom: 3em!important;
	}
.w95m1180_2 {
	width: 95%;
	margin: 0 auto 2em!important;
	}
.w100m600 {
	width: 100%;
	margin: 0 auto 2em;
	}
.w100m800 {
	width: 100%;
	margin: 0 auto 2em;
	}
.w100m550p3 {
	width: 100%;
	margin: 0 auto 1em;
	padding: 3em!important;
	}
.sp60 img {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.sp80 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.sp_t80 {
	font-size: 80%;
}
.sp_t90 {
	font-size: 90%;
}
 }
@media only screen and (min-width: 960px) {/* PC */
.left_img {
text-align: left;		
	}
.img_left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.img_right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
.br-sp {
	display: none;
}
.title01 {
	font-size: 26px;
}
.w60m600 {
	width: 60%;
	max-width: 600px;
	margin: 0 auto 3em;
	}
.w60m600pc {
	width: 60%;
	max-width: 600px;
	margin: 0 auto 3em;
	}
.w70pc {
	width: 70%;
	margin: 0 auto 3em;
	}
.w80m800 {
	width: 80%;
	max-width: 800px;
	margin: 0 auto 3em;
	}

.w95m400 {
	width: 95%;
	max-width: 400px;
	margin: 0 auto 3em;
}
.w95m500 {
	width: 95%;
	max-width: 500px;
	margin: 0 auto 3em;
}
.w95m600 {
	width: 95%;
	max-width: 600px;
	margin: 0 auto 3em;
}
.w90m700 {
	width: 90%;
	max-width: 700px;
	margin: 0 auto 3em;
}
.w95m700 {
	width: 95%;
	max-width: 700px;
	margin: 0 auto 1em;
}
.w90m800 {
	width: 90%;
	max-width: 800px;
	margin: 0 auto 1em;
	}

.w90m850 {
	width: 90%;
	max-width: 850px;
	margin: 0 auto 1em;
	}
.w90m900 {
	width: 90%;
	max-width: 900px;
	margin: 0 auto 2em!important;
	}
.w95m800 {
	width: 95%;
	max-width: 800px;
	margin: 0 auto 5em!important;
	}
.w100m800 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 2em!important;
	}
.w95m900 {
	width: 95%;
	max-width: 900px;
	margin: 0 auto 3em;
	}
.w90m1000 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 3em!important;
	}
.w95m1000 {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto 3em;
	}
.w80m760 {
	width: 80%;
	max-width: 760px;
	margin: 0 auto 3em;
	}
.w90m1180_0 {
	width: 95%;
	max-width: 1180px;
	margin: 0 auto;
	}
.w95m1180 {
	width: 95%;
	max-width: 1180px;
	margin: 0 auto 3em!important;
	}
.w95m1180_2 {
	width: 95%;
	max-width: 1180px;
	margin: 0 auto 2em!important;
	}
.w95m1200 {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto 3em!important;
	}
.w95m1400 {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto 3em!important;
	}
.w95m1180_5 {
	width: 95%;
	max-width: 1180px;
	margin: 0 auto 0px!important;
	padding-bottom: 5em!important;
	}
.w100m600 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 3em;
	}
.w100m600_1 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 1em;
	}
.w100m500_1 {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 1em;
	}
.w100m550p3 {
	width: 100%;
	max-width: 580px;
	margin: 0 auto 1em;
	padding: 3em!important;
	}
.w100m800 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 3em;
	}
.w100m1400 {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 1em;
	}
.space_bottom_ll {
	margin-bottom: 7em!important;
}
.space_bottom_l {
	margin-bottom: 5em!important;
}
.space_bottom_m {
	margin-bottom: 3em!important;
}
.space_bottom_s {
	margin-bottom: 1em;
}
}
.mb5 {
	margin-bottom: 5px;
} 
.p1e {
	padding: 1em!important;
}
.p05e {
	padding: 0.5em!important;
}

.pt50 {
	padding-top: 50px;
} 
.pt1e {
	padding-top: 1em;
} 
.pt2e {
	padding-top: 2em;
}
.red {
	color: #FF0000;
}
.green {
	color: #44B339;
}
.orenge {
	color: #FF6633;
}

.bold {
	font-weight: bold;
}
.f70 {
	font-size: 70%;
}
.f75 {
	font-size: 75%;
}
.f80 {
	font-size: 80%;
}
.f85 {
	font-size: 85%;
}
.f90 {
	font-size: 90%;
}
.f115 {
	font-size: 115%;
}
.f120 {
	font-size: 120%;
}
.f130 {
	font-size: 130%;
}
.f150 {
	font-size: 150%;
}
.f180 {
	font-size: 180%;
}
.t_center {
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center!important;
}
.t_right {
	text-align: right!important;
}
.bg_glay { background-color: #EDEDE4}
.bg_bl {/*薄青*/	background: #E8F2FD;}
.bg_be {background-color: #EEEAE3;}
.space_bottom_s img {
	margin-bottom: 1em;
}
.w100 {
	width: 100%;
}
.m0p0 {
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

@media only screen and (max-width: 768px) {/* スマホ */
.tbl_gaiyou th,
.tbl_gaiyou td {display: block; text-align: center;}
}

.pc_pu4 {
	padding-bottom: 4.6em;
}

@media only screen and (max-width: 768px) {/* スマホ */
.pc_pu4 {
	padding-bottom: 0;
}
.koe_sp {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
	
}
/* サービスページ　メッセージ部分背景 */
@media only screen and (min-width: 769px) {/* PC */
.bg_service {
	background-image: url('http://believe-color.com/wp/wp-content/uploads/2026/03/bg.jpg');
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat;
}
}
@media only screen and (max-width: 768px) {/* スマホ */
.bg_service {
	background-image: url('http://believe-color.com/wp/wp-content/uploads/2026/03/bg_serv4.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
}

/*　コンタクトフォーム用　*/
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:16px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }


/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}