@charset "utf-8";/* 1行目必須 */
/*-------------------------------------------------
2019　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

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

/*-------------------------------------------------
 body
-------------------------------------------------*/
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	-webkit-text-size-adjust:100%;
	width:100%;
	margin:auto;
	letter-spacing:1px;
	color:#212121;
}
/* ストップ transition */
.sto-tra {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
#wra {
	width:100%;
	margin:auto;
}
h1 {
	margin:0;
	padding:0;
}
a, a:focus {
	color:#212121;
	text-decoration:none;
	outline: none;
}
a:link, a:visited {
	color:#212121;
}
a:hover, a:active {
	text-decoration:underline;
}
img {
	display:block;
}
a img {
	transition: 0.5s;/* アニメーション */
	-webkit-transition: 0.5s;
}
a img:hover {
	opacity: 0.7;/* 透過率50% */
}
.lin-dot {
	background-image: url(../images/bac_lin_dot01.png);
	background-repeat: repeat-x;
	height: 16px;
	line-height:16px;
	width:96%;
	margin:0 auto;
}
h1, h2, h3, h4, h5, h6, img, img a, p, table, tr, td, dt, dl, dd {
	margin: 0px;
	padding: 0px;
	border:0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ul, ol, li, dl, dt, dd {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	font-weight:500;
}
.pc-blo{
	display:none;
}
.sp-blo{
	width:100%;
	height:auto;
	display:block;
}
.sp-blo img{
	width:100%;
	height:auto;
	
	display:inline;
}
/*-------------------------------------------------
 header
-------------------------------------------------*/
#hea-wra {
	width:100%;
	height:auto;
	background:#014292;

}
.hea-blo {
	width:96%;
	padding:5px 2%;
	height:auto;
	margin:auto;
}
.hea-log a{
	color:#FFF;
	font-weight:600;
	font-size:120%;
	height:auto;
	letter-spacing:0px;

display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;/*垂直中央*/
}
.hea-log a img{
	max-width:55px;
	width:100%;
	height:auto;
	margin-right:5px;
}
/*-------------------------------------------------
 navigation
-------------------------------------------------*/
.men-wra {
	width:100%;
	text-align:center;
	margin:auto;
}
.men {
	max-width:832px;
	width:96%;
	margin:20px auto;
	padding:0 2%;
	display:flex;
flex-wrap:wrap;
justify-content:space-between;/*水平中央*/
align-items:stretch;/*垂直中央*/

}
.men li{
	text-align:center;
	width:calc(24% - 0px);
	height:auto;
	margin:0 0;
	background:#000;
	border-radius:4px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;/*垂直中央*/
}
.men li a {
	color:#FFF;
	background:#000;
	width:calc(100% - 10px);
	font-weight:600;
	display:block;
	text-align:center;
	font-size:100%;
	margin:0px 0;
	padding:10px 5px;
	border-radius:4px;
	text-decoration:underline;
	transition: 0.8s;/* アニメーション */
	-webkit-transition: 0.8s;
}

.men li a:hover {
	background:#686868;
	border-radius:4px;
	text-decoration:none;
	transition: 0.8s;/* アニメーション */
	-webkit-transition: 0.8s;

}

/*-------------------------------------------------
 footer
-------------------------------------------------*/
#foo-wra {
	height:auto;
	width:100%;
	padding:20px 0;
	background:#014292;
}
.foo-blo {
	width:96%;
	height:auto;
	margin:auto 2%;
	text-align:center;
}
.foo-blo a{
	color:#FFF;
	text-decoration:underline;
}
#cop {
	text-align:center;
	font-size:100%;
	background:#014292;
	line-height:150%;
	color:#fff;
	padding:10px;
}
#cop a {
	color:#fff;
}
/*-------------------------------------------------
 page top
-------------------------------------------------*/
#pag-top {
	position:fixed;
	bottom:10px;
	right:10px;
}
#pag-top a {
	display:block;
	width:44px;
	line-height:44px;
	text-align:center;
	border-radius:0px;
	color:#014292;
	text-decoration:none;
	/* 斜め背景色 */
	background:#fff;
	border:solid 2px #014292;
}
/*-------------------------------------------------
 メイン画像 main visual
  -------------------------------------------------*/
.mai-vis-sli-wra {
	width:100%;
	height:auto;
	margin:auto;
	padding:0;
}
.mai-vis-sli {
	text-align:center;
	max-width:100%;
	width:100%;
	height:auto;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;/*両端分布*/
	align-items:center;/*垂直中央*/
}
.mai-vis-sli li {
	max-width:100%;
	width:100%;
	height:auto;
}
/*-------------------------------------------------
 common
-------------------------------------------------*/
#mai-con-wra {
	width:100%;
	margin:auto;
	border-radius:0px;
	padding:20px 0px 20px;
	background:#f8f8f8;
}
#mai-con {
	width:100%;
	margin:auto;
}
.ran-hea-int{
	font-size:120%;
	font-weight:600;
	font-style:italic;
	margin:auto;
	width:96%;
	height:auto;
	padding:0 2%;
}
.bor-yel-red{
	color:#ad080f;
	font-weight:600;
	font-style:italic;
	background:#fff;
	background: -moz-linear-gradient(top, #fff 50%, #fff100 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 50%, #fff100 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 50%, #fff100 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.ran-tit-wra{
	background:#014292;
	margin:20px auto;
}
.ran-tit{
	width:100%;
	min-height:80px;
	margin:auto;
	color:#FFF;
	font-weight:600;
	font-size:160%;
display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/
}
.ran-tit-ico{
	padding-top:0px;
	background:url(../images/bac_sec_tit01.png) center 0px no-repeat;
	background-size:80%;
	width:80px;
	height:auto;
	text-align:center;
	margin-right:20px;
}
.fst-sec{
	margin:auto;
	width:100%;
	height:auto;
}
.ran-ima {
	max-width:860px;
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	}
.ran-ima img{
	width:100%;
	height:auto;
	display:inline;
	}


.ran-int{
	font-size:130%;
	font-weight:600;
	margin:auto;
	padding:30px 20px 10px;
	height:auto;
	letter-spacing:2px;
}
.bor-yel{
	font-weight:600;
	background:#fff;
	background: -moz-linear-gradient(top, #fff 50%, #fff100 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 50%, #fff100 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 50%, #fff100 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.ran-lis{
	display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:flex-start;/*垂直中央*/
margin-bottom:30px;
}
.ran-lis li{
	width:33%;
	text-align:center;
}
.ran-lis li img{
	width:100%;
	height:auto;
	display:inline;
}
.ran-lis-tex{
	text-align:center;
	font-size:120%;
	line-height:140%;
	font-weight:600;
	margin:auto;
	padding:0px 0px;
	height:auto;
}
.col-eng{
	color:#ad080f;
	font-weight:600;
}
.ran-sub-tit{
	font-size:180%;
	color:#FFF;
	padding:10px 10px 10px 60px;
	margin-bottom:20px;
	letter-spacing:2px;
	background:#fff;
	background:url(../images/bac_sec_tit01.png) 20px center no-repeat, -moz-linear-gradient(top, #276bbe 0%, #014292 100%); /* FF3.6-15 */
	background:url(../images/bac_sec_tit01.png) 20px center no-repeat, -webkit-linear-gradient(top, #276bbe 0%, #014292 100%); /* Chrome10-25,Safari5.1-6 */
	background:url(../images/ico_ran_sbu_tit01.png) 20px center no-repeat, linear-gradient(to bottom, #276bbe 0%, #014292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.ran-sub-lis li{
	font-size:110%;
	line-height:140%;
	padding:20px 20px;
	border-bottom:solid 1px #000;
}
.ran-sub-lis li:last-of-type{
	border-bottom:none;
}
.but-wra{
	width:100%;
	margin:20px auto 30px;
	text-align:center;
	
}
.but-fre {
	color: #fff;
	font-size:130%;
	font-weight:600;
	letter-spacing:2px;
	background-color: #000;
	padding:20px 10px;
	line-height:100%;
	width:calc(94% - 0px);
	border: 0px solid #fff;
	border-radius:5px;
	cursor:pointer;
	-webkit-appearance: none;
	transition: 0.5s;/* 0.2秒アニメーション */
	-webkit-transition: 0.5s;
	position:relative;	
    box-shadow: 0 3px 0 0 rgba(66, 66, 66, 1);/*影の色(rgbaの値を変更)*/
    overflow: hidden;
}
.but-fre:hover {
    text-decoration: none;
    color: #fff;
	background-color: rgba(255, 0, 96, 1.0);
}
.but-fre::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: #fff;
    animation: but-flo 3s ease-in-out infinite;
}
@-webkit-keyframes but-flo {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(100) rotate(45deg); opacity: 0; }
}


.sec-tit-wra{
	color:#FFF;
	padding:10px 10px;
	margin-bottom:20px;
	letter-spacing:2px;
	background:#fff;
	background: -moz-linear-gradient(top, #276bbe 0%, #014292 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #276bbe 0%, #014292 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #276bbe 0%, #014292 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}
.sec-tit{
	min-height:60px;
	font-size:130%;
	width:100%;
	height:auto;
	margin:auto;
	text-align:center;
	letter-spacing:0px;
display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/
	
}
.snd-sec{
	margin:auto;
	width:100%;
	height:auto;
}
.snd-ima{
	display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/
margin:20px auto;
max-width:510px;
}
.snd-ima img{
	width:100%;
	height:auto;
	
}
.abo-inf{
	font-size:120%;
	font-weight:600;
	font-style:italic;
	margin:auto;
	padding:0px 20px;
	height:auto;
}
.und-lin-eng{
	text-decoration:underline;
	color:#ad080f;
	font-weight:600;
}
.snd-con-are{
	background:#eeedea;
	padding:30px 20px;
	margin-bottom:30px;
}
.snd-con-are-inn{
	background:#fff;
	padding:20px 10px;
}
.snd-con-are-tit{
color:#1f63b6;
text-align:center;
font-size:150%;
font-weight:600;
letter-spacing:0;
padding-bottom:20px;
}
.snd-con-lis{
	padding-left:0px;
}
.snd-con-lis li{
	font-size:120%;
	padding-left:50px;
	line-height:150%;
	background:url(../images/ico_snd_lis_che01_12.png) left -3px no-repeat;
}
.thr-sec{
	width:100%;
	height:auto;
	margin:auto;
	padding:20px 0 30px;
}
.thr-lis{
}
.thr-lis-ite{
	max-width:calc(100% - 2px);
	height:auto;
	border:solid 1px #497dbe;
	display:flex;
flex-wrap:wrap;
flex-direction:column;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/

}
.thr-lis-ima{
	max-width:310px;
	width:100%;
	height:auto;
	text-align:center;
}
.thr-lis-ima img{
	width:100%;
	height:auto;
	display:inline;
}

.thr-lis-sec{
	width:calc(100% - 40px);
	height:auto;
	padding:10px 20px;
}
.thr-lis-sec dt{
	font-size:150%;
	letter-spacing:0px;
	color:#1f63b6;
	font-weight:600;
	padding-bottom:10px;
	text-align:center;
}
.thr-lis-sec dd{
	font-size:110%;
	letter-spacing:0px;
}
.all-tri{
	display:flex;
flex-wrap:wrap;
justify-content:center;/*水平中央*/
align-items:center;/*垂直中央*/

}
.fth-sec{
	width:100%;
	height:auto;
	margin:auto;
	padding:0px 0 20px;
}
.faq-lis dt{
	color:#1f63b6;
	font-weight:600;
	font-size:120%;
	letter-spacing:0px;
	padding-bottom:20px;
}
.faq-lis dd{
	font-size:110%;
	letter-spacing:0px;
	padding-bottom:20px;
}
.faq-lis{
	border-bottom:solid 1px #000;
	padding:20px;
	margin-bottom:20px;
}

.vth-sec{
	width:100%;
	height:auto;
	margin:auto;
	padding:10px 0 20px;
}
.vth-sec p{
	font-size:110%;
	letter-spacing:0;
	padding:10px;
}
.vth-lis{
	display:flex;
flex-wrap:wrap;
justify-content: space-around;/*均等分布*/
align-items:center;/*垂直中央*/
margin:20px auto;
}
.vth-lis li{
	padding:5px;
}

/* ↓　共通セレクタ　grand rule */
.flo-rig {
	float:right;
}
.flo-lef {
	float:left;
}
.cle-bot {
	clear:both;
}

.ali-rig {
	text-align: right;
}
.ali-lef {
	text-align:left;
}
.ali-cen {
	text-align:center;
}
.pad-top-sma {
	padding-top:10px;
}
.pad-bot-tal {
	padding-bottom:40px;
}
.pad-lef-mid {
	padding-left:20px;
}
.pad-rig-mid {
	padding-right:20px;
}
.pad-top-bot-mid {
	padding-top:20px;
	padding-bottom:20px;
}
.pad-top-mid {
	padding-top:20px;
}
.pad-bot-mid {
	padding-bottom:20px;
}
.pad-bot-mid {
	padding-bottom:20px;
}
.pad-top-bot-tal {
	padding-top:40px;
	padding-bottom:40px;
}
.mar-top-mid {
	margin-top:20px;
}
.mar-bot-mid {
	margin-bottom:20px;
}
.mar-top-bot-mid {
	margin-top:20px;
	margin-bottom:20px;
}
.mar-bot-tal {
	margin-bottom:40px;
}
.mar-bot-xtal {
	margin-bottom:80px;
}
.mar-top-tal {
	margin-top:40px;
}
.mar-top-bot-tal {
	margin-top:40px;
	margin-bottom:40px;
}
.mar-rig-mid {
	margin-right:20px;
}
.mar-lef-mid {
	margin-left:17px;
}
.pad-top-tal {
	padding-top:28px;
}
.col-yel-har {
	color:#b7b23c;
}
.col-red, .red_txt {
	color:#D52A32;
}
.col-kah {
	color:#d7ac7c;
}
.col-ore {
	color:#e48989;
}
.col-ore-har {
	color:#e07979;
}
.col-pin-har {
	color:#EA6097;
}
.col-yel {
	color:#ffb320;
}
.col-gre {
	color:#066;
}
.col-gre-har {
	color:#066;
}
.col-whi {
	color:#ffffff;
}
.col-blu {
	color:#376499;
}
.col-blu-bol {
	color:#376499;
	font-weight:600;
	display:block;
	padding-bottom:10px;
	line-height:130%;
}
.col-red-bol {
	color:#D52A32;
	font-weight:600;
	letter-spacing:0;
	display:block;
	padding-bottom:10px;
	line-height:130%;
}
.col-gre-bol {
	color:#066;
	font-weight:600;
	display:block;
	padding-bottom:10px;
	line-height:130%;
}
.col-yel-har-bol {
	color:#b7b23c;
	font-weight:600;
	display:block;
	padding-bottom:10px;
	line-height:130%;
}
.col-bro {
	color:#3b1d02;
}
.fon-lar {
	font-size:146%;
}
.fon-mid {
	font-size:110%;
}
.fon-sma {
	font-size:90%;
}
.fon-xsma {
	font-size:80%;
}
.fon-bol {
	font-weight:bold;
	font-weight:600;
}
.lin-hei-sma {
	line-height:16px;
}
.fon-bol {
	font-weight:bold;
}
.fon-min {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	line-height:140%;
}
.faq-tit {
	font-size:110%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dfdfdf;
	line-height:36px;
	width:900px;
	margin-bottom:3px;
	cursor:pointer;
}
.faq-dis {
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #066;
	line-height:24px;
	padding:6px 0px 12px 0px;
	font-size:100%;
	margin-bottom:28px;
	width:calc(900px);
}
/* :::::::::: clearfix :::::::::: */
.cle-fix {
	display: block;
}
.cle-fix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.con-are {
	width:calc(100% - 42px);
	border:dotted 1px #898989;
	border-radius:0px;
	margin:0px auto 30px;
	padding:20px;
	background: #fafafa;
}
.con-are .che-lis {
	font-size:110%;
	font-weight:600;
	position:relative;
	padding:5px 10px;
}
.con-are .che-lis:before {
	right: 0;
	font-family: "Font Awesome 5 Free";
	content: "\f14a";
	color:#376499;
	font-weight: 900;
	font-size:120%;
	padding-right:10px;
}
.con-cir-lis {
	width:calc(100% - 60px);
	border-radius:4px;
	-webkit-border-radius:4px;
	margin:20px auto;
	padding:20px 30px;
	background-color: #fffef1;
}
.con-cir-lis li {
	font-size:110%;
	font-weight:600;
	position:relative;
	padding:5px 30px;
}
.con-cir-lis li:before {
	position:absolute;
	left:0px;
	top:8px;
	display:inline-block;
	transform: rotate(0deg);
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	color:#D52A32;
	font-weight: 900;
	font-size:100%;
}
.flu-ima {
	max-width:100%;
	height:auto;
}
.ima-sor {
	width:100%;
	height:auto;
	margin:30px auto;
	text-align:center;
}
.ima-sor img {
	display:inline;
	max-width:100%;
	height:auto;
}
.uli-tab-cel {
	display:table;
}
.uli-tab-cel img {
	display:inline;
	vertical-align:middle;
}
.uli-tab-cel li {
	font-size:90%;
	display:table-cell;
	vertical-align:middle;
	padding-right:20px;
}

.cir-lis {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.cir-lis li {
	font-size:110%;
	position:relative;
	padding:0px 20px;
}
.cir-lis li:before {
	position:absolute;
	left:0px;
	top:4px;
	content:"●";
	color:#376499;
	display:inline-block;
	transform: rotate(0deg);
	font-size:70%;
}
.cir-lis-blu li:before {
	color:#376499;
}
.cir-lis-red li:before {
	color:#D52A32;
}
.cir-lis-gre li:before {
	color:#066;
}
.cir-lis-gol li:before {
	color:#b7b23c;
}
/* テーブル　アンダーライン*/
.ver-tab-und-lin {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;/*水平中央*/
	align-items:stretch;/*垂直中央*/
	text-align:center;
	margin:0px auto 20px;
}
.ver-tab-und-lin dt, .ver-tab-und-lin dd {
	font-size:100%;
	padding:10px;
	border-bottom:solid 1px #CCC;
	background:#fff;
}
.ver-tab-und-lin dt {
	width:calc(30% - 20px);
	color:#606521;
	background-color: #FAFCD8;
	display:flex;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
}
.ver-tab-und-lin dd {
	margin-left:10px;
	width:calc(70% - 30px);
	display:flex;
	justify-content:flex-start;/*水平中央*/
	align-items:center;/*垂直中央*/
	text-align:left;
}
/* END テーブル　アンダーライン*/

}
/*-------------------------------------------------
2019　CSS　by WebCreatorCloudProject TRIBECA
------------------------------------------------*/

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


}