@charset "utf-8";
/* CSS Document */


#index p {
	padding: 0;
}
#index ul {
    margin: 0;
	padding: 0;
	width: auto;
}
#index ul li {
    background: none;
	padding: 0;
}

/*---------------------
　共通
-----------------------*/
#index .catchTxt {
	font-size: 2.2rem;
	color: #10267b;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	font-weight: 700;
}
#index .section {
	padding: 8rem 0;
}


/*---------------------
　key
-----------------------*/
#index .key {
	position: relative;
	padding: 0 0 14rem;
}
#index .keyInr {
	max-width: 1370px;
	margin: 0 auto;
	width: 96%;
}
#index .key .pic {
	float: right;
	max-width: 800px;
	width: 54%;
	margin: 3rem 0 0;
	position: relative;
}
#index .key .pic:before {
	content: "";
	background: url("img/key_deco.png") no-repeat;
	background-size: 100%;
	width: 604px;
	height: 733px;
	position: absolute;
	top: -87px;
    right: 22rem;
    z-index: 1;
}
#index .key .txtBox {
	max-width: 550px;
	width: 43%;
	position: relative;
	float: left;
	padding: 3rem 0 0 3rem;
	margin: 0;
}
#index .key .mainTit {
	font-size: min(2.2vw,3.5rem);
	font-weight: 700;
	line-height: 1.5;
	padding: 0 0 1.5rem;
	margin: 0 0 3rem;
	border-bottom: solid 1px #0b0082;
	position: relative;
}
#index .key .mainTit:before {
	content: "";
	background: #0b0082;
	width: 100%;
    height: 1px;
	position: absolute;
	bottom: -1px;
	left: -100%;
}
#index .key .mainTit span {
	font-size: min(4vw,6rem);
	color: #0b0082;
}
#index .key .txtBox p {
	line-height: 2.1;
	margin: 0;
	padding: 0;
}
#index .key .btn-internal {
	margin: 4rem auto 0;
}



/*---------------------
　sec01
-----------------------*/
#index .sec01 {
	position: relative;
}
#index .sec01:before {
	content: "";
	background: url("img/eng_precision.png") no-repeat;
	background-size: 100%;
	width: 595px;
	height: 160px;
	position: absolute;
	top: -8rem;
    left: 3.5rem;
    z-index: 1;
}
#index .sec01 .introArea > .wi1000 {
	position: relative;
}
#index .sec01 .introArea > .wi1000:after {
	content: "";
	background: url("img/sec01_deco.png") no-repeat;
	background-size: 100%;
	width: 802px;
	height: 512px;
	position: absolute;
    top: -19rem;
    right: -8rem;
    z-index: -1;
}
#index .sec01 .introArea {
	background: #0b0082;
	padding: 6rem 0 5rem;
	min-height: 300px;
	position: relative;
}
#index .sec01 .txtBox {
	width: 360px;
}
#index .sec01 .secTitBox {
	margin: 0 0 2rem;
}
#index .sec01 .secTitBox .secTit {
	font-size: 4rem;
	color: #fff;
	text-align: left;
}
#index .sec01 .secTit span {
	font-size: 3rem;
}
#index .sec01 p {
	color: #fff;
	margin: 0;
}
#index .sec01 .txtBox:before {
    content: "";
	background: url("img/sec01_pic.png") no-repeat;
	background-size: 100%;
	width: 824px;
	height: 300px;
	position: absolute;
    top: -6rem;
    right: -13rem;
}
#contents .sec01 .sTit {
	background: #242424 url("img/eng_index.png") no-repeat center;
	background-size: auto 19px;
}

/*---------------------
　sec02
-----------------------*/
#index .sec02 {
	background: rgb(247,247,247);
	background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%);
	position: relative;
}
#index .sec02:before {
	content: "";
	background: url("img/eng_reduction.png") no-repeat;
	background-size: 100%;
	width: 969px;
	height: 529px;
	position: absolute;
	top: 6rem;
	left: 3.5rem;
}
#index .sec02:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 274px solid #0b0082;
    border-left: 274px solid transparent;
}
#index .sec02 .secTitBox {
	position: relative;
	z-index: 1;
}
#index .sec02 .itemBoxWrap {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
#index .sec02 .itemBox {
	width: 460px;
	padding: 4rem;
	position: relative;
}
#index .sec02 .itemBox:before {
	content: "";
	background: url("img/sec02_item_tri.png") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 82px;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec02 .itemBox:after {
	content: "";
	background: #fff;
	width: 100%;
	height: calc(100% - 82px);
	position: absolute;
	bottom: 0;
	left: 0;
}
#index .sec02 .subTit {
	font-size: 3rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	padding: 0 0 2rem;
	margin: 0 0 2.5rem;
	min-height: 11rem;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
#index .sec02 .subTit:before {
	content: "";
	background: #e57f11;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
}
#index .sec02 .itemBox:last-child .subTit:before {
	background: #61c546;
}
#index .sec02 .itemBox .pic {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 164px;
	margin: 0 0 2rem;
	z-index: 1;
	position: relative;
}
#index .sec02 .itemBox .pic img {
	width: auto;
	height: 184px;
}

#index .sec02 .itemBox ul {
	margin: 2rem auto;
    padding: 1rem 0 0;
	z-index: 1;
	position: relative;
}
#index .sec02 .itemBox ul:after {
	content: "";
	clear: both;
	display: block;
}
#index .sec02 .itemBox ul li {
	padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 7px no-repeat;
    background-size: 11px auto;
	font-weight: 700;
}
#index .sec02 .itemBox:last-child ul li {
	float: left;
	width: 50%;
}
#index .sec02 .usageBox {
    z-index: 1;
	position: relative;
}
#index .sec02 .usageBox .tit {
	background: #0b0082;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 2rem;
	padding: 7px 10px 10px;
    line-height: 1;
	position: relative;
}
#index .sec02 .usageBox .tit:before {
	content: "";
	background: url("img/tri_side.png") no-repeat;
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec02 .usageBox .txtBox {
	background: #f2f2f2;
	padding: 2rem 3rem;
}
#index .sec02 .usageBox dl {
	margin: 0 0 2rem;
}
#index .sec02 .usageBox dl:last-child {
	margin: 0;
}
#index .sec02 .usageBox dt {
	background: url(img/icon_dot.png) 0 11px no-repeat;
    background-size: 11px auto;
	padding: 0 0 0 17px;
}
#index .sec02 .usageBox dd {
	padding: 0 0 0 1.5rem;
}
#index .sec02 .usageBox dd:before {
	content: "└";
}
#index .sec02 .matomeBox {
	margin: 6rem 0 0;
	padding: 0 6rem 2rem;
	position: relative;
	z-index: 1;
	background: linear-gradient(
    -45deg,
    transparent 41px,
    #eff4ee 41px,
    #eff4ee 100%
  );
}
#index .sec02 .matomeBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 82px solid #e9e9e9;
    border-right: 82px solid transparent;
}

#index .sec02 .matomeBox .tit {
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
	border-bottom: solid 1px #0b0082;
	margin: 0 0 2.5rem;
	padding: 2rem 0 2rem;
	line-height: 1.5;
}






/*---------------------
　sec03
-----------------------*/
#index .sec03 {
	position: relative;
}
#index .sec03:before {
	content: "";
	background: url("img/eng_break.png") no-repeat;
	background-size: 100%;
	width: 827px;
	height: 388px;
	position: absolute;
	top: 6rem;
	right: 3rem;
	z-index: -1;
}
#index .sec03:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #e5e5e5;
    border-right: 275px solid transparent;
}
#index .sec03 .graphBox {
	width: 700px;
	margin: 0 auto;
	position: relative;
}
#index .sec03 .itemBox_bottom {
	display: flex;
    flex-direction: column-reverse;
}
#index .sec03 .motorName,
#index .sec03 .forName {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
#index .sec03 .forName {
	position: absolute;
	margin: 0;
}
#index .sec03 .forName01 {
    top: 31rem;
    left: -14rem;
}
#index .sec03 .forName02 {
    top: 31rem;
    right: -16rem;
}
#index .sec03 .sBoxWrap {
	display: flex;
}
#index .sec03 .sBox {
	width: 50%;
	background: #fafafa;
	border-bottom: solid 1px #0b0082;
	border-right: solid 1px #0b0082;
	position: relative;
}
#index .sec03 .sBox:last-child {
	background: #f2f2f2;
	border-right: none;
}
#index .sec03 .sBox:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 1;
}
#index .sec03 .itemBox_top .sBox:nth-child(1):before {
	background: url("img/sec03_graph_arr_up.png") no-repeat;
	background-size: 100%;
	top: 0;
	right: -10px;
}
#index .sec03 .itemBox_top .sBox:nth-child(2):before {
	background: url("img/sec03_graph_arr_right.png") no-repeat;
	background-size: 100%;
	bottom: -10px;
	right: 0;
}
#index .sec03 .itemBox_bottom .sBox:nth-child(1):before {
	background: url("img/sec03_graph_arr_left.png") no-repeat;
	background-size: 100%;
	top: -10px;
	left: 0;
}
#index .sec03 .itemBox_bottom .sBox:nth-child(2):before {
	background: url("img/sec03_graph_arr_down.png") no-repeat;
	background-size: 100%;
	bottom: 0;
	left: -10px;
}
#index .sec03 .itemBox_bottom .sBox {
    display: flex;
    flex-direction: column-reverse;
	border-bottom: none;
}
#index .sec03 .itemBox_bottom .sBox:last-child {
	border-right: none;
}
#index .sec03 .twoType p {
	width: 50%;
	border-right: solid 2px #fafafa;
}
#index .sec03 .twoType p:last-child {
	border-right: none;
}
#index .sec03 .typeName {
	background: #a5a5a5;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	min-height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
	margin: 0;
}
#index .sec03 .sBox .iconBox {
	height: 26rem;
	padding: 1.7rem;
	position: relative;
}
#index .sec03 .itemBox_bottom .sBox .iconBox {
	display: flex;
	flex-wrap: wrap;
}
#index .sec03 .itemBox_bottom .sBox .iconBox:before {
	content: "";
	background: #f2f2f2;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox:before {
	background: #fafafa;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec03 .sBox .iconBox .ccl {
	width: 102px;
	height: 102px;
	border-radius: 50%;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	border: solid 2px #e27f0f;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #fff;
	position: absolute;
}

#index .sec03 .sBox .iconBox .ccl:before {
	content: "?";
	position: absolute;
	background: #a5a5a5;
	padding: 0.02rem 0.5rem 0;
	font-size: 1.1rem;
	color: #fff;
	bottom: 0.4rem;
}

#index .sec03 .itemBox_bottom .sBox .iconBox04 .ccl {
    position: relative;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox .ccl {
	border: solid 2px #61c546;
	margin: 0 5px 12px 0;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox .ccl:nth-child(3n) {
	margin: 0 0 12px 0;
}
#index .sec03 .fukiBox {
	position: relative;
	z-index: 2;
}
#index .sec03 .fukiBox > div {
	background: rgba(36,36,36,0.9);
	width: 160px;
	padding: 1.5rem;
	position: absolute;
    bottom: 17rem;
    left: 9.5rem;
	display: none;
}
#index .sec03 .fukiBox > div.on {
	display: block;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
#index .sec03 .fukiBox > div:before {
	content: "";
	background: url("img/sec03_graph_arr_fuki.png") no-repeat;
	background-size: 100%;
	width: 13px;
	height: 14px;
	position: absolute;
	bottom: -14px;
	left: calc(50% - 6px);
}
#index .sec03 .fukiBox > div p {
	color: #fff;
	line-height: 1.8;
	font-size: 1.4rem;
	margin: 0;
}

#index .sec03 .iconBox .ccl01 {
	top: calc(50% - 50px);
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl02 {
	top: 2rem;
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl03 {
	bottom: 2rem;
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl04 {
	bottom: calc(50% - 50px);
	left: 2rem;
}
#index .sec03 .iconBox .ccl05 {
	top: 2rem;
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl06 {
	bottom: 2rem;
	left: calc(50% - 50px);
}

#index .sec03 .fukiBox .ccl01 {
}
#index .sec03 .fukiBox .ccl02 {
    bottom: 23rem;
}
#index .sec03 .fukiBox .ccl03 {
    bottom: 11rem;
}
#index .sec03 .fukiBox .ccl04 {
    bottom: -9rem;
	left: -1rem;
}
#index .sec03 .fukiBox .ccl05 {
    bottom: -3rem;
}
#index .sec03 .fukiBox .ccl06 {
    bottom: -15rem;
}
#index .sec03 .fukiBox .ccl07 {
    bottom: -3rem;
	left: -1rem;
}
#index .sec03 .fukiBox .ccl08 {
    bottom: -3rem;
    left: 10rem;
}
#index .sec03 .fukiBox .ccl09 {
    bottom: -3rem;
    left: 20rem;
}
#index .sec03 .fukiBox .ccl10 {
	bottom: -14rem;
    left: -1rem;
}
#index .sec03 .fukiBox .ccl11 {
    bottom: -14rem;
    left: 10rem;
}
#index .sec03 .fukiBox .ccl12 {
    bottom: -14rem;
    left: 20rem;
}
#index .notice {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #999;
}



/*---------------------
　sec04
-----------------------*/
#index .sec04{
	background: url("img/sec04_bg.jpg") no-repeat;
	background-size: cover;
	position: relative;
}
#index .sec04:before {
	content: "";
	background: url("img/eng_each.png") no-repeat;
	background-size: 100%;
	width: 949px;
	height: 389px;
	position: absolute;
	top: 65px;
	right: 35px;
}
#index .sec04:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #fff;
    border-right: 275px solid transparent;
}
#index .sec04 .wi1000 {
	position: relative;
	z-index: 1;
}
#contents .threeColWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#contents .threeColWrap .colBox {
	width: 310px;
	background: #fff;
	position: relative;
}
#contents .threeColWrap .colBox:before {
	content: "";
	background: url("img/num01.png") no-repeat;
	background-size: 100%;
	width: 35px;
	height: 30px;
	position: absolute;
	top: -1.5rem;
	left: 1rem;
}
#contents .threeColWrap .colBox:nth-child(2):before {
	background: url("img/num02.png") no-repeat;
	background-size: 100%;
	width: 46px;
	height: 30px;
}
#contents .threeColWrap .colBox:nth-child(3):before {
	background: url("img/num03.png") no-repeat;
	background-size: 100%;
	width: 45px;
	height: 30px;
}
#contents .threeColWrap .colBox .tit {
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	min-height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#contents .threeColWrap .colBox .blaTit {
	background: #242424;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1;
	font-weight: 700;
	padding: 6px 5px 8px;
}
#contents .threeColWrap .colBox .pic {
	margin: 0 0 2rem;
	min-height: 20.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#contents .threeColWrap .colBox .pic img {
	max-height: 205px;
	width: auto;
}

#contents .threeColWrap .colBox .txtBox {
	padding: 3rem 3rem 4rem;
}
#contents .threeColWrap .colBox .catchTxt {
	font-size: 2rem;
}
#contents .threeColWrap .colBox .txtBox .txt {
	margin: 0;
}

.makerList {
	background: #f2f2f2;
}

#sec04 .makerList {
	min-height: 25rem;
}

.makerList dt {
	font-size: 1.8rem;
	font-weight: 700;
	border-bottom: solid 1px #0b0082;
	line-height: 1.5;
	margin: 0 0 1.5rem 2rem;
	padding: 0.8rem 0;
}
.makerList dd {
	margin: 0 0 0 2rem;
	padding: 0 2rem 1.5rem 0;
}
.makerList dd li {
    padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 6px no-repeat;
    background-size: 11px auto;
    font-size: 1.4rem;
}
#contents .threeColWrap .colBox .btn-internal {
    width: 100%;
	margin: 2rem 0 0;
}
#contents .threeColWrap .colBox .btn-internal a {
    padding: 2rem 5rem;
    font-size: 1.5rem;
}

#index .modalBtn {
	margin: 2rem 0 2.5rem;
}
#index .modalBtn a {
	color: #142474;
	font-weight: 700;
	text-align: center;
	border: solid 1px #142474;
	display: block;
	text-decoration: none;
	padding: 0.8rem 3.5rem 0.8rem 1.5rem;
	/* background: url("img/icon_plus_blu.png") no-repeat right 1rem center; */
	background-size: 16px auto;
	position: relative;
}
#index .modalBtn a:after {
	content: "？";
	position: absolute;
	background: #a5a5a5;
	padding: 0.8rem 0.5rem;
	font-size: 1.2rem;
	color: #fff;
	top: calc(50% - 1.2rem);
	right: 1rem;
	width: 1.4rem;
	height: 0.8rem;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
} 

#index .modal_content {
    display: none;
}
.modaal-content-container {
    padding: 0 3rem 6rem;
}
.modaal-container {
    color: #222;
    width: 800px;
    box-shadow: none;
	position: relative;
}
.modaal-container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 75px solid #645f9f;
	border-right: 75px solid transparent;
}
.modaal-wrapper .modaal-content-container {
	padding: 3rem 5rem 3rem;
}
.modaal-wrapper .modalTit {
    font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin: 0 0 3rem;
	padding: 0 0 2rem;
}
.modaal-wrapper .modalTit:before {
	content: "";
	background: #837cd0;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
}
.modaal-wrapper .modalTit:after {
	content: "";
	background: #0b0082;
	width: 25px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
}
.modaal-wrapper .boxArea {
    display: flex;
	justify-content: space-between;
}
.modaal-wrapper .makerList {
	width: 335px;
	margin: 0;
}
.modaal-wrapper .makerList dt {
    margin: 0 0 1.5rem 2rem;
    padding: 1.2rem 0;
}
.modaal-wrapper .makerList dd li {
    background: url(img/icon_dot.png) 0 10px no-repeat;
    background-size: 11px auto;
}
.modaal-wrapper .modaal-close {
    position: static;
	width: 92px;
    height: 25px;
	border-radius: 0;
	border: solid 1px #0b0082;
	margin: 3rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modaal-wrapper .modaal-close img {
    width:auto;
	height: 12px;
}
.modaal-close:after, .modaal-close:before {
    content: none;
}
.modaal-wrapper .modaal-close:hover {
    opacity: 0.7;
}
#modaal-close {
    display: none;
}



/*---------------------
　sec05
-----------------------*/
#index .sec05 {
	padding: 0;
	margin: 0;
	position: relative;
}
#index .sec05:before {
	content: "";
	background: url("img/sec05_arr_long.png") no-repeat;
	background-size: 100%;
	width: 9px;
	height: 98px;
	position: absolute;
	bottom: -5rem;
    left: calc(50% - 4px);
    z-index: 1;
}
#index .sec05 .threeColWrap .colBox .btn-internal.arr-down a {
    background: #61c546 url(img/arr_bs_wh_down.png) no-repeat right 3rem center;
    background-size: 6px auto;
}

/*---------------------
　sec06
-----------------------*/
#index .sec06 {
    background: #242424;
	position: relative;
}
#index .sec06:before {
    content: "";
	background: url("img/eng_wave.png") no-repeat;
	background-size: 100%;
	width: 991px;
	height: 249px;
	position: absolute;
	top: 6rem;
	right: 3.5rem;
	z-index: 1;
}
#index .sec06:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #3d3787;
    border-right: 275px solid transparent;
}
#index .sec06 .secTitBox {
    margin: 0 auto 9rem;
	position: relative;
	z-index: 1;
}
#index .sec06 .secTitBox .secTit {
    color: #fff;
}
#index .sec06 .wtSheet {
    background: #fff;
	padding: 10rem 5rem 5rem;
	position: relative;
	margin: 0 0 10rem;
}
#index .sec06 .wtSheet:last-child {
	margin: 0;
}
#index .sec06 .label {
    background: #0b0082;
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
	font-weight: 700;
	display: table;
	margin: 0 auto;
	min-height: 9rem;
	padding: 2.5rem 0 0;
	position: absolute;
	top: -4rem;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
    z-index: 2;
}
#index .sec06 .label:before {
    content: "";
	background: url("img/tri_blue_left.png") no-repeat;
	background-size: 100%;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	left: -9rem;
}
#index .sec06 .label:after {
    content: "";
	background: url("img/tri_blue_right.png") no-repeat;
	background-size: 100%;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	right: -9rem;
}
#index .sec06 .label span {
	font-size: 3rem;
}
#index .sec06 .makerName {
	font-size: 3.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 4.5rem;
}
#index .sec06 .topBox {
	margin: 0 0 4rem;
}
#index .sec06 .topBox .picBox {
	width: 450px;
	text-align: center;
	margin: 0 4rem 0 0;
}
#index .sec06 .topBox .rightBox {
	flex: 1;
}
#index .sec06 .topBox .pointBox {
	margin: 0 0 2.5rem;
    padding: 0 0 0 3rem;
}
#index .sec06 .topBox .pointBox dl {
	display: flex;
	margin: 0 0 1.5rem;
}
#index .sec06 .topBox .pointBox dl:last-of-type {
	margin: 0;
}
#index .sec06 .topBox .pointBox dt {
	background: #0b0082;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin: 0 35px 0 0;
	position: relative;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#index .sec06 .topBox .pointBox dt:before {
    content: "";
	background: url("img/tri_blue_left.png") no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: -2.8rem;
}
#index .sec06 .topBox .pointBox dt:after {
    content: "";
	background: url("img/tri_blue_right.png") no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	right: -2.8rem;
}
#index .sec06 .topBox .pointBox dd {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	flex: 1;
}
#index .sec06 .topBox .pointBox dd span {
	font-size: 2rem;
}
#index .sec06 .topBox .pointBox .caption {
    margin: 1.5rem 0 0 -3rem;
}
#index .sec06 .topBox .txtBox .catchTxt {
	color: #222;
	font-size: 2rem;
	margin: 0 0 1rem;
}
#index .sec06 .topBox .txtBox .txt {
	margin: 0;
}

#index .sec06 .sTit01 {
	font-size: 2.8rem;
	font-weight: 700;
	border-left: solid 4px #0b0082;
	position: relative;
	padding: 8px 0 8px 20px;
	line-height: 1.4;
	margin: 0 0 2rem;
	z-index: 1;
}
#index .sec06 .sTit01:before {
	content: "";
	background: #837cd0;
	height: 50%;
	width: 4px;
	position: absolute;
	top: 0;
	left: -4px;
}
#index .blueArea .box {
	display: flex;
	z-index: 1;
	position: relative;
}
#index .blueArea .pic {
	width: 250px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #dedede;
	border-right: none;
}
#index .blueArea .tableWrap {
	width: auto;
	flex: 1;
}
#index .sec06 .hinbanArea {
	margin: 0 0 6rem;
}
#index .sec06 .hinbanArea .table_v01 th {
	width: auto;
}
#index .sec06 .hinbanArea .table_v01 th:nth-child(1) {
	width: 130px;
}
#index .sec06 .hinbanArea .table_v01 td {
    font-weight: normal;
}
#index .sec06 .hinbanArea .table_v01 td:nth-child(1) {
    font-weight: 700;
}
#index .sec06 .grayBox {
    background: #fafafa;
	position: relative;
	padding: 3.5rem 4rem;
	margin: 0 0 6rem;
}
#index .sec06 .featureBox:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 74px solid #3c339b;
	border-right: 74px solid transparent;
}
#index .sec06 .sTit {
    font-size: 2.8rem;
    margin: 0 0 3rem;
    padding: 0 0 2rem;
    min-height: inherit;
	display: block;
}
#index .sec06 .featureBox .pic {
    width: 350px;
	float: right;
	margin: 0 0 0 5rem;
}
#index .sec06 .featureBox .txtBox {
    overflow: hidden;
	width: auto;
}
#index .sec06 .featureBox .catchTxt {
    font-size: 2rem;
    color: #222;
}
#index .sec06 .featureBox .txt {
    margin: 0;
}
#index .sec06 .exampleBox {
    margin: 0 0 4rem;
	position: relative;
}
#index .sec06 .exampleBox:before {
    content: "";
	background: url("img/sec06_example_deco01.png") no-repeat;
	background-size: 100%;
	width: 225px;
	height: 96px;
	position: absolute;
	top: 0;
	left: 4rem;
}
#index .sec06 .exampleBox:after {
    content: "";
	background: url("img/sec06_example_deco02.png") no-repeat;
	background-size: 100%;
	width: 175px;
	height: 48px;
	position: absolute;
	bottom: 0;
	right: 2.4rem;
}
#index .sec06 .exampleBox ul li {
    padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 6px no-repeat;
    background-size: 11px auto;
    line-height: 1.6;
	font-size: 1.4rem;
}
#index .sec06 .comInfoBox {
    margin: 6rem 0 0;
}
#index .sec06 .comInfoBox table {
    width: 100%;
}

#index .sec06 .cheap .leftBox {
    width: 330px;
}
#index .sec06 .cheap .leftBox .picWrap {
    display: block;
}
#index .sec06 .cheap .rightBox {
	padding: 5rem 4rem 3rem 0;
}


/*---------------------
　sec07
-----------------------*/
#index .sec07 {
	position: relative;
}
#index .sec07:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #242424;
    border-right: 275px solid transparent;
}
#index .sec07 .makerWrap {
	display: flex;
	flex-wrap: wrap;
}
#index .sec07 .makerBox {
	width: 480px;
	background: #eff4ee;
	padding: 0 4rem 4rem;
	margin: 0 4rem 4rem 0;
	position: relative;
}
#index .sec07 .makerBox::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 60px solid #fff;
	border-right: 60px solid transparent;
}
#index .sec07 .makerBox::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 60px solid #fff;
	border-left: 60px solid transparent;
}
#index .sec07 .makerBox:nth-child(2n){
	margin: 0 0 4rem;
}
#index .sec07 .makerBox .makerName,
#index .sTit {
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	position: relative;
	margin: 0 0 2rem;
	padding: 2rem 0 1.5rem;
	min-height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#index .sTit a {
	text-decoration: none;
}
#index .sec07 .makerBox .makerName:before,
#index .sTit:before {
	content: "";
	background: #837cd0;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
}
#index .sec07 .makerBox .makerName:after,
#index .sTit:after {
	content: "";
	background: #0b0082;
	width: 25px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 25px);
}
#index .sec07 .makerBox .makerName a {
	text-decoration: none;
	background: url("img/arr_bs_blu_right.png") no-repeat right center;
	background-size: 26px auto;
	display: block;
	padding: 0 4rem;
}
#index .sec07 .makerBox table {
	width: 100%;
	margin: 2rem 0 0;
}
#index .sec07 .makerBox table th {
	font-size: 1.3rem;
	padding: 8px 6px;
}
#index .sec07 .makerBox table td {
	background: #fff;
	font-size: 1.3rem;
	padding: 10px;
}

/*---------------------
　sec08
-----------------------*/
#index .sec08 {
	background: #0b0082;
	position: relative;
	min-height: 445px;
	padding: 7rem 0 6rem;
}
#index .sec08:before {
	content: "";
	background: url("img/pr_tri_left.png") no-repeat;
	background-size: 100%;
	width: 445px;
	height: 445px;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec08:after {
	content: "";
	background: url("img/pr_tri_right.png") no-repeat;
	background-size: 100%;
	width: 445px;
	height: 445px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#index .sec08 .txtBox {
    position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 730px;
}
#index .sec08 .txtBox:before {
    content: "特集";
	background: url("img/pr_label.png") no-repeat center;
	background-size: 100%;
	width: 220px;
	height: 80px;
	position: absolute;
	top: -7rem;
    left: -15rem;
	color: #fff;
	text-align: center;
	font-size: 3.6rem;
	padding: 20px 0 0;
    box-sizing: border-box;
	font-weight: 700;
}
#index .sec08 .secTitBox .secTit a {
    color: #fff;
	text-align: center;
	background: url("img/arr_bs_wh_right.png") no-repeat right center;
    background-size: 38px auto;
}
#index .sec08 .txtBox p {
    color: #fff;
}
#index .sec08 .btn-internal a {
    background: #fff url("img/arr_bs_blu_right.png") no-repeat right 2rem center;
    background-size: 26px auto;
	color: #0b0082;
}



/*---------------------
　sec09
-----------------------*/
#index .sec09 {
	position: relative;
	padding: 8rem 0 11rem;
}
#index .sec09:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #e5e5e5;
    border-right: 275px solid transparent;
}
#index .sec09:before {
	content: "";
	background: url("img/eng_reduction_type.png") no-repeat;
	background-size: 100%;
	width: 970px;
	height: 388px;
	position: absolute;
	bottom: 110px;
	left: 30px;
}
#index .twoColArea .leftBox {
	width: 410px;
	float: left;
	position: relative;
	z-index: 1;
}
#index .twoColArea .catchTxt {
    font-size: 2rem;
    color: #222;
}
#index .twoColArea .rightBox {
    width: 540px;
	float: right;
}
#index .twoColArea .ticketBox {
	position: relative;
	margin: 0 0 3rem;
}
#index .twoColArea .ticketBox:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("img/sec09_ticket_top.png") no-repeat;
	background-size: 100%;
	width: 540px;
	height: 104px;
}
#index .twoColArea .ticketBox:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("img/sec09_ticket_bottom.png") no-repeat;
	background-size: 100%;
	width: 540px;
	height: 60px;
}
#index .twoColArea .ticketInr:after {
	content: "";
	position: absolute;
	top: 104px;
	right: 0;
	background: #eff4ee;
	width: 540px;
	height: calc(100% - 164px);
}
#index .twoColArea .ticketBox .ticketTit {
    font-size: 2.6rem;
	font-weight: 700;
	border-bottom: solid 1px #0b0082;
	margin: 0 0 2rem;
	padding: 1.7rem 0;
	position: relative;
	z-index: 1;
}
#index .twoColArea .ticketBox .ticketTit a {
    text-decoration: none;
	background: url("img/arr_bs_bla_right.png") no-repeat center right 3rem;
	background-size: 26px auto;
	display: block;
}
#index .twoColArea .ticketBox .txt {
    padding: 0 3rem 3rem 3rem;
	position: relative;
	z-index: 1;
}



/*---------------------
　sec10
-----------------------*/
#index .sec10 {
	background: #e5e5e5;
	position: relative;
}
#index .sec10:after {
    content: "";
    position: absolute;
    top: -274px;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 274px solid #e5e5e5;
    border-left: 274px solid transparent;
}
#index .sec10 .typeArea {
	background: url("img/sec10_type01_bg.jpg") no-repeat;
	background-size: cover;
	padding: 6rem;
	margin: 0 0 5rem;
}
#index .sec10 .typeArea:nth-child(2) {
	background: url("img/sec10_type02_bg.jpg") no-repeat;
	background-size: cover;
}
#index .sec10 .typeArea .typeTit {
	font-size: 3rem;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 5rem;
	font-weight: 700;
	text-decoration: none;
}

#index .sec10 .typeArea .typeTit a {
	font-size: 3rem;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	margin: 0 0 5rem;
	font-weight: 700;
	text-decoration: none;
	background: url(img/arr_bs_wh_right.png) no-repeat right center;
    background-size: 26px auto;
    padding: 2.5rem 3rem 2rem 5rem;
}

#index .sec10 .typeBoxWrap {
	display: flex;
	flex-wrap: wrap;
}
#index .sec10 .typeBox {
	position: relative;
	margin: 0 4rem 4rem 0;
	width: 480px;
}
#index .sec10 .typeBox:nth-child(2n) {
	margin: 0 0 4rem 0;
}
#index .sec10 .typeBox:nth-last-child(-n+2) {
	margin: 0 4rem 0 0;
}
#index .sec10 .typeBox:last-child {
	margin: 0;
}
#index .sec10 .typeBox:before {
	content: "";
	position: absolute;
	top: 60px;
	right: 0;
	background: #fff;
	width: 100%;
	height: calc(100% - 120px);
}
#index .sec10 .typeBox:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("img/sec10_typebox_bottom.png") no-repeat;
	background-size: 102%;
	width: 100%;
	height: 60px;
}
#index .sec10 .typeBoxInr {
	position: relative;
	padding: 1rem 4rem 4rem;
}
#index .sec10 .typeBoxInr:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("img/sec10_typebox_top.png") no-repeat;
	background-size: 102%;
	width: 100%;
	height: 60px;
}
#index .sec10 .sTit {
	position: relative;
	z-index: 1;
	min-height: inherit;
	display: block;
}
#index .sec10 .sTit a {
	background: url("img/arr_bs_blu_right.png") no-repeat right center;
	background-size: 26px auto;
	display: block;
	padding: 0 5rem;
}
#index .sec10 .typeBox p {
	position: relative;
	z-index: 1;
	margin: 0;
}


/*---------------------
　sec11
-----------------------*/
#index .sec11 {
	padding: 8rem 0 0;
	position: relative;
}
#index .sec11:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 275px solid #e5e5e5;
    border-right: 275px solid transparent;
}

#index .sec11 .rowBoxWrap {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
#index .sec11 .rowBox {
	margin: 0 0 5rem;
	min-height: 345px;
	position: relative;

}
#index .sec11 .rowBoxInr {
    width: 900px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    height: 100%;
    padding: 0 0 4rem;
    left: -50px;
}
#index .sec11 .rowBox:nth-child(2n) .rowBoxInr {
	right: -50px;
	left: auto;
}
#index .sec11 .rowBoxInr .arrow {
    background: linear-gradient(to bottom right, transparent 50% , #fff 50%) no-repeat top right / 30% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    right: 0;
}
#index .sec11 .rowBox:nth-child(2n) .rowBoxInr .arrow {
    background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat top left / 30% 100%;
	left: 0;
}
#index .sec11 .rowBoxInr:after {
	content: "";
	display: block;
	clear: both;
}
#index .sec11 .rowBoxInr:before {
	content: "";
	background: url("img/sec11_rowbox_left.jpg") no-repeat;
	background-size: cover;
	width: 144.4%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -40rem;
}

#index .sec11 .rowBox:nth-child(2n) .rowBoxInr:before {
	background: url("img/sec11_rowbox_right.jpg") no-repeat;
	background-size: cover;
	left: auto;
	right: -40rem;
}
#index .sec11 .rowBox:nth-child(2n):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 330px solid #fff;
    border-right: 330px solid transparent;
}
#index .sec11 .rowBox:last-child {
	margin: 0;
}
#index .sec11 .rowBox .rowTit {
	font-size: 2.6rem;
	border-bottom: solid 1px #fff;
	line-height: 1.5;
	margin: 0 0 2rem;
	position: relative;
}
#index .sec11 .rowBox .rowTit:before {
	content: "";
	background: #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: -100%;
}
#index .sec11 .rowBox:nth-child(2n) .rowTit:before {
	left: auto;
	right: -100%;
}
#index .sec11 .rowBox .rowTit a {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	background: url("img/arr_bs_wh_right.png") no-repeat right center;
	background-size: 26px auto;
	display: block;
	padding: 2.5rem 3rem 2rem 5rem;
}
#index .sec11 .rowBox:nth-child(2n) .rowTit a {
	padding: 2.5rem 3rem 2rem 0;
}
#index .sec11 .txtBox {
	width: 540px;
	position: relative;
	z-index: 1;
}
#index .sec11 .rowBox:nth-child(2n) .txtBox {
	float: right;
}
#index .sec11 .txtBox .catchTxt {
    font-size: 2rem;
	color: #fff;
	padding: 0 0 0 5rem;
	margin: 0 0 2rem;
}
#index .sec11 .rowBox:nth-child(2n) .txtBox .catchTxt,
#index .sec11 .rowBox:nth-child(2n) .txtBox p {
	padding: 0;
}
#index .sec11 .txtBox p {
	color: #fff;
	padding: 0 0 0 5rem;
	margin: 0;
}


/*---------------------
　sec12
-----------------------*/
#index .sec12 {
	position: relative;
}
#index .sec12 .sec12Inr {
	background: #e5e5e5;
	position: relative;
	margin: 0 0 10rem;
}
#index .sec12 .sec12Inr:after {
	content: "";
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 36%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#index .sec12 .sec12Inr:before {
	content: "";
	background: url("img/eng_what.png") no-repeat;
	background-size: 100%;
	width: 973px;
	height: 389px;
	position: absolute;
	bottom: 100px;
	left: 30px;
}
#index .sec12 .sec12Inr02 {
	position: relative;
	padding: 8rem 0 7rem;
	z-index: 1;
}
#index .sec12 .sec12Inr02::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 275px solid #fff;
	border-right: 275px solid transparent;
}
#index .sec12 .sec12Inr02::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 275px solid #fff;
	border-left: 275px solid transparent;
}
#index .sec12 .ticketBox:before {
	background: url("img/sec12_ticket_top.png") no-repeat;
	background-size: 100%;
}
#index .sec12 .ticketBox:after {
	background: url("img/sec12_ticket_bottom.png") no-repeat;
	background-size: 100%;
}
#index .sec12 .ticketInr:after {
	background: #fff;
}










@media screen and (max-width: 480px) {
	
/*---------------------
　共通
-----------------------*/
#index .catchTxt {
	font-size: 2rem;
	margin: 0 0 1.5rem;
}
#index .section {
	padding: 6rem 5.3%;
}


/*---------------------
　key
-----------------------*/
#index .key {
	position: relative;
	padding: 3rem 0 8rem;
}
#index .key:before {
	content: "";
	background: url("img/key_dec_sq_sp.png") no-repeat;
	background-size: 100%;
	width: 92px;
	height: 100px;
	position: absolute;
	top: 5rem;
    right: 0;
    z-index: 1;
}
#index .keyInr {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}
#index .key .pic {
	float: none;
	max-width: 100%;
	width: 100%;
	margin: 2rem 0 0;
	padding: 0 5.3%;
	position: relative;
}
#index .key .pic:before {
	content: none;
}
#index .key .pic:after {
	content: "";
	background: url("img/key_deco_sp.png") no-repeat;
	background-size: 96%;
	    width: 100%;
    height: 145%;
    position: absolute;
    top: -42px;
    left: 0;
    z-index: 1;
}
#index .key .txtBox {
	max-width: 100%;
	width: 100%;
	position: relative;
	float: none;
	padding: 0 5.3%;
	margin: 4rem 0 0;
}
#index .key .mainTit {
	font-size: 2.5rem;
	padding: 0 0 1.5rem;
	margin: 0 0 3rem;
	border-bottom: solid 1px #0b0082;
	position: relative;
}
#index .key .mainTit:before {
	content: "";
	background: #0b0082;
	width: 100%;
    height: 1px;
	position: absolute;
	bottom: -1px;
	left: -100%;
}
#index .key .mainTit span {
	font-size: 3rem;
}
#index .key .txtBox p {
	line-height: 2;
	margin: 0;
	padding: 0;
}
#index .key .btn-internal {
	margin: 3rem auto 0;
}



/*---------------------
　sec01
-----------------------*/
#index .sec01 {
	position: relative;
}
#index .sec01:before {
	width: 275px;
	height: 80px;
	position: absolute;
	top: -3.6rem;
    left: 0;
}
#index .sec01 .introArea > .wi1000 {
	position: relative;
}
#index .sec01 .introArea > .wi1000:after {
	content: "";
	background: url("img/sec01_deco.png") no-repeat;
	background-size: 100%;
	width: 802px;
	height: 255px;
	position: absolute;
    top: -19rem;
    right: -8rem;
    z-index: -1;
}
#index .sec01 .introArea {
	padding: 5rem 5.3% 4rem;
	min-height: inherit;
	position: relative;
	overflow: hidden;
}

#index .sec01 .introArea:before {
	content: "";
	background: url(img/sec01_pic_sp.png) no-repeat;
	background-size: 100%;
	width: 15rem;
	height: 15rem;
	position: absolute;
	top: auto;
	bottom: -4rem;
	right: -2rem;
	left: auto;
}
	
#index .sec01 .txtBox {
	width: 100%;
}
#index .sec01 .secTitBox {
	margin: 0 0 2rem;
}
#index .sec01 .secTitBox .secTit {
	font-size: 3.2rem;
}
#index .sec01 .secTit span {
	font-size: 2.6rem;
}
#index .sec01 .txtBox:before {
	background: url("img/sec01_pic_sp.png") no-repeat;
	background-size: 100%;
	width: 240px;
	height: 240px;
	position: absolute;
	top: auto;
	bottom: -4rem;
	right: -2rem;
	left: auto;
	z-index: 0;
	content: none;
}
#contents .sec01 .sTit {
	padding: 0.6rem 5rem 0.8rem 3rem;
}
#index .tocArea {
    width: 89%;
    margin: 0 auto;
}
#index .cmnBox {
    margin: 4rem 0;
}
#index .sec01 p {
    /* width: 56%; */
}	
	
/*---------------------
　sec02
-----------------------*/
#index .sec02 {
	position: relative;
	background: url("img/bg_grad_gray_sp.jpg") no-repeat top center;
	background-size: cover;
}
#index .sec02:before {
	width: 360px;
	height: 225px;
	top: 2.5rem;
	left: 0;
}
#index .sec02:after {
    content: none;
}
#index .sec02 .secTitBox {
	position: relative;
	z-index: 1;
}
#index .sec02 .itemBoxWrap {
	display: block;
}
#index .sec02 .itemBox {
	width: 100%;
	padding: 2rem;
	position: relative;
	margin: 0 0 3rem;
}
#index .sec02 .itemBox:last-child {
	margin: 0;
}
#index .sec02 .itemBox:before {
	content: "";
	background: url("img/sec02_item_tri.png") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 82px;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec02 .itemBox:after {
	content: "";
	background: #fff;
	width: 100%;
	height: calc(100% - 60px);
	position: absolute;
	bottom: 0;
	left: 0;
}
#index .sec02 .subTit {
	font-size: 2.6rem;
	padding: 0 1rem 1.5rem;
	margin: 0 0 2rem;
	min-height: inherit;
	display: block;
}
#index .sec02 .subTit:before {
	width: 35px;
	height: 2px;
	left: calc(50% - 17px);
}
#index .sec02 .itemBox .pic {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 144px;
	margin: 0 0 2rem;
}
#index .sec02 .itemBox ul {
	margin: 2rem auto;
    padding: 1rem 0 0;
}
#index .sec02 .itemBox ul li {
	padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 7px no-repeat;
    background-size: 11px auto;
	font-weight: 700;
}
#index .sec02 .usageBox .tit {
	font-size: 1.6rem;
	padding: 7px 10px 10px;
}
#index .sec02 .usageBox .tit:before {
	content: "";
	background: url("img/tri_side.png") no-repeat;
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec02 .usageBox .txtBox {
	padding: 2rem 2rem;
}
#index .sec02 .usageBox dl {
	margin: 0 0 1.5rem;
}
#index .sec02 .usageBox dt {
	background: url(img/icon_dot.png) 0 11px no-repeat;
    background-size: 11px auto;
	padding: 0 0 0 17px;
}
#index .sec02 .usageBox dd {
	padding: 0 0 0 1.5rem;
}
#index .sec02 .matomeBox {
    margin: 4rem 0 0;
	padding: 0 2rem 2rem;
    background: linear-gradient( -45deg, transparent 35px, #eff4ee 35px, #eff4ee 100% );
}
#index .sec02 .matomeBox:before {
    border-top: 50px solid #e5e5e5;
    border-right: 50px solid transparent;
}
#index .sec02 .matomeBox .tit {
	font-size: 2.3rem;
	margin: 0 0 2.5rem;
	padding: 2rem 0 2rem;
}






/*---------------------
　sec03
-----------------------*/
#index .sec03 {
	position: relative;
	padding: 6rem 5.3% 3rem; 
}
#index .sec03:before {
	width: 300px;
	height: 165px;
	top: 2.5rem;
	right: 0;
}
#index .sec03:after {
    border-top: 75px solid #e5e5e5;
    border-right: 75px solid transparent;
}
#index .sec03 .secTitBox .titCatch {
    text-align: center;
}
#index .sec03 .graphBox {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#index .sec03 .itemBox {
	margin: 0 0 4rem;
}
#index .sec03 .itemBox_bottom {
	display: block;
	margin: 0;
}
#index .sec03 .motorName,
#index .sec03 .forName {
	background: #0b0082;
	font-size: 2.3rem;
	color: #fff;
	padding: 1.2rem 1rem 1.3rem;
}	
#index .sec03 .forName {
	position: static;
	background: #a5a5a5;
	color: #fff;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
}
#index .sec03 .sBoxWrap {
	display: block;
}
#index .sec03 .sBox {
	width: 100%;
	background: #fafafa;
	border-bottom: none;
	border-right: none;
	position: relative;
	margin: 0 0 1rem;
}
#index .sec03 .sBox:last-child {
	background: #f2f2f2;
	border-right: none;
}
#index .sec03 .sBox:before {
	content: none;
}
#index .sec03 .itemBox_bottom .sBox {
    display: block;
	border-bottom: none;
}
#index .sec03 .itemBox_bottom .sBox:last-child {
	border-right: none;
}
#index .sec03 .twoType p {
	width: 50%;
	border-right: solid 2px #fafafa;
	background: #fafafa;
}
#index .sec03 .twoType p:last-child {
	border-right: none;
	background: #f2f2f2
}
#index .sec03 .typeName {
	background: none;
	color: #222;
	min-height: inherit;
	display: block;
	line-height: 1.4;
	margin: 0;
	padding: 1rem;
}
#index .sec03 .sBox .iconBox {
	height: 24rem;
	padding: 1rem 1rem;
	position: relative;
}
#index .sec03 .sBox .iconBox01 {
	height: 12rem;
}
#index .sec03 .itemBox_bottom .sBox .iconBox {
	display: flex;
	flex-wrap: wrap;
}
#index .sec03 .itemBox_bottom .sBox .iconBox:before {
	content: "";
	background: #f2f2f2;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox:before {
	background: #fafafa;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec03 .sBox .iconBox .ccl {
	font-size: 1.4rem;
	position: absolute;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox .ccl {
	margin: 0 2% 10px 0;
	width: 10rem;
	height: auto;
}
#index .sec03 .itemBox_bottom .sBox:last-child .iconBox .ccl:nth-child(3n) {
	margin: 0 0 10px 0;
}
#index .sec03 .fukiBox {
	position: relative;
	z-index: 2;
}
#index .sec03 .fukiBox > div {
	background: rgba(36,36,36,0.9);
	width: 160px;
	padding: 1.5rem;
	position: absolute;
    bottom: 17rem;
    left: 9.5rem;
	display: none;
}
#index .sec03 .fukiBox > div.on {
	display: block;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
#index .sec03 .fukiBox > div:before {
	content: "";
	background: url("img/sec03_graph_arr_fuki.png") no-repeat;
	background-size: 100%;
	width: 13px;
	height: 14px;
	position: absolute;
	bottom: -14px;
	left: calc(50% - 6px);
}
#index .sec03 .fukiBox > div p {
	color: #fff;
	line-height: 1.8;
	font-size: 1.4rem;
	margin: 0;
}

#index .sec03 .iconBox .ccl01 {
}
#index .sec03 .iconBox .ccl02 {
	top: 1rem;
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl03 {
	bottom: 2rem;
	left: calc(50% - 50px);
}
#index .sec03 .iconBox .ccl04 {
	left: 2rem;
}
#index .sec03 .iconBox .ccl05 {
	top: 1.5rem;
}
#index .sec03 .iconBox .ccl06 {
	bottom: 1.5rem;
}	
	
	
#index .sec03 .fukiBox .ccl01 {
	bottom: 10rem;
    left: calc(50% - 8rem);
}
#index .sec03 .fukiBox .ccl02 {
	left: calc(50% - 8rem);
    bottom: 22rem;
}
#index .sec03 .fukiBox .ccl03 {
	left: calc(50% - 8rem);
    bottom: 11rem;
}
#index .sec03 .fukiBox .ccl04 {
    bottom: 16rem;
    left: -3%;
}
#index .sec03 .fukiBox .ccl05 {
	left: calc(50% - 8rem);
    bottom: 22rem;
}
#index .sec03 .fukiBox .ccl06 {
    left: calc(50% - 8rem);
    bottom: 11rem;
}
#index .sec03 .fukiBox .ccl07 {
    bottom: 22rem;
    left: -6%;
}
#index .sec03 .fukiBox .ccl08 {
    bottom: 22rem;
    left: calc(50% - 8rem);
}
#index .sec03 .fukiBox .ccl09 {
   bottom: 22rem;
    left: auto;
	right: -6%;
}
#index .sec03 .fukiBox .ccl10 {
    bottom: 11rem;
    left: -5%;
}
#index .sec03 .fukiBox .ccl11 {
    bottom: 11rem;
    left: calc(50% - 8rem);
}
#index .sec03 .fukiBox .ccl12 {
    bottom: 11rem;
    left: auto;
	right: -6%;
}
/*---------------------
　sec04
-----------------------*/
#index .sec04{
}
#index .sec04:after {
    border-top: 75px solid #fff;
    border-right: 75px solid transparent;
}
#contents .threeColWrap {
	display: block;
}
#contents .threeColWrap .colBox {
	width: 100%;
}
#contents .threeColWrap .colBox:before {
	content: "";
	background: url("img/num01.png") no-repeat;
	background-size: 100%;
	width: 35px;
	height: 30px;
	position: absolute;
	top: -1.5rem;
	left: 1rem;
}
#contents .threeColWrap .colBox:nth-child(2):before {
	background: url("img/num02.png") no-repeat;
	background-size: 100%;
	width: 46px;
	height: 30px;
}
#contents .threeColWrap .colBox:nth-child(3):before {
	background: url("img/num03.png") no-repeat;
	background-size: 100%;
	width: 45px;
	height: 30px;
}
#contents .threeColWrap .colBox .tit {
	font-size: 2.8rem;
	min-height: inherit;
	padding: 2rem;
}
#contents .threeColWrap .colBox .blaTit {
	font-size: 1.6rem;
	padding: 10px 5px 12px;
}
#contents .threeColWrap .colBox .pic {
	margin: 0 0 2rem;
	min-height: 20.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#contents .threeColWrap .colBox .txtBox {
	padding: 2rem 2rem 3rem;
}
#contents .threeColWrap .colBox .catchTxt {
	font-size: 2rem;
}
#contents .threeColWrap .colBox .txtBox .txt {
	margin: 0;
}
.makerList {
	margin: 0 0 1.5rem;
	min-height: unset;
}
.makerList dt {
	font-size: 2rem;
	margin: 0 0 1.5rem 2rem;
	padding: 1rem 0;
}
.makerList dd {
	margin: 0 0 0 2rem;
	padding: 0 2rem 1.5rem 0;
}
.makerList dd li {
    padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 6px no-repeat;
    background-size: 11px auto;
    font-size: 1.4rem;
}
#contents .threeColWrap .colBox .btn-internal {
    width: 100%;
	margin: 2rem 0 0;
}
#contents .threeColWrap .colBox .btn-internal a {
    padding: 2rem 5rem;
    font-size: 1.5rem;
}

#index .modalBtn {
	margin: 2rem 0 2.5rem;
}
#index .modalBtn a {
	padding: 0.8rem 3.5rem 0.8rem 1.5rem;
	background: url("img/icon_plus_blu.png") no-repeat right 1rem center;
	background-size: 16px auto;
	font-size: 1.6rem;
}
.modaal-inner-wrapper {
    padding: 60px 0;
}
.modaal-content-container {
    padding: 0 2rem 6rem;
}
.modaal-container {
    width: 89%;
}
.modaal-container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 75px solid #645f9f;
	border-right: 75px solid transparent;
}
.modaal-wrapper .modaal-content-container {
	padding: 2rem 2rem 3rem;
}
.modaal-wrapper .modalTit {
    font-size: 2.2rem;
	margin: 0 0 2rem;
	padding: 0 0 1.5rem;
	line-height: 1.4;
}
.modaal-wrapper .modalTit:before {
	content: "";
	background: #837cd0;
	width: 35px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 17px);
}
.modaal-wrapper .modalTit:after {
	content: "";
	background: #0b0082;
	width: 17px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 17px);
}
.modaal-wrapper .boxArea {
    display: block;
}
.modaal-wrapper .makerList {
	width: 100%;
	margin: 0 0 2rem;
}
.modaal-wrapper .makerList:last-child {
	margin: 0;
}
.modaal-wrapper .makerList dt {
    margin: 0 0 1.5rem 2rem;
    padding: 1.2rem 0;
}
.modaal-wrapper .makerList dd li {
    background: url(img/icon_dot.png) 0 10px no-repeat;
    background-size: 11px auto;
}
.modaal-wrapper .modaal-close {
    position: static;
	width: 92px;
    height: 25px;
	border-radius: 0;
	border: solid 1px #0b0082;
	margin: 3rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modaal-wrapper .modaal-close img {
    width:auto;
	height: 12px;
}
.modaal-wrapper .modaal-close:hover {
    opacity: 1;
}



/*---------------------
　sec05
-----------------------*/
#index .sec05 {
	padding: 0;
	margin: 0;
	position: relative;
}
#index .sec05:before {
	content: "";
	background: url("img/sec05_arr_long.png") no-repeat;
	background-size: 100%;
	width: 6px;
	height: 80px;
	position: absolute;
	bottom: -5rem;
    left: calc(50% - 3px);
    z-index: 1;
}
#index .sec05 .threeColWrap .colBox .btn-internal.arr-down a {
    background: #61c546 url(img/arr_bs_wh_down.png) no-repeat right 3rem center;
    background-size: 6px auto;
}

/*---------------------
　sec06
-----------------------*/
#index .sec06 {
	position: relative;
}
#index .sec06:before {
	width: 365px;
	height: 104px;
	top: 2rem;
	right: 0;
	z-index: 1;
}
#index .sec06:after {
    border-top: 75px solid #312e69;
    border-right: 75px solid transparent;
}
#index .sec06 .secTitBox {
    margin: 0 auto 7rem;
}
#index .sec06 .wtSheet {
	padding: 4rem 2rem 3rem;
}
#index .sec06 .label {
	font-size: 1.6rem;
	min-height: 6rem;
	padding: 0.3rem 0 0 1rem;
	line-height: 1.4;
	position: absolute;
	top: -3rem;
	left: -1rem;
	transform: none;
	text-align: left;
    width: 77%;
    max-width: 280px;
}
#index .sec06 .label:before {
    content: none;
}
#index .sec06 .label:after {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: -6rem;
}
#index .sec06 .label span {
	font-size: 2rem;
}
#index .sec06 .makerName {
	font-size: 2.8rem;
	margin: 0 0 2rem;
}
#index .sec06 .topBox {
	margin: 0 0 3rem;
}
#index .sec06 .topBox > .flex {
	display: block;
}
#index .sec06 .topBox .picBox {
	width: 100%;
	margin: 0 0 2rem;;
}
#index .sec06 .topBox .rightBox {
	
}
#index .sec06 .topBox .pointBox {
	margin: 0 0 2rem;
    padding: 0;
}
#index .sec06 .topBox .pointBox dl {
	display: block;
	margin: 0 0 1.5rem;
}
#index .sec06 .topBox .pointBox dt {
	background: #0b0082;
	height: 24px;
	width: 68px;
	margin: 0 0 0.5rem 3rem;
}
#index .sec06 .topBox .pointBox dt:before {
	width: 24px;
	height: 24px;
	top: 0;
	left: -2.4rem;
}
#index .sec06 .topBox .pointBox dt:after {
	width: 24px;
	height: 24px;
	top: 0;
	right: -2.4rem;
}
#index .sec06 .topBox .pointBox dt img {
	width: auto;
	height: 12px;
}
#index .sec06 .topBox .pointBox dd {
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 0;
}
#index .sec06 .topBox .pointBox dd span {
	font-size: 1.8rem;
}
#index .sec06 .topBox .pointBox .caption {
    margin: 1.5rem 0 0;
}
#index .sec06 .topBox .txtBox .catchTxt {
	color: #222;
	font-size: 2rem;
	margin: 0 0 1rem;
}
#index .sec06 .topBox .txtBox .txt {
	margin: 0;
}

#index .sec06 .sTit01 {
	font-size: 2.4rem;
	border-left: solid 3px #0b0082;
	padding: 3px 0 3px 15px;
	margin: 0 0 2rem;
}
#index .sec06 .sTit01:before {
	content: "";
	background: #837cd0;
	height: 50%;
	width: 3px;
	position: absolute;
	top: 0;
	left: -3px;
}
#index .blueArea .box {
	display: block;
}
#index .blueArea .pic {
	width: 100%;
}
#index .blueArea .tableWrap {
	width: auto;
}
#index .sec06 .hinbanArea {
	margin: 0 0 4rem;
}
#index .sec06 .hinbanArea .table_v01 th {
	width: 70px;
	border-right: solid 1px #e1e1e1;
}
#index .sec06 .hinbanArea .table_v01 th:nth-child(1) {
	width: 130px;
}
#index .sec06 .hinbanArea .table_v01 td {
	border-right: solid 1px #e1e1e1;
}
#index .sec06 .grayBox {
    background: #fafafa;
	position: relative;
	padding: 2rem 1.5rem;
	margin: 0 0 4rem;
}
#index .sec06 .featureBox:before {
	border-top: 37px solid #3c339b;
	border-right: 37px solid transparent;
}
#index .sec06 .sTit {
    font-size: 2.4rem;
    margin: 0 0 2.5rem;
    padding: 0 0 1.5rem;
}
#index .sec06 .featureBox .pic {
    width: 100%;
	float: none;
	margin: 0;
}
#index .sec06 .featureBox .txtBox {
    overflow: inherit;
	width: 100%;
}
#index .sec06 .featureBox .catchTxt {
    font-size: 2rem;
}
#index .sec06 .exampleBox {
    margin: 0 0 3rem;
	position: relative;
}
#index .sec06 .exampleBox:before {
	background: url("img/sec06_example_deco01_sp.png") no-repeat bottom;
	background-size: 100px auto;
	width: 100px;
	height: 35px;
	top: 0;
	left: 1.5rem;
}
#index .sec06 .exampleBox:after {
    content: "";
	background: url("img/sec06_example_deco02.png") no-repeat;
	background-size: 100%;
	width: 102px;
	height: 28px;
	position: absolute;
	bottom: 0;
	right: 1rem;
}
#index .sec06 .exampleBox ul li {
    padding: 0 0 6px 17px;
    background: url(img/icon_dot.png) 0 6px no-repeat;
    background-size: 11px auto;
    line-height: 1.6;
	font-size: 1.4rem;
}
#index .sec06 .comInfoBox {
    margin: 4rem 0 0;
}
#index .sec06 .comInfoBox table {
    width: 100%;
	margin: 0;
}
#index .sec06 .cheap .leftBox {
    width: 100%;
}
#index .sec06 .cheap .leftBox .picWrap {
    display: block;
}
#index .sec06 .cheap .rightBox {
	padding: 2rem;
}

/*---------------------
　sec07
-----------------------*/
#index .sec07 {}
#index .sec07:after {
    border-top: 75px solid #242424;
    border-right: 75px solid transparent;
}
#index .sec07 .makerWrap {
	display: block;
}
#index .sec07 .makerBox {
	width: 100%;
	background: #eff4ee;
	padding: 0 2rem 3rem;
	margin: 0 0 2rem 0;
	position: relative;
}
#index .sec07 .makerBox::before {
	border-top: 50px solid #fff;
	border-right: 50px solid transparent;
}
#index .sec07 .makerBox::after {
	border-bottom: 50px solid #fff;
	border-left: 50px solid transparent;
}
#index .sec07 .makerBox:nth-child(2n){
	margin: 0 0 2rem;
}
#index .sec07 .makerBox .makerName,
#index .sTit {
    font-size: 2.6rem;
    margin: 0 0 2rem;
    padding: 2rem 0 1.5rem;
    min-height: inherit;
    line-height: 1.5;
}
#index .sec07 .makerBox .makerName:before,
#index .sTit:before {
	content: "";
	background: #837cd0;
	width: 36px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 18px);
}
#index .sec07 .makerBox .makerName:after,
#index .sTit:after {
	content: "";
	background: #0b0082;
	width: 18px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 18px);
}
#index .sec07 .makerBox .makerName a {
	text-decoration: none;
	background: url("img/arr_bs_blu_right.png") no-repeat right center;
	background-size: 26px auto;
	display: block;
	padding: 0 4rem 0 2rem;
}
#index .sec07 .makerBox table {
	width: 100%;
	margin: 2rem 0 0;
}
#index .sec07 .makerBox table th {
	font-size: 1.6rem;
	padding: 15px;
}
#index .sec07 .makerBox table td {
	background: #fff;
	font-size: 1.6rem;
	padding: 15px;
}

	
	
/*---------------------
　sec08
-----------------------*/
#index .sec08 {
	min-height: inherit;
	padding: 5rem 5.3% 6rem;
	background: url("img/pr_bg_sp.jpg") no-repeat;
	background-size: cover;
}
#index .sec08:before {
	content: "";
	background: url("img/pr_label_sp.png") no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec08:after {
	content: none;
}
#index .sec08 .txtBox {
	margin: 0 auto;
	max-width: 100%;
}
#index .sec08 .txtBox:before {
	width: 180px;
    height: 48px;
    top: -5rem;
    left: -9rem;
    font-size: 2.1rem;
    padding: 4px 0 0 20px;
}
#index .sec08 .secTitBox .secTit a {
	background: url("img/arr_bs_wh_right.png") no-repeat right center;
    background-size: 22px auto;
	padding: 0 4rem 0 0;
}
#index .sec08 .btn-internal {
    margin: 3rem auto 0;
}
#index .sec08 .btn-internal a {
    background: #fff url("img/arr_bs_blu_right.png") no-repeat right 1.5rem center;
    background-size: 22px auto;
}
/*---------------------
　sec09
-----------------------*/
#index .sec09 {
	position: relative;
	padding: 5rem 5.3% 6rem;
}
#index .sec09:before {
	content: none;
}
#index .sec09:after {
    border-top: 75px solid #e5e5e5;
    border-right: 75px solid transparent;
}
#index .twoColArea .leftBox {
	width: 100%;
	float: none;
}
#index .twoColArea .catchTxt {
    font-size: 2rem;
}
#index .twoColArea .rightBox {
    width: 100%;
	float: none;
	margin: 3rem 0 0;
}
#index .twoColArea .ticketBox {
	position: relative;
	margin: 0 0 3rem;
	padding: 0 2rem;
}
#index .twoColArea .ticketBox:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("img/sec09_ticket_top.png") no-repeat left;
	background-size: auto 68px;
	width: 100%;
	height: 68px;
}
#index .twoColArea .ticketBox:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("img/sec09_ticket_bottom.png") no-repeat right;
	background-size: auto 60px;
	width: 100%;
	height: 60px;
}
#index .twoColArea .ticketInr:after {
	top: 68px;
    right: 0;
    background: #eff4ee;
    width: 100%;
    height: calc(100% - 128px);
}
#index .twoColArea .ticketBox .ticketTit {
    font-size: 2.4rem;
	margin: 0 0 1.5rem;
	padding: 1.5rem 0;
	line-height: 1.5;
}
#index .twoColArea .ticketBox .ticketTit a {
	background: url("img/arr_bs_bla_right.png") no-repeat center right;
	background-size: 22px auto;
    padding: 0 30px 0 0;
}
#index .twoColArea .ticketBox .txt {
    padding: 0 0 3rem;
}



/*---------------------
　sec10
-----------------------*/
#index .sec10 {
	background: #e5e5e5;
	padding: 6rem 0 3rem;
}
#index .sec10:after {
    top: -74px;
    border-bottom: 74px solid #e5e5e5;
    border-left: 74px solid transparent;
}
#index .sec10 .wi1000 {
	padding: 0 5.2%;
}
#index .sec10 .typeArea {
	background: url("img/sec10_type01_bg_sp.jpg") no-repeat;
	background-size: cover;
	padding: 3rem 5.2%;
	margin: 0 0 3rem;
}
#index .sec10 .typeArea:nth-child(2) {
	background: url("img/sec10_type02_bg_sp.jpg") no-repeat;
	background-size: cover;
}
#index .sec10 .typeArea .typeTit {
	font-size: 2.8rem;
	margin: 0 0 3rem;
}
#index .sec10 .typeBoxWrap {
	display: block;
	padding: 0;
}
#index .sec10 .typeBox {
	position: relative;
	margin: 0 0 3rem 0;
	width: 100%;
}
#index .sec10 .typeBox:nth-child(2n) {
	margin: 0 0 2rem 0;
}
#index .sec10 .typeBox:nth-last-child(-n+2) {
	margin: 0 0 2rem 0;
}
#index .sec10 .typeBox:last-child {
	margin: 0;
}
#index .sec10 .typeBox:before {
	top: 68px;
	right: 0;
	width: 100%;
	height: calc(100% - 127px);
}
#index .sec10 .typeBox:after {
	bottom: 0;
	right: 0;
	background: url("img/sec10_typebox_bottom.png") no-repeat right;
	background-size: auto 60px;
	width: 100%;
	height: 60px;
}
#index .sec10 .typeBoxInr {
	position: relative;
	padding: 0 2rem 3rem;
}
#index .sec10 .typeBoxInr:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("img/sec10_typebox_top.png") no-repeat left;
	background-size: auto 68px;
	width: 100%;
	height: 68px;
}
#index .sec10 .sTit {
	position: relative;
	z-index: 1;
	min-height: inherit;
	display: block;
	font-size: 2.4rem;
}
#index .sec10 .sTit a {
	background: url("img/arr_bs_blu_right.png") no-repeat right center;
	background-size: 26px auto;
	display: block;
	padding: 0 5rem;
}
#index .sec10 .typeBox p {
	position: relative;
	z-index: 1;
	margin: 0;
}




/*---------------------
　sec11
-----------------------*/
#index .sec11 {
	padding: 5rem 0 0;
	margin: 0 0 5rem;
}
#index .sec11:after {
    border-top: 75px solid #e5e5e5;
    border-right: 75px solid transparent;
}
#index .sec11 .secTitBox,
#index .sec11 .lead {
	padding: 0 5.3%;
}
#index .sec11 .rowBoxWrap {
	margin: 0;
	width: 100%;
}
#index .sec11 .rowBox {
	margin: 0 0 4rem;
	min-height: inherit;
	position: relative;
	width: 94%;
}
#index .sec11 .rowBox:nth-child(2n) {
	float: right;
}
#index .sec11 .rowBoxInr {
    width: 100%;
    padding: 0 0 3rem;
    left: 0;
}
#index .sec11 .rowBox:nth-child(2n) .rowBoxInr {
	right: 0;
	left: auto;
}
#index .sec11 .rowBoxInr .arrow {
    background: linear-gradient(to bottom right, transparent 50% , #fff 50%) no-repeat bottom right / 50px 50px;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0;
}
#index .sec11 .rowBox:nth-child(2n) .rowBoxInr .arrow {
    background: linear-gradient(to bottom left, transparent 50% , #fff 50%) no-repeat bottom left / 50px 50px;
}
#index .sec11 .rowBoxInr:before {
	content: "";
	background: url("img/sec11_rowbox_left_sp.jpg") no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#index .sec11 .rowBox:nth-child(2n) .rowBoxInr:before {
	background: url("img/sec11_rowbox_right_sp.jpg") no-repeat;
	background-size: cover;
	left: auto;
	right: 0;
}
#index .sec11 .rowBox:nth-child(2n):after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 330px solid #fff;
    border-right: 330px solid transparent;
}
#index .sec11 .rowBox .rowTit {
	font-size: 2.6rem;
	border-bottom: solid 1px #fff;
	line-height: 1.5;
	margin: 0 0 2rem;
	position: relative;
}
#index .sec11 .rowBox:nth-child(2n) .rowTit {
	padding: 0 2rem 0 0;
}
#index .sec11 .rowBox .rowTit:before {
	content: "";
	background: #fff;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: -100%;
}
#index .sec11 .rowBox:nth-child(2n) .rowTit:before {
	left: auto;
	right: -100%;
}
#index .sec11 .rowBox .rowTit a {
	background: url("img/arr_bs_wh_right.png") no-repeat right center;
	background-size: 26px auto;
	padding: 2.5rem 3rem 2rem 2.5rem;
}
#index .sec11 .rowBox:nth-child(2n) .rowTit a {
	padding: 2.5rem 3rem 2rem 0;
}
#index .sec11 .txtBox {
	width: 100%;
	padding: 0 4rem 0 0;
}
#index .sec11 .rowBox:nth-child(2n) .txtBox {
	float: none;
	padding: 0 0 0 4rem;
}
#index .sec11 .txtBox .catchTxt {
    font-size: 2rem;
	padding: 0 0 0 2rem;
	margin: 0 0 1.5rem;
}
#index .sec11 .rowBox:nth-child(2n) .txtBox .catchTxt,
#index .sec11 .rowBox:nth-child(2n) .txtBox p {
	padding: 0 2rem 0 0;
}
#index .sec11 .txtBox p {
	padding: 0 0 0 2rem;
}
	
	
/*---------------------
　sec12
-----------------------*/
#index .sec12 {
	position: relative;
	padding: 0;
}
#index .sec12 .sec12Inr {
	background: #e5e5e5;
	position: relative;
	margin: 0 0 3rem;
}
#index .sec12 .sec12Inr:after {
	content: "";
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 36%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#index .sec12 .sec12Inr:before {
	content: none;
}
#index .sec12 .sec12Inr02 {
	position: relative;
	padding: 4rem 5.3% 4rem;
}
#index .sec12 .sec12Inr02::before {
	border-top: 75px solid #fff;
	border-right: 75px solid transparent;
}
#index .sec12 .sec12Inr02::after {
	border-bottom: 75px solid #fff;
	border-left: 75px solid transparent;
}
#index .sec12 .ticketBox:before {
	background: url("img/sec12_ticket_top.png") no-repeat left;
	background-size: auto 68px;
}
#index .sec12 .ticketBox:after {
	background: url("img/sec12_ticket_bottom.png") no-repeat right;
	background-size: auto 60px;
}
#index .sec12 .ticketInr:after {
	background: #fff;
}
#index .sec12 .btn-link {
	width: 89%;
	margin: 0 auto 4rem;
}

}