@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
 @font-face {
   font-family: 'Noto Sans Japanese';
   font-style:normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }

/* google font */

.lato {
	font-family: 'Lato', sans-serif;
}
.roboto {
	font-family: 'Roboto', sans-serif;
}
.noto400 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 400;
}
.noto700 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 700;
}


body {
	color: #333;
	font-size: 10px;
	font-family: "Noto Sans Japanese", sans-serif;
	background-image: none;
	_font-size: 62.5%;
	margin-right: auto;
	margin-left: auto;
	overflow-x: hidden;
	padding: 0px;
	margin-top: 0px;
	background-color: #fff;
	width: 100%;
}
* html body{  
    overflow: hidden;  
}  
*{ margin: 0; padding: 0; border: 0;
list-style: none; }
img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align:bottom;　
}
a:hover img.over{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.link_off{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

a img {
    border-style:none;
}
a:link {
	color: #0DA5E4;
	text-decoration: none;
}
a:visited { color: #0DA5E4; }
a:hover {
	color: #7DD3F7;
}
a:active { color: #7DD3F7; }

.float_left {
	float: left;
}
.float_right {
	float: right;
}

.center {
	text-align: center;
}
p {
	font-size: 1.4em;
	line-height: 180%;
	margin-top: 0;
}
.p_10 {
	font-size: 1em;
}
.p_12 {
	font-size: 1.2em;
}
.p_20 {
	font-size: 2em;
}
.mt_00 {
	margin-top: 0px;
}
.mt_05 {
	margin-top: 5px;
}
.mt_10 {
	margin-top: 10px;
}
.mt_15 {
	margin-top: 15px;
}
.mt_20 {
	margin-top: 20px;
}
.mt_25 {
	margin-top: 25px;
}
.mt_30 {
	margin-top: 30px;
}
.mt_40 {
	margin-top: 40px;
}

.mt_50 {
	margin-top: 50px;
}
.mt_55 {
	margin-top: 55px;
}
.mt_60 {
	margin-top: 60px;
}

.mt_80 {
	margin-top: 80px;
}
.mt_100 {
	margin-top: 100px;
}
.mt_150 {
	margin-top: 150px;
}
.mt_200 {
	margin-top: 200px;
}
.mt_250 {
	margin-top: 250px;
}
.mb_05 {
	margin-bottom: 5px;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_15 {
	margin-bottom: 15px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_25 {
	margin-bottom: 25px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_50 {
	margin-bottom: 50px;
}
.mb_80 {
	margin-bottom: 80px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_50 {
	margin-left: 50px;
}
.ml_80 {
	margin-left: 80px;
}
.ml_70 {
	margin-left: 70px;
}
.ml_100 {
	margin-left: 100px;
}
.ml_150 {
	margin-left: 150px;
}
.mr_00 {
	margin-right: 0px;
}
.mr_15 {
	margin-right: 15px;
}
.mr_40 {
	margin-right: 40px;
}
.txt_r {
	text-align: right;
}
.txt_l {
	text-align: left;
}
.pt_50 {
	padding-top: 50px;
}
.pb_50 {
	padding-bottom: 50px;
}
.pt_20 {
	padding-top: 20px;
}
.pa_10 {
	padding: 10px;
}



/* BOX LINK */

.box_link {
	position:relative;
}
.box_link a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.box_link a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

iframe{
width:100% !important;
}
.iframeBox{
position:relative;
width:100%;
}
.iframeBox iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}



/* PAGE TOP */

#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 90%;
}
#page-top a {
background: #cccccc;
text-decoration: none;
color: #fff;
width: 55px;
text-align: center;
display: block;
}

#page-top a:hover {
text-decoration: none;
background: #ccc;
}



/* CLEARFIX */

.clearfix:after {
  content: "";
  /* new clearfix */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 * html .clearfix {
  zoom: 1;
}
/* IE6 */
 *:first-child + html .clearfix {
  zoom: 1;
  display: inline-block;
}
/* IE7 */
.clearfix {
  display: block;
  *zoom: 1;
}
.clearfix:after {
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
  clear: both;
  content: ".";
}

.clear {
	clear: both;
}



/* HEADER */



/* NAV */



/* MAIN VISUAL */

.main_img{
	padding-top: 53%;
	background-size: contain;
	background-image: url(../images/main.png);
	background-repeat: no-repeat;
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
	z-index: 0;
	margin-bottom: -1px;
	background-position: 0px 180px;
}

.main_img .title {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
	text-align: center;
	top: 100px;
	background: #fff;
	color: #000;
	padding-bottom: 20px;
}

/* background: rgba(51,51,51,0.6); */

/* FOOTER */

footer address {
	font-size: 1.2em;
	font-style: normal;
}

footer.darkgray {
	color: #fff;
}

footer.darkgray address {
	font-size: 1.2em;
	font-style: normal;
}


/* CONTENTS */

.max1200 {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.max1100 {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.max1000 {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.max960 {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.max880 {
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.max850 {
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.max840 {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
}
.max800 {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.max750 {
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}
.max650 {
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
}
.max600 {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.max500 {
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.max400 {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.max300 {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.max200 {
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}
.column3 {
	float: left;
	width: 31.3%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 2%;
	margin-bottom: 5%;
}
.column2 {
	padding: 15px;
	float: left;
	width: 44.5%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 1%;
}
.column4 {
	float: left;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 2%;
	margin-bottom: 5%;
	text-align: left;
}



.pc {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.mob {
	display: none;
}
.tab {
	display: none;
}

.hide {
	display: none;
}


.red {
	color: #FF0000;
}
.orange {
	background-color: #FDBD40;
	color: #000;
}
.Yellow {
	background-color: #FFE00B;
}
.green {
	background-color: #68D6A2;
}
.gray {
	background-color: #F8F5F0;
}
.blue {
	background-color: #09B1F9;
}
.darkgray {
	background-color: #888686;
}
.darkblue {
	background-color: #002F73;
}
.white {
	background-color: #fff;
}


section.darkblue{
	color: #fff;
}

.small {
	font-size: 0.8em;
	font-weight: normal;
}
.p_list {
	text-indent: -1em;
	margin-left: 1em;
	text-align: left;
	color: #000;
}

.pagetop {
	margin-top: 30px;
	margin-bottom: 10px;
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
}


.tel {
	font-size: 4em;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}
.copy {
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 30px;
}

.map {
	height: 350px;
	width: 470px;
	float: left;
}
.iframeBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 20px;
}
.iframeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.title .h_02 {
	font-size: 1.4em;
}
.title h1 {
	font-size: 3em;
}
.schedule dl {
	padding: 10px;
	font-size: 1.4em;
}
.schedule dt {
	font-weight: bold;
	width: 20%;
	float: left;
	margin-bottom: 5px;
	clear: left;
}
.schedule dd {
	float: left;
	margin-bottom: 5px;
	width: 80%;
}
.mr_logo {
	width: 15%;
	position: fixed;
	left: 3%;
	top: 30px;
}
.icc_logo {
	width: 15%;
	margin-right: 3%;
	position: fixed;
	top: 30px;
	right: 0%;
}
.time {
	font-size: 1.6em;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.first {
	background-color: #D0E1F4;
}
.second {
	background-color: #C3E4ED;
}
.first .time {
	background-color: #3880D0;
}
.second .time {
	background-color: #3598B2;
}
.face {
	float: left;
	margin-right: 10px;
	width: 100px;
}
.column2.seminar h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.main_img .title h2 {
	font-size: 1.8em;
	color: #00BDFE;
}
.entry a{
	background-color: #0EA5E5;
	color: #fff;
	padding: 5px;
}
.entry a:hover{
	background-color: #82D4F7;
}
.seminar .pd {
	padding: 20px;
}
.white.schedule .pd {
	padding: 20px;
}
.btn {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 4em;
	color: #fff;
	background-color: #3876DB;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


.end {
	pointer-events: none;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}







/*
 * -- PC MEDIA QUERIES --
 */
@media only screen and (max-width: 960px) {
.contents {
	width: 96%;
}
.icc_logo {
	margin-right: 1%;
	top: -25px;
}
}

/*
 * -- PHONE MEDIA QUERIES --
 */
@media only screen and (max-width:685px){


.pc {
	display: none;
}
.mob {
	display: block;
}

.column3 {
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.column2 {
	padding: 0px;
	float: none;
	width: 98%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 1%;
	margin-top: 5%;
}
.title .h_02 {
	font-size: 1.4em;
}
.title h1 {
	font-size: 1.8em;
}
.mr_logo {
	left: 1%;
	top: 30px;
}
.icc_logo {
	margin-right: 1%;
	top: 50px;
}

.main_img{
	margin-top: 5%;
	padding-top: 53%;
	background-position: 0px 100px;
}
.main_img .title {
	top: 40px;
	padding-top: 50px;
}
.main_img .title h2 {
	font-size: 1.4em;
}
}
/*
 * -- PHONE MEDIA QUERIES --
 */
@media only screen and (max-width: 480px) {

.column4 {
	width: 40%;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.main_img .title {
	top: 50px;
	padding-top:10px;
	padding-bottom: 10px;
}

.title .h_02 {
	font-size: 1.2em;
}
.title h1 {
	font-size: 1.6em;
}
.main_img{
	margin-top: 10%;
	padding-top: 59%;
	background-position: 0px 90px;
}
.main_img .title {
	top: 10px;
	padding-top: 30px;
}
}

@media only screen and (max-width: 320px) {
.main_img{
	margin-top: 35%;
	padding-top: 52%;
	background-position: 0px 40px;
}
.main_img .title {
	top: -30px;
	padding-top: 00px;
}
.schedule dt {
	width: 20%;
}
.schedule dd {
	width: 80%;
}
.mr_logo {
	width: 25%;
	left: 3%;
	top: 80px;
}
.icc_logo {
	width: 25%;
	margin-right: 2%;
	margin-top: 20%;
	top: 40px;
}
}