@media screen and (max-width : 1023px){
/* ここにスマホの記述 */
@charset "utf-8";
body{
	font-size: 4.0vw;
	line-height: 175%;
    -webkit-text-size-adjust: 110%;
	font-family: "UDデジタル教科書体", sans-serif;
}

	.kuronuri {
		position: fixed;
		background: linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.9));
        height: 150px;
		width: 101%;
		bottom: 0px;
		left: -1px;
        z-index: 100;
	}			
	
p{text-align: justify;}

ul{text-align: justify;}

ol{text-align: justify;}
	
td.home{
	background-image: url(img/home2.png);
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}
    
td.home3{
	background-image: url(img/home3.png);
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}
    
	
div.PCmenu{
	display: none;
	}

h2.PCmenu{
	display: none;
	}	
	
table.PCmenu{
	display: none;
	}

table.PCheader{
	display: none;
	}
	
a:link{color: #ffffff; text-decoration: underline;}
a:visited{color: #cccccc; text-decoration: underline;}
a:active{color: #c00000; text-decoration: none;}
a:hover{color: #c00000; text-decoration: none;}

a.normal:link{color:#4A0000; text-decoration: underline;}
a.normal:visited{color: #4A0000; text-decoration: underline;}
a.normal:active{color: #c00000; text-decoration: none;}
a.normal:hover{color: #c00000; text-decoration: none;}

a:hover img{
opacity: 0.6;
transition: 1.0;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
.motto{
	/** display: none; /**あとで直す**/
	position:relative;
	margin: 20px, 0px;
    text-align: center;
}	
.img {
	text-align: center;
	margin 0 auto;
}

li.Phonemenu{
	display: none;
}		
	
.st1 {
  border-radius: 50px;/*角の丸み*/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  border: solid 2px #fdd3e0;/*線*/
  color: #ffffff;
}

	.st1 hr{
		display: none;
	}	
	
.st2 {
  border-radius: 50px;/*角の丸み*/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  border: solid 2px #7db5ff;/*線*/
  color: #ffffff;
}

	.st2 hr{
		display: none;
	}	
	
.st3 {
  border-radius: 50px;/*角の丸み*/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  border: solid 2px #d6fce0;/*線*/
  color: #ffffff;
}

	.st3 hr{
		display: none;
	}	

.st4 {
  border-radius: 50px;/*角の丸み*/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  border: solid 2px #dddddd;/*線*/
  color: #ffffff;
}

.st1 p{
display: none;
}
.st2 p{
display: none;
}
.st3 p{
display: none;
}
    
    .nosmaho{
		display: none;		
	}
    
	.smaho100 {
		width: 100%;
	}

	.Phonemenu {
		font-size: 125%;
	}	

.box0 {
  float: left;
  width: 90%;  /** 箱 **/
  height: auto;
  display: inline-block;
  padding: 5%;
  text-align: center;
  color: #000000;
}

.box0_white, .box0_white_random {
  float: left;
  width: 90%;  /** 箱 **/
  height: auto;
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
}	
    
.box0_white_trans { /** 透明 **/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  background-color:rgba(255,255,255,0.2);
  color: #ffffff;
}
    
.box0_white_trans p{
display: none;
}
    
.box0_white_trans01 { /** 透明スマホ用 **/
  float: left;
  width: 39%;  /** 横幅50% **/
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  background-color:rgba(255,255,255,0.2);
  color: #ffffff;
}
	
.box01 {
  float: left;
  width: 90%;  /**箱**/
  height: auto;
  display: inline-block;
  padding: 5%;
  text-align: center;
  color: #000000;
}
	
.box1, .box1l, .box1r {
  float: left;
  width: 90%;  /**濃いグレー**/
  height: auto;
  display: inline-block;
  padding: 3.5%;
  margin: 1.5%;
  text-align: center;
  background-color: #eeeeee;
  color: #000000;
}
	
.box2, .box2l, .box2r {
  float: left;
  width: 90%;  /**薄いグレー**/
  height: auto;
  display: inline-block;
  padding: 4%;
  margin: 1%;
  text-align: center;
  background-color: #fafafa;
  color: #000000;
}

.box3l, .box3r {
  float: left;
  width: 90%;  /**紺色**/
  height: auto;
  display: inline-block;
  padding: 4%;
  margin: 1%;
  text-align: center;
}
	
.box4 {
  float: left;
  width: 100%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  text-align: center;
}

.box5 {
  float: left;
  width: 45%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 2.5%;
  text-align: center;
}

.box9 {
  float: left;
  width: 90%;  /** 幅33.3% **/
  height: auto;
  display: inline-block;
  padding: 4%;
  margin: 1%;
  text-align: center;
  background: linear-gradient(to right, #3864b3, #2c4f8c);
  color: #ffffff;
}
    
.box9_black {
  float: left;
  width: 90%;  /** 幅33.3% **/
  height: auto;
  display: inline-block;
  padding: 4%;
  margin: 1%;
  text-align: center;
  background: linear-gradient(to right, #848687, #404247);
  color: #ffffff;
}

.box1 p{
display: none;
}
.box2 p{
display: none;
}
.box3 p{
display: none;
}
.box4 p{
display: none;
}
.box5 p{
display: none;
}
.box6 p{
display: none;
}
.box7 p{
display: none;
}
.box8 p{
display: none;
}
	
.profile_l {
  float: left;
  width: 90%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 5%;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 15px;
}
	
.profile_r {
  float: left;
  width: 90%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 5%;
  text-align: center;
}	

.midashi {
  float: left;
  width: 96%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 2%;
  text-align: center;
  background: linear-gradient(to bottom, #87cefa, #ffffff);
  color: #000000;
}

.midashi_s {
  border-radius: 10px;/*角の丸み*/
  float: left;
  width: 100%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  text-align: center;
  background-color: #0000cd;
  color: #ffffff;
}	
    
.midashi_s_blue {
  border-radius: 10px;/*角の丸み*/
  float: left;
  width: 100%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  text-align: center;
  background-color: #1455CC;
  color: #ffffff;
}	
	
.boxA {
  border: none;
  &:after {
    content: "";
    display: block;
    clear: both;
    text-align: center;
  }
}

.boxBA {
  border: solid 3px #c20000;/*線*/
  border-radius: 20px;/*角の丸み*/
  padding-right: 20px;
  padding-left: 20px;
  width: 98%;
  background: rgba(0,0,0,0);
  overflow: hidden;
  &:after {
    content: "";
    display: block;
    clear: both;
    text-align: center;
    z-index: 10;
  }
}	
	
.boxB {
  line-height: 150%;
  float: left;
  width: 50%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  z-index: 10;
}	
	
/*
.boxC {
  display: none;
}*/


input.form { width: auto;
        	font-size:150%;
	}
input.button { width: auto;
        	font-size: 150%;
	}
textarea { width: 100%;
	font-size: 150%; }

}



@media screen and (min-width : 1024px){
/* ここにタブレット・PCの記述 */
@charset "utf-8";
    
body {
    font-size: 120%; 
    font-family: "UDデジタル教科書体", sans-serif;
}

html[lang="kr"] body {
    font-family: "Source Han Sans Korean", sans-serif;
}


	.kuronuri {
		position: fixed;
		background: linear-gradient(rgba(0,0,0,0.8), rgba(255,255,255,0.4));
        height: 35px;
		width: 101%;
		top: -1px;
		left: -1px;
        z-index: 100;
	}		
	
p{text-align: justify;}

ul{text-align: justify;}

ol{text-align: justify;}

table.home{
	max-width: 1350px;
	width: 100%;
}
    
table.home3{
	max-width: 1350px;
	width: 100%;
}

table.PCmenu{
	position: relative;
	max-width: 1350px;
	width: 100%;
	margin:0 auto;
    z-index: 101;
}
	
table.PCheader{
	position: relative;
	max-width: 1350px;
	width: 100%;
	margin:0 auto;
}

	.nopc{

		display: none;
		
		
	}

div.Phonemenu{
	display: none;
}	

h2.Phonemenu{
	display: none;
}		
	
table.Phonemenu{
	display: none;
}	

table.Phoneheader{
	display: none;
}	
	
td.home{
	background-image: url(img/home2.png);
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}
    
td.home3{
	background-image: url(img/home3.png);
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}

td.second{
	background-image: url(img/second_1.jpg);
	background-attachment: fixed;
    background-position: center center;
	color: #000000;
}
    
td.second3{
	background-color: #f5f5f5;
	background-attachment: fixed;
    background-position: center center;
	color: #000000;
}
	
td.third{
	background-image: url(img/third_2.jpg);
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}
    
td.third3{
	background-color: #696969;
	background-attachment: fixed;
    background-position: center center;
	color: #ffffff;
}
	
a:link{color: #ffffff; text-decoration: underline;}
a:visited{color: #cccccc; text-decoration: underline;}
a:hover{color: #c00000; text-decoration: none;}
a:active{color: #c00000; text-decoration: none;}

a.normal:link{color: #4A0000; text-decoration: underline;}
a.normal:visited{color: #4A0000; text-decoration: underline;}
a.normal:active{color: #c00000; text-decoration: none;}
a.normal:hover{color: #c00000; text-decoration: none;}

a:hover img{
opacity: 0.6;
transition: 1.0;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.img {
	text-align: center;
	margin 0 auto;
}
.motto{
	/** display: none; /**あとで直す**/
	margin: 20px, 0px;
    text-align: center;
}
	
.logo {
  float: left;
  width: 71%;  /** 横幅50% **/
  display: inline-block;
  text-align: left;
  }
	
.telephone {
  float: left;
  width: 29%;  /** 横幅50% **/
  display: inline-block;
  text-align: right;
    margin-right: 0%;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    color: #c00000;
    text-decoration:none;
  }		
	
.st1 {
  border-radius: 15px;/*角の丸み*/
  float: left;
  width: 29.4%;  /** 横幅33% **/
  display: inline-block;
  padding: 1%;
  margin: 0.666%;
  text-align: center;
  border: solid 2px #fdd3e0;/*線*/
  color: #ffffff;
}

	hr.st1{
		background-color: #fdd3e0;
	}	
	
	
.st2 {
  border-radius: 15px;/*角の丸み*/
  float: left;
  width: 29.4%;  /** 横幅33% **/
  display: inline-block;
  padding: 1%;
  margin: 0.666%;
  text-align: center;
  border: solid 2px #7db5ff;/*線*/
  color: #ffffff;
}

	hr.st2{
		background-color: #7db5ff;
	}	
	
.st3 {
  border-radius: 15px;/*角の丸み*/
  float: left;
  width: 29.4%;  /** 横幅33% **/
  display: inline-block;
  padding: 1%;
  margin: 0.666%;
  text-align: center;
  border: solid 2px #d6fce0;/*線*/
  color: #ffffff;
}

	hr.st3{
		background-color: #d6fce0;
	}
	
.st4 {
display: none;
}
    
.box0 {
  float: left;
  width: 45%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  color: #000000;
}
	
.box0_white, .box0_white_random {
  float: left;
  width: 42%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 2.5%;
  margin: 1.5%;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
}

.box0_white_trans { /** 透明 **/
  float: left;
  width: 29.4%;  /** 横幅33% **/
  display: inline-block;
  padding: 1%;
  margin: 0.666%;
  text-align: center;
  background-color:rgba(255,255,255,0.2);
  color: #ffffff;
}
    
.box0_white_trans01 { /** 透明スマホ用 **/
  display: none;
}
    
.box01 {
  float: left;
  width: 90%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  color: #000000;
  border-width: thin;
}

.box02 {
  float: left;
  width: 70%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 20px;
  padding-bottom: 40px;
  text-align: center;
  color: #000000;
  border-width: thin;
}
	
.box1 {
  float: left;
  width: 45%;  /**濃いグレー**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #eeeeee;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box1l {
  float: left;
  width: 25%;  
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #eeeeee;/**濃いグレー（左）**/
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box1r {
  float: left;
  width: 65%;  /**濃いグレー（右）**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #eeeeee;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

	
.box2 {
  float: left;
  width: 45%;  /**薄いグレー**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #fafafa;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box2l {
  float: left;
  width: 25%;  /**薄いグレー（左）**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #fafafa;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box2r {
  float: left;
  width: 65%;  /**薄いグレー（右）**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
  background-color: #fafafa;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box3l {
  float: left;
  width: 25%;  /**色なし **/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
  text-align: center;
}

.box3r {
  float: left;
  width: 65%;  /**色なし**/
  height: auto;
  display: inline-block;
  padding: 2%;
  margin: 0.5%;
}

.box4 {
  float: left;
  width: 20%;  /** 幅20% **/
  height: auto;
  display: inline-block;
  text-align: center;
}

.box5 {
  float: left;
  width: 30.3%;  /** 幅33.3% **/
  height: auto;
  display: inline-block;
  text-align: center;
  padding: 1.5%;
}
	
.box9 {
  float: left;
  width: 22%;  /** 幅25％ **/
  height: auto;
  display: inline-block;
  text-align: center;
  padding: 1.5%;
  background: linear-gradient(to right, #3864b3, #2c4f8c);
  color: #ffffff;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}
    
.box9_black {
  float: left;
  width: 22%;  /** 幅25％ **/
  height: auto;
  display: inline-block;
  text-align: center;
  padding: 1.5%;
  background: linear-gradient(to right, #848687, #404247);
  color: #ffffff;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.box25 {
  float: left;
  width: 22%;  /** 幅25％ **/
  height: auto;
  display: inline-block;
  text-align: left;
  padding: 1.5%;
  color: #000000;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

.profile_l {
  float: left;
  width: 29.3%;  /** 横幅50% **/
  padding: 2%;
  height: auto;
  display: inline-block;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 15px;
}

.profile_r {
  float: left;
  width: 62.6%;  /** 横幅50% **/
  padding: 2%;
  height: auto;
  display: inline-block;
  text-align: center;
}	
	
.midashi {
  float: left;
  width: 96%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  padding: 2%;
  text-align: center;
  background: linear-gradient(to bottom, #87cefa, #ffffff);
  color: #000000;
}
	
.midashi_s {
  border-radius: 10px;/*角の丸み*/
  float: left;
  width: 100%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  text-align: center;
  background-color: #0000cd;
  color: #ffffff;
}
    
.midashi_s_blue {
  border-radius: 10px;/*角の丸み*/
  float: left;
  width: 100%;  /** 横幅50% **/
  height: auto;
  display: inline-block;
  text-align: center;
  background-color: #1455CC;
  color: #ffffff;
}	

.boxA, .boxC {
  border: none;
  overflow: hidden;
  &:after {
    content: "";
    display: block;
    clear: both;
    text-align: center;
  }
}
	
input.form { width: auto;
        	font-size: 100%;
	}
input.button { width: auto;
        	font-size: 100%;
	}
textarea { width: 100%;
	font-size: 100%; }

}