@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
body {/* ページ全体の設定 */
	font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;/* YUI3 CSS Fonts */









 *font-size:small;/* IE用 */
 *font:x-small;/* IE 互換モード用 */	
	color: #333;
	background: #FFFFFF; /* Old browsers */
	/*background-image: -webkit-gradient(linear, 50.00% 100.00%, 50.00% 0.00%, color-stop( 0% , rgba(237,244,237,1.00)),color-stop( 55% , rgba(255,255,255,1.00)));
	background-image: -webkit-linear-gradient(90deg,rgba(255,239,239,1.00) 0%,rgba(255,255,255,1.00) 22.88%);
	background-image: -moz-linear-gradient(90deg,rgba(255,239,239,1.00) 0%,rgba(255,255,255,1.00) 22.88%);
	background-image: -o-linear-gradient(90deg,rgba(255,239,239,1.00) 0%,rgba(255,255,255,1.00) 22.88%);
	background-image: linear-gradient(0deg,rgba(255,239,239,1.00) 0%,rgba(255,255,255,1.00) 22.88%);*/
}
/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	clear: none;
	float: none;
}

/*contents*/
#contents {
width: 100%;
}
/*↓以下　contents内のservice項目*/
#service {/*service全領域に対して*/
	border-top:solid 1px rgba(201,201,201,0.79);
	margin-bottom: 0em;
}

#service h2{/*serviceのタイトル*/
	color:#000000;
	font-size:123.1%;
	text-align:center;
	margin-top:1em;
}
#service p{/*serviceの文*/
	color:#000000;
	font-size:85%;
	margin-bottom:0;
	line-height:1.7em;
}
/*↓以下　contents内のserviceのlessonの追加項目*/
#contents .lesson_txt {/*lesson全体の背景*/
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
}
#contents .lesson_img {/*lessonのimg*/
	text-align:center;
	margin-bottom:0;
}
#contents .titl_lesson_icon {/*lessonのtitlアイコン*/
	margin:0 auto;
	color:rgba(0,0,0,0.50);
    font-size:123.1%;
}
#contents .titl_lesson p {/*lessonの段落*/
	margin:0 auto;
	font-size:85%;
	text-align:left;
}
#contents .btn_lesson a {/*lessonのボタン*/
	display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;
}
/*↓以下　contents内のserviceのtokomonoの追加項目*/
#contents .tokomono_txt {/*tokomono全体の背景*/
-webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
}
#contents .tokomono_img {/*tokomonoのimg*/
	text-align:center;
	margin-bottom:0;
}
#contents .titl_tokomono_icon {/*tokomonoのtitlアイコン*/
	margin:0 auto;
	color:rgba(0,0,0,0.50);
	font-size:123.1%;
}
#contents .titl_tokomono p {/*tokomomnoの段落*/
	margin:0 auto;
	font-size:85%;
	text-align:left;
}
#contents .btn_tokomono a {/*tokomonoのボタン*/
	display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;
}
/*↓以下　contents内のserviceのkitukeの追加項目*/
#contents .kituke_txt {/*kituke全体の背景*/
	-webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 75.13%,rgba(217,248,255,0.70) 100%);
	background-color: rgba(202,231,233,1.00);
}
#contents .kituke_img {/*kitukeのimg*/
	text-align:center;
	margin-bottom:0;
}
#contents .titl_kituke_icon {/*kitukeのtitlアイコン*/
	margin:0 auto;
	color:rgba(0,0,0,0.50);
	font-size:123.1%;

}
#contents .titl_kituke p {/*kitukeの段落*/
	margin:0 auto;
	font-size:85%;
	text-align:left;
}
#contents .btn_kituke a {/*kitukeのボタン*/
	display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;
}
/*↓以下　contents内news&blogの項目*/
#newsblog {/*newsblog全領域に対して*/
	border-top:solid 1px rgba(201,201,201,0.79);
	margin-bottom: 2em;
	padding-bottom:0.5em;
}
.title_newsblog {/*newsblog_title背景*/
	background-image:url('../img/background_imge2(newsblog).jpg');
	background-size:cover;
}
.title_newsblog h2 {/*newsblog_title_h2*/
	color :rgba(0,0,0,1.00);
	font-size:123.1%;
	text-align:center;	
	height: 3em;
	line-height: 2em;
}
.title_newsblog p {/*newsblog_title_p*/
	color :rgba(255,255,255,1.00);
	font-size:85%;
	line-height:1.7em;
	background:rgba(0,0,0,0.2);
}
.news_txt {/**/
	padding:10px 0;
	margin-bottom:1em
}
.title_news {
	margin:0 auto;
	color:rgba(0,0,0,0.50);
	font-size:123.1%;
	text-align:left;
}
.table_news dt{
	border-top:1px #000000	dotted;
	font-size:85%;
	text-align:left;
}
.table_news dd{/**/
	font-size:85%;
	line-height:1.7em;
	color:rgba(0,76,255,1.00);
}
.table_news dd a{/**/
	text-decoration:none;
}
.dd_last{/**/
	border-bottom:1px #000000	dotted;
}


#newsblog .btn_news a {/*news一覧のボタン*/
	display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;
}
.blog_txt {/**/
	padding:10px 0;
	margin-bottom:em;
}
.title_blog {
	margin:0 auto;
	color:rgba(0,0,0,0.50);
	font-size:123.1%;
	text-align:left;
}
/*↓以下　contents内のnews&blogのblog1の追加項目*/
#newsblog .blog1_txt {/*blog1全体の背景*/
	background:rgba(182,242,255,0.1);
}

#newsblog .blog1_img img{/*blog1のimg*/
	width: auto;
	min-height: 120px;
	max-height: 120px;
	border-radius: 5px;
}
#newsblog .titl_blog1 {/*blog1の内容*/
	display:block;
	margin-bottom:0;
	
}

#newsblog .titl_blog1_icon {/*blog1のtitlアイコン*/
	margin:0 auto;
	font-size:85%;
	color:rgba(0,0,0,0.8);
}
#newsblog .titl_blog1 p {/*blog1の段落*/
	margin:0 auto;
	font-size:85%;
	line-height:1.7em;
	color:rgba(0,0,0,0.7);
}
/*↓以下　contents内のnews&blogのblog2の追加項目*/
#newsblog .blog2_txt {/*blog2全体の背景*/
	background:rgba(182,242,255,0.1);
}
#newsblog .blog2_img img{/*blog2のimg*/
	width:auto;
	min-height: 120px;
	max-height: 120px;
    border-radius: 5px;
}
#newsblog .titl_blog2_icon {/*blog2のtitlアイコン*/
	margin:0 auto;
	font-size:85%;
	color:rgba(0,0,0,0.8);
}
#newsblog .titl_blog2 p {/*blog2の段落*/
	margin:0 auto;
	font-size:85%;
	line-height:1.7em;
	color:rgba(0,0,0,0.7);
}
#newsblog .btn_blog a {/*news一覧のボタン*/
	display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
#contents {
width: 100%;
}
#footer {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
/*contents*/
#contents {
width: 100%;
}
/*↓以下　contents内のservice項目*/
#service {/*service全領域に対して*/
	/*border-top:dotted 1px #000000;*/
	margin-bottom: 2em;
	height: 100%;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 56.99%,rgba(217,248,255,0.70) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 56.99%,rgba(217,248,255,0.70) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 56.99%,rgba(217,248,255,0.70) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 56.99%,rgba(217,248,255,0.70) 100%);
}

#service h2{/*serviceのタイトル*/
	/*color:#000000;*/
	font-size:138.5%;
	text-align:center;
	margin-top:1em;
}
#service p{/*serviceの文*/
	/*color:#000000;*/
	text-align:center;
	font-size:93%;
	margin:0 10em 2em;
}
/*↓以下　contents内のserviceのlessonの追加項目*/
#contents .lesson_txt {/*lesson全体の背景*/
	/*background:rgba(208,235,162,0.20);*/
	background:none;
	width: 33%;
	float: left;
}
#contents .lesson_img {/*lessonのimg*/
	/*text-align:center;*/
	/*margin-bottom:0;*/
	margin: 0em;
	width: 100%;
	height: 40%;
}
#contents .titl_lesson_icon {/*lessonのtitlアイコン*/
	/*margin:0 auto;
	color:rgba(0,0,0,0.50);*/
}
#contents .titl_lesson p {/*lessonの段落*/
	/*margin:0 auto;
	font-size:85%;*/
	margin: 1em;
}
#contents .btn_lesson a {/*lessonのボタン*/
	/*display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	/*text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;*/
	width:50%;
	margin:1em auto;
}
/*↓以下　contents内のserviceのtokomonoの追加項目*/
#contents .tokomono_txt {/*tokomono全体の背景*/
	/*background:rgba(247,197,239,0.2);*/
	background:none;
	width: 33%;
	float: left;
}
#contents .tokomono_img {/*tokomonoのimg*/
	/*text-align:center;
	margin-bottom:0;*/
	margin:0em;
	width:100%

}
#contents .titl_tokomono_icon {/*tokomonoのtitlアイコン*/
	/*margin:0 auto;
	color:rgba(0,0,0,0.50);*/
}
#contents .titl_tokomono p {/*tokomomnoの段落*/
	/*margin:0 auto;
	font-size:85%;*/
	margin: 1em;

}
#contents .btn_tokomono a {/*tokomonoのボタン*/
	/*display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	/*text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;*/
	width:50%;
	margin:1em auto ;

}
/*↓以下　contents内のserviceのkitukeの追加項目*/
#contents .kituke_txt {/*kituke全体の背景*/
	/*background:rgba(182,242,255,0.2);*/
	background:none;
	width: 33%;
	height: 30%;
	float: left;

}
#contents .kituke_img {/*kitukeのimg*/
	/*text-align:center;
	margin-bottom:0;*/
	margin:0em;
	width:100%

}
#contents .titl_kituke_icon {/*kitukeのtitlアイコン*/
	/*margin:0 auto;
	color:rgba(0,0,0,0.50);*/
}
#contents .titl_kituke p {/*kitukeの段落*/
	margin: 1em;

}
#contents .btn_kituke a {/*kitukeのボタン*/
	/*display:block;
	height: 2em;
	line-height:2em;
	border: solid 1px rgba(255,150,0,1.00);
	font-size: 108%;
	/*font-weight: bold;*/
	/*text-decoration:none;
	text-align: center;
	color:rgba(255,79,0,1.00);
	margin-bottom:1em;*/
	width:50%;
	margin:1em auto ;

}
/*↓以下　contents内news&blogの項目*/
#newsblog {/*newsblog全領域に対して*/
	border-top:none;
	/*margin-bottom: 2em;
	padding-bottom:0.5em;*/
	background-image:url('../img/background_imge2(newsblog).jpg');
	background-size:cover;
}
.title_newsblog {/*newsblog_title背景*/
	background-image:none;
	/*background-size:cover;
	padding-bottom:2em;
	margin-bottom:0;*/
}
.title_newsblog h2 {/*newsblog_title_h2*/
	/*color :rgba(0,0,0,1.00);*/
	font-size:131%;
	/*text-align:center;	
	height: 3em;
	line-height: 2em;*/
}
.title_newsblog p {/*newsblog_title_p*/
	/*color :rgba(255,255,255,1.00);*/
	font-size: 100%;
	/*background:rgba(0,0,0,0.2);*/
	margin: 0 15em 2em;
	text-align: center;
	-webkit-box-shadow: 5px 4px 10px rgba(0,0,0,0.27);
	box-shadow: 5px 4px 10px rgba(0,0,0,0.27);
}
.news_txt {/**/
	background:rgba(255,255,255,0.50);
	/*padding:10px 0;
	margin-bottom:1em;*/
	width:49%;
	float:left;
	height:440px;
	


	
}
.title_news {
	/*margin:0 auto ;
	color:rgba(0,0,0,0.50);*/
	font-size:131%;
	/*text-align:left;*/
	
}
.table_news {
	height:340px;

}

.table_news dt{
	/*border-top:1px #000000	dotted;
	font-size:93%;
	text-align:left;*/
	font-size:93%;
}
.table_news dd{/**/
	/*font-size:77%;
	color:rgba(0,76,255,1.00);*/
	font-size:85%;
}
#newsblog .btn_news a {/*worksのボタン*/
	/*display:block;
	height: 2em;
	line-height:2em;*/
	border: solid 1px rgba(0,0,0,1.00);
	/*font-size: 108%;
	/*font-weight: bold;*/
	/*text-decoration:none;
	text-align: center;*/
	color: rgba(0,0,0,1.00);
	margin: 0 auto;
	width: 50%;
	text-shadow: 0px 0px rgba(0,0,0,1.00);

}
.blog_txt {/**/
	background:rgba(255,255,255,0.50);
	/*padding:10px 0;
	margin-bottom:1em;*/
	width:49%;
	float:right;
	height:440px;
	

}
.title_blog {
	/*margin:0 auto;
	color:rgba(0,0,0,0.50);*/
	font-size:131%;
	/*text-align:left;*/
}
/*↓以下　contents内のnews&blogのblog1の追加項目*/
#newsblog .blog1_txt {/*blog1全体の背景*/
	float: left;
	width: 47%;
	margin-right: 1%;
	height: 360px;
	margin-bottom: 1em;
	border-radius: 10px;
	margin-left: 1%;
	/* [disabled]border: 1px solid rgba(0,0,0,0.50); */
	background-image: -webkit-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: -moz-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: -o-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: linear-gradient(148deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	-webkit-box-shadow: 2px 2px 4px;
	box-shadow: 2px 2px 4px;
}
#newsblog .blog1_img{/*blog1のimg*/
	text-align:center;
	margin-top:0;
	margin-bottom:1em;
	width:100%;
	
}
#newsblog .titl_blog1_icon {/*blog1のtitlアイコン*/
	margin:0 0.5em 1em;
	height:2em;
	/*font-size:85%;
	color:rgba(0,0,0,0.8);*/
}
#newsblog .titl_blog1 p {/*blog1の段落*/
	/*margin:0 auto;
	font-size:85%;
	color:rgba(0,0,0,0.7);*/
	height: 11em;
	margin-left: 5%;
	margin-right: 5%;
}
/*↓以下　contents内のnews&blogのblog2の追加項目*/
#newsblog .blog2_txt {/*blog2全体の背景*/
	/* [disabled]background-color: rgba(117,201,163,0.50); */
	float: left;
	width: 47%;
	height: 360px;
	margin-bottom: 1em;
	border-radius: 10px;
	margin-left: 1%;
	/* [disabled]border: 1px solid rgba(0,0,0,0.50); */
	background-image: -webkit-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: -moz-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: -o-linear-gradient(302deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	background-image: linear-gradient(148deg,rgba(255,255,255,0.50) 25.39%,rgba(249,237,237,1.00) 64.77%,rgba(240,207,207,1.00) 100%);
	-webkit-box-shadow: 2px 2px 4px;
	box-shadow: 2px 2px 4px;
}
#newsblog .blog2_img {/*blog2のimg*/
	text-align:center;
	margin-top:0;
	margin-bottom:1em;
	width:100%;

}
#newsblog .titl_blog2_icon {/*blog2のtitlアイコン*/
	margin:0 0.5em 1em;
	height:2em;
	/*font-size:85%;
	color:rgba(0,0,0,0.8);*/
}
#newsblog .titl_blog2 p {/*blog2の段落*/
	/*margin:0 auto;
	font-size:85%;
	color:rgba(0,0,0,0.7);*/
	height: 11em;
	margin-left: 5%;
	margin-right: 5%;
}
#newsblog .btn_blog a {/*news一覧のボタン*/
	/*display:block;
	
	height: 2em;
	line-height:2em;*/
	border: solid 1px rgba(0,0,0,1.00);
	/*font-size: 108%;
	/*font-weight: bold;*/
	/*text-decoration:none;
	text-align: center;*/
	color:rgba(0,0,0,1.00);
	margin:1em auto;  
	clear:both;
	width:50%;


}



.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;

}