html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	line-height: 2;
	background:transparent;
}


body {
  background: #fff;
  color: #222222;
  font-family: '游ゴシック', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-size:1.1em;
}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}



.sps {
  display: none;
}

.sp {
  display: none;
}

.ssp {
  display: none;
}

@media screen and (max-width: 800px) {
.sps {
  display: block;
}
}

@media screen and (max-width: 640px) {
	body {
	  font-size:1em;
	  line-height: 1.8;
	}
	
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.pcnone{
			display: block;
	}
	.spnone{
		display: none;
	}	
}

@media screen and (max-width: 480px) {
.ssp {
  display: block;
}
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#0066CC;
}


* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.bold {
	font-weight:bold;
}

.big {
	font-size: 140%;
	line-height: 1.5;
}
.big2 {
	font-size: 160%;
	line-height: 1.5;
	font-weight: bold;
	padding: 0 2px;
}

.red {
	color: #b50000;
}
.gold {
	color: #edc662;
}
.pink {
	color: #db3399;
}
.green {
	color: #33cc47;
}
.blue {
	color: #0077bb;
}
.yellow-line{
  background: linear-gradient(transparent 50%, #ffe67a 50%);
	padding-left: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 140%;
}

.center{
	text-align: center;
	margin: 0 auto 0;
}
.left{
	text-align: left;
	margin: 0 auto 0;
}
.right{
	text-align: right;
	margin: 0 auto 0;
}
.underline{
	text-decoration: underline;
}


/*スタイルシート
*******************************************/

#wrapper{
	width: 960px;
	margin: 0 auto 0;
}
	
/******ヘッダー******/

.header_bg {
	background-image: url("../img/header-bg.jpg");
	background-size:cover;
	background-position: bottom;
	background-color: #fff;
	text-align: center;
}
.header_bg img{
	line-height: 0px;
}

.kojimasan{
	margin-top: -70px;
	text-align: center;
}
.kojimasan img{
	max-width: 100%;
	}

.share-photo {
	line-height: 0;
	margin-bottom: 50px;
	}
.share-photo img{
	width: 100%;
	}

.prof{
	text-align: center;
}
.prof img{
	max-width: 100%;
	}


.lp-btn {
  text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}
.lp-btn :hover{
	opacity: 0.7;
}

.line-title{
	height:4px;
	background-color: #ffc900;
}
.sub-title{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ffc900;
	text-align: center;
}

.seminer-day{
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #33cc47;
	text-align: center;
}
.photo_bg {
	background-image: url("../img/photo_bg.jpg");
	background-size: cover;
	height: 200px;
	background-color: #fff;
	text-align: center;
	-moz-animation: loop 100s linear infinite;
	animation: loop 100s linear infinite;
}

@keyframes loop {
 0% {background-position: 2000px 0;}
 25% {background-position: 1500px 0;}
 50% {background-position: 1000px 0;}
 75% {background-position: 500px 0;}
 100% {background-position: 0 0;}
}
 
@-moz-keyframes loop {
 0% {background-position: 2000px 0;}
 25% {background-position: 1500px 0;}
 50% {background-position: 1000px 0;}
 75% {background-position: 500px 0;}
 100% {background-position: 0 0;}
}

@media screen and (max-width: 685px) {
.header_bg {
	background-size: cover;
	}
	.header_bg img{
	width: 100%;
	}
	.top_bg{
		padding-top: 10px;
		padding-bottom: 5px;
			}
	.top_bg img{
	width: 100%;
	}	
	.black_bg img{
	width: 100%;
	}
.photo_bg {
	background-size: cover;
		height: 100px;

	}
}



.white_bg{
	background-color: #fff;
	padding: 0px 0 70px;
	width:100%;
	text-align:center;
}

.kon_bg{
	background-color: #001033;
	padding: 10px 0 30px;
	width:100%;
	text-align:center;
	margin-bottom:40px;
}

@media screen and (max-width: 685px) {
.white_bg img{
	width:100%;
}
.img60{
	width:60%;
}
.kon_bg img{
	width:100%;
}
}

@media screen and (max-width: 640px) {
.white_bg{
	padding: 0px 0 40px;
}
}

.w685{
	text-align: center;
}
@media screen and (max-width: 685px) {
.w685 img{
	width: 100%;
}	
}


.btn a:hover{
 opacity:0.5;	
}

@media screen and (max-width: 640px) {
.btn img{
	width: 80%;
}
}


table{
  width: 94%;
  border-collapse: collapse;
	margin-left: auto;
	margin-right:auto;
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 120%;
}

table tr{
  border-bottom: solid 10px #33cc47;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 25%;
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 75%;
  background: #fff;
  padding: 20px 0 20px 25px;
	color:#333;	
}
table td .big{
  font-size: 130%;
	color: #ffa400;
}

table td .waku{
	background: #ffa400;
	padding:4px;
	margin-left: 5px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
@media screen and (max-width: 640px){
	
table{
font-size: 100%;
}
}

.reflection{
	display:inline-block;
	position:relative;
	overflow:hidden;
}
 
.reflection:after {
	content:"";
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity:0;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
}
 
@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; }
}




.w800{
	width: 800px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.inner{
	margin: 0px 10px 0px;
}
.inner p{
	padding-bottom: 20px;
}

.inner-white{
	padding: 20px 30px 40px;
	background-color: #fff;
}
.inner-white p{
	padding-bottom: 20px;
}

.white-font{
	padding: 10px 0px;
	color: #fff;
	text-align: center;
}


@media screen and (max-width: 800px) {
.w800{
	width: 100%;	
}
.inner{
	margin: 20px 5% 0;
}
.inner-white{
	margin: 20px 2% 0;
	padding: 20px 3% 30px;
}
}




.listimg1{
	list-style-type: none;
	margin: 0px auto 40px;

}

.listimg1 dt{
	font-size: 100%;
    padding:15px 10px 15px 50px;
	background: url(../img/listicon3.gif);
    background-repeat:no-repeat;
	background-position:left center;
    border-bottom: 2px dotted #99e2eb;
	line-height:1.5;
	font-weight:bold;
	color:#000;
}

.listimg2{
	list-style-type: none;
	margin: 0px auto 10px;

}

.listimg2 dt{
	font-size: 100%;
    padding:15px 10px 15px 50px;
	background: url(../img/listicon1.gif);
    background-repeat:no-repeat;
	background-position:left center;
    border-bottom: 2px dotted #baa160;
	line-height:1.5;
	font-weight:bold;
	color:#000;
}


.listimg3{
}


.listimg3 dt{
  color: black;
  border-left: solid 12px #baa160;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 10px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
	font-weight: bold;
}

.listimg4 ul, ol{
  background: whitesmoke;/*灰色に*/
  border-radius :8px;
  box-shadow :0px 0px 5px silver;
  padding: 0.5em 0.5em 0.5em 2em;
	margin-top: 10px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.listimg4 ul li, ol li{
  line-height: 1.5;
  padding: 0.5em 0;
}


@media screen and (max-width: 640px) {

.listimg1  {
	margin: 0px auto 30px;
}
	
.listimg1 dt  {
    padding:15px 0px 15px 38px;
	line-height:1.1;
    background-repeat:no-repeat;
	background-position:left center;

}
.listimg2 dt  {
    padding:15px 0px 15px 38px;
	line-height:1.6;
    background-repeat:no-repeat;
	background-position:left center;

}
.listimg3 dt{
	line-height:1.1;
}
	
.listimg4{
	width: 98%;
}

.listimg4 dt{
  padding: 0.2em 2%;
}
	
}


.leftphoto{
	float: left;
	width: 20%;
	margin-right: 5%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.leftphoto img{
	width: 100%;
}
.rightwords{
	float: left;
	width: 75%;
	color: #fff;
	text-align: left;
	font-weight: normal;
	line-height:20px;
}
.rightwords p{
	margin-bottom: 10px;
 }


.line{
	border-bottom: 2px dotted #ebc462;
	margin:10px 0px 30px;
}
@media screen and (max-width: 800px) {

.line{
	margin:10px 0px;
}
.title img{
	width: 100%;
}
.leftphoto{
	width: 20%;
	margin-right:2%;
	margin-left: 0%;
}	
}

.title .sp{
	display:none;
}
.title .pc{
	display:block;
}
@media screen and (max-width: 662px) {
.title .sp{
	display:block;
}
.title .pc{
	display:none;
}	
.title  img{
	width: 100%;
}
	
}

@media screen and (max-width: 640px) {
.leftphoto{
	width: 30%;
	margin-right: 3%;
}

.rightwords{
	width: 65%;
	color: #fff;
	text-align: left;
	font-weight: normal;
}
.rightwords p{
	margin-bottom: 0px;
	line-height: 1;
 }
}

.balloon5 {
    width: 100%;
    margin: 1.5em 0 2em;
    overflow: hidden;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	margin-right:auto;
	margin-left: auto;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 90px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    position: relative; 
    margin: 5px 0 0 130px;
    padding: 12px 3%;
    border-radius: 12px;
    background: #fff;
	text-align: left;
	font-size:100%;
}
@media screen and (max-width: 640px) {
.balloon5 {
    margin: 0px 0 30px;
}
	
.balloon5 .faceicon {
    margin-right: -60px;
    width: 60px;
	padding-top: 10px;
}	
.says {
	font-size:90%;
	 margin: 5px 0 0 75px;
	padding: 12px 2% 12px 3%;
}
}
.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #fff;
}

.says p {
    margin: 0;
    padding: 0;
	line-height: 150%;
}

.wine{
	color: #cc0000;

}


.copy {
	padding:50px 0 0px;
	text-align:center;
	font-size:0.7em;
	}
.copy a{
	color: #000;
	text-decoration: none;
	}
.copy a:hover{
	text-decoration:underline;
	}

.small{
	font-size: 70%;
}

/*2行*/
.clearfix{
	margin-top: 50px;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.half-left{
  float: left;
	width: 30%;
}
.half-left img{
	width: 90%;
	}
.half-right{
  float: right;
	width: 70%;
}
@media screen and (max-width:680px){
.half-left{
	width: 0%;
	display: none;
}
.half-right{
	width: 100%;
}
}
/*ページトップアイコン*/
.pagetop {
    position: fixed;
    bottom: 0px;
    right: 0%;
	width: 15%;
}

.pagetop li{
	display:inline-block;
}
.pagetop img{
	width: 100%;
}
.pagetop img:hover {
	opacity: 0.5 ;
}

@media screen and (max-width:680px){
.pagetop {
    width: 20%;
	bottom: -15px;
}
.pagetop li{
	display:inline-block;
	width: 100%;
}
}

/* 回転するアニメーション */
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa {
  animation: 1.5s fuwafuwa infinite;
}