@charset "utf-8";
/* E L E M E N T */
html{font-size: 62.5%;}
html,body,ul,li,dl,dt,dd,ol,h1,h2,h3,h4,h5,iframe,section,p,table,form,a,img,header,footer,hr,div{padding:0; margin:0; box-sizing:border-box;}
html{width:100%; height:100%; overflow-y:scroll;}
body{line-height:150%; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size:1.6rem; font-size:16px; color:#333;} 
table{font-size:1.6rem; font-size:16px; border-collapse:collapse; /*border-collapse:separate; border-spacing:1px;*/}
th,td{border: solid 1px #ccc; padding:5px;}
th{background:#eee; font-weight:normal; text-align:left;}
strong{font-weight:normal;}
li{list-style:none;}
img{border:0; vertical-align:top; max-width: 100%; height: auto; box-sizing: border-box;}/* 場合によってvertical-align */
hr{height:0; margin:3em auto; border:none; border-top:1px solid #cccccc; clear:both;}
a 0{font-size:100%; vertical-align:baseline; background:transparent;}
a img:hover{filter: alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
input{border:none; padding:5px;}
section{padding: 3em 0;}
h1,h2,h3,h4{font-family: "HGS創英角ゴシックUB", sans-serif; font-weight: bold;}
h1{ font-size:20px; background:#0044b4; padding: 1em; color: #fff;}
h1 a{text-decoration: none; color: #fff;}
h1 a:visited{color:#fff;}
h2{font-size:24px;}
h2 span{border-top: #0044b4 solid 1px; margin-top: 7px; padding-top: 3px; font-size: 12px; display: inline-block;}
p{padding-bottom: 1.5em;}
dt{border-bottom: #0044b4 solid 1px; padding-bottom: 3px; margin-bottom: 3px; font-weight: bold; color: #0044b4;}
dd{background: #efefef; padding: 1em; margin-bottom: 2em; border-radius: 10px;}

/**** ID ****/
/* トップページ */
h1#top-h{
    font-size:30px;
    padding: 15px 2em;
    margin-left: -30px;
    color: #fff;
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#0044b4), to(#002a6e));
    background-image: -webkit-linear-gradient(left, #0044b4 0%, #002a6e 100%);
    background-image: linear-gradient(to right, #0044b4 0%, #002a6e 100%);
  }
#catch{position: absolute; right: 20px; background: #006e68; color: #fff; font-size: 24px;
    top:10px;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    padding-top: 50px;
}
#bg-top{
    width: 100%;
    background-image: url(../img/bg_top.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
	padding:1.5em;
    position: relative;
}
#bg-top2{background: none; margin: 0; padding: 0;}
#top-box{width:500px; margin-top:0; background: linear-gradient(340deg, #0044b4 0%, #0044b4 40%, #005ff7 0%, #005ff7 60%); color:#fff; padding:1em; border-radius:30px;}
#top-box2{width:500px; margin-top:1em; background: linear-gradient(340deg, #b36601 0%, #b36601 40%, #ff9000 0%, #ff9000 60%); color:#fff; padding:1em; border-radius:30px;}

/* 下層ヘッダ */
#pankuzu {display: flex; flex-wrap: wrap; font-size: 12px;} 
#pankuzu li:not(:last-of-type)::after {content: "›"; margin: 0 .6em;}


/* フッタ */
#foot{background: linear-gradient(90deg, #0044b4 0%, #0044b4 15%, #005ff7 0%, #005ff7 70%); color:#fff; padding: 2em 0 5em 16%;}
#foot-navi {display: flex; flex-wrap: wrap; text-align: left; padding-top: 20px;} 
#foot-navi li:not(:last-of-type)::after {content: "|"; margin: 0 .6em;}
#foot-navi li a{color:#fff; display: inline; font-weight: bold;}
#foot-navi li a:visited{color:#fff;}
#foot-navi li a:hover{color:#eeff00;}
#foot-navi li a:focus{color:#eeff00;}
#foot-navi li a:active{color:#eeff00;}

#foot-link{position: fixed; bottom: 0; right: 5px; z-index: 100; width: 400px;}
#foot-link a{color:#fff; text-decoration:none; display: block; padding: 15px; border-radius: 10px 10px 0 0; background: #b40000;font-weight: bold; text-align: center;
}
#foot-link a:visited{color:#fff;}
#foot-link a:hover{color:#eeff00;}
#foot-link a:focus{color:#eeff00;}
#foot-link a:active{color:#eeff00;}

#copy{font-size: 14px; padding: 30px 0 0 0;}

/**** フォント・テキスト関連 ****/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.fs10 {font-size:1rem; font-size:10px;}
.fs12 {font-size:1.3rem; font-size:12px;}
.fs14 {font-size:1.4rem; font-size:14px;}
.fs16 {font-size:1.6rem; font-size:16px;}
.fs18 {font-size:1.8rem; font-size:18px;}
.fs20 {font-size:2rem; font-size:20px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.blue{color:#0044b4;}
.red{color:#b40000;}
.green-tea{color:#576c02;}
.txt-shadow{text-shadow: 2px 2px 2px #000;}
/* リスト */
.circle li{list-style:circle; padding-bottom:1em; margin-left:1em;}
.number li{list-style: decimal; padding-bottom:1em; margin-left:1em;}
.check li{padding-bottom: 1em;}
.check li:before{content:'✅ ';}
/* リンク */
a{color:#0044b4;}
a:visited{color:#0044b4;}
a:hover{color:#b40000;}
a:focus{color:#b40000;}
a:active{color:#b40000;}

a.link-btn{
    color:#fff; text-decoration:none; display: block; width: fit-content; padding: 15px 1.5em; border-radius: 10px; margin: 1em auto;
    background: linear-gradient(0deg, #b36601 0%, #b36601 10%, #ff9000 0%, #ff9000 90%);
    font-weight: bold;}
a.link-btn:visited{color:#fff; background: linear-gradient(0deg, #b36601 0%, #b36601 90%, #ff9000 0%, #ff9000 10%);}
a.link-btn:hover{color:#eeff00; background: linear-gradient(0deg, #b36601 0%, #b36601 90%, #ff9000 0%, #ff9000 10%);}
a.link-btn:focus{color:#eeff00; background: linear-gradient(0deg, #b36601 0%, #b36601 90%, #ff9000 0%, #ff9000 10%);}
a.link-btn:active{color:#eeff00; background: linear-gradient(0deg, #b36601 0%, #b36601 90%, #ff9000 0%, #ff9000 10%);}

.link-column {color:#fff; text-decoration:none; font-weight: bold;  background:none;}
.link-column img{border-radius: 15px 15px 0 0; display: block;}
.link-column div{background:#0044b4; padding: 1em; border-radius:0 0 15px 15px;}
.link-column:visited div{background:#0044b4; color:#fff;}
.link-column:hover div{background:#b40000; color:#eeff00;}
.link-column:focus div{background:#b40000; color:#eeff00;}
.link-column:active div{background:#b40000; color:#eeff00;}

/*!!!フッタのリンク関連は上部IDの方 !!!*/

/*汎用レイアウト*/
.pc{display:inherit}
.sp{display:none;}
	/*マージン・パディング*/
.mp0{margin:0; padding:0;}
.m-auto{margin-right: auto; margin-left: auto;}
.margin0{margin:0;}
.margin1{margin:1em;}
.margin2{margin:2em;}
.margin3{margin:3em;}
.margin-top1{margin-top:1em;}
.margin-top2{margin-top:2em;}
.margin-top3{margin-top:3em;}
.margin-btm1{margin-bottom:1em;}
.margin-btm2{margin-bottom:2em;}
.margin-btm3{margin-bottom:3em;}
.margin-width1{margin-left: 1em; margin-right: 1em;}
.margin-a{margin-top:0;}/*タブ2em 携帯4em*/

.padding0{padding:0;}
.padding-top0{padding-top:0;}
.padding-btm0{padding-bottom:0;}
.padding10px{padding: 10px;}
.padding1{padding:1em;}
.padding2{padding:2em;}
.padding3{padding:3em;}
.padding-top1{padding-top:1em;}
.padding-top2{padding-top:2em;}
.padding-top3{padding-top:3em;}
.padding-btm1{padding-bottom:1em;}
.padding-btm2{padding-bottom:2em;}
.padding-btm3{padding-bottom:3em;}
.padding-width1{padding-left: 1em; padding-right: 1em;}
.padding-height50{padding-top: 50px; padding-bottom: 50px;}

	/*カラム*/
.fbox{display:flex; flex-wrap: wrap;}
.fend{align-items: flex-end;}
.f-center{justify-content:center;}
.w1200{width:1200px; margin-left: auto; margin-right: auto;}/*タブ携帯100%*/
.w60per{width:60%;}/*タブ80％auto：携帯90％auto*/
.w40per{width:40%;}/*タブ80％auto：携帯90％auto*/
.box3{width: 33.33333%;}/*タブ50％：携帯100％*/
.box4{width: 25%;}/*タブ25％：携帯50％*/
.box300{width:300px;}/*タブ80％auto：携帯90％auto*/
.box500{width:500px;}/*タブ80％auto：携帯90％auto*/
.r5{border-radius:5px;}
.r30{border-radius:30px;}
.width-fit{width:fit-content; margin-left: auto; margin-right: auto;}

	/*	背景*/
.jousan{mix-blend-mode: multiply;}
.bg-gray{background:#aaada4;}
.bg-black{background:#000; color:#fff;}
.bg-blue{background: linear-gradient(340deg, #0044b4 0%, #0044b4 40%, #005ff7 0%, #005ff7 60%); color:#fff;}
.bg-orange{background: linear-gradient(340deg, #b36601 0%, #b36601 40%, #ff9000 0%, #ff9000 60%);}
.bg-yellow{background: linear-gradient(340deg, #ced413 0%, #ced413 40%, #f5f8a9 0%, #f5f8a9 60%);}
.bg-green{background: linear-gradient(30deg, #a2ca03 0%, #a2ca03 40%, #cadf79 0%, #cadf79 60%);}
.bg-gradblue{
    background-image: -webkit-gradient(linear, left top, right top, from(#0044b4), to(#002a6e));
    background-image: -webkit-linear-gradient(left, #0044b4 0%, #002a6e 100%);
    background-image: linear-gradient(to right, #0044b4 0%, #002a6e 100%);
}


	/*	ボーダー*/
.border-cross{position: relative; padding: 0.5em 1.5em; border-top: solid 1px #0044b4; border-bottom: solid 1px #0044b4; margin-bottom:3em;}
.border-cross:before, .border-cross:after{
    content: '';
    position: absolute;
    top: -5px;
    width: 1px;
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #0044b4;
}
.border-cross:before {left: 5px;}
.border-cross:after {right: 5px;}