/* ------------------------------
Reset
------------------------------ */
html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;text-align:left;line-height:1.6em;background:transparent}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select{vertical-align:baseline;outline:none}
img{vertical-align:middle}
a{outline:none}
a:link{color: #00f;}
a:visited{color: #000080;}
a:hover{color: #f00;}
a:active{color: #ff8000;}
.none{display:none}
label{cursor:pointer}

.cl{display:block;clear:both}
.clearfix{overflow:hidden;zoom:1}
.clearfix:after{content:" ";font-size:0;height:0;visibility:hidden;display:block;clear:both}


/* ------------------------------
Layout
------------------------------ */
body{font:100% "メイリオ", Verdana, Arial, Helvetica, sans-serif;background:#fff}

header{border-top:8px solid #d7003a;text-align:center}
header div{width:960px;margin:0 auto;overflow:hidden;zoom:1}
header div:after{content:" ";display:block;clear:both;font-size:0;height:0}
header h1{font-weight:bold;font-size:0.9em;width:560px;float:left}
header ul{float:right;width:400px;text-align:right}
header ul li{display:inline;margin-left:10px;padding-left:14px;background:url(/img/menu/top_nav.gif) no-repeat left center}
header ul li a{text-decoration:none;font-size:11px}
header dl{width:960px;height:150px;;margin:0 auto;overflow:hidden;zoom:1;background:url(/img/head_bg.gif) no-repeat center top}
header dt{width:142px;float:left}
header dd{width:240px;float:right;padding-top:15px}
header dd img{}
header dd a{display:block;height:60px;margin-top:6px;background:url(/img/btn/mail_o.gif) no-repeat}

#wrap{max-width:960px;margin:0 auto;overflow:hidden;zoom:1}

#wrap:after{content:" ";display:block;clear:both;font-size:0;height:0}
article{}
article h2{text-align:center;padding:0 0 12px}


/* ------------------------------
Nav
------------------------------ */
nav{height:60px;background:url(/img/nav/nav_bg.jpg) repeat-x}
nav ul{width:960px;margin:0 auto;overflow:hidden;zoom:1}
nav ul:after{content:" ";display:block;clear:both;font-size:0;height:0}
nav ul li{width:160px;float:left;}
nav ul li.nav01{background:url(/img/nav/nav01_o.jpg) no-repeat}
nav ul li.nav02{background:url(/img/nav/nav02_o.jpg) no-repeat}
nav ul li.nav03{background:url(/img/nav/nav03_o.jpg) no-repeat}
nav ul li.nav04{background:url(/img/nav/nav04_o.jpg) no-repeat}
nav ul li.nav05{background:url(/img/nav/nav05_o.jpg) no-repeat}
nav ul li.nav06{background:url(/img/nav/nav06_o.jpg) no-repeat}


/* ------------------------------
Common
------------------------------ */
.primary {max-width:960px;}
.primary p{padding:0 10px;}
#pan{width:960px;margin:0 auto;padding:6px 0 0;}
#pan *{font-size:12px}
#pan li{display:inline}
article section{padding-bottom:60px}
p.column{padding:4px 24px}
.center{text-align:center}
.center *{text-align:center}
.right{text-align:right}
.bold{font-weight:bold}
.big{font-size:1.2em}
.small{font-size:0.8em}
.big span{font-size:0.8em}
.ps_link{text-align:right;padding:0 12px 5px;font-size:12px}
.blue{color:blue;font-weight:bold}

section h4{}

table.main{width:570px;margin:5px auto}
table.main caption{padding-top:2em;font-size:1.1em;font-weight:bold}
table.main th,table.main td{border:1px solid #999;padding:8px;vertical-align:top}
table.main th{width:40%;background:#ebebeb}

#bnr{width:960px;margin:0 auto 5px;position:relative}
.bnr{width:960px;margin:0 auto 8px;position:relative}

.top_bnr{
max-width: 960px;
margin: 0 auto;
}

.top_bnr img{
max-width: 960px;
width:100%;
height:auto;
}

.b_img{
max-width: 740px;
width:100%;
height:auto;
}

select{
	border-radius:4px;
	padding:4px 8px;
}
option{
}

.disc{margin-left:50px}
.disc li{list-style:disc;margin:10px 0}

.photo_left{float:left;padding:5px 10px 10px 24px}
.photo_right{float:right;padding:5px 24px 10px 10px}
.title{
	background:linear-gradient(#2e369b,#171b62);
	border-radius:4px;
	font-size:36px;
	font-weight:bold;
	color:white;
	line-height:1;
	padding:0.4em;
}
.sub{
	font-size:24px;
	font-weight:bold;
	border-bottom:6px dotted orange;
	padding:1em 0.4em 0;
	margin-bottom:16px;
}

#intro{padding-bottom:60px;}
#intro p{
padding:20px 20px 0 0;
}

table.main{width:90%;margin:5px auto}
table.main th,table.main td{border:1px solid #999;padding:8px;vertical-align:top}
table.main th{width:24%;background:#ebebeb}

.privacy{}
.policybox div{border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #999;height:500px;overflow:auto}
.policybox h3{border-bottom:1px dotted #333;font-size:1.4em;padding-left:6px;}
.policybox div section{padding:16px 30px}
.policybox div section h4{border-bottom:1px solid #555;padding-left:8px;}
.privacy ol{list-style:lower-alpha;padding:12px 50px;}
.privacy ol li{padding-bottom:16px;}
.privacy ul li{text-align:right;font-size:0.9em;}
.privacy p{padding:12px 24px;}
.privacy dl{border:1px solid #333;margin:30px 180px 0;}
.privacy dl dt{text-align:center;font-weight:bold;padding:18px 0 0;}
.privacy dl dd{padding:16px 26px 0;}
.privacy dl dd p{text-align:center}
.guideline dl{padding:16px 30px}
.guideline dt{display:list-item;list-style:square;font-weight:bold;}
.guideline dd{padding:0 0 24px 10px}
.archive{
	margin:16px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.archive li{
	margin:5px;
}

/* ------------------------------
フッターロゴ
------------------------------ */

        #footer {
           width:100%;
            margin: 0 auto;
            background-color: #646770;
            background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%), radial-gradient(at 50% 87%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
            background-blend-mode: multiply, normal;

        }

        .footer_area {
            max-width: 960px;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            padding: 20px;
        }

        .footer_area img {
            max-width: 240px;

        }

        .footer_area a:hover img {
            opacity: 0.5;
            filter: alpha(opacity=50);
            -ms-filter: "alpha( opacity=50 )";
        }

        .footer_area p {
            padding: 20px;
            text-align: center;
        }


/* ------------------------------
フッターSNS
------------------------------ */

#footer_sns{
  text-align: center; }

#footer_sns  p{
display:inline-block;
  vertical-align: middle;
  padding: 0;
  color: #000;
  list-style: none;
  text-align: center; }

 #footer_sns  p a {

      padding: 10px 20px;
      font-size: 30px;
      color: inherit;
      text-decoration: none; }
 #footer_sns p a:hover{
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      text-decoration: none; }

#footer_copyright  p{
  color: #fff;
  font-weight: bold;
  text-align: center; }

/* ------------------------------
Page top
------------------------------ */
    #page_top {
        width: 100px;
        height: 60px;
        position: fixed;
        right: 0;
        bottom: 120px;
        background: #e60000;
        opacity: 0.6;
    }

#page_top a {
position: relative;
display: block;
width: 100px;
height: 60px;
text-decoration: none;
}

#page_top a::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f102';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -25px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

#page_top a::after {
content: 'PAGE TOP';
font-size: 13px;
color: #fff;
position: absolute;
top: 30px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

.youtube {
    text-align: center;
  margin:0px auto 10px auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
width:90%;

}
 
.youtube iframe {

  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
  height: 100%;

}


@media only screen and (max-width: 750px) {
    .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	}
}

.nonetext { display: inline-block; }