@charset "utf-8";
/* CSS Document */

/* first page */


body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╥أ╚عéق╛›آ›ظ┬آظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╥أ╚عéق╛›آ›ظ┬آšظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜،عéق╛›ق╛šظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╥أ╚عéق╛›آ›عéق╛›آ›ظ╤ق╛─ظ├ق╛╜ظ╥أ╚عéق╛›آ›ظ┬آžظ╥أ╚عéق╛›آ›ظ┬آظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛›ق╛ùظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛›آŸظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╤ق╜œعéق╛œظîظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜،ظ╤آ›',YuGothic,'Yu Gothic','ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╥أ╚عéق╛›آœعéق╛›ق╛╗ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜،ظ┬آ¤ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╥أ╚عéق╛›آ›عéق╛›آœظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛›آœ', Meiryo,'ظ╤ق╛─عéق╛›ق╜œظ╥أ╚عéق╛›آ›عéق╛œق╛╗ظ╥أ╚عéق╛›آ›عéق╛œق╛┐ظ╤ق╛─عéق╛›ق╜œظ╥أ╚عéق╛›آ›عéق╛œق╛╗ظ╥أ╚عéق╛›آ›ع╣ق╜œق╜¤ ظ╤ق╛─عéق╛›ق╜œظ╥أ╚عéق╛›آ›عéق╛œق╛╗ظ╥أ╚ظ├ظ›عéق╛›أ╥ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛›ق╛ùظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛›آŸظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╤ق╜œعéق╛œظîظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜،ظ╤آ›','MS PGothic'  
}


span.yellow_bold {
	color:#DF891B;
	font-weight:bolder;
	font-size:1.5em;
}

span.block_bold {
	color:#333;
	font-weight:bolder;
	font-size:1.5em;
	line-height:170%;
}

span.yellow {
	color:#F30;
}

#main_contents.first p {
	margin-bottom:20px;
}

span.attention {
	background: #e1f8f9;
	border:1px solid #00b1b6;
	padding: 5px;
	display:block;
	width:200px;
}



	

/*641pxظ╤ق╛─عéق╛›ق╜œظ╥أ╚عéق╛›آ›عéق╛›آظ╤ق╜،ظ┬آžPCظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ├ق╛šظ╥أ╚عéق╛›آœظ├ق╛šPCظ╤ق╛─عéق╛›ق╜═ظ╥أ╚عéق╛›آ›ظ┬آ¤ظ╤ق╜œعéق╛›آŸظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›ظ┬آžظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╤ق╜،ظ╤آ›ظ╤ق╛─ظ├ق╛╜ظ╥أ╚عéق╛›آœعéق╛›ق╜║ظ╤ق╜œظ┬ظ›ظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╤ق╜œعéق╛›ق╛œظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›عéق╛›آœظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›عéق╛œق╛║ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜œعéق╛›ق╛œظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›عéق╛œظîظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›عéق╛›آšظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آœعéق╛›آœظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜œظ┬ظ›*/
@media screen and (min-width:768px){
	
  iframe {
	width: 100%;
    max-width: 100%; /* 親要素を超えないように制限 */
  }
	

}

/*ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛œق╜éظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╤ق╜،ظ┬آžظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛œظîظ╤ق╜،ظ┬آ›ظ╤ق╛─عéق╛›ق╜œظ╥أ╚عéق╛›آ›عéق╛›آظ╤ق╜،ظ┬آž641pxظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╤ق╜،عéق╛›ق╛šظ╤ق╛─ظ├ُ├┤ظ╥أ╚عéق╛›آ›عéق╛œق╜éظ╤ق╜œع╣ق╜œق╜¤ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›ظ╤أ«ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╤ق╜،ظ┬آ¤ظ╤ق╛─ظ├ق╜،ظ╤ق╜œعéق╛›آšظ╥أ╚عéق╛›آ›عéق╛œق╛œظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›ظ├ق╛║ظ╤ق╛─ظ├ق╜،ظ╥أ╚عéق╛›آœظ┬آ¤ظ╥أ╚عéق╛›آ›ظ┬آž*/
@media screen and (max-width:768px){

  iframe {
	width: 100%;
    max-width: 100%; /* 親要素を超えないように制限 */
  }
  
  .your-class-name {
  transform: scale(1.6);
  transform-origin: 0 0;
  width: 65%;
  overflow: hidden;
}
	
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 93%;
    margin: 20px auto;
    padding: 0px 0;
	margin-right: 40px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 100%;
    padding: 0px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
	line-height: 1.5;
    
}
.inquiry_btn {
    background-color: #ffa500
;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	   width: 100%;
    padding: 15px 0;
    font-size: 60px;
    font-weight: bold;
}
.inquiry_btn_blue {
    background-color: #4C82F8;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	   width: 100%;
    padding: 15px 0;
    font-size: 48px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.inquiry_btn_blue:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}

.sumally {
    background-color: #036;
    text-align: center;
    width: 100%;
    padding: 15px 0;
}


.reflection-img{
    width       :810px;
    height      :171px;
    position    :relative;
    overflow    :hidden;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

.high-line {
	background-color: #efea5c;
	padding:2px;
	font-weight: bold;
}

#toha {
	color: #333333;
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 2.0em;
	margin-top: 30px;
	background: #e0ffff;
	width: 90%;
	padding: 30px;
	margin: 0 auto;
    max-width: 850px;
	
}

#toha2 {
	color: #333333;
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 1.5em;
	margin-top: 30px;
	background: #e0ffff;
	width: 90%;
	padding: 30px;
	margin: 0 auto;
    max-width: 850px;	
}

#media {
	color: #333333;
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 1.5em;
	margin-top: 30px;
	background: #ffffe0;
	width: 90%;
	padding: 30px;
	margin: 0 auto;
    max-width: 850px;
	
}

.thinking {
	padding: 25px;
	margin: 0 auto;
    font-weight: bold;
    color: #000000;/*ع╢أ؛أ╞عàق╛┼أ╥عêأ╩قûô*/
    background: #FFF;
    border: solid 5px #00ced1;/*عçق╛╟آš*/
    border-radius: 20px;/*عêق╛žق╛عâق╜¤آ╩ع╡ق╛¤ق╛¤عâق╜¤ظŸ*/
	width: 85%;
	max-width: 850px;
}
.thinking p {
    margin: 0; 
    padding: 0;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.2;
}

.inst {
	padding: 30px;
	margin: 0 auto;
    font-weight: bold;
    color: #000000;/*ع╢أ؛أ╞عàق╛┼أ╥عêأ╩قûô*/
    background: #FFF;
    border: solid 5px #D7C78D;/*عçق╛╟آš*/
    border-radius: 20px;/*عêق╛žق╛عâق╜¤آ╩ع╡ق╛¤ق╛¤عâق╜¤ظŸ*/
	width: 85%;
}

.inst .image {
  width: 200px; /*ه╜؛مâ╣كé╬كé¤كé╙نîçم«š*/
  margin: 0;
  padding: 0;
}

.inst p {
  margin: 0 auto;
  padding: 0;
  font-weight: normal;
  font-size: 1.2em;
}

.float{
    float: left;
    margin-right: 20px;
}