@charset "utf-8";
/* ==================================================================
CSS information
style info :Gaba kidsの特長　＞　安心のサポート
================================================================== */

#gNavi li.btn1 a { background-position:0 bottom;}

/* --------------------------------------------------------
#main
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#main h2 { background:url(../_img/support/maintitle_b.jpg?v20230302) no-repeat 0 0; }
#main .catchcopy { background:url(../_img/support/catchcopy.png) no-repeat 0 0; }
#sideMenu dd.btn3 a { background-color:#ecf59d; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#main .catchcopy { }
}


/* .box1
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
.box1 { background:url(../_img/support/pic02.jpg) no-repeat right 0px; min-height:270px; }
.box1 .textBox { width:310px; margin-bottom:30px; }

.pic-sp { display:none; }

.box2 { background:url(../_img/support/pic03_b.jpg?v20230301) no-repeat -10px top; min-height:310px; }
.box2 .read { margin-left:370px; }
.box2 .textBox { margin-bottom:30px; margin-left:370px; }

.btn_next { text-align:right; margin-bottom:40px; }
.btn_next a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.pic-sp { text-align:center; margin-bottom:20px; }
.read , .textBox { margin:0 10px; }
.textBox { margin-bottom:30px; }
.box1 .textBox { margin-bottom:10px; }
.btn_next { display:none; }
.pic { width:80%; margin:0 auto; }
}

.read { color:#f18d00; font-size:116%; font-weight:bold; margin-bottom:0.7em; }
.textBox { line-height:1.61; }

.pic { text-align:center; margin-bottom:30px; }