@charset "utf-8";
/* CSS Document */

/*PCでは表示・SPでは非表示*/
#header_pc {
  display: block;
}
#header_sp {
  display: none;
}
#footer_pc {
  display: block;
}
#footer_sp {
  display: none;
}
.img_pc {
	display: inline;
}
.img_sp {
	display: none;
}

@media screen and (max-width : 599px ){
  * {
    margin: 0;
    padding: 0;
  }
  .ins-layoutA {
    width: 100% !important;
  }
  
/*PCでは非表示・スマホでは表示*/
#header_pc {
	display: none;
}
#left_pc {
	display: none;
}
#service_pc {
	display: none;
}
#footer_pc {
	display: none;
}
#header_sp {
	display: block;
}
#footer_sp {
	display: block;
}
.img_pc {
	display: none;
}
.img_sp {
	display: inline;
}
}

/* -----------------------------------------------------
	01. Base Style
	02. Structure
	03. Modules
	04. Support
	05. JavaScript Style
----------------------------------------------------- */

/* -----------------------------------------------------
	01. Base Style
----------------------------------------------------- */

#ins-wrapper{
font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-weight: 500;
font-size:1rem;
color:#333;
line-height:1.6;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
word-break: normal;
}
#ins-wrapper p,
#ins-wrapper hr,
#ins-wrapper ul,
#ins-wrapper ol,
#ins-wrapper dl,
#ins-wrapper blockquote,
#ins-wrapper pre,
#ins-wrapper address,
#ins-wrapper fieldset,
#ins-wrapper figure {
margin: 0;
}
#ins-wrapper h1,
#ins-wrapper h2,
#ins-wrapper h3,
#ins-wrapper h4,
#ins-wrapper h5,
#ins-wrapper h6 {
margin: 0;
}
#ins-wrapper a{
}
#ins-wrapper ul,
#ins-wrapper ol {
list-style:none;
}
#ins-wrapper em{
font-style:normal;
font-weight:bold;
}
#ins-wrapper strong{
font-style:normal;
font-weight:bold;
}
#ins-wrapper ul,ol{
list-style:none;
}
#ins-wrapper table{
border:0 none;
width:100%;
}
#ins-wrapper table th,
table td{
border:0 none;
vertical-align:top;
text-align:left;
}
#ins-wrapper img{
border:0;
vertical-align:bottom;
}
#ins-wrapper fieldset{
border:0 none;
}
#ins-wrapper input,select{
vertical-align:middle;
}
#ins-wrapper textarea{
font-size:1.0em;
}
#ins-wrapper legend{
display:none;
}
#ins-wrapper label{
cursor:pointer;
}
#ins-wrapper option{
padding-right:5px;
}

/*  Adjustment
--------------------------------------- */

.rb2019---main__left{
	display: none !important;
}
.rb2019---main__right{
	width: 100% !important;
}


/* -----------------------------------------------------
	02. Structure
----------------------------------------------------- */

/*  ins-wrapper
--------------------------------------- */

#ins-wrapper {
    padding: 0 !important;
    position: static !important;
}
#ins-mainUpper #ins-topicPath {
    width: 100% !important;
}
#ins-containerA {
    width: 100% !important;
}
#ins-containerA #ins-sidebar {
    float: none;
    width: 100%;
}
#ins-containerA #ins-containerA {
    float: none;
    width: 100%;
}
#ins-wrapper img {
	max-width: 100%;
	height: auto;
}


#ins-wrapper .contA li{
	background: #f00;
	text-align: center;
}

/* .material-icons */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	display: inline-flex;
	vertical-align: middle;
}


/* .navArea */
.navArea{
	display: flex;
	align-items:center;
}
.navArea div{
	flex: 1;
	border-right: 1px solid #fff;
}
.navArea div a{
	display: block;
	background: #7b0000;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 150%;
}
.navArea div:last-child{
	border-right: none !important;
}
.navArea div a:hover{
	background: #cd3737;
}

/* .btnArea */
.btnArea{
	display: flex;
	align-items:center;
}
.btnArea .btnArea01,.btnArea .btnArea02{
	flex: 1;
}
.btnArea .btnArea01{
	margin: 0 50px 0 0;
}
.btnArea a{
	display: block;
	border-radius: 4px;
	text-shadow: 0px 2px 0.9px rgba(0, 0, 0, 0.5);
	color: #fff !important;
	padding: 10px;
	font-size: 225%;
	text-decoration: none;
}
.btnArea .btnArea01 a{
	background-image: -moz-linear-gradient( 90deg, rgb(0,158,150) 0%, rgb(62,220,212) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,158,150) 0%, rgb(62,220,212) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(0,158,150) 0%, rgb(62,220,212) 100%);
}
.btnArea .btnArea02 a{
	background-image: -moz-linear-gradient( 90deg, rgb(191,0,0) 0%, rgb(253,61,61) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(191,0,0) 0%, rgb(253,61,61) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(191,0,0) 0%, rgb(253,61,61) 100%);
}
.btnArea .btnArea01 a:hover{
	background-image: -moz-linear-gradient( 90deg, rgb(62,220,212) 0%, rgb(0,158,150) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(62,220,212) 0%, rgb(0,158,150) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(62,220,212) 0%, rgb(0,158,150) 100%);
}
.btnArea .btnArea02 a:hover{
	background-image: -moz-linear-gradient( 90deg, rgb(253,61,61) 0%, rgb(191,0,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(253,61,61) 0%, rgb(191,0,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(253,61,61) 0%, rgb(191,0,0) 100%);
}

/* .desArea */
.desArea{
	display: flex;
}
.desArea div{
	flex: 1;
	padding: 10px;
	border: 4px solid #bbb;
	margin: 0 7px 0 0;
	position: relative;
}
.desArea div:last-child{
	margin: 0;
}
.desArea div p.noArea{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	position: absolute;
	border-radius: 40px;
	background: #484848;
	color: #fff;
	font-size: 125%;
}
.desArea img{
	max-width: 293px !important;
}
.desTlt{
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	padding: 5px 0;
	background: #eee;
}

/* .feaArea */
.feaArea{
	display: flex;
	flex-wrap: wrap;
}
.feaArea div{
    display: flex;
    align-items: center;
	flex: 1;
    padding: 30px 90px 30px 30px;
	background: url("../img/bg_check.png") no-repeat right center;
    background-color: #ffeaea;
	margin: 0 7px 0 0;
	border: 4px solid #ffb3b3;
}
.feaArea div:last-child{
	margin: 0;
}

/* .recArea */
.recArea{
	display: flex;
	align-items:center;
	background: #fffeec;
	padding: 30px;
    border-top: solid 5px #b1ac5a;
}
.recArea h3 span{
	background: linear-gradient(transparent 70%, #fff76d 70%);
}
.recArea div{
	flex: 1;
}


@media screen and (max-width : 599px ){

#ins-wrapper {
    padding: 0 !important;
    position: static !important;
}
#ins-mainUpper #ins-topicPath {
    width: 100% !important;
}
#ins-containerA {
    width: 100% !important;
}
#ins-containerA #ins-sidebar {
    float: none;
    width: 100%;
}

	/* .stepArea */
	.navArea{
		flex-direction: column;
	}
	.navArea div{
		border-right: none;
		border-bottom: 1px solid #fff;
		width: 100%;
	}
	.navArea div a{
		font-size: 100%;
	}
	.btnArea{
		flex-direction: column;
	}
	.btnArea .btnArea01,.btnArea .btnArea02{
		width: 100%;
	}
	.btnArea .btnArea01{
		margin: 0;
	}
	.btnArea a{
		font-size: 100%;
	}
	.desArea{
		flex-direction: column;
	}
	.desArea div{
		width: calc(100% - 28px);
	}
	.feaArea{
		flex-direction: column;
	}
	.feaArea div{
		margin: 0;
		border-bottom: none;
	}
	.feaArea div:last-child{
		border-bottom: 4px solid #ffb3b3;
	}
	.recArea{
		flex-direction: column;
	}
	.recArea h3{
		padding: 0 0 30px 0;
	}
}

/* -----------------------------------------------------
	03. Modules(PC)
----------------------------------------------------- */

/*  Txt
--------------------------------------- */
#ins-wrapper h1,
#ins-wrapper h2,
#ins-wrapper h3,
#ins-wrapper h4,
#ins-wrapper h5,
#ins-wrapper h6,
#ins-wrapper dt{
color: #bf0000;
font-size: 150%;
font-weight: bold;
}
#ins-wrapper p{
}
#ins-wrapper .bigFont{
font-size: 123.1%;
}
#ins-wrapper .txtIndent{
text-indent:1em;
padding:0 0 0 -1em;
}
#ins-wrapper .txtUndent{
text-indent:-1em;
padding:0 0 0 1em;
}
#ins-wrapper .colorRed{
color:#F00;
}
#ins-wrapper .colorGreen{
color:#0F0;
}
#ins-wrapper .colorBlue{
color:#405eff;
}

/*  Link
--------------------------------------- */
#ins-wrapper a {
}
#ins-wrapper a:hover {
transition: all 0.3s ease 0s;
}
#ins-wrapper a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
transition: all 0.3s ease 0s;
}

/*  Img
--------------------------------------- */
#ins-wrapper img{
width:100%;
}

/*  Gridbox
--------------------------------------- */
#ins-wrapper .box .box1-2,#ins-wrapper .box .box1-2_SP{
width:50%;
}
#ins-wrapper .box .box1-3,#ins-wrapper .box .box1-3_SP{
width:33.3%;
}
#ins-wrapper .box .box2-3,#ins-wrapper .box .box2-3_SP{
width:66.6%;
}
#ins-wrapper .box .box1-4,#ins-wrapper .box .box1-4_SP{
width:25%;
}
#ins-wrapper .box .box1-5,#ins-wrapper .box .box1-5_SP{
width:20%;
}
#ins-wrapper .girdBox .box1-2,#ins-wrapper .girdBox .box1-2_SP{
width:50%;
}
#ins-wrapper .girdBox .box1-3,#ins-wrapper .girdBox .box1-3_SP{
width:33.3%;
}
#ins-wrapper .girdBox .box2-3,#ins-wrapper .girdBox .box2-3_SP{
width:66.6%;
}
#ins-wrapper .girdBox .box1-4,#ins-wrapper .girdBox .box1-4_SP{
width:25%;
}
#ins-wrapper .girdBox .box1-5,#ins-wrapper .girdBox .box1-5_SP{
width:20%;
}
#ins-wrapper .girdBoxMarg01 .box1-2,#ins-wrapper .girdBoxMarg01 .box1-2_SP{
width:49%;
margin-right:1%;
}
#ins-wrapper .girdBoxMarg01 .box1-3,#ins-wrapper .girdBoxMarg01 .box1-3_SP{
width:32.66666666666667%;
margin-right:1%;
}
#ins-wrapper .girdBoxMarg01 .box2-3,#ins-wrapper .girdBoxMarg01 .box2-3_SP{
width:65.33333333333334%;
margin-right:1%;
}
#ins-wrapper .girdBoxMarg01 .box1-4,#ins-wrapper .girdBoxMarg01 .box1-4_SP{
width:24.25%;
margin-right:1%;
}
#ins-wrapper .girdBoxMargx01 .box1-5,#ins-wrapper .girdBoxMargx01 .box1-5_SP{
width:19.2%;
margin-right:1%;
}
#ins-wrapper .girdBoxMarg02 .box1-2,#ins-wrapper .girdBoxMarg02 .box1-2_SP{
width:48%;
margin-right:2%;
}
#ins-wrapper .girdBoxMarg02 .box1-3,#ins-wrapper .girdBoxMarg02 .box1-3_SP{
width:32%;
margin-right:2%;
}
#ins-wrapper .girdBoxMarg02 .box2-3,#ins-wrapper .girdBoxMarg02 .box2-3_SP{
width:64%;
margin-right:2%;
}
#ins-wrapper .girdBoxMarg02 .box1-4,#ins-wrapper .girdBoxMarg02 .box1-4_SP{
width:23.5%;
margin-right:2%;
}
#ins-wrapper .girdBoxMargx02 .box1-5,#ins-wrapper .girdBoxMargx02 .box1-5_SP{
width:18.4%;
margin-right:2%;
}
#ins-wrapper .girdBoxMargx02 .box1-6,#ins-wrapper .girdBoxMargx02 .box1-6_SP{
width:15%;
margin-right:1.5%;
}
#ins-wrapper .girdBoxMarg02 .box1-10,#ins-wrapper .girdBoxMarg02 .box1-10_SP{
width:8.2%;
margin-right:2%;
}
#ins-wrapper .girdBoxMarg02 .box9-10,#ins-wrapper .girdBoxMarg02 .box9-10_SP{
width:73.8%;
margin-right:2%;
}

#ins-wrapper .girdBoxMarg01 :last-child{
margin-right:0;
}
#ins-wrapper .girdBoxMarg02 :last-child{
margin-right:0;
}

/*  Smart Phone
--------------------------------------- */
#ins-wrapper .pcArea{
display:block;
}
#ins-wrapper .spArea{
display:none;
}

/* -----------------------------------------------------
	04. Support
----------------------------------------------------- */

/*  Style Adjust
--------------------------------------- */
#ins-wrapper .mt00{margin-top:0!important;}
#ins-wrapper .mt05{margin-top:5px!important;}
#ins-wrapper .mt10{margin-top:10px!important;}
#ins-wrapper .mt15{margin-top:15px!important;}
#ins-wrapper .mt20{margin-top:20px!important;}
#ins-wrapper .mt30{margin-top:30px!important;}
#ins-wrapper .mt40{margin-top:40px!important;}
#ins-wrapper .mt50{margin-top:50px!important;}
#ins-wrapper .mt01p{margin-top:1%!important;}
#ins-wrapper .mt02p{margin-top:2%!important;}

#ins-wrapper .mr00{margin-right:0!important;}
#ins-wrapper .mr05{margin-right:5px!important;}
#ins-wrapper .mr10{margin-right:10px!important;}
#ins-wrapper .mr15{margin-right:15px!important;}
#ins-wrapper .mr20{margin-right:20px!important;}
#ins-wrapper .mr30{margin-right:30px!important;}
#ins-wrapper .mr40{margin-right:40px!important;}
#ins-wrapper .mr50{margin-right:50px!important;}
#ins-wrapper .mr01p{margin-right:1%!important;}
#ins-wrapper .mr02p{margin-right:2%!important;}

#ins-wrapper .mb00{margin-bottom:0!important;}
#ins-wrapper .mb05{margin-bottom:5px!important;}
#ins-wrapper .mb10{margin-bottom:10px!important;}
#ins-wrapper .mb15{margin-bottom:15px!important;}
#ins-wrapper .mb20{margin-bottom:20px!important;}
#ins-wrapper .mb30{margin-bottom:30px!important;}
#ins-wrapper .mb40{margin-bottom:40px!important;}
#ins-wrapper .mb50{margin-bottom:50px!important;}
#ins-wrapper .mb01p{margin-bottom:1%!important;}
#ins-wrapper .mb02p{margin-bottom:2%!important;}

#ins-wrapper .ml00{margin-left:0!important;}
#ins-wrapper .ml05{margin-left:5px!important;}
#ins-wrapper .ml10{margin-left:10px!important;}
#ins-wrapper .ml15{margin-left:15px!important;}
#ins-wrapper .ml20{margin-left:20px!important;}
#ins-wrapper .ml30{margin-left:30px!important;}
#ins-wrapper .ml40{margin-left:40px!important;}
#ins-wrapper .ml50{margin-left:50px!important;}
#ins-wrapper .ml01p{margin-left:1%!important;}
#ins-wrapper .ml02p{margin-left:2%!important;}

#ins-wrapper .mrauto{margin-right:auto!important;}
#ins-wrapper .mlauto{margin-left:auto!important;}

#ins-wrapper .pt00{padding-top:0!important;}
#ins-wrapper .pt05{padding-top:5px!important;}
#ins-wrapper .pt10{padding-top:10px!important;}
#ins-wrapper .pt15{padding-top:15px!important;}
#ins-wrapper .pt20{padding-top:20px!important;}
#ins-wrapper .pt30{padding-top:30px!important;}
#ins-wrapper .pt40{padding-top:40px!important;}
#ins-wrapper .pt50{padding-top:50px!important;}
#ins-wrapper .pt100{padding-top:100px!important;}
#ins-wrapper .pt01p{padding-top:1%!important;}
#ins-wrapper .pt02p{padding-top:2%!important;}

#ins-wrapper .pr00{padding-right:0!important;}
#ins-wrapper .pr05{padding-right:5px!important;}
#ins-wrapper .pr10{padding-right:10px!important;}
#ins-wrapper .pr15{padding-right:15px!important;}
#ins-wrapper .pr20{padding-right:20px!important;}
#ins-wrapper .pr30{padding-right:30px!important;}
#ins-wrapper .pr35{padding-right:35px!important;}
#ins-wrapper .pr40{padding-right:40px!important;}
#ins-wrapper .pr50{padding-right:50px!important;}
#ins-wrapper .pr01p{padding-right:1%!important;}
#ins-wrapper .pr02p{padding-right:2%!important;}

#ins-wrapper .pb00{padding-bottom:0!important;}
#ins-wrapper .pb05{padding-bottom:5px!important;}
#ins-wrapper .pb10{padding-bottom:10px!important;}
#ins-wrapper .pb15{padding-bottom:15px!important;}
#ins-wrapper .pb20{padding-bottom:20px!important;}
#ins-wrapper .pb30{padding-bottom:30px!important;}
#ins-wrapper .pb40{padding-bottom:40px!important;}
#ins-wrapper .pb50{padding-bottom:50px!important;}
#ins-wrapper .pb100{padding-bottom:100px!important;}
#ins-wrapper .pb01p{padding-bottom:1%!important;}
#ins-wrapper .pb02p{padding-bottom:2%!important;}

#ins-wrapper .pl00{padding-left:0!important;}
#ins-wrapper .pl05{padding-left:5px!important;}
#ins-wrapper .pl10{padding-left:10px!important;}
#ins-wrapper .pl15{padding-left:15px!important;}
#ins-wrapper .pl20{padding-left:20px!important;}
#ins-wrapper .pl30{padding-left:30px!important;}
#ins-wrapper .pl35{padding-left:35px!important;}
#ins-wrapper .pl40{padding-left:40px!important;}
#ins-wrapper .pl50{padding-left:50px!important;}
#ins-wrapper .pl01p{padding-left:1%!important;}
#ins-wrapper .pl02p{padding-left:2%!important;}

#ins-wrapper .left{text-align:left!important;}
#ins-wrapper .center{text-align:center!important;}
#ins-wrapper .right{text-align:right!important;}
#ins-wrapper .top{vertical-align:top!important;}
#ins-wrapper .middle{vertical-align:middle!important;}
#ins-wrapper .bottom{vertical-align:bottom!important;}
#ins-wrapper .small{font-size:84%!important;} /* 10px */
#ins-wrapper .bold{font-weight:bold !important;}
#ins-wrapper .normal{ font-weight:normal;}
#ins-wrapper .no-border{border:none!important;}
#ins-wrapper .top-border{border-top:1px solid #EDEDED!important;}
#ins-wrapper .bottom-border{border-bottom:1px solid #EDEDED!important;}
#ins-wrapper .float-L,#ins-wrapper .float-L_SP{float:left;}
#ins-wrapper .float-R,#ins-wrapper .float-R_SP{float:right;}
#ins-wrapper .clear{clear:both;}
#ins-wrapper .widthSize{width:1230px;}
/* clearfix */
#ins-wrapper .cf {
zoom: 1;
}
#ins-wrapper .cf:before, .cf:after {
content: "";
display: table;
}
#ins-wrapper .cf:after {
clear: both;
}

/* -----------------------------------------------------
	04'. Support(SP)
----------------------------------------------------- */

/*  Breakpoint スマホ599px
--------------------------------------- */

@media screen and (max-width : 599px ){

#ins-wrapper .box .box1-2_SP,
#ins-wrapper .box .box1-3_SP,
#ins-wrapper .box .box2-3_SP,
#ins-wrapper .box .box1-4_SP,
#ins-wrapper .box .box1-5_SP,
#ins-wrapper .girdBox .box1-2_SP,
#ins-wrapper .girdBox .box1-3_SP,
#ins-wrapper .girdBox .box2-3_SP,
#ins-wrapper .girdBox .box1-4_SP,
#ins-wrapper .girdBox .box1-5_SP,
#ins-wrapper .girdBoxMarg01 .box1-2_SP,
#ins-wrapper .girdBoxMarg01 .box1-3_SP,
#ins-wrapper .girdBoxMarg01 .box2-3_SP,
#ins-wrapper .girdBoxMarg01 .box1-4_SP,
#ins-wrapper .girdBoxMargx01 .box1-5_SP,
#ins-wrapper .girdBoxMarg02 .box1-2_SP,
#ins-wrapper .girdBoxMarg02 .box1-3_SP,
#ins-wrapper .girdBoxMarg02 .box2-3_SP,
#ins-wrapper .girdBoxMarg02 .box1-4_SP,
#ins-wrapper .girdBoxMargx02 .box1-5_SP,
#ins-wrapper .girdBoxMarg02 .box1-10_SP,
#ins-wrapper .girdBoxMarg02 .box9-10_SP
{
width:100% !important;
margin-right:0 !important;
}
#ins-wrapper .girdBoxMarg01 :last-child{
margin-right:0;
}
#ins-wrapper .girdBoxMarg02 :last-child{
margin-right:0;
}
#ins-wrapper .float-L_SP,#ins-wrapper .float-R_SP{
float:none !important;
}
#ins-wrapper .pcArea{
display:none !important;
}
#ins-wrapper .spArea{
display:block !important;
}
#ins-wrapper .widthSize{width:100% !important;}
#ins-wrapper .widthMargine{width:96% !important; padding-left:2%;padding-right:2%;}
#ins-wrapper .imgArea01{
max-width:200px;
}
#ins-wrapper .imgArea02{
max-width:200px;
}
#ins-wrapper h1,
#ins-wrapper h2,
#ins-wrapper h3,
#ins-wrapper h4,
#ins-wrapper h5,
#ins-wrapper h6,
#ins-wrapper dt{
}

.flexcontainer{
  flex-direction: column;
}

}

/* -----------------------------------------------------
	05. JavaScript Style
----------------------------------------------------- */
