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

/*-------------------------------------------------------------
RESET
-------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dfn,var { font-size: 1em; font-weight: normal; font-style: normal; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
*{zoom:1;}

/* CLEAR */
.clear{ clear: both; }


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* IMAGE */

img {vertical-align:bottom; border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }

/* GRID */

.column { float: left; }
.row2, .row2a, .row2b, .row2c, .row2d, .row2e, .row2f, .row2g, .row2h, .row3, .row3a, .row4, .row5, .row6 { width: 100%; }

/* 1:1 */
.row2 .column { width: 49%; }
/* 2:1 */
.row2a .column.first { width: 66%; }
.row2a .column.last { width: 32%; }
/* 1:2 */
.row2b .column.first { width: 32%; }
.row2b .column.last { width: 66%; }
/* 3:1 */
.row2c .column.first { width: 75%; }
.row2c .column.last { width: 23%; }
/* 1:3 */
.row2d .column.first { width: 23%; }
.row2d .column.last { width: 75%; }
/* 4:1 */
.row2e .column.first { width: 79%; }
.row2e .column.last { width: 19%; }
/* 1:4 */
.row2f .column.first { width: 19%; }
.row2f .column.last { width: 79%; }
/* 5:1 */
.row2g .column.first { width: 82%; }
.row2g .column.last { width: 16%; }
/* 1:5 */
.row2h .column.first { width: 16%; }
.row2h .column.last { width: 82%; }

/* 1:1:1 */
.row3 .column { width: 32%; margin-left: 2%; }
/* 1:2:1 */
.row3a .column { width: 58%; margin-left: 3%; }
.row3a .column.first,
.row3a .column.last { width: 19%; margin-left: 3%; }

.row4 .column { width: 23%; margin-left: 3%; }

.row5 .column { width: 18.4%; margin-left: 2%; }

.row6 .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }


/* TYPE */

body { font-size:12px; }

h1,h2,h3,h4,h5,h6 { line-height:1.6em; }
dd { line-height: 1.6em;}


ul { list-style-type:none;}
ul.square li { list-style: square inside; }
ul.circle li { list-style: circle inside; }
ul li { }
ol {list-style-type:decimal; margin:0 0 1.1em 0;}
ol li {list-style:decimal inside; }

a { color:#1FA3DD ; outline : 0 ;}/* #ecae06*/
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border:0; }
a.more { padding-right: 15px; background: no-repeat right center; }
a.external { padding-right: 15px; background: url(../images/lp/ICON_external.png) no-repeat right center; }
a[rel="external"] { padding-right: 15px; background: url() no-repeat right center; }

a.zip { padding-right: 20px; background: url() no-repeat right center; }
a.pdf { padding-right: 20px; background: url() no-repeat right center; }
a.dl { padding-right: 20px; background: url() no-repeat right center; }

strong, b, .bold { font-weight: bold; }
.normal { font-weight: normal; }
em, i, .italic{ font-style: italic; }

.red { color:#F00; }

blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;

}

pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}

table{ margin: 0; padding: 0; border-collapse: collapse;  border: none; }
table th, table td{ vertical-align: top; border: none;}

.hidden { display: none; visibility: hidden;}

.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }

.section { margin:0; padding:0; }
.zero { margin:0; padding:0; }

.border-none: {border: none;}
.background-none: {background: none;}












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


body{ font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; width:100%; font-size:14px;}
.left{ float:left;}
.right{ float:right;}
.box{ width:960px; margin:0px auto; padding:60px 0; overflow:hidden;}
section{ clear:both;}
.sp{ display:none;}


/*---------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
#main{ height:500px; background:url(../images/lp/bg_top.jpg) no-repeat; background-size:100%; font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
}
#main h1{ font-size:24px; color:#1d91be; margin-bottom:20px;}
span.fs40{ font-size:40px;}
span.fs30{ font-size:30px;}
span.fs24{ font-size:24px;}

#main .txt_main{ font-size:18px;}
#main .box{ margin:0 auto; padding:80px 0;}

#date{ color:#1d91be; background:#e5f2fb; text-align:center; padding:20px 0;}
#date .free{ font-size:24px; font-weight:bold; letter-spacing:2px; border:thin solid #1d91be; padding:10px; border-radius:5px; display:inline; margin:0 15px 0 0; vertical-align:super;}
#date .price{ font-size:24px; font-weight:bold; letter-spacing:2px; border:thin solid #1d91be; padding:10px; float:left;}
#date .ymd{font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
 font-size:40px; clear:left; display:inline; letter-spacing:2px;}
.ymd span{ font-size:18px;}



/*------------------------------------------------------------
seminar
------------------------------------------------------------------*/

#seminar{ background:url(../images/lp/bg_koushi.jpg); overflow:hidden;}
#wrapper h2{ color:#1d91be; font-size:24px; background:#e5f2fb url(../images/lp/bg_border.jpg) no-repeat 42px 120px; float:left; padding:70px 40px; width:240px; height:240px; box-sizing:border-box; line-height:2; border-radius:8px; font-weight:bold; letter-spacing:2px;}
#wrapper h2 span{ font-weight:normal; letter-spacing:0px;}
#seminar .sutop{ background:url(../images/lp/bg_note.png) no-repeat 0 -5px; color:#1d91be; width:700px; padding:70px 90px; box-sizing:border-box;}

.reco{ width:850px; margin:0px auto; clear:both; padding:60px 0 30px 0;}
.reco h3{ background:#1d91be; color:#fff; font-size:18px; text-align:center; border-radius:20px; clear:both; padding:5px 0;}
.reco ul{ margin-top:20px;}
.reco ul li{ background:url(../images/lp/ico01.jpg) no-repeat 10px 15px; padding:8px 0 8px 90px; border-bottom:thin dotted #000; font-size:16px;}
.reco ul li.reco02{ background:url(../images/lp/ico02.jpg) no-repeat 10px 15px; }
.reco ul li.reco03{ background:url(../images/lp/ico03.png) no-repeat 10px 15px; }

.merit{}
.merit ul{ overflow:hidden; width:840px; margin:0 auto;}
.merit ul li{ width:250px; height:250px; border-radius:125px; background:#e5f2fb; float:left; margin:0 15px; color:#1d91be; font-weight:bold; text-align:center; padding:100px 20px; box-sizing:border-box;}
.merit ul li.me_ttl{ background:#fdf0eb; color:#de732b; padding:95px 20px;}
.merit ul li.me_ttl h4{ font-size:18px; line-height:1.4; letter-spacing:2px; font-weight:bold;}
.merit ul li:nth-child(3){  padding:88px 20px; box-sizing:border-box;}
.merit ul:nth-child(3){ overflow:hidden; width:560px; margin:0 auto;}



/*------------------------------------------------------------
speaker
------------------------------------------------------------------*/

.profile{ border:20px solid #e5f2fb; border-radius:8px; background:#fff; width:700px; box-sizing:border-box; padding:20px; margin-bottom:20px;}
.profile .left{ width:170px;}
.profile .left .nmae{ color:#1d91be; font-size:20px; font-weight:bold;}
.profile .left .nmae span{ color:#1d91be; font-size:14px; font-weight:normal;}
.profile .right{ width:431px; background:url(../images/lp/bg_kakko.jpg) no-repeat; padding:28px 20px; box-sizing:border-box; line-height:1.4;}
.profile01 .right{background:url(../images/lp/bg_kakko02.jpg) no-repeat; padding:35px 20px;}
.profile strong{ margin-bottom:10px;}
.profile .name{ color:#1d91be; font-size:20px; font-weight:bold; line-height:1.2; background:url(../images/lp/bg_border.jpg) no-repeat; margin-top:20px; padding:20px 0 0 0;}
.profile .name span{ color:#1d91be; font-size:14px; font-weight:normal;}

/*------------------------------------------------------------
info
------------------------------------------------------------------*/
#info{ background:#f4f8fb; overflow:hidden;}

#info table{ width:700px; float:right;}
#info table th{ background:#eeeeee; width:150px;}
#info table th , #info table td{ padding:20px; border:thin solid #dcdcdc;}

.entry{ background:url(../images/lp/ico_arrow.jpg) no-repeat 50% bottom; padding-bottom:25px;}
.entry p{text-align:center; padding:20px ; color:#1d91be; font-size:24px; font-weight:bold; letter-spacing:2px; background: #e5f2fb;}
.map iframe{ width:100%;}

/*------------------------------------------------------------
entryform
------------------------------------------------------------------*/

#entryform table{ border:none; width:680px; margin:0 auto;}
#entryform table th{ color:#1d91be; font-weight:bold; font-size:16px; width:160px;}
#entryform table th ,#entryform table td{ padding:15px 10px;}
#entryform table input{ background:#f5f5f5; border:none; border-radius:5px; width:480px; padding:0 10px;}
#entryform table td{}
#entryform .btn input{ background:#fdf0eb; color:#de732b; font-size:24px; font-weight:bold; border-radius:8px; width:325px; height:70px; text-align:center; border:none; letter-spacing:3px; margin:20px auto; clear:both; cursor:pointer;}
.btn{ margin:30px auto; width:325px; cursor:pointer;}
.copy{ font-size:9px; text-align:center;}


@media screen and (max-width: 960px) {
.box{ width:100%; margin:0px auto; padding:30px 0; overflow:hidden;}
#main{ height:340px; width:100%; background:url(../images/lp/bg_top.jpg) no-repeat; background-size:cover;}
#wrapper h2{ color:#1d91be; font-size:14px; background:#e5f2fb url(../images/lp/bg_border.jpg) no-repeat center 28px; background-size:15%; float:left; padding:5px; width:100%; box-sizing:border-box; border-radius:0; font-weight:bold; letter-spacing:2px; text-align:center; line-height:1.6; height:auto; margin-bottom:10px; overflow:hidden; margin-bottom:20px;}
#wrapper h2 + div{ clear:both;}
.left{ float:none;}
.right{ float:none;}

/*------------------------------------------------------------
seminar
------------------------------------------------------------------*/

#seminar{ background:url(../images/lp/bg_koushi.jpg); overflow:hidden;}
#seminar .sutop{ background:url(../images/lp/bg_note.png) no-repeat 0 -5px; color:#1d91be; width:700px; padding:70px 90px; box-sizing:border-box; margin:80px auto 0 auto;}



/*------------------------------------------------------------
speaker
------------------------------------------------------------------*/

.profile{ border:20px solid #e5f2fb; border-radius:8px; background:#fff; width:700px; box-sizing:border-box; padding:20px; margin-bottom:20px; margin:0 auto 20px auto;}
.profile .left{ width:170px; float:left;}
.profile .left .nmae{ color:#1d91be; font-size:20px; font-weight:bold;}
.profile .left .nmae span{ color:#1d91be; font-size:14px; font-weight:normal;}
.profile .right{ width:431px; background:url(../images/lp/bg_kakko.jpg) no-repeat; padding:28px 20px; box-sizing:border-box; line-height:1.4; float:right;}
.profile01 .right{background:url(../images/lp/bg_kakko02.jpg) no-repeat; padding:35px 20px;}
.profile strong{ margin-bottom:10px;}
.profile .name{ color:#1d91be; font-size:20px; font-weight:bold; line-height:1.2; background:url(../images/lp/bg_border.jpg) no-repeat; margin-top:20px; padding:20px 0 0 0;}
.profile .name span{ color:#1d91be; font-size:14px; font-weight:normal;}

/*------------------------------------------------------------
info
------------------------------------------------------------------*/
#info{ background:#f4f8fb; overflow:hidden;}

#info table{ width:700px; float:none; margin:0 auto;}
#info table th{ background:#eeeeee; width:150px;}
#info table th , #info table td{ padding:20px; border:thin solid #dcdcdc;}

.entry{ background:url(../images/lp/ico_arrow.jpg) no-repeat 50% bottom; padding-bottom:25px;}
.entry p{text-align:center; padding:20px ; color:#1d91be; font-size:24px; font-weight:bold; letter-spacing:2px; background: #e5f2fb;}
.map iframe{ width:100%;}

}


@media screen and (max-width: 640px) {
.left{ float:none;}
.right{ float:none;}
.box{ width:95%; margin:0px auto; padding:20px 0; overflow:hidden;}
section{ clear:both;}
.sp{ display:block;}
.pc{ display:none !important;}


/*---------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
#main{ height:340px; width:100%; background:url(../images/lp/bg_top.jpg) no-repeat; background-size:cover;}
#main h1{ font-size:14px; color:#1d91be; margin-bottom:20px; line-height:1.6;}
#main h1 span.fs40{ font-size:23px;}
#main h1 span.fs30{ font-size:15px;}
#main .txt_main{ font-size:14px;}
#main .box{ margin:0 auto; padding:40px 0;}

#date{ color:#1d91be; background:#e5f2fb; text-align:center; overflow:hidden; padding:15px 0 10px 0;}
#date .free_sp{ border:thin solid #1d91be; border-radius:5px; width:70px; float:left; margin:0 0 0 40px; padding-top:10px;}
#date .free{ font-size:12px; font-weight:bold; letter-spacing:2px; border:none; padding:0px;display:inline; margin:-10px 0px 0 0; vertical-align:super; text-align:center; line-height:1.2;}
#date .free span{ font-size:19px;}
#date .ymd{font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
 font-size:25px; clear:left; display:inline; letter-spacing:2px; line-height:2;}
.ymd span{ font-size:12px; margin:0;}


#main br{ line-height:0;}
#seminar br{ line-height:0;}

/*------------------------------------------------------------
seminar
------------------------------------------------------------------*/

#seminar{ background:url(../images/lp/bg_koushi.jpg); overflow:hidden;}
#wrapper h2{ color:#1d91be; font-size:14px; background:#e5f2fb url(../images/lp/bg_border.jpg) no-repeat center 43px; background-size:15%; float:left; padding:5px; width:100%; box-sizing:border-box; border-radius:0; font-weight:bold; letter-spacing:2px; text-align:center; line-height:1.6; height:auto; margin-bottom:10px;}
#wrapper h2 span{ font-weight:normal; letter-spacing:0px; font-size:12px; overflow:hidden;}
#seminar .sutop{ background:#fff;; color:#1d91be; width:100%; padding:10px 25px; box-sizing:border-box; line-height:1.6; margin:10px 0; overflow:hidden;}
#seminar .sutop br{ display:none;}
.reco{ width:100%; margin:0px auto; clear:both; padding:0 0 30px 0;}
.reco h3{ background:#1d91be; color:#fff; font-size:18px; text-align:center; border-radius:20px; clear:both; padding:5px 0;}
.reco ul{ margin-top:0px;}
.reco ul li{ background:url(../images/lp/ico01.jpg) no-repeat 10px center; background-size:13%; padding:8px 0 8px 100px; border-bottom:thin dotted #000; font-size:12px;}
.reco ul li.reco02{ background:url(../images/lp/ico02.jpg) no-repeat 10px center; background-size:13%; }
.reco ul li.reco03{ background:url(../images/lp/ico03.png) no-repeat 10px center; background-size:13%; }

.merit{}

.merit ul{ overflow:hidden; width:100%; margin:0 auto; padding:0;}
.merit ul li{ width:50%; height:auto; border-radius:0; background:url(../images/lp/bg_circle.png) no-repeat; background-size:100%; float:left; margin:0; color:#1d91be; font-weight:bold; text-align:center; box-sizing:border-box; font-size:16px; padding:100px 40px;}
.merit ul li:nth-child(3){  box-sizing:border-box; padding:90px 40px;}
.merit ul:nth-child(3){ overflow:hidden; width:100%; margin:0 auto;}
.merit h3{ background:#fdf0eb; color:#de732b; font-weight:bold; letter-spacing:1px; font-size:18px; text-align:center; border-radius:20px; clear:both; padding:5px 0; margin-bottom:20px;}




/*------------------------------------------------------------
speaker
------------------------------------------------------------------*/

.profile{ border:8px solid #e5f2fb; border-radius:8px; background:#fff; width:100%; box-sizing:border-box; padding:8px; margin:20px 0; overflow:hidden;}
.profile .left{ width:100%; border-bottom:thin solid #e5f2fb; overflow:hidden; padding-bottom:5px; margin-bottom:10px;}
.profile .left .t_img{ width:50%; float:left;}
.profile .left .t_img img{ width:100%;}
.profile .name{ color:#1d91be; font-size:20px; font-weight:bold; line-height:1.2; background:none; margin-top:0px; padding:28px 10px; box-sizing:border-box; float:right; width:50%;}
.profile .name span{ color:#1d91be; font-size:14px; font-weight:normal;}
.profile .right{ width:100%; background:none; padding:0; box-sizing:border-box; line-height:1.4;}
.profile01 .right{background:none; padding:0px;}
.profile strong{ padding:10px 0;}

/*------------------------------------------------------------
info
------------------------------------------------------------------*/
#info{ background:#f4f8fb; overflow:hidden;}

#info table{ width:100%; float:right;}
#info table th , #info table td{ padding:10px; border:none; width:100%; background:#fff;}
#info table .gray th , #info table .gray td{ padding:10px; width:100%; background:#eeeeee;}
#info table th{ border-bottom:thin dotted #a8bdce;}

.entry{ background:url(../images/lp/ico_arrow.jpg) no-repeat 50% bottom; padding-bottom:25px; width:100%;}
.entry p{text-align:center; padding:10px ; color:#1d91be; font-size:20px; font-weight:bold; letter-spacing:2px; background: #e5f2fb;}
.map iframe{ width:100%; height:200px;}




/*------------------------------------------------------------
entryform
------------------------------------------------------------------*/
#entryform{ width:100%; box-sizing:border-box;}
#entryform ul{ width:100%; margin:0 auto;}
#entryform ul li{ width:100%; padding:5px 10px; box-sizing:border-box;}
#entryform ul li.formttl{ color:#1d91be; font-weight:bold; font-size:14px;}
#entryform ul li.forminput{ width:100%; box-sizing:border-box;}
#entryform input{ background:#f5f5f5; border:none; border-radius:5px; padding:5px; box-sizing:border-box; width:100%;}
#entryform input {
   -webkit-appearance: none;
   -moz-appearance: none;
}
#entryform .btn input{ background:#fdf0eb; color:#de732b; font-size:24px; font-weight:bold; border-radius:8px; width:100%; height:70px; text-align:center; border:none; letter-spacing:3px; margin:20px auto; clear:both; box-sizing:border-box;}
.btn{ margin:30px auto; width:100%;}
.copy{ font-size:9px; text-align:center;}




	
}


@media screen and (max-width: 320px) {
	#main{ height:340px; width:100%; background:url(../images/lp/bg_top.jpg) no-repeat; background-size:auto 100%;}
#wrapper h2{ color:#1d91be; font-size:14px; background:#e5f2fb url(../images/lp/bg_border.jpg) no-repeat center 28px; background-size:15%; float:left; padding:5px; width:100%; box-sizing:border-box; border-radius:0; font-weight:bold; letter-spacing:2px; text-align:center; line-height:1.6; height:auto; margin-bottom:10px;}

	#date{ color:#1d91be; background:#e5f2fb; text-align:center; overflow:hidden; padding:15px 0 10px 0;}
#date .free_sp{ border:thin solid #1d91be; border-radius:5px; width:70px; float:left; margin:0 0 0 20px; padding-top:10px;}
#date .free{ font-size:12px; font-weight:bold; letter-spacing:2px; border:none; padding:0px;display:inline; margin:-10px 0px 0 0; vertical-align:super; text-align:center; line-height:1.2;}
#date .free span{ font-size:19px;}
#date .ymd{font-family:Times New Roman , "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN , "MSP明朝","MS PMincho","MS 明朝",serif;
 font-size:25px; clear:left; display:inline; letter-spacing:2px; line-height:1;}
.ymd span{ font-size:12px; margin:0;}
.reco h3{ background:#1d91be; color:#fff; font-size:12px; text-align:center; border-radius:20px; clear:both; padding:5px 0;}
.reco ul li{ background:url(../images/lp/ico01.jpg) no-repeat 10px center; background-size:13%; padding:8px 0 8px 60px; border-bottom:thin dotted #000; font-size:12px;}
.merit ul{ overflow:hidden; width:100%; margin:0 auto; padding:0;}
.merit ul li{ width:50%; height:auto; border-radius:0; background:url(../images/lp/bg_circle.png) no-repeat; background-size:100%; float:left; margin:0; color:#1d91be; font-weight:bold; text-align:center; box-sizing:border-box; font-size:12px; padding:50px 10px;}
.merit ul li:nth-child(3){  box-sizing:border-box; padding:40px 10px;}
.merit ul:nth-child(3){ overflow:hidden; width:100%; margin:0 auto;}
.merit h3{ background:#fdf0eb; color:#de732b; font-weight:bold; letter-spacing:1px; font-size:12px; text-align:center; border-radius:20px; clear:both; padding:5px 0; margin-bottom:20px;}

	}