/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 16 2025 | 07:23:19 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/


/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
ボタン / デフォルトボタン
----------------------------------------------------*/
.btn_def a {display: table; margin: 0 auto; padding: 16px 16px;
    width: 80%; max-width: 400px;
    font-size: 16px; text-align: center; color:#fff; background-color:#f99d4a;
    border-radius: 50vw; outline: 1px solid #fff; outline-offset: -4px; transition-duration:0.2s;}
.btn_def a:hover {text-decoration:none; background-color:#f35d2d; transition-duration:0.2s;}
/*----------------------------------------------------
アクセスマップ
----------------------------------------------------*/
#map {position:relative; z-index:1; width:100%; height:450px; overflow:hidden;}
#map iframe {width:100%; height:760px; margin-top:-180px;}
/*----Google Mapを開く----*/
.opn_gmap, .opn_gmap:visited {position:absolute; z-index:2; left:0; top:0; padding:8px 16px; color:#fff; background:#444;}
.opn_gmap:hover {color:#fff; background:#ba2a2a;}

/*==============================================================
ヘディング
==============================================================*/
.mainSection-title, h2, h3, h4, h5, h6 {margin: 0;}
/*----------------------------------------------------
ヘディング / h2
----------------------------------------------------*/
/*----privacy----*/
h2.pri {margin:0 0; padding:12px 0; text-align:center; 
	font-size:clamp(1.6rem, 1.326rem + 0.56vw, 2rem); font-weight:normal; 
	border-top:4px double #444; border-bottom:4px double #444;}
/*----------------------------------------------------
ヘディング / h3
----------------------------------------------------*/
/*----desi01----*/
h3.desi01 {margin:0; padding:0; font-size:2em; font-weight:bold; border:none; 
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 
		1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
@media screen and (max-width:780px) {h3.desi01 {font-size:1.8em;}}
h3.desi01:after {content:none;}
/*----------------------------------------------------
ヘディング / h4
----------------------------------------------------*/
/*----desi01----*/
h4.desi01 {padding:0 0 8px; font-size:1.3rem; border-bottom:1px solid;}

/*==============================================================
ホーム
==============================================================*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
#study, #contact {background-image:url(/programming/wp-content/uploads/bg_home_04.png); background-repeat:repeat; 
	padding:64px 0;}
#why {background-image:url(/programming/wp-content/uploads/bg_why_04.png); background-repeat:repeat; 
	padding:64px 0;}
#grow {background-image:url(/programming/wp-content/uploads/bg_grow_03.png); background-repeat:repeat; 
	padding:64px 0;}
#try {background-image:url(/programming/wp-content/uploads/bg_try_02.png); background-repeat:repeat; 
	padding:64px 0;}
#info {background-image:url(/programming/wp-content/uploads/bg_info_02.png); background-repeat:repeat; 
	padding:64px 0;}
/*----------------------------------------------------
配置 / キッズ
----------------------------------------------------*/
.kids {position:relative; z-index:11; display:table; width:42%; margin:0 auto;}
.kids>div:nth-child(1) {padding:0 16px;}
.kids .abs_l, .abs_r {position:absolute; z-index:10; display:table;}
.abs_l img, .abs_r img {width:30vw; max-width:540px;}
.kids .abs_l {right:100%; bottom:40%;}
.kids .abs_r {left:100%; bottom:0%;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.kids {width:100%;}
	.kids .abs_l, .abs_r {display:none;}}
/*----アニメーション----*/
.kids_ani {animation: floating-y 1.8s ease-in-out infinite alternate-reverse;}
@keyframes floating-y {
	0% {transform: translateY(-3%);}
	100% {transform: translateY(3%);}}
.kids_ani2 {animation: floating-y2 1.8s ease-in-out infinite alternate-reverse;}
@keyframes floating-y2 {
	0% {transform: translateY(1%);}
	100% {transform: translateY(-5%);}}
/*----------------------------------------------------
リスト / li_problem（なぜ今プログラミング教育が必要なのか？）
----------------------------------------------------*/
/*----親----*/
.li_problem {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子----*/
.li_problem>div {display: flex; flex-direction: column; margin:0px; padding:16px;
	position:relative; z-index:1; width:calc((100% - (32px * 2)) / 3);
	font-size:16px; background:#fff; border:1px dotted #444; border-radius:16px;}
/*----sp時----*/
@media screen and (max-width:780px) {.li_problem>div {width:100%;}}