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

/*----------------------------------
	index用のCSSです
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/
.contents-customize .sec-order01,
.contents-customize .sec-order03,
.contents-customize .sec-order05,
.contents-customize .sec-order07 { padding:60px 0}

.sec-order01 ul { overflow:hidden;}
.sec-order01 ul li { float:left; width:480px; height:auto; margin-bottom: 10px; font-size:18px; line-height:1.5; color:#fff;}

.contents-customize .flowBlk { position:relative; margin-bottom:100px;}
.contents-customize .flowBlk:last-of-type { margin-bottom:0;}
.contents-customize .flowBlk:after {
    border-bottom: 3px solid #ccc;
    border-right: 3px solid #ccc;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 50%;
    bottom: -50px;
    transform: rotate(45deg);
    width: 15px;
}
.contents-customize .flowBlk:last-of-type:after {
	border:none;
}

.contents-customize .flowAppBlk { overflow:hidden; width:875px; height:auto; margin:25px auto;}
.contents-customize .flowAppBlk li { float:left; margin-bottom:20px;}
.contents-customize .flowAppBlk li:nth-child(6) { padding-left:85px;}
.contents-customize .flowAppBlk li img { transition:0.5s;}
.contents-customize .flowAppBlk li:hover img { opacity:0.5;}

.contents-customize .flowMds { font-size:18px; line-height:1.5; color:#fff; margin-bottom:10px; font-weight: bold;}
.contents-customize .flowMds span { display:inline-block; background-color:#fff; font-size:18px; line-height:1.5; color:#212327; margin-right:10px; padding:2px 10px;}
.contents-customize .flowTxt01 { font-size:16px; line-height:1.5; color:#fff; margin-bottom:10px;}
.contents-customize .flowBlk ul { overflow:hidden; margin-bottom:20px;}
.contents-customize .flowBlk ul .flowPht { float:left; width:220px; height:auto; margin-right:20px;}
.contents-customize .flowBlk ul .flowTxt02 { font-size:16px; line-height:1.5; color:#fff;}
.contents-customize .flowBlk ul .flowTxt02 span { display:inline-block; font-weight:bold;}
.contents-customize .flowBlk .flowTxt03 { border:solid 1px #fff; background-color:#242835; font-size:18px; line-height:1.5; color:#fff; margin-bottom:10px; padding:10px;}
.contents-customize .flowBlk .flowTxt03 span { display:inline-block; font-weight:bold; margin-bottom:5px;}
.contents-customize .flowBlk .flowDtxt { font-size:18px; line-height:1.5; color:#fff;}
.contents-customize .flowBlk .flowTxt04 { font-size:18px; line-height:1.5; color:#fff; margin-bottom:10px;}
.contents-customize .flowBlk .flowTxt04 span { display: inline-block; font-weight:bold;}

.contents-customize .guideBlk { font-size:18px; line-height:1.5; color:#fff; margin-bottom:30px;}
.contents-customize .guideBlk span { display: inline-block; font-weight:bold; margin: 2% 0 1% 0;}
.contents-customize .sec-order03 a.btn { width:600px; height:auto; margin:0 auto;}

.contents-customize .supportBlk { font-size:18px; line-height:1.5; color:#fff; margin-bottom:30px;}
.contents-customize .supportBlk span { display:inline-block; color:#1d212b; background-color:#fff; margin-bottom:5px; padding:2px 5px;}

.contents-customize .surviceBlk { font-size:18px; line-height:1.5; color:#fff; margin-bottom:30px;}
.contents-customize .surviceBlk span { font-weight:bold;}

.contents-customize .arrangementBlk { font-size:18px; line-height:1.5; color:#fff; margin-bottom:30px;}
.contents-customize .arrangementBlk span { display:inline-block; font-weight:bold; margin: 2% 0 1% 0;}
.contents-customize .arrangementBlk .arrangementPht { float:right; margin-left:30px;}