@charset "UTF-8";
/* CSS Document */
body{
	color: #333333;
}

.text_white{
	color: #FFFFFF;
}

#edis_header_area{
	position: relative;
}

#edis_header{
	background-color: rgba(111,200,255,0.20);
	position: relative;
	z-index: 1;
}

#edis_header_bar{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 .5em 0 1em;
	background-color: rgba(51,153,255,0);
	color: #FFFFFF;
}

#edis_header_bar a{
	color: #FFFFFF;
}

#edis_header_bar a.edis_telset{
	font-size: 1.5rem !important;
}

#edis_mv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
}

#edis_mv p{
	color: #FFFFFF;
}

#edis_mv p span{
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	padding: 0 .5em .2em;
	margin-bottom: .2em;
}


.s-wrap{
	padding: 0 .5rem;
}

 span.textbox_en,
 h2.textbox_en,
 p.textbox_en{
	font-style: italic;
	color: #5C5C5C;
}

.textbox_en_white{
	font-style: italic;
	color: white;
}

/*======= section #kyoui =======*/
section#kyoui{
	background: rgb(1,15,41);
	background: linear-gradient(0deg, rgba(1,15,41,1) 0%, rgba(8,22,50,1) 17%, rgba(40,58,95,1) 100%);
}

.edis_ttlset_inner{
	display: inline;
}

.edis_ttlset_inner .square{
	width: 175px;
	height: 175px;
	background-color: #E7EDFC;
	transform: rotate(-30deg);
}
.edis_ttlset_inner .square.deg_1{
	transform: rotate(10deg);
}
.edis_ttlset_inner .square.deg_2{
	transform: rotate(-10deg);
}
.edis_ttlset_inner .square.deg_3{
	transform: rotate(-45deg);
}

.edis_ttlset h2{
	color: #28395F;
	font-weight: bold;
	margin-left: -75px;
	z-index: 1;
}

.edis_ttlset h2 span{
	font-size: .8em;
	color: #28395F;
}

.penalty_box,
#kyoui_box{
	border: solid 1px #FFFFFF;
	padding: 20px;
}

#taisyo_box{
	background-color: #f0f0f0;
	padding: 20px;
}

section#kyoui_en{
	background: rgb(172,200,251);
	background: linear-gradient(0deg, rgba(172,200,251,1) 0%, rgba(188,210,252,1) 17%, rgba(233,240,254,1) 100%);
}

/*======= section #edrm =======*/
.edrm_text p{
	font-size: 1em;
	line-height: 1.6em;
}

.edrm_textbox_01{
	border-left: solid 10px #2F527B;
	padding-left: 15px;
}
.edrm_textbox_02{
	border-left: solid 10px #3275BC;
	padding-left: 15px;
}
.edrm_textbox_03{
	border-left: solid 10px #1BA5DD;
	padding-left: 15px;
}
.edrm_textbox_04{
	border-left: solid 10px #52C4CD;
	padding-left: 15px;
}
.edrm_textbox_05{
	border-left: solid 10px #55C09A;
	padding-left: 15px;
}
.edrm_textbox_06{
	border-left: solid 10px #88CC6F;
	padding-left: 15px;
}

/*======= section #global =======*/
#global .bg_globe{
	background-image: url("../images/globe.jpg");
	background-repeat: no-repeat;
	background-position: 30% top;
}

ul#rela_info{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#rela_info li{
	line-height: 1.6em;
}


/*======= フロー図 =======*/
.msr_flow03 {
  color: #000000;
  list-style: none;
  overflow: hidden;
	padding-left: 0;
}
.msr_flow03 li {
  background-color: #F8F8F8;
  color: #1B73BA;
  float: left;
  font-size: 18px;
  display: block;
  line-height: 80px;
  text-align: center;
  text-decoration: none;
  min-width: 100px;
  padding: 0 10px 0 60px;
}
.msr_flow03 li:first-child {
  padding-left: 40px;
}

/* 三角形下部 */
.msr_flow03 li::after {
  background-color: #F8F8F8;
  box-shadow: 2px 0 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 0 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 0 0px rgba(0,0,0,0.2);
  content: " ";
  display: block;
  height: 40px;
  margin-left: auto;
  margin-right: -40px;
  margin-top: -40px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 60px;
}

/* 三角形上部 */
.msr_flow03 li::before {
  background-color: #F8F8F8;
  box-shadow: 2px 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 0 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 2px 0 2px rgba(0,0,0,0.2);
  content: " ";
  display: block;
  float: right;
  height: 40px;
  margin-bottom: -40px;
  margin-left: auto;
  margin-right: -40px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 60px;
}

/* 右端の設定 */
.msr_flow03 .active {
  background-color: #1B73BA;
  color: #FFFFFF;
}
.msr_flow03 .active::before, .msr_flow03 .active::after {
  background-color: #1B73BA;
}

@media screen and (max-width: 640px){
	ul.msr_flow03_sp{
		list-style-type: none;
		padding:0;
		margin:0;
	}
	.msr_flow03_sp li.tra_sp{
		position: relative;
		background: #F8F8F8;
		padding: 1.5em 0;
		margin-bottom: 1em;
		text-align:center;
		color: #1B73BA;
	}
	.msr_flow03_sp li.tra_sp::after{
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -10px;
		left: calc(50% - 50px);
		border-style: solid;
		border-color: #F8F8F8 transparent transparent transparent;
		border-width: 10px 50px 0 50px;
		z-index: 1;
	}
	.msr_flow03_sp li.tra_sp.active{
		background: #1B73BA;
		font-weight: bold;
		color: #FFFFFF;
	}
	.msr_flow03_sp li.tra_sp.active::after{
		border-color: #1B73BA transparent transparent transparent;
	}
	.msr_flow03_sp li .tra_sp_sepa{
		position: relative;
		background: #F8F8F8;
		padding: 1.5em 0;
		margin-bottom: 1em;
		text-align:center;
		color: #1B73BA;
	}
	.msr_flow03_sp li .tra_sp_sepa::after{
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -10px;
		left: calc(50% - 50px);
		border-style: solid;
		border-color: #F8F8F8 transparent transparent transparent;
		border-width: 10px 50px 0 50px;
		z-index: 1;
	}
	
}
/*======= // フロー図 =======*/


@media screen and (max-width: 640px) {
.s-wrap{
	padding: 0 1rem;
}

	#global .bg_globe{
		background-position: center center;
	}
	
	.edis_ttlset_inner .square{
		height: 85px;
	}

	.edis_ttlset_inner .square.deg_2{
		height: 96px;
	}

	.edis_ttlset_inner .square.deg_3{
		height: 105px;
	}

}