/* 必要なCSS */

body{
    color: #333;
    /* [disabled]background:url(../images/bg2.png) repeat-y; */
    background-size: contain;
    width: 100%;
    margin: 0 auto;
    padding: 0;
	}

.clear{
	clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
p a{
	text-decoration:underline;
	color: #333;
}
p a:hover{
	text-decoration:none;
	color: #333;
}

a img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

a:hover img{
	filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

img{max-width:100%;}

h3{color:#29ABE2;
font-size:200%;
font-weight:normal;
padding: 1.1em 18px 0.8em 18px;
text-align: center;}

sup{
    vertical-align:bottom;
}

h3 sup{
    font-size: 55%;
    vertical-align:text-bottom;
}

p{
	font-size: 115%;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 1.6em;
	padding: 0 18px 1em 18px;
	}

#pagecont{
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
}

.margin{
	padding:0 0 50px 0;}

.main-visual {
	text-align: center;
	position: relative;
	width: 100%;
    max-width:1600px;
	margin: 0 auto;	
	padding:0 0 0 0;
    /*background:url("../images/main.jpg") no-repeat;*/
    /*height:430px;
    background-size: cover;
    background-position: center bottom;*/
    border-bottom: 6px solid #333;
}

 
.main-visual .dLogo {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 35%;
    max-width: 250px;
}
.main-visual .mainLogo {
position: absolute;
width:96%;
max-width:1205px;
    top: 40%;
    left: 46%;
    transform: translate(-46%, -40%);
    -webkit-transform: translate(-46%, -40%);
    -ms-transform: translate(-46%, -40%);
}

.bg_gray{
    background:#E9E9EB;
    padding:45px 0 20px 0;  
}

.features{
    margin: 0 auto 0 auto;
    width: 92%;
    max-width: 1300px;
}

.feature_full{
    background:#FFF;
    padding:0;
    margin: 0 auto 25px auto;
    width: 100%;
}
.feature_full h3{
   text-align: center;
}

.feature_l{
    background:#FFF;
    padding:0;
    margin: 0 1% 25px 0;
    width: 49%;
    /*max-width: 490px;*/
    float:left;
}
.feature_r{
    background:#FFF;
    padding:0;
    margin: 0 0 25px 1%;
    width: 49%;
    /*max-width: 490px;*/
    float:right;
}

/*.marche{
    text-align: center;
    padding: 0px 0;
    position:fixed;
    height:100px;
    bottom: 0px;
    width: 100%;
    background: #FFF;
}
*/

.marche{
    /*border-top:1px solid #EEE;*/
    text-align: center;
    padding: 0px 0 0px 0;
	margin: 30px 0 10px;
}
.marche img {
    width: 200px;
}

.footimage img{
}

#footer{
    margin: 0;
    width: 100%;
    padding: 8px 0 7px 0;
    background: #333;
    color: #FFF;
}

#footer .f_left{
	width: 100%;
	text-align:center;
}
#footer .f_right{
   float:right;
	width: 35%;
	text-align: right;
}
#footer .f_right img{
  padding:0 15px 0 0;
}


#page-top {
	position: fixed;
	bottom: 10px;
	right: 5px;
}

#page-top img{
	filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#page-top img:hover{
	filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.display_pc{
	display: block;
}
.display_sp{
	display: none;
}


.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}



.para{
    width: 100%;
    height: 500px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("../images/bg4.jpg");
    background-size: cover;
}

.table_a{
    margin: 0 auto 2em auto;
    max-width: 800px; 
}

.table_a h3{
    margin: 0.8em 0 0.5em 0;
    color:#333;
}

.table_a table{
    width:100%;
    max-width: 800px; 
    border-top: 1px solid #DDD;
}
.table_a table th,td{
    font-size:110%;
    padding: 1.5em 1.2em 1.25em 0.5em;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #DDD;
}

.btn_pdf{
    margin: 0px auto 40px auto;
    width:15em;
    font-size: 140%;
    text-align: center;
    background: #EEE;
    padding: 22px 0 20px 0;
    border: 1px solid #DDD;
}
.btn_pdf a{
    display: block;
    color:#333;
}
.btn_pdf a:hover{
   text-decoration: underline;
}

span.small{
    font-size: 85%;
}
p.small{
    font-size: 95%;
    line-height: 1.4em;
}


.youtube {
  margin:0 auto;
	/*width:565px;*/
    margin-bottom: 40px;
}










/****************tablet用*******************/

@media screen and (min-width:650px) and (max-width:950px) {

  .main-visual {
	text-align: center;
	position: relative;
	width: 100%;
    max-width:1600px;
	margin: 0 auto;	
	padding:0 0 0 0;
    /*background:url("../images/main.jpg") no-repeat;
    height:360px;
    background-size: cover;
    background-position: center bottom;*/
    border-bottom: 6px solid #333;
}
    
.para{
    width: 100%;
    height: 400px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("../images/bg4.jpg");
    background-size: cover;
}
    
}

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

.feature_l{
    background:#FFF;
    padding:0;
    margin: 0 auto 15px auto;
    width: 92%;
    max-width: 640px;
    float:none;
}
.feature_r{
    background:#FFF;
    padding:0;
    margin: 0 auto 15px auto;
    width: 92%;
    max-width: 640px;
    float:none;
}

}


/****************SP用*******************/

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

.main-visual {
	text-align: center;
	position: relative;
	width: 100%;
    max-width:1600px;
	margin: 0 auto;	
	padding:0 0 0 0;
    /*background:url("../images/main_sp.jpg") no-repeat;
    height:220px;
    background-size: cover;
    background-position: center bottom;*/
    border-bottom: 5px solid #333;
}

.main-visual .dLogo {
top:12px;right:8px;
}
    
.bg_gray{
    background:#E9E9EB;
    padding:20px 0 10px 0;  
}
	
h3{color:#29ABE2;
font-size:132%;
font-weight:normal;
line-height: 1.3em;
padding: 0.7em 10px 0.4em 10px;}

p{
	font-size: 100%;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 1.6em;
	padding: 0 10px 1em 10px;
	}

.feature_full{
    background:#FFF;
    padding:0;
    margin: 0 auto 10px auto;
    width: 100%;
}
.feature_full h3{
   text-align: center;
}

/*.feature_l{
    background:#FFF;
    padding:0;
    margin: 0 1% 10px 0;
    width: 49%;
    max-width: 490px;
    float:left;
}
.feature_r{
    background:#FFF;
    padding:0;
    margin: 0 0 10px 1%;
    width: 49%;
    max-width: 490px;
    float:right;
}*/

.marche img {
    width: 200px;
}
#footer{
    font-size: 90%;
}

#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

#page-top img{
	width:30px;
}
    
    
.para{
    width: 100%;
    height: 250px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-image: url("../images/bg4sp.jpg");
    background-size:cover;
}

.table_a{
    margin: 0 auto 2em auto;
    max-width: 800px; 
    width:92%;
}

.table_a h3{
    margin: 0.8em 0 0.5em 0;
    color:#333;
}

.table_a table{
    width:100%;
    max-width: 800px; 
    border-top: 1px solid #DDD;
}
.table_a table th,td{
    font-size:100%;
    padding: 1.5em 1.2em 1.25em 0.5em;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #DDD;
}
.table_a table th{
   width:5em;
}   

.btn_pdf{
    margin: 0px auto 25px auto;
    width:15em;
    font-size: 110%;
    text-align: center;
    background: #EEE;
    padding: 15px 0 12px 0;
    border: 1px solid #DDD;
}

.youtube {
  position: relative;
  width: 90%;
  padding-top: 56.25%;
    margin-bottom: 25px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
}



/****************追加*******************/

.mainImg img{}

.float_half{
    float:left;
    width: 48%;
    margin: 0 1%;
    text-align: center;
}

.float_half .youtube{
    margin: 0 auto;
}

.youtube_area{
    margin: 0 auto 40px auto;
    width: 100%;
    max-width: 1000px;
}

@media screen and (max-width: 1000px) {
    
.float_half{
    float:none;
    width: 90%;
    margin: 0 auto;
    text-align: center;
} 
}