@charset "utf-8";

/* @group Reset */

*{margin:0; padding:0;
}

*{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";	
}

*{line-height:140%
}

a{text-decoration:none;
}

a:link{color:#000000;
}

a:visited{color:#000000;
}

a:hover{color:#C4197E;
}

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


a.cho{color:#FF0000}

a.tul{text-decoration:underline
}

html{
	scroll-behavior:smooth;
}

h2{margin-bottom: 30px}

hr{margin-bottom:30px
	}
	
#cent{text-align:center;
margin-top:15px
}

.dsr{
	border: 1px solid #24455A;
	background-color: #CDCFD4;
	width: 450px;
	text-align: center;
}

.tdu{
	text-decoration: underline;
	margin-left: 15px;
}

.tdn{
	margin-left: 15px;
}


.frg{font-size:20px;
text-align:center;
}

img{vertical-align:middle;
margin:0;
padding:0
}

.kak{font-size:12px;
margin-bottom:10px;
}

h1{color:#222145;
padding-bottom:15px;
}

.kaa{font-size:20px;
color:#222145;
padding-bottom:15px;
}

.frg{font-size:16px;
	padding-bottom: 25px;
}

.frgt{font-size:20px;
text-align:center;
}

.frgtx{font-size:16px;
text-align:center;
}

.frg a{
	margin-left:10px
}

.frgt a{
	margin-left:30px
}

.mtop{
	margin-top: 40px;
}

div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
margin-bottom: 50px;
}

video.vid_main {
width: 100%;
}


p.lecol{color:#1535AD;
text-align:left;
padding-bottom:50px;
} 


p.lh{line-height:160%
}

a.tul{text-decoration:underline;
}


.boxB{position:fixed;
z-index:100;
right:0;
top:135px;
opacity: 0.5;
}

/* @end */

/* movie */

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
		margin-bottom: 50px;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.red{color:#F90211;}

/* @end */


/* @group Fluid-img */


/* @end */


/* @group HTML */

html{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
font-size:100%;
line-height:1.2;
}

p.left{text-align:left;
line-height:140%}

/* @end */


/* @group Heading */

/* @end */

/* @group Header */

header { 
text-align : center;
background-image:url(../../n/bgpic.jpg);
background-repeat:repeat-x;
}

/* @end */

/* @group Contents */

#contents {
width : 90%;
max-width:550px;
margin : 0 auto;
margin-top:50px;
margin-bottom:50px
}


#contents2 {
width : 90%;
max-width:700px;
margin : 0 auto;
margin-top:50px;
margin-bottom:50px
}

#contents p { 
margin-bottom : 2px;
text-align : left;}

/* @end */

.fr{font-size:16px;
text-align:center;
margin-bottom:30px;
margin-top:30px
}

/* @group Footer */
.page-top {
    position: fixed;
    bottom: 70px;
    right: 0px;
    padding: 10px;
    background: #c0c0c0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

footer {
padding : 24px 0;
color : white;
text-align : center;
background : #C4197E}

/* @end */

/*768px*/
@media screen and (min-width : 768px){

#contents { text-align : left}

}

/*768px*/
@media screen and (max-width : 767px){

.frg{font-size:12px;
text-align:center;
}

}




/*1024px*/
@media screen and (min-width : 1024px) {

/* @group Nav */

/* @end */

/* @group Contents */

/* @end */

/* @group Footer */

footer {
width : 91.796875%; /*940/1024*/
margin : 0 auto;
}

/* @end */

}