@charset "UTF-8";
/* =====
 * ALL DEVICE::Start
========================================================= */
/* =====
 * ALL DEVICE::End
========================================================= */
@media only screen and (max-width:768px) {
/* =====
 * SP::Start
========================================================= */
    #Billboard {
		background: #eaf8ff url(../img/page-lp03/main_bg.jpg) no-repeat 100% 0;
		background-size: cover;
    }
	#Billboard img{
		padding-top: 1em;
		width: 96%;
		margin: 0 auto;
	}
    #Billboard h1 {
    }
    /* SECTION::LP::01
    -----------------------*/
    #Main .block-lp-01 {
		background: linear-gradient(90deg,#1c70d3 0%,#1c70d3 50%,#0f58c0 50%,#0f58c0 100%);
    }
    #Main .block-lp-01 .container {position:relative;}
	#Main .block-lp-01 .container:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(0, 153, 255, 0);
		border-top-width:25px;
		border-bottom-width:25px;
		border-left-width:30px;
		border-right-width:30px;
		margin-left: -30px;
		border-top-color:#0f58c0;
		top:100%;
		left:50%;
		z-index: 1;
	}
    #Main .block-lp-01 .container p {
        padding: 1.5em;
        color: #fff;
        font-size: 156.25%;
        font-weight: 600;
        line-height: 1.78;
    }
    #Main .block-lp-01 .container p strong {
        color: #fffb84;
    }
    /* SECTION::LP::headline
    -----------------------*/
    #Main .block-lp-headline {
		background: #0f58c0;
		margin-top: 0;
	    text-align: center;
    }
    #Main .block-lp-headline .container {
		position:relative;
		padding: 2em;
		box-sizing: border-box;
		text-align: center;
    }
	#Main .block-lp-headline .container:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(0, 153, 255, 0);
		border-top-width:25px;
		border-bottom-width:25px;
		border-left-width:30px;
		border-right-width:30px;
		margin-left: -30px;
		border-top-color:#0f58c0;
		top:100%;
		left:50%;
		z-index: 1;
	}
	#Main .block-lp-headline .container img.sp-adjust {
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}
    /* SECTION::LP::02
    -----------------------*/
    #Main .block-lp-02 {
        background:url(../img/page-lp03/bg01.png);
		background-size: cover;
        margin: 0;
        padding: 2em;
		box-sizing: border-box;
    }
	#Main .block-lp-02 p.des1 {
		font-size: 20px;
		margin-bottom: 0.1em;
		color: #ea5a09;
	}
	#Main .block-lp-02 p.des1:before{
		content: url(../img/page-lp03/arw01.png);
		vertical-align: middle;
	    padding-right: 5px;
	}
	#Main .block-lp-02 p.des2 {
		font-size: 20px;
		margin-bottom: 0.5em;
		color: #0f58c0;
	}
	#Main .block-lp-02 p.des2:before{
		content: url(../img/page-lp03/arw02.png);
		vertical-align: middle;
	    padding-right: 5px;
	}
	#Main .block-lp-02 h5 {
		font-size: 25px;
		color: #444444;
		padding-bottom: 1em;
		position: relative;
		line-height: 1.3;
	}
	#Main .block-lp-02 h5:before{
		content: url(../img/page-lp03/icon01.png);
		display: block;
		text-align: center;
	}
	#Main .block-lp-02 table {
	    border: 1px solid #cccccc;
		border-bottom: 0;
	    width: 100%;
		margin-bottom: 3em;
	}
	#Main .block-lp-02 table th{
		border-bottom: 1px solid #cccccc;
		font-size: 18px;
  		padding: 10px;
		vertical-align: middle;
	    background: #fffee6;
	}
	#Main .block-lp-02 table td{
		text-align: center;
		font-size: 18px;
  		padding: 10px;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	#Main .block-lp-02 table th.sum,
	#Main .block-lp-02 table td.sum{
	    background: #fcfabb;
	}
	#Main .block-lp-02 table td.sum{
		color:#ff0000; 
	}
	#Main .block-lp-02 table td span{
		font-size: 120%;
	}
    #Main .block-lp-02 h3 + ul {
        text-align: center;
        margin-bottom: 1.5em;
    }
    #Main .block-lp-02 h3 + ul li {
        display: inline-block;
        width: 14em;
        margin: 1.5em 0.5em 0.5em;
    }
    #Main .block-lp-02 h3 + ul li:nth-child(4),
    #Main .block-lp-02 h3 + ul li:nth-child(5) {width: 16em;}
    #Main .block-lp-02 h3 + ul li a {
        display: block;
        position:relative;
        background-color: #1d365e;
        font-size: 150%;
        font-weight: 600;
        color: #fff;
        text-align: center;
        text-decoration: none;
        line-height: 1;
        padding: 1em 0 1.5em;
        border-radius: 3px;
        box-shadow: 0 3px 0 #0f203a;
        transition: all ease 0.2s;
        margin: 0 0 3px;
    }
    #Main .block-lp-02 h3 + ul li a::before {
        content: "\e900";
        font-family: 'icomoon' !important;
        speak: none;
        font-size: 75%;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0.5em;
        margin-left: -0.5em;
    }
    #Main .block-lp-02 .case {
        background-color: #fff;
    }
	#Main .block-lp-02 .case .function{
		padding: 2em;
		box-sizing: border-box;
	}
    #Main .block-lp-02 .case + .case {
        margin-top: 5em;
    }
    #Main .block-lp-02 .function > div {
        border-top: 2px dotted #ccc;
        padding: 2.5em 0;
        margin: 0 2.5em;
    }
    #Main .block-lp-02 .function > div h5 {
        background-color: #23bdfe;
        color: #fff;
        font-size: 225%;
        font-weight: 600;
        line-height: 1.75;
        border-radius: 1em;
        text-align: center;
        margin: 0 0 1em;
    }
    #Main .block-lp-02 .function > div h5 + p {
        line-height: 1.5;
        color: #333;
        padding: 0 0 0 50%;
        position: relative;
    }
    #Main .block-lp-02 .function > div h5 + p::before {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        width: 45%;
        padding-top: 100%;
        position: absolute;
        top: 0.2em;
        left: 0; 
    }

    /* SECTION::LP::03
    -----------------------*/
    #Main .block-lp-03 {
		background: url(../img/page-lp03/bg02.png);
		background-size: cover;
		background-position: bottom;
		margin: 0;
		padding: 3em;
		box-sizing: border-box;
		margin-top: 0;
    }
    #Main .block-lp-03 .inner {
        padding: 0 5%;
    }
	#Main .block-lp-03 .container img{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 1em 0;
	}
	#Main .block-lp-03 p {
		text-align: center;
		font-size: 16px;
		line-height: 1.5em;
	}
	#Main .block-lp-03 p span {
		font-size: 25px;
		color: #eb5a09;
	}
    /* SECTION::LP::04
    -----------------------*/
    #Main .block-lp-04 {
        margin-top: 0;
		background: #dbf1ff;
		padding-top: 3em;
    }
    #Main .block-lp-04 ul li {
        margin: 0;
    }
    /* SECTION::LP::05
    -----------------------*/
    #Main .block-lp-05 {
        padding: 25px 0 0 0;
        margin: 0;
		background: #ffffff;
    }
	#Main .block-lp-05 h2 {
		position: relative;
		line-height: 1.0;
		text-align: center;
		font-size: 25px;
		color: #0f58c0;
		margin-bottom: 1em;
	}
	#Main .block-lp-05 h2 span {
		font-size: 200%;
		position: relative;
		top: 12px;
	}
	#Main .block-lp-05 h2:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 53px;
		height: 72px;
		background: url(../img/page-lp03/title_bg_left.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-05 h2:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 53px;
		height: 72px;
		background: url(../img/page-lp03/title_bg_right.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
    #Main .block-lp-05 img {
        margin: 0 auto;
	    width: 100%;
	    max-width: 200px;
    }
	#Main .block-lp-05 .flex-item {
		display: flex;
		align-items: center;
		flex-direction: column;
		width: 90%;
	    margin: 0 auto 3em auto;
	}
	#Main .block-lp-05 .flex-item p{
		font-size: 16px;
	}
	#Main .block-lp-05 .flex-item .col-l{
		width: 100%;
		order:2;
	}
	#Main .block-lp-05 .flex-item .col-r{
		order:1;
	}
    /* SECTION::06
    -----------------------*/
    #Main .block-lp-06 {
		background: url(../img/page-lp03/bg04.png);
		background-size: cover;
		background-position: bottom;
		margin: 0;
		padding: 3em;
		box-sizing: border-box;
		margin-top: 0;
    }
    #Main .block-lp-06 .inner {
        padding: 0 5%;
    }
	#Main .block-lp-06 .container img{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#Main .block-lp-06 .container h2{
		padding: 2em 0 0 0;
	}
    #Main .block-lp-06 .case {
        width: 96%;
		max-width: 1300px;
        margin: 0 auto;
        background:rgba(255,255,255,0.8);
		padding: 0 2em 0 2em;
	    box-sizing: border-box;
    }
	#Main .block-lp-06 .flex-item {
		display: flex;
		margin:0 auto;
		font-size: 24px;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		flex-direction: column;
	}
	#Main .block-lp-06 .flex-item .col-l{
		order:0;
	}
	#Main .block-lp-06 .flex-item .col-r{
		order:1;
		width: 100%;
	}
	#Main .block-lp-06 .flex-item .col-r p{
		font-size: 16px;
	}
	#Main .block-lp-06 .flex-item .educut {
		padding: 1em;
		background: #f8f1c9;
		font-size: 16px;
		margin-bottom: 1em;
	}
    /* SECTION::07
    -----------------------*/
	#Main .block-lp-07{
		background: #ffffff;
		margin-top: 0em;
		padding-top: 3.3em;
	}
	#Main .block-lp-07 img {
	   margin: 0 auto;
	   width: 100%;
	   max-width: 250px;
    }
	#Main .block-lp-07 .flex-item {
		display: flex;
		margin:0 auto 0 auto;
		font-size: 16px;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		color:#0f58c0;
		flex-direction: column;
		line-height: 1.4;
	}
	#Main .block-lp-07 .flex-item .col-l{
		width: 100%;
		order:1;
	}
	#Main .block-lp-07 .flex-item .col-r{
		order:0;
		width: 100%;
	}

   /* SECTION::LP::08
    -----------------------*/
    #Main .block-lp-08 {
        padding: 40px 0 0;
        margin: 0;
		background: url(../img/page-lp03/bg03.png) repeat center;
    }
	#Main .block-lp-08 h2 {
		position: relative;
		line-height: 1.2;
		text-align: center;
		font-size: 4vw;
		color: #0f58c0;
		margin-bottom: 1em;
	}
	#Main .block-lp-08 h2 span {
		position: relative;
		color: #ea5a09;
	}
	#Main .block-lp-08 h2:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 50px;
	    height: 76px;
		background: url(../img/page-lp03/title_bg_left.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-08 h2:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 50px;
	    height: 76px;
		background: url(../img/page-lp03/title_bg_right.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
    #Main .block-lp-08 img {
        margin: 0 auto;
    }
    #Main .block-lp-08 img.arrow {
		width: 100%;
	    max-width: 150px;
    }
	#Main .block-lp-08 .flex-item {
		display: flex;
		margin:0 auto;
		font-size: 24px;
		align-items: center;
		width: 95%;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#Main .block-lp-08 .flex-item .col{
		width: 100%;
		background: #f8f1c9;
		padding: 3% 2% 3% 15%;
		margin-bottom: 2%;
		color: #0f58c0;
		font-size: 2.8vw;
		box-sizing: border-box;
		position: relative;
		line-height: 1.3em;
	}
	#Main .block-lp-08 .flex-item .col p:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 3px;
		width: 50px;
		height: 30px;
		background: url(../img/page-lp03/icon_q.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-size: contain;
	}
	#Main .block-lp-08 .answer-area{
		width: 95%;
		background: none;
		padding: 3% 3% 3% 12%;
		margin: 1em auto 2em auto;
		color: #ea5a09;
		border: 6px solid #ea5a09;
		border-radius: 15px;
		font-size: 3.3vw;
		box-sizing: border-box;
		position: relative;
		line-height: 1.5em;
	}
	#Main .block-lp-08 .answer-area p:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 3px;
		width: 45px;
    	height: 35px;
		background: url(../img/page-lp03/icon_a.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-size: contain;
	}
	#Main .block-lp-08 .exsample-area {
		background: #d3ebff;
		border-radius: 15px;
		padding: 2em;
		box-sizing: border-box;
		position: relative;
		margin: 6em auto;
		width: 95%;
	}
	#Main .block-lp-08 .exsample-area h3 {
		position: relative;
		top: -4em;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: -3em;
		flex-direction: column;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col {
		width: 100%;
		background: #ffffff;
		padding: 1em;
		box-sizing: border-box;
		margin-bottom: 2em;
		border-radius: 15px;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col h4 {
		color: #f7e321;
		background: #0f58c0;
		line-height: 1.4em;
		padding: 0.5em;
		font-size: 20px;
		border-radius: 10px;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col p {
		font-size: 16px;
		margin-bottom: 0;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col p.ex-prc {
		color: #ea5a09;
	}
	
    /* SECTION::LP::09
    -----------------------*/
	#Main .block-lp-09{
		background: url(../img/page-lp03/bg03.png) repeat center;
		margin-top: 0;
	    padding-top: 4em;
	}
	#Main .block-lp-09 .faq-area .col-f {
		width: 95%;
		background: #f8f1c9;
		padding: 2% 2% 2% 12%;
		margin: 0 auto 2% auto;
		color: #0f58c0;
		font-size: 12px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.6em;
		border-radius: 10px;
	}
	#Main .block-lp-09 .faq-area .col-f p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0.5em;
		width: 30px;
		height: 32px;
		background: url(../img/page-lp03/icon_q2.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-size: contain;
	}
	#Main .block-lp-09 .faq-area .col-a {
		width: 95%;
		background: #d4e5f9;
		padding: 2% 2% 2% 12%;
		margin: 0 auto 2% auto;
		font-size: 10px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.6em;
		border-radius: 10px;
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	#Main .block-lp-09 .faq-area .col-a p{
	    margin-bottom: 0;
		width: 80%;
	}
	#Main .block-lp-09 .faq-area .col-a p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0.5em;
		width: 29px;
		height: 32px;
		background: url(../img/page-lp03/icon_a2.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		background-size: contain;
	}
	#Main .block-lp-09 .faq-area .col-a img{
		width: 100%;
		max-width: 50px;
	}
    /* SECTION::CV
    -----------------------*/
    #Main .cv {
        background:url(../img/page-lp03/contact_bg.png);
		background-size: contain;
    }
	#Main .cv-01 .container{
		width: 95%;
		margin: 0 auto;
		padding: 1em;
		box-sizing: border-box;
	}
	#Main .cv-01 .cv-description {
		background: rgba(255,255,255,0.8);
		padding: 2em;
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: column;
	}
	#Main .cv-01 .cv-description .col2{
		padding: 5px 0;
	}
    #Main .cv h3 + p {
        margin: 0 6%;
    }
    #Main .cv-05 {
        margin: 5% -6% 0;
    }
/* =====
 * SP::End
========================================================= */
}

@media only screen and (min-width:769px) {
/* =====
 * PC::Start
========================================================= */
    #GlobalHeader {margin-bottom: 40px!important;}
    #GlobalNavi {display: none;}
    #Main {
    }
    #Billboard {
        border-top: 10px solid #1d365e;
        background: #eaf8ff url(../img/page-lp03/main_bg.jpg) no-repeat 100% 0;
        margin-top: -40px;
    }
    #Billboard h1 img {
        margin: 0 auto;
		width: 100%;
	    max-width: 1300px;
    }
    /* SECTION::LP::01
    -----------------------*/
    #Main .block-lp-01 {
		background: linear-gradient(90deg,#1c70d3 0%,#1c70d3 50%,#0f58c0 50%,#0f58c0 100%);
    }
    #Main .block-lp-01 .container {
        max-width: 1301px;
		position:relative;
    }
	#Main .block-lp-01 .container:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(0, 153, 255, 0);
		border-top-width:35px;
		border-bottom-width:35px;
		border-left-width:40px;
		border-right-width:40px;
		margin-left: -40px;
		border-top-color:#0f58c0;
		top:100%;
		left:50%;
		z-index: 1;
	}
    #Main .block-lp-01 .container p {
        padding: 1.5em 3.5em;
        color: #fff;
        font-size: 112.5%;
        font-weight: 600;
        line-height: 1.78;
    }
    #Main .block-lp-01 .container p strong {
        color: #fffb84;
    }
    /* SECTION::LP::headline
    -----------------------*/
    #Main .block-lp-headline {
		background: #0f58c0;
		margin-top: 0;
	    text-align: center;
    }
    #Main .block-lp-headline .container {
        max-width: 1301px;
		position:relative;
		padding: 2em;
		box-sizing: border-box;
		text-align: center;
    }
	#Main .block-lp-headline .container img{
		display: inline-block;
	}
	#Main .block-lp-headline .container:after{
		border: solid transparent;
		content:'';
		height:0;
		width:0;
		pointer-events:none;
		position:absolute;
		border-color: rgba(0, 153, 255, 0);
		border-top-width:35px;
		border-bottom-width:35px;
		border-left-width:40px;
		border-right-width:40px;
		margin-left: -40px;
		border-top-color:#0f58c0;
		top:100%;
		left:50%;
		z-index: 1;
	}
    /* SECTION::LP::02
    -----------------------*/
    #Main .block-lp-02 {
        background:url(../img/page-lp03/bg01.png);
		background-size: cover;
        margin: 0;
        padding: 70px 0 70px 0;
    }
	#Main .block-lp-02 h4 img {
		display: block;
		margin: 0 auto;
	}
	#Main .block-lp-02 p.des1 {
		font-size: 32px;
		margin-bottom: 0.1em;
		color: #ea5a09;
	}
	#Main .block-lp-02 p.des1:before{
		content: url(../img/page-lp03/arw01.png);
		vertical-align: middle;
	    padding-right: 5px;
	}
	#Main .block-lp-02 p.des2 {
		font-size: 32px;
		margin-bottom: 0.5em;
		color: #0f58c0;
	}
	#Main .block-lp-02 p.des2:before{
		content: url(../img/page-lp03/arw02.png);
		vertical-align: middle;
	    padding-right: 5px;
	}
	#Main .block-lp-02 h5 {
		font-size: 36px;
		color: #444444;
		padding-bottom: 1em;
		position: relative;
	}
	#Main .block-lp-02 h5:before{
		content: url(../img/page-lp03/icon01.png);
		vertical-align: middle;
	    padding-right: 5px;
		position: relative;
		top: 30px;
	}
	#Main .block-lp-02 table {
	    border: 1px solid #cccccc;
		border-bottom: 0;
	    width: 100%;
		margin-bottom: 3em;
	}
	#Main .block-lp-02 table th{
		border-bottom: 1px solid #cccccc;
		font-size: 25px;
  		padding: 10px;
		vertical-align: middle;
	    background: #fffee6;
	}
	#Main .block-lp-02 table td{
		text-align: center;
		font-size: 25px;
  		padding: 10px;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	#Main .block-lp-02 table th.sum,
	#Main .block-lp-02 table td.sum{
	    background: #fcfabb;
	}
	#Main .block-lp-02 table td.sum{
		color:#ff0000; 
	}
	#Main .block-lp-02 table td span{
		font-size: 120%;
	}
    #Main .block-lp-02 .container {
        max-width: 1300px;
		width: 100%;
    }
    #Main .block-lp-02 h3 + ul {
        overflow: hidden;
        margin-bottom: 2.125em;
    }
    #Main .block-lp-02 h3 + ul li {
        float: left;
        width: 184px;
        margin-right: 10px;
    }
    #Main .block-lp-02 h3 + ul li:last-child {
        margin-right: 0;
    }
    #Main .block-lp-02 h3 + ul li a {
        display: block;
        position:relative;
        background-color: #1d365e;
        font-size: 112.5%;
        font-weight: 600;
        color: #fff;
        text-align: center;
        text-decoration: none;
        line-height: 1;
        padding: 1.5em 0 2em;
        border-radius: 3px;
        box-shadow: 0 3px 0 #0f203a;
        transition: all ease 0.2s;
        margin: 0 0 3px;
    }
    #Main .block-lp-02 h3 + ul li a::before {
        content: "\e900";
        font-family: 'icomoon' !important;
        speak: none;
        font-size: 75%;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        left: 50%;
        bottom: 1em;
        margin-left: -0.5em;
    }
    #Main .block-lp-02 h3 + ul li a:hover {
        background-color: #0f203a;
        box-shadow: 0 0 0 transparent;
        margin: 3px 0 0;
    }
    #Main .block-lp-02 .case {
        width: 96%;
		max-width: 1300px;
        margin: 0 auto;
        background-color: #fff;
		padding: 0 2em 2em 2em;
	    box-sizing: border-box;
    }
    #Main .block-lp-02 .case + .case {
        margin: 80px auto 0;
    }
    #Main .block-lp-02 .function {
        padding: 0 40px;
    }
    #Main .block-lp-02 .function > div {
        border-top: 2px dotted #ccc;
        padding: 30px 0 30px 260px;
        position: relative;
        min-height: 150px;
    }
    #Main .block-lp-02 .function > div h5 {
        background-color: #23bdfe;
        color: #fff;
        font-size: 150%;
        font-weight: 600;
        line-height: 1.5;
        border-radius: .75em;
        width: 10em;
        text-align: center;
    }
    #Main .block-lp-02 #Case04 .function > *:nth-child(3) h5 { width:18em;}
    #Main .block-lp-02 .function > div h5::after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 230px;
        height: 150px;
        position: absolute;
        top: 30px;
        left: 0;
    }
    #Main .block-lp-02 .function > div h5 + p {
        line-height: 1.5;
        margin-top: 1em;
        color: #333;
    }
    #Main .block-lp-02 .function > .point {
        background-color: #eee;
        padding: 1em 2em 1em 10em;
        margin: -5px 0 30px;
        position: relative;
        color: #555;
        line-height: 1.5;
    }
    #Main .block-lp-02 .function > .point::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 1em;
        width: 8em;
        height: 8em;
        margin-top: -4em;
        background: transparent url(../img/page-lp02/img-06.png) no-repeat 50% 50%;
    }
    /* SECTION::LP::03
    -----------------------*/
    #Main .block-lp-03 {
		background: url(../img/page-lp03/bg02.png);
		background-size: cover;
		background-position: bottom;
		margin: 0;
		padding: 6em 0;
        margin-top: 0;
    }
    #Main .block-lp-03 .container {
        max-width: 1181px;
    }
	#Main .block-lp-03 .container img{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 1em 0;
	}
    #Main .block-lp-03 .inner {
        padding: 0;
    }
	#Main .block-lp-03 p {
		text-align: center;
		font-size: 24px;
		line-height: 1.5em;
	}
	#Main .block-lp-03 p span {
		font-size: 36px;
		color: #eb5a09;
	}
    
    /* SECTION::LP::04
    -----------------------*/
    #Main .block-lp-04 {
        background: #dbf1ff;
        padding: 90px 0 100px;
        margin: 0;
    }
    #Main .block-lp-04 img {
        margin: 0 auto;
    }
    /* SECTION::LP::05
    -----------------------*/
    #Main .block-lp-05 {
        padding: 90px 0 0;
        margin: 0;
    }
	#Main .block-lp-05 h2 {
		position: relative;
		line-height: 1.0;
		text-align: center;
		font-size: 42px;
		color: #0f58c0;
		margin-bottom: 1em;
	}
	#Main .block-lp-05 h2 span {
		font-size: 200%;
		position: relative;
		top: 12px;
	}
	#Main .block-lp-05 h2:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 250px;
		width: 62px;
		height: 111px;
		background: url(../img/page-lp03/title_bg_left.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-05 h2:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 250px;
		width: 61px;
		height: 111px;
		background: url(../img/page-lp03/title_bg_right.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
    #Main .block-lp-05 img {
        margin: 0 auto;
    }
	#Main .block-lp-05 .flex-item {
		display: flex;
		margin:0 auto 5em auto;
		font-size: 24px;
		justify-content: space-between;
		align-items: center;
		width: 95%;
	}
	#Main .block-lp-05 .flex-item .col-l{
		width: 60%;
		order:0;
	}
	#Main .block-lp-05 .flex-item .col-r{
		order:1;
	}
	#Main .block-lp-05 .flex-item.second .col-l{
		order:2;
	}
    /* SECTION::06
    -----------------------*/
    #Main .block-lp-06 {
		background: url(../img/page-lp03/bg04.png);
		background-size: cover;
		background-position: bottom;
		margin: 0;
		padding: 3em;
		box-sizing: border-box;
		margin-top: 0;
    }
    #Main .block-lp-06 .inner {
        padding: 0 5%;
    }
	#Main .block-lp-06 .container img{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	#Main .block-lp-06 .container h2{
		padding: 2em 0 0 0;
	}
    #Main .block-lp-06 .case {
        width: 96%;
		max-width: 1300px;
        margin: 0 auto;
        background:rgba(255,255,255,0.8);
		padding: 0 2em 0 2em;
	    box-sizing: border-box;
    }
	#Main .block-lp-06 .flex-item {
		display: flex;
		margin:0 auto;
		font-size: 24px;
		justify-content: space-between;
		align-items: center;
		width: 95%;
	}
	#Main .block-lp-06 .flex-item .col-l{
		order:0;
	}
	#Main .block-lp-06 .flex-item .col-r{
		order:1;
		width: 60%;
	}
	#Main .block-lp-06 .flex-item .educut {
		padding: 1em;
		background: #f8f1c9;
	}
    /* SECTION::07
    -----------------------*/
   #Main .block-lp-07 img {
        margin: 0 auto;
    }
	#Main .block-lp-07 .flex-item {
		display: flex;
		margin:-0.6em auto 0 auto;
		font-size: 48px;
		justify-content: space-between;
		align-items: center;
		width: 95%;
		color:#0f58c0;
	}
	#Main .block-lp-07 .flex-item .col-l{
		width: 40%;
		order:0;
	}
	#Main .block-lp-07 .flex-item .col-r{
		order:1;
		width: 51%;
	}
    /* SECTION::LP::08
    -----------------------*/
    #Main .block-lp-08 {
        padding: 90px 0 0;
        margin: 0;
		background: url(../img/page-lp03/bg03.png) repeat center;
    }
	#Main .block-lp-08 h2 {
		position: relative;
		line-height: 1.2;
		text-align: center;
		font-size: 34px;
		color: #0f58c0;
		margin-bottom: 1em;
	}
	#Main .block-lp-08 h2 span {
		position: relative;
		color: #ea5a09;
	}
	#Main .block-lp-08 h2:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 195px;
		width: 62px;
		height: 111px;
		background: url(../img/page-lp03/title_bg_left.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-08 h2:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 195px;
		width: 61px;
		height: 111px;
		background: url(../img/page-lp03/title_bg_right.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
    #Main .block-lp-08 img {
        margin: 0 auto;
    }
	#Main .block-lp-08 .flex-item {
		display: flex;
		margin:0 auto;
		font-size: 24px;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		flex-wrap: wrap;
	}
	#Main .block-lp-08 .flex-item .col{
		width: 48%;
		background: #f8f1c9;
		padding: 2% 2% 2% 109px;
		margin-bottom: 2%;
		color: #0f58c0;
		font-size: 30px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.3em;
	}
	#Main .block-lp-08 .flex-item .col p:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 3px;
		width: 109px;
		height: 87px;
		background: url(../img/page-lp03/icon_q.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-08 .answer-area{
		width: 100%;
		background: none;
		padding: 3% 3% 3% 109px;
		margin: 1em auto 2em auto;
		color: #ea5a09;
		border: 6px solid #ea5a09;
		border-radius: 15px;
		font-size: 30px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.3em;
	}
	#Main .block-lp-08 .answer-area p:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 3px;
		width: 109px;
		height: 87px;
		background: url(../img/page-lp03/icon_a.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-08 .exsample-area {
		background: #d3ebff;
		border-radius: 15px;
		padding: 2em 2em 0 2em;
		box-sizing: border-box;
		position: relative;
		margin-top: 6em;
		margin-bottom: 4em;
	}
	#Main .block-lp-08 .exsample-area h3 {
		position: relative;
		top: -4em;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: -3em;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col {
		width: 48%;
		background: #ffffff;
		padding: 1em;
		box-sizing: border-box;
		margin-bottom: 2em;
		border-radius: 15px;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col h4 {
		color: #f7e321;
		background: #0f58c0;
		line-height: 1.4em;
		padding: 0.5em;
		font-size: 25px;
		border-radius: 10px;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col p {
		font-size: 20px;
		margin-bottom: 0;
	}
	#Main .block-lp-08 .exsample-area .flex-ex-item .col p.ex-prc {
		color: #ea5a09;
	}
    /* SECTION::LP::09
    -----------------------*/
	#Main .block-lp-09 {
		background: url(../img/page-lp03/bg03.png) repeat center;
	}
	#Main .block-lp-09 .faq-area .col-f {
		width: 100%;
		background: #f8f1c9;
		padding: 2% 2% 2% 109px;
		margin-bottom: 2%;
		color: #0f58c0;
		font-size: 30px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.3em;
		border-radius: 10px;
	}
	#Main .block-lp-09 .faq-area .col-f p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 1em;
		width: 60px;
		height: 64px;
		background: url(../img/page-lp03/icon_q2.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#Main .block-lp-09 .faq-area .col-a {
		width: 100%;
		background: #d4e5f9;
		padding: 1% 1% 1% 109px;
		margin-bottom: 2%;
		font-size: 26px;
		box-sizing: border-box;
		position: relative;
		line-height: 1.3em;
		border-radius: 10px;
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	#Main .block-lp-09 .faq-area .col-a p{
		    margin-bottom: 0;
	}
	#Main .block-lp-09 .faq-area .col-a p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 1em;
		width: 54px;
		height: 59px;
		background: url(../img/page-lp03/icon_a2.png) no-repeat center;
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

    /* SECTION::CV
    -----------------------*/
    #Main .cv {
        background:url(../img/page-lp03/contact_bg.png);
		background-size: cover;
        text-align: center;
        padding: 37px 0 50px;
    }
    #Main .cv h3 {
        margin: 0 0 25px;
    }
    #Main .cv h3 img,
    #Main .cv p a img {
    }
    #Main .cv-01 {
		position: relative;
	}
    #Main .cv-01 .col2 {
	    z-index: 1;
	}
	#Main .cv-01 .container{
		position: relative;
	}
    #Main .cv-01 .container:after {
		position: absolute;
		content: url(../img/page-lp03/contact_woman.png);
		bottom: -58px;
		right: 0;
		vertical-align: bottom;
	}
	#Main .cv-01 .cv-description {
		background: rgba(255,255,255,0.8);
		padding: 2em;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
    #Main .cv-01 h3 {
        margin: 0 0 0;
    }
    #Main .cv-03 h3 {
        margin: 0 0 21px;
    }
    #Main .cv-04 h3 {
        margin-bottom: 10px;
    }
    #Main .cv-06 p + h3 {
        margin-top: 40px;
    }
/* =====
 * PC::End
========================================================= */
}