@charset "utf-8";

div#visual{width:1000px; height:370px; margin:0 auto 140px; background:url(./img/bg.jpg);}
div#visual dl{padding:70px 30px 0;}
div#visual dl dt{font-size:0; line-height:0; width:200px; float:left;}
div#visual dl dd{width:680px; float:right; font-size:14px; line-height:2em;}
@media screen and (max-width: 640px) {
div#visual{width:auto; height:auto; margin:0 3% 40px; background:none;}
div#visual dl{padding:15px 0 0;}
div#visual dl dt{width:25%; margin:0 10px 10px 0;}
div#visual dl dd{width:auto; float:none; font-size:13px; line-height:1.6em; padding-top:0;}
}

div#subject_box{width:1000px; margin:0 auto; padding-bottom:140px;}
div#subject_box>ul{list-style:none; text-align:center; padding-bottom:55px;}
div#subject_box>ul>li{display:inline-block; font-size:20px; color:#3e78db; margin:0 2em;}
div#subject_box>ul>li:before{content:"●"; margin-right:.2em; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
div#subject_box>dl{border:4px solid #ff9a1e; padding:20px 85px;}
div#subject_box>dl dt{font-size:25px; color:#ff991d; text-align:center; margin-bottom:.75em;}
div#subject_box>dl dd ul li{list-style:none; width:50%; float:left; margin-bottom:.75em; font-size:14px;}
div#subject_box>dl dd ul li:before{content:"○"; margin-right:.2em; font-family:"メイリオ", 'ＭＳ Ｐゴシック', 'Osaka', Helvetica, Verdana, Arial, sans-serif;}
@media screen and (max-width: 640px) {
div#subject_box{width:auto; margin:0 5%; padding-bottom:40px;}
div#subject_box>ul{padding-bottom:25px;}
div#subject_box>ul>li{display:block; font-size:16px; margin:0;}
div#subject_box>dl{border:3px solid #ff9a1e; padding:1em 1.5em;}
div#subject_box>dl dt{font-size:18px; font-weight:bold;}
div#subject_box>dl dd ul li{width:auto; float:none; font-size:13px;}
}

div#flow_box{width:1000px; margin:0 auto 50px; display:table;}
div#flow_box>ol{list-style:none; width:540px; display:table-cell;}
div#flow_box>ol>li{margin-right:40px; padding-bottom:45px; background:url(./img/arrow00.png) bottom center no-repeat;}
div#flow_box>ol>li.multiple3{background:url(./img/arrow.png) bottom center no-repeat;}
div#flow_box>ol>li.last{padding:0; background:none;}
div#flow_box>ol>li dl{padding:15px 0;}
div#flow_box>ol>li dl dt{width:105px; float:left; background:url(./img/line.png) right no-repeat; text-align:center; font-size:23px; color:#fff;}
/*div#flow_box>ol>li.multiple3 dl dt{margin-top:.6em;}*/
div#flow_box>ol>li dl dd{padding:5px 0 0 125px; font-size:17px; color:#fff;}
div#flow_box>ol>li.first dl{background:#9ebbed;}
div#flow_box>ol>li.multiple2 dl{background:#7ea5e7;}
div#flow_box>ol>li.multiple3 dl{background:#5b8de1;}
div#flow_box>ol>li.last dl{background:#3e78db; padding:20px 30px;}
div#flow_box>ol>li.last dl dt{width:auto; float:none; background:none; border-bottom:1px solid #fff; padding-bottom:.15em; margin-bottom:.4em;}
div#flow_box>ol>li.last dl dd{padding:0;}
div#flow_box>ol>li.last dl dd ul{margin-left:20px;}
div#flow_box>ol>li.last dl dd ul li{list-style:disc; font-size:15px; margin-bottom:.25em;}
div#flow_box>ul{list-style:none; width:460px; display:table-cell; padding:30px; border:4px solid #8baee9;}
div#flow_box>ul>li{padding-bottom:1.5em;}
div#flow_box>ul>li.last{padding:0;}
div#flow_box>ul>li dt{font-size:18px; font-weight:bold; color:#3e78db; margin-bottom:.2em;}
div#flow_box>ul>li dd li{list-style:disc; font-size:14px; margin-left:15px;}
div#flow_box>ul>li dd p{font-size:14px; padding-left:1em; text-indent:-1em;}
p.download{text-align:center; font-size:20px; font-weight:bold; margin-bottom:5em;}
p.download a{display:inline-block; border:2px solid #a0194f; padding:1px; background:#fff;}
p.download a span{display:block; background:#a0194f; text-align:center; padding:.4em 1.5em; color:#fff;}
p.download a:hover{border:2px solid #b03f6c; text-decoration:none !important;}
p.download a:hover span{background:#b03f6c;}
@media screen and (max-width: 640px) {
div#flow_box{width:auto; margin:0 3% 25px; display:block;}
div#flow_box>ol{width:auto; display:block; margin-bottom:25px;}
div#flow_box>ol>li{margin-right:0; padding-bottom:30px;}
div#flow_box>ol>li dl{padding:10px 0;}
div#flow_box>ol>li dl dt{width:auto; background:none; text-align:left; font-size:16px; padding:0 .75em;}
div#flow_box>ol>li dl dd{padding:2px 0 0; font-size:14px;}
div#flow_box>ol>li.last dl{padding:10px 15px;}
div#flow_box>ol>li.last dl dd ul li{font-size:13px;}
div#flow_box>ul{width:auto; display:block; padding:1em; border:2px solid #8baee9;}
div#flow_box>ul>li dt{font-size:15px;}
div#flow_box>ul>li dd li{font-size:13px;}
div#flow_box>ul>li dd p{font-size:13px;}
p.download{font-size:18px; margin:0 10% 4em;}
p.download a{display:block;}
}

div#support_box{width:1000px; margin:0 auto; padding-bottom:100px;}
div#support_box>ul{list-style:none; width:485px; float:left;}
div#support_box>ul>li{padding-bottom:2em;}
div#support_box>ul>li dt{font-size:18px; font-weight:bold; color:#3e78db; margin-bottom:.2em;}
div#support_box>ul>li dd{font-size:14px;}
div#support_box>ul>li dd ul{margin-left:20px; list-style:disc;}
div#support_box>div{width:500px; float:right;}
div#support_box>div table{width:100%; border-collapse:collapse; font-size:16px;}
div#support_box>div table th{background:#5286df; border:2px solid #fff; font-weight:normal; text-align:center; color:#fff; padding:.75em 0;}
div#support_box>div table td{background:#e2eaf9; border:2px solid #fff; text-align:center; color:#5286df;}
div#support_box>div ul{list-style:none; margin:10px 3px 0;}
div#support_box>div ul li{font-size:14px; margin-bottom:.25em;}
@media screen and (max-width: 640px) {
div#support_box{width:auto; margin:0 3%; padding-bottom:25px;}
div#support_box>ul{width:auto; float:left;}
div#support_box>ul>li dt{font-size:16px;}
div#support_box>ul>li dd{font-size:13px;}
div#support_box>div{width:auto; float:none;}
div#support_box>div table{font-size:14px;}
div#support_box>div ul li{font-size:13px;}
}

ol.access_box{list-style:none; padding-bottom:90px; width:1000px; margin:0 auto;}
ol.access_box>li{padding-bottom:40px;}
ol.access_box>li div.info_box{border:solid #3e78db; border-width:3px 0 3px 3px; width:380px; height:270px; float:left; padding:5px 0 5px 5px;}
ol.access_box>li div.info_box>dl{border:solid #3e78db; border-width:1px 0 1px 1px; position:relative; height:254px; padding-top:15px;}
ol.access_box>li div.info_box>dl dt{font-size:0; line-height:0; text-align:center; padding:0 60px;}
ol.access_box>li div.info_box>dl dd{padding:0 25px; margin-top:-10px; font-size:14px;}
ol.access_box>li div.info_box>dl dd p{font-size:0; line-height:0; position:absolute; bottom:10px; left:25px;}
ol.access_box>li div.info_box>dl dd p a{display:block; background:#3e78db; text-align:center;/*background:#3e78db;*/}
ol.access_box>li div.info_box>dl dd p a:hover{background:#ff096b;}
ol.access_box>li div.gm{width:620px; height:270px; float:right;}
ol.access_box>li div.gm iframe{width:620px; height:270px; border:none;}
@media screen and (max-width: 640px) {
ol.access_box{padding-bottom:20px; width:auto; margin:0 3%;}
ol.access_box>li{padding-bottom:15px;}
ol.access_box>li div.info_box{border-width:3px 3px 0; width:auto; height:auto; float:none; padding:5px;}
ol.access_box>li div.info_box>dl{border-width:1px; height:auto; padding:10px 0;}
ol.access_box>li div.info_box>dl dt{margin:0 25%; padding:0;}
ol.access_box>li div.info_box>dl dd{padding:0 1.5em; margin-top:5px; font-size:13px;}
ol.access_box>li div.info_box>dl dd p{position:relative; bottom:auto; left:auto; margin:10px 5% 0;}
ol.access_box>li div.gm{border:solid #3e78db; border-width:0 3px 3px; padding:0 5px 5px; width:auto; height:auto; float:none;}
ol.access_box>li div.gm iframe{width:100%; height:250px;}
}

/*videoタグ用装飾*/
div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: 0 auto 140px auto;
padding: 4% 4% 4% 4%;/*ここで動画の周りの余白を調整*/
background: #e6e6e6;/*余白の背景色*/
}
div.vid_contents h3{
	text-align: center;
}
video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}