<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;style type="text/css"&gt;/*-- CanDoList縲--*/
/*繝ｪ繧ｻ繝�ヨ逕ｨ*/
.red{color:#D10003;}
div#information{height:26px;}
/**/
h1{margin-top: 0; margin-bottom: 0;}
#candolist{padding:10px 0}
.section_wrap{
	max-width:950px;
	margin:0 auto;
}
#mainVisual{position:relative;}
#mainVisual h1 img{max-width:100%;}
#mainVisual .pageAnc01 a{
	position:absolute;
	bottom:0;
	left:0;
	right:64.6315789%;
 }
#mainVisual .pageAnc02 a{
	position:absolute;
	bottom:0;
	left:34.2105263%;
	right:34.5263157%;
 }
#mainVisual .pageAnc03 a{
	position:absolute;
	bottom:0;
	left:64.3052631%;
/*	left:62.2052631%;*/
	right:0;
 }
#mainVisual .pageAnc01 img, #mainVisual .pageAnc02 img, #mainVisual .pageAnc03 img{
	max-width:100%;
	height:auto;
}
 
#mainVisual img{vertical-align:bottom;}

.ttl{
	font-weight:bold;
	font-size:24px;
	color:#fff;
	line-height:70px;
	text-align:center;
	width:100%;
	display:block;
	margin-bottom:0;
}
.listyle_dot li{margin-bottom:12px;}
#topBox h2{
	text-align:center;
	font-size:1.846em;
	width:100%;
	background:url(/sites/default/files/contents/teachers/resources/cando/images/howto_ttlBg.png) no-repeat center bottom;
	padding-bottom:10px;
	margin-top:40px;
	margin-bottom:20px;
	background-size:contain;
}

/*--ABOUT--*/
#about .cap{margin-top:10px;}

/*--Use--*/
#use{margin-bottom:30px;}
#use h2 span{
	font-size:0.8333em;
	margin-right:1em;
}
#use .txtBox dl{
	padding-left:12.631%;
	margin-bottom:20px;
	height:100px;
}
#use .txtBox dl.use01{background:url(/sites/default/files/contents/teachers/resources/cando/images/howto_img01.png) no-repeat left top;}
#use .txtBox dl.use02{background:url(/sites/default/files/contents/teachers/resources/cando/images/howto_img02.png) no-repeat left top;}
#use .txtBox dl.use03{background:url(/sites/default/files/contents/teachers/resources/cando/images/howto_img03.png) no-repeat left top;}
#use .txtBox dt{
	font-size:1.3846em;
	line-height:2em;
	margin-bottom:10px;
}
#use .txtBox dt span{font-size:1.3333em;}

/*----*/
#kids .ttl{background-color:#ef857d;}
#hight .ttl{background-color:#3fbdd6;}
#business .ttl{background-color:#f7b63b;}
#kids .section_wrap, #hight .section_wrap, #business .section_wrap{
	padding-bottom:60px;
	padding-top:60px;
}
#kids .box01{background:url(/sites/default/files/contents/teachers/resources/cando/images/kids_bg01.png) -400px top no-repeat;}
#hight .box01{background:url(/sites/default/files/contents/teachers/resources/cando/images/hight_bg01.png) -420px top no-repeat;}
#business .box01{background:url(/sites/default/files/contents/teachers/resources/cando/images/business_bg01.png) -350px top no-repeat;padding-bottom:80px;}
.box01.border{border-bottom: 1px solid #e2e2e2;}
.boxLeft{
	width:26.315%;
	float:left;
	text-align:center;
}
.boxRight{
	width:73.368%;
	float:left;
}
.boxLeft .sttl {
    font-size: 20px;
    padding: 10px 0;
    font-weight: bold;
    line-height: 22px;
}
.boxLeft .btnBox a{
    color: #fff;
    font-weight: bold;
    width: 155px;
    text-align: center;
    display: block;
    margin: 0 auto;
    text-decoration: none;
    padding: 10px 0;
    font-size: 16px;
	border-radius:5px;
}
.boxLeft .btnBox a .size{
	font-size:12px;
	font-weight:normal;
display:block;
}
#kids .boxLeft .btnBox a{
background: #FF5043; /* Old browsers */
background: -moz-linear-gradient(top,  #FFAFA8 0%,#FB695E 10%,#FF5043 50%,#FB695E 90%,#FFAFA8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #FFAFA8 0%,#FB695E 10%,#FF5043 50%,#FB695E 90%,#FFAFA8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFAFA8 0%,#FB695E 10%,#FF5043 50%,#FB695E 90%,#FFAFA8 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAFA8', endColorstr='#FFAFA8',GradientType=0 ); /* IE6-9 */
border:3px solid #FF5043;
}
#hight .boxLeft .btnBox a{
background: #00A3BF; /* Old browsers */
background: -moz-linear-gradient(top,   #a7ccd3 0%,#3fbdd6 10%,#00A3BF 50%,#3fbdd6 90%,#a7ccd3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,   #a7ccd3 0%,#3fbdd6 10%,#00A3BF 50%,#3fbdd6 90%,#a7ccd3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a7ccd3 0%,#3fbdd6 10%,#00A3BF 50%,#3fbdd6 90%,#a7ccd3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7ccd3', endColorstr='#a7ccd3',GradientType=0 ); /* IE6-9 */
border:3px solid #00A3BF;
}

#business .boxLeft .btnBox a{
background: #FFA600; /* Old browsers */
background: -moz-linear-gradient(top,  #f4d08d 0%,#f7b63b 10%,#FFA600 50%,#f7b63b 90%,#f4d08d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4d08d 0%,#f7b63b 10%,#FFA600 50%,#f7b63b 90%,#f4d08d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4d08d 0%,#f7b63b 10%,#FFA600 50%,#f7b63b 90%,#f4d08d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d08d', endColorstr='#f4d08d',GradientType=0 ); /* IE6-9 */
border:3px solid #FFA600;
}
.boxLeft .btnBox a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
.boxRight h3{
	font-size:2em;
	margin-bottom:15px;
	border-bottom:3px solid #ccc;
	padding-bottom:3px;
}
#kids .boxRight h3{border-color:#ef857d;}
#hight .boxRight h3{border-color:#3fbdd6;}
#business .boxRight h3{	border-color:#f7b63b;}
.boxRight h3 .fsS{font-size:0.833em;}
.boxRight .sTtl{
	font-size:1.3846em;
	font-weight:bold;
	margin-bottom:15px;
	line-height:1.4;
}
.boxRight .bookList{margin-top:25px;}
.boxRight .bookList li{
	width:63px;
	float:left;
	margin-right:5px;
}
.boxRight .bookList li img{width:63px;}
.boxArea01{
	position:relative;
	margin-top:35px;
	background-color:#FFF7F7;
	padding:15px;
}
.boxArea01 .txtBox p{margin-bottom:10px;}
.boxArea01 .photoBox{
	width:29.8%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.boxArea01 .nameBox{
	margin-top:10px;
	text-align:right;
}
.boxArea01 .nameBox .name{
	font-size:1.142em;
	padding-left:20px;
}
.boxArea02 h4{
	font-size:18px;
	margin-bottom:15px;
	margin-top:10px;
}
.boxArea02 {
	margin-top:35px;
	background-color:#F4FCFF;
	padding:15px;
}
.boxArea02 .photoBox{
	width:21.04%;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#bookAnk01{display: block;}
#bookAnk02{display: block;}
#bookAnk03{display: block;}
#bookAnk04{display: block;}
#bookAnk05{display: block;}
.ns_container{max-width:100%;}
.col-sm-12.ns_mainColumn{padding-right:0;padding-left:0;}
/* 767px莉･荳狗畑�壹ち繝悶Ξ繝�ヨ�上せ繝槭�繝医ヵ繧ｩ繝ｳ逕ｨ縺ｮ險倩ｿｰ */
@media (max-width: 979px) {
#use .txtBox dl{padding-left:15%;}
.col-sm-12.ns_mainColumn{padding-left:0;}
.section_wrap{margin: 0 15px;}
}

/* 479px莉･荳狗畑�壹せ繝槭�繝医ヵ繧ｩ繝ｳ逕ｨ縺ｮ險倩ｿｰ */
@media (max-width: 479px) {
	#use .txtBox dl.use01{background:none;}
	#use .txtBox dt{line-height:1.4;}
	#use .txtBox dl{padding-left:0; height:auto;}
	#use .txtBox dl.use01, #use .txtBox dl.use02, #use .txtBox dl.use03{background:none;}
	.boxLeft, .boxRight{width:100%;}
	#kids .boxLeft .btnBox a, #hight .boxLeft .btnBox a ,#business .boxLeft .btnBox a{ width:80%;}
	.dis-none{display:none;}
	.boxLeft .btnBox a .size{padding-left:10px; display:inline-block;}
	.boxRight .bookList li{margin-bottom:10px;}
	.boxArea01{margin-bottom:15px;}
	.boxArea01 .photoBox{width:50%;}
	h3{font-weight:bold;}
	#kids .section_wrap, #hight .section_wrap, #business .section_wrap{padding-bottom:0;}
	.ttl{font-size:22px;}
	.boxArea01 .nameBox .name{display:block;}
	.boxRight .sTtl{font-size:1.2em;}
}
&lt;/style&gt;
</pre></body></html>