@charset "utf-8";

#firstguide .inner,
#lp_30plan .inner{
	width: 1100px!important;
}

#firstguide .contact-area .inner,
#firstguide .footer-sitemap .inner{
	width: 1200px!important;
}

@media screen and (max-width:768px){
	
	#firstguide .inner,
	#lp_30plan .inner,
	#firstguide .contact-area .inner,
	#firstguide .footer-sitemap .inner{
		width: auto!important;
	}
	
}


/* priceページ */
#firstguide #contents{
	padding: 0 0 0;
}
#firstguide .contact-area{
	display: none;
}

@media screen and (max-width:768px){
	
	#firstguide #contents{
		padding: 0 0 0;
	}
	
}

/* -----------------------------
    button
-------------------------------- */

.btn {
	display: inline-block;
}

.btn a {
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	color: #fff;
}

.btn a::before,
.btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn a,
.btn a::before,
.btn a::after {
	transition: all .7s;
}

.btn .fa {
	padding: 0 0 0 12px;
}


/* -----------------------------------------------------------
    lp_30plan
-------------------------------------------------------------- */
#lp_30plan{
	line-height: 1.8;
	top: 0;
	margin: 0;
}
#lp_30plan img{
	vertical-align: bottom;
}

#lp_30plan .breadcrumblist {
	display: none;
}
#lp_30plan .h1-area h1 {
	top: 810px;
	z-index: 1;
	color: #fff;
}

#lp_30plan #contents {
	margin: 0;
	padding: 0;
}


#lp_30plan .contents_box{
	display: block;
}

#lp_30plan + #footer{
	border-top: 1px solid #687A81;
}

#lp_30plan + #footer > #page_top,
.firstguide_bot #page_top{
    bottom: 8px;
}
#lp_30plan + #footer .area_copy {
    padding: 25px 0 100px 0;
}

.h_30plan #area_catch {
    position: relative;
}
.h_30plan #header {
    position: relative;
    top: 0;
}

.firstguide_bot{
    padding: 0;
}
@media screen and (max-width:768px){
	
	#lp_30plan{
		position: relative;
		/*top: 100px;
		margin-bottom: 100px;*/
		top: 63px;
	}
	#lp_30plan.confirm{
		top: 0;
	}
	
	#lp_30plan .h1-area h1 {
		top: 0;
		color: #fff;
		line-height: 1;
	}
	
	#lp_30plan img {
		max-width: 100%;
		height: auto;
	}

	
	#lp_30plan + #footer > #page_top,
    .firstguide_bot #page_top{
		bottom: 75px;
	}
	#lp_30plan + #footer .area_copy {
		padding: 0 15px 97px 0;
	}
	
	.h_30plan #area_catch.form_nav {
		position: relative;
		top: 60px;
	}
	.h_30plan #header {
		position: fixed;
	}
    
    .firstguide_bot{
        padding: 0 0 0;
    }
}

/* -----------------------------------------------------------
    MAIN VISUAL
-------------------------------------------------------------- */

#lp_30plan #main_visual {
	/*min-height: 695px;*/
	min-height: 740px;
	background: url(../img/main_img.jpg) no-repeat center center;
	background-size:cover;
	width: 100%;
	margin: 120px 0 0;
}

#lp_30plan #main_visual .mv_area {
	padding: 90px 0 0 0;
    font-family: "Noto Sans JP";
    color: #0C2C39;
    position: relative;
}

#lp_30plan #main_visual .mv_area .mv_catch_sub {
	font-size: 4rem;
    font-style: italic;
    line-height: 1.3;
    font-weight: 700;
    margin: 0 0 35px;
	position: relative;
}
#lp_30plan #main_visual .mv_area .mv_catch_sub .s {
	font-size: 2.6rem;
}
#lp_30plan #main_visual .mv_area .mv_catch_sub::before {
	content: '';
	position: absolute;
	left: 650px;
    top: 0;
}


#lp_30plan #main_visual .mv_area .mv_catch {
	font-style: italic;
	font-size: 5.4rem;
    line-height: 1.2;
    font-weight: 700;
    padding: 0 30px 10px;
    display: inline-block;
    background: #F5FF00;
    margin: 0 0 40px;
    position: relative;
}
#lp_30plan #main_visual .mv_area .mv_catch .s {
	font-size: 4.2rem;
}

#lp_30plan #main_visual .mv_area .mv_catch_sub .collar-b {
    font-size: 3.5rem;
	color: #1285cc;
}
#lp_30plan #main_visual .mv_area .m30-logo img {
  width: 500px;
}

#lp_30plan #main_visual .mv_area .mv_catch .col {
	color: #E94647;
}
#lp_30plan #main_visual .mv_area .mv_catch:before,
#lp_30plan #main_visual .mv_area .mv_catch:after{
    width: calc(100% - 20px);
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    content: "";
}
#lp_30plan #main_visual .mv_area .mv_catch:before{
    border-bottom: solid 20px #F5FF00;
    border-left: solid 20px transparent;
    bottom: 100%;
}
#lp_30plan #main_visual .mv_area .mv_catch:after{
    border-top: solid 20px #F5FF00;
    border-right: solid 20px transparent;
    top: 100%;
}


#lp_30plan #main_visual .mv_area .txt {
    font-size: 1.8rem;
    line-height: 1.8;
    padding: 0 0 0 180px;
}
#lp_30plan #main_visual .mv_area .marker {
    display: inline;
    background: linear-gradient(transparent 75%,#f5ff00 75%);
    padding: 0 0;
}

#lp_30plan #main_visual .mv_area .point_icon {
    position: absolute;
    top: 105px;
    left: 490px;
    border: 1px #1285CC solid;
    text-align: center;
    width: 195px;
    height: 53px;
    font-size: 1.8rem;
    color: #1285CC;
    font-weight: 500;
    line-height: 48px;
    border-radius: 8px;
}

#lp_30plan #main_visual .mv_area .zoom_icon {
    position: absolute;
    /*top: 395px;
    left: 0;*/
    border: 1px #0C2C39 solid;
	border-left: none;
	border-right: none;
    text-align: center;
    width: 150px;
    height: 77px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 71px;
    /*border-radius: 8px;*/
    margin: -84px 0 0;
}
#lp_30plan #main_visual .mv_area .zoom_icon .s {
    font-size: 1.6rem;
}

#lp_30plan #main_visual .mv_area .mv_btn {
	margin: 30px 0 0 0;
    /*
	float: left;
    */
	font-style: italic;
	font-size: 1.8rem;
}
#lp_30plan #main_visual .mv_area .mv_btn img {
	vertical-align: bottom;
}
#lp_30plan #main_visual .mv_area .mv_btn a {
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

#lp_30plan .submenu_sp{
	display: none;
}

#lp_30plan #main_visual .mv_area .link {
    line-height: 1.6;
    position: relative;
    padding: 40px 0 0 15px;
    font-size: 1.4rem;
}
#lp_30plan #main_visual .mv_area .link::before {
    position: absolute;
    display: inline-block;
    content: "\f105";
    font-family: FontAwesome;
    color: #4087c7;
    left: 0;
}
#lp_30plan #main_visual .mv_area .link a {
    color: #555;
}
#lp_30plan #main_visual .mv_area .link a:hover {
    color: #4087c7;
}

#lp_30plan #main_visual .mv_area .sp_img {
    display: none;
}

@media screen and (max-width:768px){
	
	#lp_30plan #main_visual {
		height: auto;
		min-height:inherit;
		background: url(../img/main_bg.png) repeat;
		background-size: cover;
        background: #EFF7FA;
		width: 100%;
		margin: 0;
		padding: 20px 0 0;
	}

	#lp_30plan #main_visual .mv_area {
		padding: 0 0 20px 0;
		margin: 0 auto;
	}

	#lp_30plan #main_visual .mv_area .mv_catch {
	}

    #lp_30plan #main_visual .mv_area .mv_catch,
    #lp_30plan #main_visual .mv_area .mv_catch_sub,
    #lp_30plan #main_visual .mv_area .point_icon,
    #lp_30plan #main_visual .mv_area .zoom_icon {
		display: none;
	}
	
	#lp_30plan .submenu_sp{
		display: block;
	}
	#lp_30plan .submenu_sp li{
		text-align: center;
		background: #1285CC;
	}
	#lp_30plan .submenu_sp li img{
		height: 56px;
		vertical-align: bottom;
	}
	#lp_30plan .submenu_sp li a{
		display: block;
	}
    
    #lp_30plan #main_visual .mv_area .txt {
        font-size: 1.7rem;
        line-height: 1.7;
        padding: 15px;
    }
    
    #lp_30plan #main_visual .mv_area .mv_btn {
        margin: 5px 15px 0;
        text-align: center;
    }
    #lp_30plan #main_visual .mv_area .mv_btn a {
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        background: #1285CC;
        display: block;
    }
    #lp_30plan #main_visual .mv_area .mv_btn img {
		width: 160px;
	}
    
    #lp_30plan #main_visual .mv_area .link {
        padding: 20px 0 0 15px;
        margin: 0 15px;
        font-size: 1.4rem;
    }
    
    #lp_30plan #main_visual .mv_area .sp_img {
        display: block;
        text-align: center;
    }
    #lp_30plan #main_visual .mv_area .sp_img img {
        width: 100%;
        max-width: 480px;
    }
    
    
    
}

/* -----------------------------------------------------------
    ONLY ONE　HOMEPAGE
-------------------------------------------------------------- */

#lp_30plan .onlyone_area {
	background: #FCFCFC;
}

#lp_30plan .onlyone_area .title {
	font-size: 4.1rem;
	color: #1285CC;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
    line-height: 1;
	position: relative;
}

#lp_30plan .onlyone_area .title span {
	color: #244452;
    display: block;
    font-size: 3.2rem;
}

#lp_30plan .onlyone_area .sub {
	padding: 0 0 30px 0;
	text-align: center;
}

#lp_30plan .onlyone_area .triangle_top {
}

#lp_30plan .onlyone_area .triangle_btm {
	text-align: right;
}

#lp_30plan .onlyone_area .q_logo{
	text-align: center;
}

#lp_30plan .onlyone_area .q_logo img{
	width: 180px;
	height: 100%;
    padding: 0 0 25px;
}

#lp_30plan .onlyone_area .catch {
	font-size: 3.2rem;
    line-height: 1.4;
    font-weight: 700;
    font-family: "Noto Sans JP";
    color: #0C2C39;
    text-align: center;
    padding: 30px 0 20px;
}
#lp_30plan .onlyone_area .catch .col {
	color: #E94647;
    font-size: 4rem;
}
#lp_30plan .onlyone_area .catch .marker {
    display: inline;
    background: linear-gradient(transparent 75%,#f5ff00 75%);
    padding: 0 5px;
}


@media screen and (max-width:768px){
	
	#lp_30plan .onlyone_area {
		background: #FFF;
	}
	#lp_30plan .onlyone_area .title {
		font-size: 2.3rem;
	}
    #lp_30plan .onlyone_area .title span {
        font-size: 1.8rem;
        margin: 4px 0 0;
    }
    
	#lp_30plan .onlyone_area .sub {
		padding: 20px 0 20px 0;
		text-align: center;
		max-width: 400px;
		margin: 0 auto;
	}
	#lp_30plan .onlyone_area .txt {
		text-align: left;
		font-size: 1.5rem;
		line-height: 2.0;
		padding: 0;
	}
	#lp_30plan .onlyone_area .border {
		height: 8px;
	}
	#lp_30plan .onlyone_area .triangle_top {
		width: 115px;
	}
	#lp_30plan .onlyone_area .triangle_btm {
		text-align: right;
	}
	#lp_30plan .onlyone_area .triangle_btm img {
		width: 115px;
	}
	
	#lp_30plan .onlyone_area .q_logo img{
		width: 120px;
    	padding: 0 0 10px;
	}

    #lp_30plan .onlyone_area .catch {
        font-size: 2rem;
        padding: 15px 0 0;
    }
    #lp_30plan .onlyone_area .catch .col {
        font-size: 2.4rem;
    }
    

}


/* -----------------------------------------------------------
    プランエリア
-------------------------------------------------------------- */

/* ----------------------------
    プランエリア共通
------------------------------- */
#lp_30plan .plan_area {
	background: url(../img/blue_gra_bg.jpg) no-repeat center top;
    background-size: 100% 5px;
    padding: 5px 0 0 0;
}
#lp_30plan .plan_area .plan_title {
	background: url(../img/bg_30plan_title.png) no-repeat;
	background-size: 100% 265px;
	padding: 60px 0 0 0;
	margin: 0 0 100px 0;
}
#lp_30plan .plan_area .plan_contents{
	width: 1200px;
	margin: 0 auto 80px auto;
	border: 2px solid #0c2c3a;
	padding: 0 60px 60px 80px;
	box-sizing: border-box;
}
#lp_30plan .plan_area .plan_contents h4{
	display: flex;
	width: 100%;
	align-items: center;
	margin: -27px 0 45px 0;
}
#lp_30plan .plan_area .plan_contents h4 .no{
	width: 50px;
	height: 50px;
	background: -moz-linear-gradient(-45deg,  #69cfd4 0%, #158acd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #69cfd4 0%,#158acd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #69cfd4 0%,#158acd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow:3px 3px #D8ECF3;
	color: #fff;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 0 3px 0 0;
}
#lp_30plan .plan_area .plan_contents h4 .title{
	font-size: 36px;
	color: #1285cc;
	font-family: "Noto Sans JP";
	font-weight: 800;
	background: #fff;
	padding: 0 20px;
	line-height: 1.6;
}
#lp_30plan .plan_area .plan_contents h4 .title .marker{
	display: inline;
	background: linear-gradient(#fff 75%,#f5ff00 75%);
	padding: 0 5px;
}
#lp_30plan .plan_area .plan_contents h5{
    color: #0C2C39;
    font-size: 40px;
    font-weight: 500;
    font-style: italic;
    font-family: "Noto Sans JP";
	margin: 0 0 25px 0;
	line-height: 1.4;
}
#lp_30plan .plan_area .plan_contents h5 span.sub_title{
	display:block;
	color: #0C2C39;
	font-size: 26px;
	font-weight: 500;
    font-style: italic;
    font-family: "Noto Sans JP";
}
#lp_30plan .plan_area .plan_contents h6{
	color: #1285cc;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#lp_30plan .plan_area .plan_contents img{
	margin: 0 0 0 65px;
}
#lp_30plan .plan_area .plan_contents .left_area{
	float: left;
}
#lp_30plan .plan_area .plan_contents .left_area img.left_area_img{
	max-width: 100%;
	margin: 0 0 35px 0;
}

#lp_30plan .plan_area .plan_contents .link a {
	color: #666;
	font-weight: bold;
}
#lp_30plan .plan_area .plan_contents .link a:hover {
	opacity: 0.7;
}

#lp_30plan .plan_area .plan_contents .link a::before {
	display: inline-block;
	margin: 0 4px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	color: #4087c7;
}


#lp_30plan .plan_area p.txt {
	font-size: 1.6rem;
	color: #4B4B4B;
	line-height: 2.0;
	margin: 0 0 1em 0;
}
#lp_30plan .plan_area p.txt:last-child{
	margin: 0;
}
#lp_30plan .plan_area p.txt.s {
	font-size: 1.4rem;
}
#lp_30plan .plan_area .color_bg {
	padding: 137px 0;
	background-image:
		url("../img/bg_30plan_bottom.png"),
		url("../img/bg_30plan_top.png"); 

	background-repeat:
		no-repeat,
		no-repeat;

	background-position:
		center bottom,
		center top;
	
	background-size:
		100% 137px,
		100% 137px;
}
#lp_30plan .plan_area .color_bg2 {
	padding: 136px 0 0 0;
	background-image:
		url("../img/bg_30plan_top.png"); 

	background-repeat:

		no-repeat;

	background-position:

		center top;
	
	background-size:
		100% 137px;
}
#lp_30plan .plan_area .color_bg2.form {
	padding: 0 0 60px 0;
}

#lp_30plan .plan_area .color_bg .color_bg_in,
#lp_30plan .plan_area .color_bg2 .color_bg_in{
	background-color: #EFF7FA;
	padding: 50px 0;
}

/* ----------------------------
    プラン1
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan01{
	padding: 0 0 60px 80px;
	background: url(../img/plan01_img01.jpg) no-repeat right center;
}
#lp_30plan .plan_area .plan_contents#plan01 .sp_img {
	display: none;
}
/* ----------------------------
    プラン2
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan02{
	display: block;
	padding: 0 0 60px 80px;
	position: relative;
}
#lp_30plan .plan_area .plan_contents#plan02 .left_area{
	width: calc(100% - 560px);
}
#lp_30plan .plan_area .plan_contents#plan02 img{
	width: 520px;
	height: auto;
	position: absolute;
	right: -30px;
}
/* ----------------------------
    プラン3
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan03 .left_area{
	width: calc(100% - (530px + 65px));
}
/* ----------------------------
    プラン4
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan04 .left_area{
	width: calc(100% - (440px + 65px));
}
/* ----------------------------
    プラン5
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan05 .left_area{
	width: calc(100% - (376px + 65px));
}
/* ----------------------------
    プラン6
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan06 .left_area{
	width: calc(100% - (350px + 65px));
}
/* ----------------------------
    プラン7
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan07 .left_area{
	width: calc(100% - (350px + 65px));
}
/* ----------------------------
    プラン8
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan08 .left_area{
	width: calc(100% - (512px + 65px));
}
/* ----------------------------
    プラン9
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan09 .left_area{
	width: calc(100% - (444px + 65px));
}
/* ----------------------------
    プラン10
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan10 .left_area{
	width: calc(100% - (444px + 65px));
}
/* ----------------------------
    プラン11
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan11 .left_area{
	width: calc(100% - (531px + 65px));
}
#lp_30plan .plan_area .plan_contents#plan11 img.plan11_img02{
	width: 1056px;
	margin: 35px 0 0 0;
}
/* ----------------------------
    プラン12
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan12 .left_area{
	width: calc(100% - (443px + 65px));
}
/* ----------------------------
    プラン13
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan13 .left_area{
	width: calc(100% - (439px + 65px));
}
/* ----------------------------
    プラン14
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan14 .left_area{
	width: calc(100% - (442px + 65px));
}
/* ----------------------------
    プラン15
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan15 .left_area{
	width: calc(100% - (439px + 65px));
}
/* ----------------------------
    プラン16
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan16 .left_area{
	width: calc(100% - (430px + 65px));
}
/* ----------------------------
    プラン17
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan17 .left_area{
	width: calc(100% - (117px + 65px));
}
#lp_30plan .plan_area .plan_contents#plan17 img.plan17_img01{
	margin: 30px 0 0 65px;
}
#lp_30plan .plan_area .plan_contents#plan17 img.plan17_img02{
	width: 1056px;
	margin: 35px 0 0 0;
}
/* ----------------------------
    プラン18
------------------------------- */
#lp_30plan .plan_area .plan_contents#plan18 .left_area{
	width: calc(100% - (530px + 65px));
}





@media screen and (max-width:768px){
	/* ----------------------------
		プランエリア共通
	------------------------------- */
	#lp_30plan .plan_area .plan_title {
		background-size: 100% 110px;
		padding: 0 0 20px 0;
		margin: 0;
	}
	#lp_30plan .plan_area .plan_contents {
		width: calc(100% - 20px);
		margin: 0 auto 40px auto;
		padding: 0 0 20px 0;
		background: none;
		border: none;
		border-bottom: 2px solid #0c2c3a;
	}
	#lp_30plan .plan_area .plan_contents h4 {
		display: block;
		margin: 0 0 20px 0;
	}
	#lp_30plan .plan_area .plan_contents h4 .no {
		display: block;
		width: 28px;
		height: 28px;
		box-shadow:2px 2px #D8ECF3;
		font-size: 18px;
		line-height: 28px;
		margin: 0 auto 5px auto;
	}
	#lp_30plan .plan_area .plan_contents h4 .title {
		width: 100%;
		font-size: 22px;
		text-align: center;
		padding: 0 5px;
	}
	
	#lp_30plan .plan_area .plan_title h3{
		text-align: center;
	}
	#lp_30plan .plan_area .title_img img {
		width: 240px;
		margin: 20px auto 0 auto;
	}
	#lp_30plan .plan_area .plan_contents h5{
		font-size: 3.0rem;
		padding: 15px 0;
		margin: 0 -10px;
		line-height: 1.3;
		text-align: center;
	}
	#lp_30plan .plan_area .plan_contents h6{
		padding: 0 0 10px 0;
    	font-size: 2.0rem;
		text-align: center;
		line-height: 1.6;
	}
	#lp_30plan .plan_area .plan_contents img {
		margin: 0 auto;
		text-align: center;
	}
	#lp_30plan .plan_area .plan_contents .left_area{
		float: none;
		width: 100% !important;
	}
	#lp_30plan .plan_area .plan_contents .left_area .accordion.sp_display_b{
		padding: 0 0 20px 0;
	}
	
	#lp_30plan .plan_area .txt {
		line-height: 1.8;
	}
	#lp_30plan .plan_area .txt.s {
		font-size: 1.3rem;
	}
	
	#lp_30plan .plan_area .color_bg {
		padding: 30px 0;
		background-size:
			100% 30px,
			100% 30px;
	}
	
	#lp_30plan .plan_area .color_bg2 {
		padding: 30px 0 0 0;
		background-size:
			100% 30px;
	}
	#lp_30plan .plan_area .color_bg2.form {
		padding: 30px 0;
		background-image:
			url("../img/bg_30plan_bottom.png"),
			url("../img/bg_30plan_top.png"); 

		background-repeat:
			no-repeat,
			no-repeat;

		background-position:
			center bottom,
			center top;

		background-size:
			100% 137px,
			100% 137px;
	}
	#lp_30plan .plan_area .color_bg .color_bg_in,
	#lp_30plan .plan_area .color_bg2 .color_bg_in{
		padding: 30px 0;
	}
	
	#lp_30plan .icon_box_area2 {
		display: block;
	}
	#lp_30plan .icon_box2_l {
		float: left;
		width: 65px;
		padding: 25px 30px 15px 30px;
	}
	#lp_30plan .icon_box2_r {
		font-size: 1.5rem;
		font-weight: bold;
		padding-top: 25px;
		color: #244452;
	}
	#lp_30plan .icon_box2_r.txt2 {
		padding-top: 17px;
		line-height: 1.3;
	}
	#lp_30plan .icon_box_area2 div:nth-last-child(1) {
		border-bottom: 1px solid #C3D1D1;
	}
	#lp_30plan .icon_box2 {
		border-left: 1px solid #C3D1D1;
		border-right: 1px solid #C3D1D1;
		border-top: 1px solid #C3D1D1;
		width: auto;
		clear: both;
		overflow: hidden;
		background-color: #ffffff;
		height: 75px;
		display: block;
	}
	#lp_30plan .icon_box2 img {
		width: 100px;
	}
	#lp_30plan .icon_box2_r.color_red {
		color: #E57267;
	}
	
	
	/* ----------------------------
		プラン1
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan01{
		padding: 0 0 20px 0;
		background: none;
	}
	#lp_30plan .plan_area .plan_contents#plan01 img{
		margin: 0;
	}
	#lp_30plan .plan_area .plan_contents#plan01 .sp_img {
		display: block;
		margin: 0 auto 25px auto;
		text-align: center;
	}
	#lp_30plan .plan_area .plan_contents#plan01 .icon_box_l{
		float: left !important;
		width: 80px;
		padding: 15px 20px 15px 20px;
	}
	#lp_30plan .plan_area .plan_contents#plan01 .icon_box_r{
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.3;
		padding-top: 17px;
	}
	#lp_30plan .plan_area .plan_contents#plan01 .icon_box_r.txt2{
		padding-top: 8px;
	}
	#lp_30plan .plan_area .plan_contents#plan01 .accordion{
		padding: 20px 0 25px 0;
	}
	#lp_30plan .icon_box{
		border: 2px solid #C3D1D1;	
		width: auto;
		height: 55px;
		clear: both;
		display: block;
	}
	#lp_30plan .icon_box_l{
		float: left;
		width: 80px;
		padding: 15px 20px 15px 20px;
	}
	#lp_30plan .icon_box_r{
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.3;
		padding-top: 17px;
	}
	#lp_30plan .icon_box_r.txt2{
		padding-top: 8px;
		
	}
	
	/* ----------------------------
		プラン2
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan02{
		padding: 0 0 20px 0;
	}
	#lp_30plan .plan_area .plan_contents#plan02 img {
		width: 100%;
		position: static;
	}
	
	/* ----------------------------
		プラン4
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan04 img{
		width: 160px;
	}
	
	/* ----------------------------
		プラン5
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan05 img{
		width: 140px;
	}
	
	/* ----------------------------
		プラン6
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan06 img{
		width: 150px;
	}
	
	/* ----------------------------
		プラン7
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan07 img{
		width: 260px;
	}
	
	/* ----------------------------
		プラン08
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan08 img{
		width: 280px;
	}
	
	/* ----------------------------
		プラン9
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan09 img{
		width: 160px;
	}
	/* ----------------------------
		プラン10
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan10 img{
		width: 200px;
	}	
	
	/* ----------------------------
		プラン17
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan17 img.sp_display_b{
		width: 290px;
	}
	
	/* ----------------------------
		プラン18
	------------------------------- */
	#lp_30plan .plan_area .plan_contents#plan18{
		border: none;
		padding: 0;
	}
	#lp_30plan .plan_area .plan_contents#plan18 img.sp_display_b{
		width: 175px;
	}
	
}


/* ----------------------------
    30プラン一覧
------------------------------- */
#lp_30plan .price_area .zu {
    text-align: center;
    padding: 20px 0 80px 0;
}
#lp_30plan .price_area .title_img img {
    margin-bottom: 25px;
}

#lp_30plan .price_area .plan20_bn {
    text-align: center;
    padding: 60px 0 60px 0;
}

#lp_30plan .price_area .plan_img {
	position: relative;
}
#lp_30plan .price_area .plan_img .btn {
	position: absolute;
	text-align: center;
}
#lp_30plan .price_area .plan_img .btn.plan20_btn {
	top: 520px;
	right: 40px;
}
#lp_30plan .price_area .plan_img .btn.plan30_btn01 {
	top: 520px;
	left: 40px;
}
#lp_30plan .price_area .plan_img .btn.plan30_btn02 {
	top: 520px;
	left: 415px;
}
#lp_30plan .price_area .plan_img .btn.plan30_btn03 {
	top: 865px;
	left: 60px;
}

#lp_30plan .price_area .plan_img .btn a{
	position: relative;
	border-radius: 4px;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 14px 20px;
	background: #11C6B4;
	color: #fff;
	width: 270px;
	border: none;
}
#lp_30plan .price_area .plan_img .btn a::before {
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	right: 20px;
	top: 50%;
	margin: -12px 0 0;
	font-size: 1.4rem;
}

#lp_30plan .price_area .plan_img .btn.plan20_btn a{
	background: #11C6B4;
}
#lp_30plan .price_area .plan_img .btn.plan30_btn01 a,
#lp_30plan .price_area .plan_img .btn.plan30_btn02 a,
#lp_30plan .price_area .plan_img .btn.plan30_btn03 a{
	background: #E94647;
}


@media screen and (max-width:768px){
	#lp_30plan .price_area .zu {
		margin: 0 -5px;
		padding: 5px 0 0 0;
	}
	#lp_30plan .price_area .title_img img {
		width: 222px;
		margin: -70px 0 20px 0;
	}
	
	#lp_30plan .price_area .plan20_bn {
		text-align: center;
		padding: 30px 20px 0;
	}
	#lp_30plan .price_area .plan20_bn img {
		width: 100%;
		max-width: 480px;
	}
	
}

/*------  スライド写真  ------ */
#lp_30plan .photo_slide{
	padding: 100px 0 100px 0;
	margin:-20px 0 0 0;
	display: block;

	background:url(../img/about_slide_img.jpg) repeat-x top left;
	-webkit-animation:bgscroll 80s linear infinite, fadein 5s linear 0s 1;
	animation:bgscroll 80s linear infinite, fadein 5s linear 0s 1;
}
@-webkit-keyframes bgscroll {
	0% {background-position:center 0;}
	100% {background-position:2500px 0;}
}

@keyframes bgscroll {
	0% {background-position:center 0;}
	100% {background-position:2500px 0;}
	}

#lp_30plan .photo_slide .sp_img{
	display: none;
}

@media screen and (max-width:768px){
	#lp_30plan .photo_slide{
		padding: 100px 0 0 0;
		margin:0 0 0 0;
		display: block;

		background:url(../img/about_slide_img.jpg) repeat-x top left;
		background-size: auto 100px;
	}
	
	@-webkit-keyframes bgscroll {
		0% {background-position:center 0;}
		100% {background-position:1500px 0;}
	}

	@keyframes bgscroll {
		0% {background-position:center 0;}
		100% {background-position:1500px 0;}
	}
	
	
}

/* ----------------------------
    30プラン誕生ストーリー
------------------------------- */

#lp_30plan .story_area{
	background-image: url(../img/story_bg.png);
	background-repeat: repeat;
	width: 100%;
	padding-bottom: 80px;
}

#lp_30plan .story_area_tit{
	color: #244452;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 80px;
	font-size: 1.6rem;
}

#lp_30plan .story_area_tit span.en{
	font-size: 5.0rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

#lp_30plan .story_area_txt{
	text-align: center;
	margin-bottom: 30px;
	line-height: 2.0;
}


@media screen and (max-width:768px){
	
	#lp_30plan .story_area_tit{
		margin-bottom: 15px;
		padding-top: 30px;
	}

	#lp_30plan .story_area_tit span.en{
		font-size: 4.4rem;
	}
	
	#lp_30plan .story_area_txt{
		text-align: left;
		margin-bottom: 15px;
		line-height: 1.8;
	}
	
	#lp_30plan .story_area{
		padding-bottom: 30px;
	}

}


/* -----------------------------------------------------------
    無料相談フォーム
-------------------------------------------------------------- */
#lp_30plan .contact_tit_bg{
	background-image: url(../img/contact_bg.png);
	background-repeat: repeat;
	width: 100%;
	height: 150px;
}

#lp_30plan .contact_tit{
	font-size: 30px;
	color: #ffffff;
	line-height: 1;
	text-align: center;
	padding: 50px 0 50px 0;
	font-weight: bold;
}

#lp_30plan .contact_tit_img{
	text-align: center;
	position: relative;
	top:-190px;
	margin-bottom: -200px;
	right: -450px;
	margin-left: -450px;
}

#lp_30plan .contact_tit2{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

#lp_30plan .form_tit{
	text-align: center;
}
#lp_30plan .form_tit span{
	font-size: 2.0rem;
	margin-left: 15px;
	color: #1286CC;
	position: relative;
	font-weight: bold;
	top:-8px;
	margin-bottom: -8px;
}

@media screen and (max-width:768px){
	#lp_30plan .plan_area .color_bg2.form {
		padding: 30px 0;
		background-image:
			url("../img/bg_30plan_bottom.png"),
			url("../img/bg_30plan_top.png"); 

		background-repeat:
			no-repeat,
			no-repeat;

		background-position:
			center bottom,
			center top;

		background-size:
			100% 30px,
			100% 30px;
	}
	
	#lp_30plan .contact_tit_bg{
		background-image: url(../img/contact_bg.png);
		background-repeat: repeat;
		width: 100%;
		height: 100px;
		display: block;
	}
	
	#lp_30plan .contact_tit{
		font-size: 20px;
		text-align: left;
		padding: 25px 0 25px 0;
		line-height: 1.3;
	}

	#lp_30plan .contact_tit_img{
		text-align: center;
		position: relative;
		top:-130px;
		margin-bottom: -130px;
		right: -220px;
		margin-left: -220px;
	}
	#lp_30plan .contact_tit_img img{
		width: 67px;
	}

	#lp_30plan .contact_tit2{
		font-size: 16px;
		text-align: left;

	}
	#lp_30plan .icon_mail img{
		width: 52px;
		padding-bottom: 15px;
	}
	
	#lp_30plan .form_tit span{
		margin-left: 0;
	}
	
}


@media screen and (max-width:768px){

	/* ------  無料相談固定ナビ  ------ */
	/*#nav_30plan {
		width: 100%;
		position: fixed;
		top: 60px;
		z-index:100;
	}

	#nav_30plan table {
		width: 100%;
		background: #f6f6f6;
	}

	#nav_30plan table td {
		height: 40px;
		border-bottom: 1px solid #D9DBE3;
		border-left: 1px solid #D9DBE3;
		
		-webkit-box-sizing: border-box;	
		-moz-box-sizing: border-box;	
		box-sizing: border-box;
	}

	#nav_30plan table td.first {
		border-left:none;
	}

	#nav_30plan table td a {
		display: block;
		text-align: center;
		font-size: 90%;
		color: #332C2C;
		padding:10px 5px;
		
	}*/

	/* ------  main + footer 固定対応 ------ */
	
}


/* -----------------------------------------------------------
    area_ask_works
-------------------------------------------------------------- */
.area_ask .box_txt {
	text-align: center;
	background: #fff;
	padding: 50px 0 60px 0;
	border: 2px solid #0c2c3a;
	border-right: none;
	border-left: none;
	position: relative;
}

.area_ask .box_txt::before, .area_ask .box_txt::after{
	display: block;
    content: '';
	position: absolute;
}
.area_ask .box_txt::before{
    width: 87px;
    height: 125px;
    background: url(../img/img_freeask01.png) no-repeat center / contain;
    top: 190px;
    left: calc(((100% - 1100px) / 2) + 160px);
}
.area_ask .box_txt::after{
    width: 95px;
    height: 144px;
    background: url(../img/img_freeask02.png) no-repeat center / contain;
    top: 175px;
    right: calc(((100% - 1100px) / 2) + 150px);
}
.area_ask h3.title {
	display: inline-block;
	color: #333;
	font-size: 32px;
	font-weight: bold;
	background: linear-gradient(#fff 60%,#fcff49 60%);
	padding: 0;
}

.area_ask .lead {
	font-size: 20px;
}

.area_ask .txt {
	padding: 25px 0 0 0;
	font-size: 20px;
	line-height: 1.75;
}

.area_ask .txt_sub{
	font-weight: bold;
	margin: 30px 0 0;
}
.area_ask .txt_sub::before, .area_ask .txt_sub::after{
	content: '';
    display: inline-block;
    width: 15px;
    height: 2px;
    background-color: #333;
    margin-bottom: 2px;
}
.area_ask .txt_sub::before{
	margin-right: 20px;
    transform: rotate(60deg);
}
.area_ask .txt_sub::after{
	margin-left: 20px;
    transform: rotate(-60deg);
}

.area_ask .btn {
	margin: 15px 0 0;
}

/* ボタン元
.area_ask .btn a{
	width: 500px;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
	padding: 30px 0;
	background: #E94647;
    border: 1px solid #E94647;
    border-radius: 100px;
	box-shadow: 0 8px 0 #a03536;
	overflow: hidden;
	-webkit-transition: all .2s;
    transition: all .2s;
	position: relative;
}
*/

.area_ask .btn a{
	width: 500px;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
	padding: 30px 0;
	background: #E94647;
    border: 1px solid #E94647;
    border-radius: 8px;
	box-shadow: 0 5px 0 #a03536;
	overflow: hidden;
	-webkit-transition: all .2s;
    transition: all .2s;
	position: relative;
}
.area_ask .btn .freedial{
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
}

.area_ask .btn a::before{
	content: "";
    background-image: linear-gradient(130deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation: shiny 5s infinite linear;
    animation: shiny 5s infinite linear;
}
@-webkit-keyframes shiny {
  0% {
    left: -50%
  }
  20% {
    left: 120%
  }
  to {
    left: 120%
  }
}
@keyframes shiny {
  0% {
    left: -50%
  }
  20% {
    left: 120%
  }
  to {
    left: 120%
  }
}
.area_ask .btn a:hover{
	border: 1px solid #E94647;
	/*
	-webkit-transform: translateY(4px);
    transform: translateY(4px);
	*/
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
	background: #E94647;
    box-shadow: 0 2px 0 #a03536;
}

.area_ask .btn .freedial:hover{
	border: 1px solid #2DB588;
	background: #2DB588;
    box-shadow: 0 4px 0 #1F7A5C;
}

.area_ask.works {
	width: 100%;
    background: #fff;
    padding: 0;
	margin: 0;
	border-top: 2px solid #0c2c3a;
	position: fixed;
	z-index: 100;
	bottom: 0;
}
.area_ask.works .txt_sub{
	margin: 0;
}
.area_ask.works .box_txt {
    padding: 8px 0 4px 0;
    border: none;
}
.firstguide_bot .area_ask.works .box_txt {
    padding: 8px 0 10px 0;
}

.area_ask.works .btn {
    margin: 0;
}
.area_ask.works .btn a {
	font-size: 22px;
    padding: 24px 0;
	line-height: 1.0;
}
.area_ask.works .box_txt::before {
	height: 110px;
    top: -15px;
    left: 190px;
}
.area_ask.works .box_txt::after {
    height: 120px;
    top: -20px;
    right: 190px;
}

@media screen and (max-width:768px){
	.area_ask {
		margin: 0;
		padding: 25px 0;
	}
	
	.area_ask .box_txt {
		width: 100%;
		padding: 25px 25px 33px 25px;
		border-right: none;
		border-left: none;
		box-sizing: border-box;
		display: flex;
	}
	
	.area_ask.works .box_txt::before{
    width: 65px;
    background: url(../img/img_freeask01.png) no-repeat center / contain;
    top: -24px;
	height: 110px;
    left: 12px;

	}
	
	.area_ask .box_txt::after{
		display: none;
	}
	
	.area_ask h3.title {
		font-size: 22px;
		font-weight: bold;
	}
	
	.area_ask .lead {
		padding: 10px 0 0;
		font-size: 100%;
	}
	
	.area_ask .txt {
		padding: 20px 0 0;
		font-size: 88%;
		line-height: 1.75;
		text-align: left;
	}
	
	.area_ask .txt_sub {
		font-size: 14px;
		margin: 20px 0 0;
	}
	.area_ask .txt_sub::before {
		margin-right: 10px;
	}
	.area_ask .txt_sub::after {
		margin-left: 10px;
	}
	
	.area_ask .btn {
		margin: 15px 0 0;
		width: 100%;
		display: grid;
	}
	
	.area_ask .btn a {
		width: auto;
		padding: 20px 0;
		box-shadow: 0 4px 0 #a03536;
		font-size: 16px;
	}
	
	.area_ask .btn .freedial{
		display: block;
		color: #fff;
		background: #2DB588;
   		border: 1px solid #2DB588;
		box-shadow: 0 4px 0 #1F7A5C;
		font-weight: 700;
		font-size: 1.5rem!important;
	}
	
	
	.area_ask .btn a .icon_freedial{
		background: url(../img/fix_free_icon.png) center top 1px;
		background-size: 18px auto;
		/*
		background: url(../../../../assets/img/fix_tel_icon.png) center top;
		background-size: 15px auto;
		*/
		background-repeat: no-repeat;
		width: 23px;
		display: block;
		height: 20px;
		margin: 0 auto;
		padding: 0 0 9px 0;
	}
	
	.area_ask .btn a .icon_mail{
		background: url(../img/fix_mail_icon.png) center top;
		background-repeat: no-repeat;
		background-size: 16px auto;
		width: 24px;
		display: block;
		height: 20px;
		margin: 0 auto;
		padding: 0 0 9px 0;	
	}
	
	.area_ask .btn a:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 2px 0 #a03536;
	}
	
	.area_ask .btn .freedial:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 2px 0 #1F7A5C;
	}
	
	.area_ask .btn .fa {
		display: none;
	}
	/*
	.area_ask.works .box_txt {
		padding: 5px 20px 10px 20px;
	}
	*/
	.area_ask.works .box_txt,
    .firstguide_bot .area_ask.works .box_txt {
		padding: 5px 0 10px 85px;
    }
    
	.area_ask.works .btn {
		margin: 0;
	}
	
	.area_ask.works .btn:nth-child(2) {
		margin: 0 5px 0 5px!important;
	}
	
	.area_ask.works .btn a {
		font-size: 1.3rem;
		padding: 5px 0!important;
		border-radius: 5px!important;
	}
	
	.area_ask.works .btn a::before {
		display: none;
	}

}


/* -----------------------------------------------------------
    firstguide　初めての方へ
-------------------------------------------------------------- */

/*全体*/
#firstguide .firstguide-contents{
	line-height: 1.8;
}


#firstguide .firstguide-contents h2{
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 40px;
	color: #244452;
}

#firstguide .firstguide-contents .title_en{
	font-size: 2.4rem;
	line-height: 1;
	margin: 0 0 40px;
    font-family: 'Roboto Condensed', sans-serif;
}

#firstguide .contents_box{
	display: block;
}

#firstguide + #footer{
	border-top: 1px solid #687A81;
}

#firstguide + #footer > #page_top {
    bottom: 8px;
}
#firstguide + #footer .area_copy {
    padding: 25px 0 160px 0;
}

.h_30plan #area_catch {
    position: relative;
}


#firstguide .btn{
	margin: 0 auto;
}

#firstguide .btn a{
	padding: 24px 0;
}

#firstguide .more a{
	width: 400px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 18px 0;
	background: #329898;
	border: 1px solid #329898;
	border-radius: 100px;
	box-shadow: 0 8px 0 #257272;
	overflow: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: relative;
	display: block;
	text-align: center;
}

#firstguide .more a::before{
	content: "";
	background-image: linear-gradient(130deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 80%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	-webkit-animation: shiny 5s infinite linear;
	animation: shiny 5s infinite linear;
}

#firstguide .more a:hover{
	border: 1px solid #329898;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0 4px 0 #257272;
}

#firstguide .more.r a{
	background: #e94647;
	border: 1px solid #e94647;
	box-shadow: 0 8px 0 #a03536;
}

#firstguide .more.r a:hover{
	border: 1px solid #e94647;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0 4px 0 #a03536;
}

#firstguide .txt_sub{
	font-weight: bold;
	margin: 30px 0 8px;
}

#firstguide .txt_sub::before, #firstguide .txt_sub::after{
	content: '';
    display: inline-block;
    width: 15px;
    height: 2px;
    background-color: #333;
    margin-bottom: 2px;
	margin: 0 0 4px;
}

#firstguide .txt_sub::before{
	margin-right: 20px;
    transform: rotate(60deg);
}

#firstguide .txt_sub::after{
	margin-left: 20px;
    transform: rotate(-60deg);
}

#firstguide .btn_area{
	width: 760px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}


@media screen and (max-width:768px){
	#firstguide .firstguide-contents h2{
		font-size: 2rem;
	}
	#firstguide .firstguide-contents .title_en{
        font-size: 1.4rem;
        margin: 0 0 20px;
    }
    
	#firstguide .btn{
		width: 100%;
	}
	
	#firstguide .btn a{
		padding: 24px 0;
	}

	#firstguide .more a{
		width: 100%;
		font-size: 2rem;
		padding: 10px 0;
		margin: 0 0 24px;
	}

	#firstguide .more a::before{
		content: "";
		background-image: linear-gradient(130deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 80%);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all 0.1s;
		transition: all 0.1s;
		-webkit-animation: shiny 5s infinite linear;
		animation: shiny 5s infinite linear;
	}

	#firstguide .more a:hover{
		border: 1px solid #329898;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		box-shadow: 0 4px 0 #257272;
	}

	#firstguide .more.r a{
		background: #e94647;
		border: 1px solid #e94647;
		box-shadow: 0 8px 0 #a03536;
	}

	#firstguide .more.r a:hover{
		border: 1px solid #e94647;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		box-shadow: 0 4px 0 #a03536;
	}
	
	#firstguide .btn_area{
		width: auto;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	#firstguide .txt_sub {
		font-weight: bold;
		margin: 0 0 8px;
	}

}

/*-----MAIN TITLE-----*/
#firstguide #main_title {
	background: url("../img/bg_maintitle12.jpg") no-repeat center top;
    background-size: cover;
}

#firstguide #main_title .icon.first {
	margin: 70px 55px 0 30px;
	width: 33px;
	height: 45px;
	position: relative;
	top: -5px;
    background: url(../img/icon_firstguide01.png) no-repeat;
    background-size: 33px 45px;
}
#firstguide #main_title .icon.first::after {
	top: -5px;
}

/*
#firstguide #main_title {
	background: url("../img/bg_maintitle12.jpg") no-repeat center top;
    background-size: cover;
}
#firstguide #main_title .icon {
	margin: 22px 50px 0 25px;
	background-size: contain;
	position: relative;
	top:-5px;
}
#firstguide #main_title .icon::after {
	top: -5px;
	left: 65px;
}
#firstguide #main_title .icon.first_title {
	width: 36px;
	height: 44px;
}
.icon.first_title {
    background: url( "../img/icon_firstguide01.png") no-repeat;
}
*/

/*MV*/

#firstguide .main_visual {
	min-height: 560px;
	background: url( "../img/mv_bg.jpg") no-repeat center top;
	background-size: cover;
	width: 100%;
	margin: 0;
}

#firstguide .mv_bg_2{
	min-height: 590px;
	background: url( "../img/mv_bg_2.jpg") no-repeat center top;
	background-size: cover;
	width: 100%;
	margin: -61px 0 0;
}

#firstguide .mv_bg_2 a:link,
#firstguide .mv_bg_2 a:visited {
    color: #3F86C6;
}

/* ミシュラン3つ星レストラン */
#firstguide .main_visual .mv_area {
	padding: 70px 0 0 0;
}

#firstguide .main_visual .mv_area h2{
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.7;
	margin: 0 0 30px;
    padding: 0 0 0 120px;
    position: relative;
}
#firstguide .main_visual .mv_area h2::before{
    content: '';
	display: block;
	position: absolute;
	width: 100px;
	height: 130px;
	background: url("../img/oukan.png") no-repeat center / contain;
	left: -10px;
    top: -8px;
}


#firstguide .main_visual .mv_area .catch {
	margin: 0 0 0;
	text-shadow: 0 0 20px #fff,0 0 20px #fff,0 0 30px #fff,0 0 30px #fff;
	font-size: 1.8rem;
    line-height: 2.2;
    color: #111;
}

#firstguide .main_visual .mv_area .catch span{
	background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
    font-weight: bold;
}

#firstguide .main_visual .btn_area {
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 700px;
	margin: 0 auto 60px;
}

#firstguide .main_visual .btn_area a{
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

#firstguide .main_visual .btn_area a:hover{
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

#firstguide .main_visual .mv_area .spimg{
    display: none;
}


/* 上部料金相場 */
#firstguide .main_visual .mv_area_2 {
	padding: 60px 0 0 0;
}

#firstguide .main_visual .mv_area_2 h2{
	padding: 0;
	margin: 0 0 20px;
}

#firstguide .main_visual .mv_area_2 h2::before{
	display: none;
}

#firstguide .main_visual .mv_area_2 .catch {
	margin: 0 0 0;
	font-size: 1.7rem;
    line-height: 2.2;
}

#firstguide .main_visual .mv_area_2 .catch a {
	color: #111;
}

#firstguide .main_visual .mv_area_2 .catch a:hover {
	opacity: 0.8;
}

#firstguide .main_visual .mv_area_2 .link{
	line-height: 1.6;
	padding: 30px 0 0 15px;
	position: relative;
}
#firstguide .main_visual .mv_area_2 .link a{
}
#firstguide .main_visual .mv_area_2 .link::before{
	position: absolute;
	display: inline-block;
	content: "\f105";
	font-family: FontAwesome;
	color: #4087c7;
	left: 0;
}



@media screen and (max-width:768px){
	#firstguide .main_visual{
		width: 100%;
		min-height: initial;
		margin: 0;
	}
	
	#firstguide .main_visual .mv_area {
		width: auto;
		height: auto;
        /*
		background: url(../img/mv_sp_bg.jpg) no-repeat #f5f5f5;
		background-size: auto 160px;
        background-position: right top;
        */
        /*
        background: #f5f5f5;
        */
        background: #fff;
		margin: 0;
		padding: 0 20px 20px;
		text-align: left;
	}

	#firstguide .main_visual .mv_area h2 {
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 1;
		margin: 0 0 16px;
	}
	#firstguide .main_visual .mv_area h2::before{
        display: none;
    }
    
	#firstguide .main_visual .mv_area .catch {
		margin: 0 0 0;
		font-size: 1.6rem;
		width: 100%;
        line-height: 1.9;
		text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 5px #fff,0 0 5px #fff;
        color: #222;
	}
	
	#firstguide .main_visual .mv_area .catch:last-of-type {
		margin: 0;
	}
	
	#firstguide .main_visual .btn_area {
		display: none;
	}
	
	#firstguide .main_visual .btn_area_sp {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		width: auto;
	}
	
	#firstguide .btn_area_sp div{
		display: block;
		width : -webkit-calc((100% - 1px) / 3) ;
		width : calc((100% - 1px) / 3) ;
		box-sizing: border-box;
	}
	
	#firstguide .main_visual .btn_area_sp a{
		width: 100%;
		background: #1285cc;
		color: #fff;
		text-align: center;
		padding: 8px 0 5px;
		display: inline-block;
		border: 1px solid #fff;
        line-height: 1.4;
	}
    #firstguide .main_visual .btn_area_sp a::after {
        font-family: "FontAwesome";
        content: "\f107";
        margin: 0 auto;
        color: #fff;
        display: block;
        line-height: 1;
    }
    
    #firstguide .main_visual .mv_area .spimg{
        display: block;
        margin: 0 -20px;
        padding: 0 0 20px;
        text-align: center;
    }
    #firstguide .main_visual .mv_area .spimg img{
        width: 100%;
        max-width: 480px;
    }
	
	
	/* 上部料金相場 */
	#firstguide .main_visual .mv_area_2 {
		padding: 0 20px 20px;
	}
	#firstguide .main_visual .mv_area_2 h2{
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 1.5;
		margin: 15px 0 16px;
	}
	#firstguide .main_visual .mv_area_2 .catch {
		font-size: 1.6rem;
        line-height: 1.9;
	}
	#firstguide .main_visual .mv_area_2 .link{
		padding: 15px 0 5px 10px;
	}
	
	
    
	/*-----MAIN TITLE-----*/
    #firstguide #main_title {
		background: url(../img/bg_maintitle12.jpg) no-repeat right top / 320px 80px;
		background-size: cover;
	}
	
	#firstguide #main_title .icon.first {
		margin: 10px 30px 0 15px;
		width: 22px;
		height: 30px;
		background-size: 22px 30px;
		position: relative;
		top: -2px;
	}
	
	#firstguide #main_title .icon.first::after {
		top: -2px;
        left: 35px;
	}
    
    /*
	#firstguide #main_title .icon {
		margin: 10px 30px 0 15px;
		position: relative;
		top: -3px;
	}
	
	#firstguide #main_title .icon::after {
		top: 0;
		left: 43px;
	}
	
	#firstguide #main_title .icon.first_title {
		height: 30px;
	}
    */
}

/*3つのお約束*/
#firstguide .q_logo{
	text-align: center;
}

#firstguide .q_logo img{
	width: 180px;
	height: 100%;
    padding: 0 0 15px;
}

#firstguide .promise {
    background: #EFF7FA;
    padding: 70px 0 70px;
	margin: 60px 0 0;
}

#firstguide .promise h2,
#firstguide .promise .title_en{
	text-align: center;
}

#firstguide .promise h2{
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 40px;
}

#firstguide .promise .title_en{
	font-size: 2rem;
	line-height: 1;
	margin: 0 0 40px;
}

#firstguide .promise .pro_boxarea{
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 0 0 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1300px;
}

#firstguide .promise .pro_box{
	width: 100%;
    margin: 0 25px;
    /*
	box-shadow: 0 0 5px #ddda;
    */
	position: relative;
	height: max-content;
}

#firstguide .promise .txt-box{
	background: transparent;
	padding: 40px 0 0 0;
    /*
	min-width: 530px;
    */
/*    width: 50%;*/
	position: relative;
}


#firstguide .promise .pro_box .txt-box h3:before{
	content: "1";
	font-size: 2.4rem;
	width: 40px;
	height: 40px;
	padding: 0px 13px;
	box-sizing: border-box;
	background: #1a4e91;
	color: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	margin: auto;
    line-height: 40px;
}

#firstguide .promise .pro_box.box02 .txt-box h3:before{
	content: "2";
}

#firstguide .promise .pro_box.box03 .txt-box h3:before{
	content: "3";
}

#firstguide .promise .img-box{
	width: auto;
	min-width: 50%;
	position: relative;
	margin: 0 0 0 auto;
	height: 250px;
}

#firstguide .promise .pro_box.box01 .img-box {
	background: url("../img/pro-img01.jpg") no-repeat center top / cover;
}

#firstguide .promise .pro_box.box02 .img-box {
	background: url("../img/pro-img02.jpg") no-repeat center top / cover;
	margin: 0 auto 0 0;
}

#firstguide .promise .pro_box.box03 .img-box {
	background: url("../img/pro-img03.jpg") no-repeat center top / cover;
}

#firstguide .promise .pro_box h3{
	font-size: 2.4rem;
	margin: 0 0 22px 0;
	font-weight: 600;
	line-height: 1.6;
    text-align: left;
    color: #244452;
}

#firstguide .promise .pro_box .txt{
	margin: 0 0 0 0;
    font-size: 1.6rem;
}



@media screen and (max-width:768px){
	#firstguide .q_logo img{
		width: 120px;
    	padding: 0 0 0;
	}
		
	#firstguide .promise {
		padding: 30px 0 0;
		width: 100%;
		margin: 20px 0 0;
	}

	#firstguide .promise h2{
		font-size: 2rem;
		line-height: 1.4;
		margin: 0 0 30px;
	}
    #firstguide .promise .title_en{
        font-size: 1.4rem;
        margin: 0 0 30px;
    }
    
    #firstguide .promise .pro_boxarea{
        display: flex;
        flex-direction: column;
        padding: 0;
        max-width: inherit;
    }
	
    #firstguide .promise .pro_box{
		width: 100%;
		box-shadow: none;
		flex-direction: column;
        margin: 0;
	}
	
	#firstguide .promise .txt-box {
		width: auto;
		padding: 20px 20px 32px;
		min-width: initial;
	}
	
	#firstguide .promise .pro_box.box02 .txt-box {
		width: auto;
		padding: 20px 20px 32px;
		min-width: initial;
	}
	
	#firstguide .promise .pro_box h3 {
		font-size: 2rem;
        margin: 0 0 10px 0;
	}
	/*
	#firstguide .promise .pro_box:first-of-type h3 {
		font-size: 2rem;
        margin: 0 0 10px;
	}
	*/
    
	#firstguide .promise .pro_box .txt-box h3::before {
		display: none;
	}
	
	#firstguide .promise .pro_box .img-box::before {
		content: "1";
		font-size: 1.6rem;
		width: 30px;
		height: 30px;
		padding: 1px 10px;
		box-sizing: border-box;
		background: #1a4e91;
		color: #fff;
		border-radius: 50%;
		display: block;
		position: relative;
		left: 0;
		right: 0;
		margin: auto;
		top: -15px;
        text-align: center;
	}
	
	#firstguide .promise .pro_box.box02 .img-box::before {
		content: "2";
	}	
	
	#firstguide .promise .pro_box.box03 .img-box::before {
		content: "3";
	}
	
	#firstguide .promise .img-box {
		width: 100%;
		min-width: initial;
		height: 200px;
	}
	
	#firstguide .promise .pro_box.box01 .img-box {
		background: url( "../img/pro-sp-img01.jpg") no-repeat center top;
		background-size: auto 200px;
	}
	
	#firstguide .promise .pro_box.box02 .img-box {
		background: url( "../img/pro-sp-img02.jpg") no-repeat center top;
		background-size: auto 200px;
	}	
	
	#firstguide .promise .pro_box.box03 .img-box {
		background: url( "../img/pro-sp-img03.jpg") no-repeat center top;
		background-size: auto 200px;
	}
}	

/*制作実績エリア*/
#firstguide .works {
    /*
	background: url("../img/wor-bg01.png") no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 100px 0 90px;
	position: relative;
	z-index: 1;
    */
    padding: 0;
}

#firstguide .works .works_box{
    /*
	width: 1200px;
	margin: 0 auto;
	background: url("../img/wor-img01.jpg") no-repeat top right;
	background-size: 540px;
    */
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

#firstguide .works h2{
	font-size: 3.4rem;
	line-height: 1.4;
	font-weight: bold;
    margin: 6px 0 5px;
}
#firstguide .works .txt{
	color: #244452;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.5;
}

#firstguide .works .img{
    margin: -30px 30px 0 0;
}
#firstguide .works .img img{
    width: 80px;
}

#firstguide .works .more a{
	margin: 0 0 0;
}

#firstguide .work_slide {
	position: relative;
	background: url(../img/firstguide-slide.jpg) repeat-x 0 0;
	background-size: 3592px auto;
	width: 100%;
	height: 160px;
	overflow: hidden;
	-moz-animation: loop 60s linear infinite;
	animation: loop 60s linear infinite;
}
/*アニメーション*/
@keyframes loop {
0% {
	background-position: 0 0;
	}

100% {
	background-position: -3592px 0;
	}
}


@media screen and (max-width:768px){
    
    
    /*制作実績エリア*/
    #firstguide .works {
        padding: 0;
    }

    #firstguide .works .works_box{
        display: block;
        width: auto;
    }

    #firstguide .works h2{
        font-size: 2rem;
        margin: 0 0 8px;
        text-align: center;
    }
    #firstguide .works .txt{
        font-size: 1.6rem;
        padding: 0 0 15px;
    }

    #firstguide .works .img{
        margin: 0;
        text-align: center;
        position: relative;
        top: -40px;
        margin: 0 0 -30px;
    }
    #firstguide .works .img img{
        width: 60px;
    }
    
    #firstguide .works .more a{
        margin: 0 0 0;
        width: auto;
    }

    #firstguide .work_slide {
        background-size: 2245px auto;
        height: 100px;
        -moz-animation: loop 60s linear infinite;
        animation: loop 60s linear infinite;
    }
    /*アニメーション*/
    @keyframes loop {
    0% {
        background-position: 0 0;
        }

    100% {
        background-position: -2245px 0;
        }
    }
    
    
}



/*お悩みエリア*/
#firstguide .problem {
    /*
	background: url("../img/prb-bg.png") repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 200px 0 120px;
	position: relative;
	z-index: 0;
	top: -95px;
	text-align: center;
    */
    position: relative;
    z-index: 1;
    padding: 80px 0 0;
    text-align: center;
}

#firstguide .problem .prb_boxarea{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

#firstguide .problem h2{
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 88px;
	position: relative;
	color: #333;
}

#firstguide .problem h2:after{
	content: "";
	display: block;
	background: #333;
	width: 500px;
	height: 2px;
	left: 0;
	right: 0;
	margin: auto;
	position: relative;
	top: 12px;
}

#firstguide .problem .prb_boxarea:before{
	content: "";
	background: url("../img/prb-img01.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 167px;
	height: 150px;
	display: block;
	position: absolute;
	left: 200px;
	top: -170px;
}

#firstguide .problem .prb_box{
	background: #fff;
	text-align: left;
	padding: 40px 40px 40px 20px;
	margin: 0 0 50px auto;
	border: 1px solid #687A81;
	box-shadow: 4px 4px 0 #687A81;
	position: relative;
}

#firstguide .problem .prb_box h3:before{
	content:"";
	width: 250px;
	height: 191px;
	position: absolute;
	left: 0;
	top: 0;
}

#firstguide .problem .prb_box.box01 h3:before{
	background: url("../img/problem-ill01.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box02 h3:before{
	background: url("../img/problem-ill02.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box03 h3:before{
	background: url("../img/problem-ill03.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box04 h3:before{
	background: url("../img/problem-ill04.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box05 h3:before{
	background: url("../img/problem-ill05.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box06 h3:before{
	background: url("../img/problem-ill06.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#firstguide .problem .prb_box.box07 h3:before{
	background: url("../img/problem-ill08.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}


#firstguide .problem .prb_box h3{
	font-size: 2.6rem;
    font-weight: bold;
	display: inline-block;
	/*background: linear-gradient(transparent 70%,#fddcda 70%,#fddcda 90%,transparent 90%);*/
    margin: 0 0 0 280px;
}

/*アコーディオンエリア*/

#firstguide .problem .prb_box label {
    display: block;
	margin: 0 0 20px;
/*    padding: 32px 0 32px 120px;*/
    background : #fff;
/*    cursor : pointer;*/
/*    transition: all 0.5s;*/
	font-size: 1.8rem;
	line-height: 1.5;
	position: relative;
}

#firstguide .problem label:hover {
/*	cursor: pointer;*/
}

#firstguide .problem input {
    display: none;
}

#firstguide .problem .a-box{
/*    height: 0;*/
/*
    opacity: 0;
	padding: 0;
*/
/*    transition: .5s;*/
    overflow: hidden;
	background: #fff;
    margin: 0 0 0 280px;
}
#firstguide .problem .a-box .line{
	font-weight: bold;
	background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%)
}



/*
#firstguide .q-box:checked ~ .a-box{
    height: auto;
    opacity: 1;
    padding: 0 0 25px 120px;
    visibility: visible;
	background: #fff;
}

#firstguide .problem  label:before{
    position: absolute;
	content: '|';
	font-size: 3rem;
	display: block;
	top: 35px;
	right: 45px;
	transition: .4s;
	color: #666;
}

#firstguide .problem label:after{
    position: absolute;
	content: '|';
	font-size: 3rem;
	display: block;
	top: 35px;
	right: 44px;
	transform: rotate(90deg);
	font-weight: 600;
	color: #666;
}

#firstguide .problem .q-box:checked + label:before{
    position: absolute;
	content: '|';
	font-size: 3rem;
	display: block;
	top: 35px;
	right: 45px;
	transform: rotate(90deg);
	color: #666;
}
*/


/* ---- particles.js container ---- */ 
#particles-js{ 
	position:absolute; 
	width: 100%; 
	height: 2800px;
	background-image: url(""); 
	background-repeat: no-repeat; 
	background-size: auto auto;
}

@media screen and (max-width: 768px){
	
	#particles-js{ 
		height: 320px;
	}
	
}


.problem .txt_link{
	display: block;
    margin: 10px 0 0 0;
	font-weight: bold;
	line-height: 1.6;
	text-align: right;
}
.problem .txt_link a {
    position: relative;
	padding: 0 0 0 15px;
	color: #3F86C6;
}
.problem .txt_link a::before {
    position: absolute;
    display: inline-block;
    content: "\f105";
    font-family: FontAwesome;
    color: #4087c7;
	left: 0;
}



@media screen and (max-width:768px){
	#firstguide .problem {
		background: url("../img/prb-bg.png") repeat-y;
		-webkit-background-size: 100%;
		background-size: 100%;
		padding: 15px 16px 20px;
		position: relative;
		z-index: 0;
		top: 0;
		text-align: center;
	}

	#firstguide .problem .prb_boxarea{
		width: auto;
	}

	#firstguide .problem h2{
		font-size: 1.8rem;
		font-weight: 600;
		line-height: 1.4;
		margin: 0 0 40px;
		position: relative;
		color: #333;
	}

	#firstguide .problem h2:after{
		width: 250px;
		height: 2px;
		top: 8px;
	}

	#firstguide .problem .prb_boxarea:before{
        width: 150px;
        height: 90px;
        left: 0;
        top: -100px;
    }

	#firstguide .problem .prb_box{
		width: auto;
		padding: 0px;
		margin: 0 0 15px auto;
		position: relative;
	}

	#firstguide .problem .prb_box h3:before{
		content:"";
		width: 60px;
		height: 60px;
		position: absolute;
		left: 0px;
		right: 0;
		margin: auto;
		top: -25px;
        display: none;
	}

	#firstguide .problem .prb_box.box01 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box02 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box03 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box04 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box05 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box06 h3:before{
		background-size: contain;
	}

	#firstguide .problem .prb_box.box07 h3:before{
		background-size: contain;
	}


	#firstguide .problem .prb_box h3{
		font-size: 1.6rem;
		font-weight: bold;
		background: none;
        margin: 0;
	}

	/*アコーディオンエリア*/

	#firstguide .problem .prb_box label {
		display: block;
		margin: 0;
		padding: 15px;
		background : #fff;
	/*    cursor : pointer;*/
	/*    transition: all 0.5s;*/
		font-size: 1.8rem;
		line-height: 1.5;
		position: relative;
	}

	#firstguide .problem label:hover {
	/*	cursor: pointer;*/
	}

	#firstguide .problem input {
		display: none;
	}

	#firstguide .problem .a-box{
		height: 0;
		opacity: 0;
		padding: 0;
		transition: .5s;
		overflow: hidden;
		background: #fff;
        margin: 0;
	}
	
	#firstguide .q-box:checked ~ .a-box{
		height: auto;
		opacity: 1;
		padding: 0 20px 25px;
		visibility: visible;
		background: #fff;
        font-size: 1.6rem!important;
        line-height: 1.8;
	}

	#firstguide .problem label:before{
		position: absolute;
		content: '|';
		font-size: 1.6rem;
		display: block;
		top: 50%;
		right: 18px;
		transition: .4s;
		color: #666;
        margin: -15px 0 0;
        line-height: 1;
	}

	#firstguide .problem label:after{
		position: absolute;
		content: '|';
		font-size: 1.6rem;
		display: block;
		top: 50%;
		right: 18px;
		transform: rotate(90deg);
		font-weight: 600;
		color: #666;
        margin: -15px 0 0;
        line-height: 1;
	}

	#firstguide .problem .q-box:checked + label:before{
		position: absolute;
		content: '|';
		font-size: 1.6rem;
		display: block;
		top: 50%;
		right: 18px;
		transform: rotate(90deg);
		color: #666;
        margin: -15px 0 0;
        line-height: 1;
	}
    
    #firstguide .problem .prb_box .a-box img{
        margin: 0 auto 20px;
        width: 180px;
        display: block;
	}
    
	
	.problem .txt_link{
		margin: 5px 0 0 0;
		text-align: left;
	}
	
}

/*他社比較表*/
#rank_area{
	/*
	border-top: 1px #ddd solid;
	*/
	padding: 30px 0 0;
}
#rank_area .inner{
	width: 1300px!important;
	margin: 0 auto;
}
#rank_area .inner_txt{
    text-align: center;
	width: 1100px;
	margin: 0 auto;
	padding: 0 0 40px;
}

#rank_area .inner_txt h2{
   	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 50px;
	position: relative;
	color: #244452;
}
#rank_area .inner_txt h2 span{
   	font-size: 3.6rem;
	color: #4087C7;
}
#rank_area .inner_txt h2::after {
    content: "";
    display: block;
    background: #244452;
    width: 350px;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    top: 12px
}
#rank_area .inner_txt h2:before{
	content: "";
	background: url("../img/rank_area_img.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 167px;
	height: 130px;
	display: block;
	position: absolute;
	left: 290px;
	top: -20px;
}
#rank_area .inner_txt .txt {
	text-align: initial;
	padding: 0 0 15px;
}


#rank_area .scroll_table{
	line-height: 1.5;
	border-collapse:collapse;
	font-size: 1.5rem;
	width: 100%;
}

#rank_area .scroll_table thead{
	float: left;
	padding: 0 0 0 5px;
	font-size: 1.6rem;
}

/* tr */
#rank_area .scroll_table tbody tr {
	float: left;
	width: 190px;
}
#rank_area .scroll_table tbody tr.popular {
	width: 200px;
}
#rank_area .scroll_table tbody tr .red {
	color: #FE7753;
	font-weight: bold;
	font-size: 1.8rem;
}
#rank_area .scroll_table tbody tr .red.icon {
	font-size: 2.4rem;
}
#rank_area .scroll_table tbody tr .blue {
	color: #52C58B;
	font-weight: bold;
	font-size: 1.8rem;
}
#rank_area .scroll_table tbody tr .blue.icon {
	font-size: 2.4rem;
}

/* th */
#rank_area .scroll_table thead th {
    text-align: center;
    font-size: 1.5rem;
    display: block;
    width: 120px;
    padding: 5px;
    border-bottom: 1px #ddd solid;
    border-left: 1px #ddd solid;
    background: #FFF7EA;
	box-sizing: border-box;
	font-weight: 500;
	line-height: 1.3;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
#rank_area .scroll_table thead th:first-of-type {
    border-top: 1px #E8E9EE solid;
    min-height: 60px;
    padding: 0;
}
#rank_area .scroll_table .hidden_row{
}


/* td */
#rank_area .scroll_table tbody td {
	display: block;
	color: #444;
	padding: 15px 10px;
	border-right: 1px #E8E9EE solid;
	border-bottom: 1px #E8E9EE solid;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#rank_area .scroll_table tbody td.ai_start {
	align-items: start;
	display: block;
}

#rank_area .scroll_table .popular td {
    font-weight: bold;
    border-right: 4px solid #FE7753;
    border-left: 8px solid #FE7753;
	border-bottom: 1px #FE7753 solid;
}
#rank_area .scroll_table .popular.r td {
    border-right: 8px solid #FE7753;
    border-left: 4px solid #FE7753;
}

#rank_area .scroll_table .popular td:first-of-type {
	background: #FE7753;
}
#rank_area .scroll_table .popular2 td:first-of-type {
	background: #52C58B;
}
#rank_area .scroll_table tbody td:first-of-type {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    color: #FFF;
    background: #999;
}

/* ★ */
#rank_area .scroll_table .rank li {
	margin: 10px 0 0;
}
#rank_area .scroll_table .rank li:first-child {
	margin: 0;
}
#rank_area .scroll_table .star {
}
#rank_area .scroll_table .star.on {
	color: #F3CF05;
}
#rank_area .scroll_table .star.off {
	color: #bbb;
}

/* テキスト */
#rank_area .scroll_table .txt_l{
	text-align: left;
}
#rank_area .scroll_table .kikan{
	display: block;
	margin: 8px 0 8px;
}

/* 高さ */
#rank_area .scroll_table .h_1{
	height: 70px;
}
#rank_area .scroll_table .h_2{
	height: 190px;
}
#rank_area .scroll_table .h_3{
	height: 100px;
}
#rank_area .scroll_table .h_4{
	height: 80px;
}
#rank_area .scroll_table .h_5{
	height: 160px;
}
#rank_area .scroll_table .h_6{
	height: 80px;
}
#rank_area .scroll_table .h_7{
	height: 80px;
}
#rank_area .scroll_table .h_8{
	height: 80px;
}
#rank_area .scroll_table .h_9{
	height: 380px;
}

/* ボタン */
#rank_area .scroll_table .rank_linkbtn{
	align-items: start;
	display: block;
	width: 400px;
	padding: 30px 10px;
	border-right: 8px solid #FE7753!important;
	border-left: 8px solid #FE7753!important;
	border-bottom: 4px #FE7753 solid!important;
}
#rank_area .scroll_table .rank_linkbtn .txt{
	padding: 0 0 10px;
}
#rank_area .scroll_table .rank_linkbtn .txt span {
    color: #E94647;
    font-size: 1.8rem;
}

#rank_area .scroll_table .rank_linkbtn .linkbtn a{
	width: 330px;
	margin: 10px auto 0;
	display: block;
	padding: 30px 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	border-radius: 6px;
	position: relative;
}
#rank_area .scroll_table .rank_linkbtn .linkbtn a:hover{
	opacity: 0.8;
}
#rank_area .scroll_table .rank_linkbtn .linkbtn.h_30plan a{
	background: #4087c7;
}
#rank_area .scroll_table .rank_linkbtn .linkbtn.zoom_plan a{
	background: #38A9A9;
}
#rank_area .scroll_table .rank_linkbtn .linkbtn a .fa{
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 1.4rem;
	vertical-align: middle;
	margin: -8px 0 0 6px;
}


/* Zoomボタン */
#rank_area .scroll_table .rank_linkbtn.zoom{
	width: 190px;
	padding: 20px 10px 24px 10px;
	border-right: 2px solid #52C58B!important;
	border-left: 2px solid #52C58B!important;
	border-top: 1px solid #52C58B!important;
	border-bottom: 4px #52C58B solid!important;
}
#rank_area .scroll_table .rank_linkbtn.zoom .txt{
	text-align: left;
}
#rank_area .scroll_table .rank_linkbtn.zoom .linkbtn a{
	width: 145px;
	margin: 10px auto 0;
	padding: 25px 10px;
	line-height: 1.4;
	font-size: 1.6rem;
	background: #52C58B;
	position: relative;
}
#rank_area .scroll_table .rank_linkbtn.zoom .linkbtn a .fa{
}


#rank_area .scroll_table tbody td.sp_only{
	display: none;
}

#rank_area .line{
	font-weight: bold;
    background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
}


@media screen and (max-width: 768px){

	
	/*他社比較表*/
	#rank_area{
		padding: 10px 15px 30px;
	}
	#rank_area .inner{
		width: auto!important;
	}
	#rank_area .inner_txt{
		text-align: left;
		width: auto;
		padding: 0 0 10px;
	}

	#rank_area .inner_txt h2{
		font-size: 1.8rem;
		margin: 0 0 20px;
		text-align: center;
	}
	#rank_area .inner_txt h2 span{
		font-size: 2rem;
	}
	#rank_area .inner_txt h2::after {
		display: none;
	}
	#rank_area .inner_txt h2:before{
		width: 100px;
		height: 80px;
		left: 0;
		top: -20px;
	}

	#rank_area .inner_txt .txt{
		font-size: 1.6rem;
	}
	
	#rank_area .scroll_table{
	}
	#rank_area .scroll_table thead{
		float: none;
		padding: 0;
		font-size: 1.6rem;
		display: none;
	}

	
	
	/* tr */
	#rank_area .scroll_table tbody tr {
		float: none;
		width: auto;
	}
	#rank_area .scroll_table tbody tr.popular {
		width: auto;
	}
	#rank_area .scroll_table tbody tr .red {
		font-size: 1.8rem;
	}
	#rank_area .scroll_table tbody tr .red.icon {
		font-size: 2.2rem;
	}
	#rank_area .scroll_table tbody tr .blue {
		font-size: 1.8rem;
	}
	#rank_area .scroll_table tbody tr .blue.icon {
		font-size: 2.2rem;
	}

	/* th */
	#rank_area .scroll_table thead th {
		width: auto;
		display: block;
	}
	#rank_area .scroll_table thead th:first-of-type {
		min-height: inherit;
	}
	

	/* td */
	#rank_area .scroll_table tbody td {
		color: #444;
		padding: 0 0 10px;
		border-right: none;
		border-bottom: none;
		box-sizing: border-box;
		display: block;
	}
	#rank_area .scroll_table tbody td.ai_start {
	}

	#rank_area .scroll_table .popular td {
		font-weight: bold;
		border-right: none;
		border-left: none;
		border-bottom: 1px #ddd solid;
	}
	#rank_area .scroll_table .popular.r td {
		border-right: none;
		border-left: none;
		border-bottom: 1px #ddd solid;
	}

	#rank_area .scroll_table tbody td:first-of-type {
		font-size: 1.7rem;
	}
	#rank_area .scroll_table tbody td.pc_only{
		display: none;
	}
	#rank_area .scroll_table tbody td.sp_only{
		display: block;
	}
	
	/*　アコーディオン　*/
	#rank_area .scroll_table .acc:hover{
		cursor: pointer;
	}
	#rank_area .scroll_table .hidden_row{
		display: none;
	}
	
	#rank_area .sp_sub{
		color: #444;
		text-align: center;
		font-weight: bold;
	}
	#rank_area .sp_sub .sp_rank_title{
		display: block;
		padding: 10px 5px;
		margin: 0 0 5px;
		color: #fff;
		background: #687A81;
		font-size: 1.8rem;
	}
	#rank_area .acc.a .sp_sub .sp_rank_title{
		background: #FE7753;
	}
	#rank_area .acc.b .sp_sub .sp_rank_title{
		background: #52C58B;
	}
	
	#rank_area .sp_sub .wrap_box{
		display: flex;
		text-align: left;
		padding: 10px 0 0 15px;
	}
	#rank_area .sp_sub .sp_sub_title{
		display: block;
		font-size: 1.5rem;
		line-height: 1.4;
		width:75px;
		padding: 0 0 0 10px;
		font-weight: bold;
		border-left: 3px #666 solid;
	}
	#rank_area .scroll_table .acc.a .sp_sub .sp_sub_title{
		border-left: 3px #FE7753 solid;
	}
	#rank_area .scroll_table .acc.b .sp_sub .sp_sub_title{
		border-left: 3px #52C58B solid;
	}
	
	#rank_area .sp_sub .sp_sub_txt{
		font-size: 1.6rem;
		font-weight: bold;
	}
	#rank_area .acc.a .sp_sub .sp_sub_txt{
		color: #FE7753;
	}
	#rank_area .acc.b .sp_sub .sp_sub_txt{
		color: #52C58B;
	}
	
	#rank_area .sp_sub .rank{
		font-size: 1.5rem;
	}
	#rank_area .sp_sub .rank li {
		margin: 2px 0 0;
	}
		
	#rank_area .scroll_table .acc td{
		position: relative;
		margin: 10px 0 0;
		padding: 0 0 15px;
		background: #f5f5f5!important;
		color: #666!important;
		border: 1px #ccc solid;
	}
	#rank_area .scroll_table .acc.a td{
		color: #FE7753!important;
	}
	#rank_area .scroll_table .acc.b td{
		color: #2DB588!important;
	}
	#rank_area .scroll_table .accordion_icon,
	#rank_area .scroll_table .accordion_icon span {
		display: inline-block;
		transition: all .3s;
		box-sizing: border-box;
	}
	#rank_area .scroll_table .accordion_icon {
		position: absolute;
		width: 16px;
		height: 16px;
		top: 90%;
		right: 20px;
	}
	#rank_area .scroll_table .accordion_icon span {
		position: absolute;
		width: 100%;
		height: 1px;
		background-color: #666;
	}
	#rank_area .scroll_table .accordion_icon span:nth-of-type(1) {
		transform: rotate(0deg);
	}
	#rank_area .scroll_table .accordion_icon span:nth-of-type(2) {
		transform: rotate(90deg);
	}
	#rank_area .scroll_table .active .accordion_icon span:nth-of-type(1) {
		display:none;
	}
	#rank_area .scroll_table .active .accordion_icon span:nth-of-type(2) {
		transform: rotate(180deg);
	}
	
	/* ★ */
	#rank_area .scroll_table .rank li {
		margin: 5px 0 0;
	}

	/* テキスト */
	#rank_area .scroll_table .kikan{
		margin: 8px 0 8px;
	}

	/* 高さ */
	#rank_area .scroll_table .h_1,
	#rank_area .scroll_table .h_2,
	#rank_area .scroll_table .h_3,
	#rank_area .scroll_table .h_4,
	#rank_area .scroll_table .h_5,
	#rank_area .scroll_table .h_6,
	#rank_area .scroll_table .h_8,
	#rank_area .scroll_table .h_8,
	#rank_area .scroll_table .h_9{
		height: auto;
	}
	#rank_area .scroll_table .h_1::before,
	#rank_area .scroll_table .h_2::before,
	#rank_area .scroll_table .h_3::before,
	#rank_area .scroll_table .h_4::before,
	#rank_area .scroll_table .h_5::before,
	#rank_area .scroll_table .h_6::before,
	#rank_area .scroll_table .h_7::before,
	#rank_area .scroll_table .h_8::before,
	#rank_area .scroll_table .h_9::before{
		display: block;
		margin: 0 0 10px;
		padding: 3px;
		color: #fff;
		background: #999;
		text-align: center;
	}
	#rank_area .scroll_table .h_1::before{
		content: "ホームページ作成費用";
	}
	#rank_area .scroll_table .h_2::before{
		content: "比較";
	}
	#rank_area .scroll_table .h_3::before{
		content: "仕様";
	}
	#rank_area .scroll_table .h_4::before{
		content: "難易度";
	}
	#rank_area .scroll_table .h_5::before{
		content: "制作者(デザイナー)";
	}
	#rank_area .scroll_table .h_6::before{
		content: "制作者(デザイナー)の信頼度";
	}
	#rank_area .scroll_table .h_7::before{
		content: "システム保守・更新サポート";
	}
	#rank_area .scroll_table .h_8::before{
		content: "ホームページの印象(企業イメージ)";
	}
	#rank_area .scroll_table .h_9::before{
		content: "料金概要";
	}

	/* ボタン */
	#rank_area .scroll_table .rank_linkbtn{
		width: auto;
		padding: 15px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border: 4px solid #FE7753!important;
	}
	#rank_area .scroll_table .rank_linkbtn .txt{
		padding: 0 0 5px;
		text-align: left;
		line-height: 1.6;
	}
	#rank_area .scroll_table .rank_linkbtn .txt span {
		font-size: 1.8rem;
	}

	#rank_area .scroll_table .rank_linkbtn .linkbtn a{
		width: auto;
		padding: 25px 5px;
		font-size: 1.7rem;
	}
	
	/* Zoomボタン */
	#rank_area .scroll_table .rank_linkbtn.zoom{
		width: auto;
		padding: 15px;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-top: none;
		border: 4px solid #52C58B!important;
	}
	#rank_area .scroll_table .rank_linkbtn.zoom .txt{
		padding: 0 0 5px;
		text-align: left;
		line-height: 1.6;
	}
	#rank_area .scroll_table .rank_linkbtn.zoom .linkbtn a{
		width: auto;
		padding: 25px 5px;
		font-size: 1.7rem;
	}
	
	
}


/*料金について*/
#firstguide .price {
	background: url(../img/story_bg.png);
	text-align: center;
	padding: 80px 0 80px;
	position: relative;
    border-bottom: 1px #0c2c3a solid;
}

#firstguide .price h2{
	margin: 0 0 12px;
}

#firstguide .price .title_en{
	margin: 0 0 30px;
}

#firstguide .price .intro_subcatch{
    color: #4087C7;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    padding: 0 0 20px;
}
#firstguide .price .intro_txt{
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.8;
    padding: 0 0 60px;
}

#firstguide .price .section_titlearea{
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
#firstguide .price .section_titlearea h2:before{
	content: "";
	background: url("../img/pri-img05.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 167px;
	height: 150px;
	display: block;
	position: absolute;
	left: 160px;
	top: -30px;
}
/*
#firstguide .price .btn_area:before{
	content: "";
	background: url("../img/pri-img05.png") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 167px;
	height: 150px;
	display: block;
	position: absolute;
	left: 350px;
	top: 50px;
}
*/

#firstguide .price .btn_area a {
	width: 480px;
	border: 1px solid #333;
	outline: 1px solid #333;
 	outline-offset: -5px;
	font-size: 2rem;
	line-height: 1;
	padding: 30px 0 40px;
	margin: 0 0 70px;
	background: #fff;
}

#firstguide .price .btn_area a:hover{
	filter: brightness(1.2);
	color: #333333cc;
}

#firstguide .price .btn_area a:after{
	font-family: "FontAwesome";
	content: "\f107";
	width: 20px;
	height: 20px;
	left: 0;
	right: 0;
	top: 55px;
	margin: auto;
	color: #aaa;
}

/*ボックスエリア*/
#firstguide div[class^="pri_"] {
	background: #eff7fa;
	width: 1200px;
	margin: 0 auto 80px;
	padding: 0 0 64px;
	-webkit-box-shadow: 0 0 50px #ddddddcc;
	box-shadow: 0 0 50px #ddddddcc;
}
#firstguide div.pri_order.flow {
	background: none;
	box-shadow: none;
    margin: 0 auto;
	padding: 0 0 30px;
}
#firstguide div.pri_order {
}
#firstguide div.pri_30plan {
    background: #FFF7EA;
}

/*
#firstguide  .price .pri_30plan{
	margin: 0 auto;
}
*/

#firstguide .price div[class^="pri_"] h3 {
	font-size: 2.6rem;
	background: #1a4e91;
	color: #fff;
	width: 1000px;
	padding: 8px 0;
	margin: 0 auto 10px;
	position: relative;
	top: -25px;
    font-weight: bold;
}
#firstguide .price div.pri_order h3 {
	background: #4087C7;
}
#firstguide .price div.pri_30plan h3 {
	background: #FE7753;
}

#firstguide .price div[class^="pri_"] h3.sub_catch {
    font-size: 2.2rem;
	background: none;
	color: #244452;
	padding: 0 0 35px;
	margin: 0 auto;
	position: static;
	top: 0;
	line-height: 1.4;
}
#firstguide .price div[class^="pri_"] h3.sub_catch span {
	color: #E94647;
	font-size: 4.4rem;
}

#firstguide .pri_30plan .sub_catch_txt {
    font-size: 1.8rem;
	font-weight: bold;
	display: block;
	width: 620px;
	margin: -20px auto 30px;
	padding: 8px 3px;
	color: #244452;
	border: 1px #244452 solid;
}


#firstguide div[class^="pri_"] .catch{
	margin: 0 0 40px;
}

#firstguide .price .line,
#firstguide div[class^="pri_"] .catch .line{
	background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
    font-weight: bold;
}

#firstguide .pri_order .title_en{
	font-size: 4.8rem;
	margin: 48px 0 12px;
}

/*
#firstguide .pri_order .title_sub{
	margin: 0 0 24px;
    font-weight: bold;
    font-size: 2.4rem;
}
*/

#firstguide .pri_order .border_title{
    display: flex;
    align-items: center;
    margin: 0 auto 24px;
    font-weight: bold;
    font-size: 2rem;
    width: 1100px;
}
#firstguide .pri_order .border_title:before,
#firstguide .pri_order .border_title:after {
    border-top: 1px solid #666;
    content: "";
    flex-grow: 1;
}
#firstguide .pri_order .border_title:before {
    margin-right: 2rem;
}
#firstguide .pri_order .border_title:after {
    margin-left: 2rem;
}


#firstguide .pla_boxarea{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; 
	justify-content: space-between;
	padding: 0 50px;
}

#firstguide .pla_boxarea .pla_box{
	width: 354px;
	background: #fff;
	padding: 40px 0 32px;
	height: max-content;
	margin: 0 0 30px;
}

#firstguide .pla_boxarea .pla_box h4{
	font-size: 2.8rem;
	line-height: 1;
	font-weight: bold;
	margin: 0 0 20px;
}

#firstguide .pla_boxarea .pla_box p{
	font-weight: bold;
}

#firstguide .pla_boxarea .pla_box.lig p span.line,
#firstguide .pla_boxarea .pla_box.lig .txt_title span.line{
	background: linear-gradient(transparent 70%,#55d0ae44 70%,#55d0ae44 100%,transparent 100%);
}

#firstguide .pla_boxarea .pla_box.bes p span.line,
#firstguide .pla_boxarea .pla_box.bes .txt_title span.line{
	background: linear-gradient(transparent 70%,#2671d344 70%,#2671d344 100%,transparent 100%);
}

#firstguide .pla_boxarea .pla_box.ful p span.line,
#firstguide .pla_boxarea .pla_box.ful .txt_title span.line{
	background: linear-gradient(transparent 70%,#e5909044 70%,#e5909044 100%,transparent 100%);
}

#firstguide .pla_boxarea .pla_box .page{
	font-size: 1.5rem;
	margin: 0 0 15px;
}

#firstguide .pla_boxarea .pla_box .txt_title{
	font-size: 2rem;
	font-weight: bold;
    text-align: center;
	padding: 0 0 20px;
	margin: 0;
    /*
    color: #fff!important;
    */
    color: #333!important;
    line-height: 1.6;
}
#firstguide .pla_boxarea .pla_box .txt_title.bot{
	font-size: 1.8rem;
	padding: 18px 15px 15px 15px;
    margin: 0 20px 20px;
}
#firstguide .pla_boxarea .pla_box .txt_title.bot span.s{
	font-size: 1.6rem;
    display: block;
    line-height: 1.5;
    margin: 10px 0 0;
}

#firstguide .pla_boxarea .pla_box.lig .txt_title.bot{
    border: 1px #55d0ae solid;
}
#firstguide .pla_boxarea .pla_box.bes .txt_title.bot{
    border: 1px #2671d3 solid;
}
#firstguide .pla_boxarea .pla_box.ful .txt_title.bot{
    border: 1px #e59090 solid;
}

/*
#firstguide .pla_boxarea .pla_box.lig .txt_title{
    background: #55d0ae;
}
#firstguide .pla_boxarea .pla_box.bes .txt_title{
    background: #2671d3;
}
#firstguide .pla_boxarea .pla_box.ful .txt_title{
    background: #e59090;
}
*/

#firstguide .pla_boxarea .pla_box .txt{
	font-size: 1.5rem;
	font-weight: 500;
	text-align: left;
	padding: 0 28px 20px;
	margin: 0 0 25px;
    border-bottom: 1px #ccc dashed;
    min-height: 220px;
}

#firstguide .pla_boxarea .pla_box .ill{
    text-align: center;
    padding: 30px 0 20px;
}
#firstguide .pla_boxarea .pla_box .ill img{
    width: 180px;
}

#firstguide .pla_boxarea .pla_box .pri{
	line-height: 1;
	margin: 0 0 4px;
	position: relative;
}

#firstguide .pla_boxarea .pla_box .pri span{
	font-size: 4rem;
	font-weight: bold;
	font-feature-settings: "palt";
    font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	z-index: 0;
}

#firstguide .pla_boxarea .pla_box .note{
	font-size: 1.2rem;
	margin: 0 0 25px;
}


#firstguide .pla_boxarea .pla_box .no_line{
	background-image: linear-gradient(#888, #888);
    background-position: 0 50%;
    background-size: 100% 3px;
    background-repeat: repeat-x;
    margin: 0 3px;
    text-decoration: none;
	z-index: 1;
	position: relative;
}

#firstguide .pla_boxarea .pla_box .sale_area{
}
#firstguide .pla_boxarea .pla_box .arrow {
	margin: -5px 0 0;
	font-size: 3rem;
	line-height: 1;
}
#firstguide .pla_boxarea .pla_box .sale_area .sale_price {
	color: #E60023;
	margin: -15px 0 0;
	padding: 0;
	background: #fff;
	vertical-align: top;
	vertical-align: middle;
}
#firstguide .pla_boxarea .pla_box .sale_area .per {
	border: 2px #E60023 solid;
	padding: 5px 20px;
	margin: 0 10px 0 0;
	font-weight: bold;
	font-size: 1.6rem;
	vertical-align: middle;
}
#firstguide .pla_boxarea .pla_box .sale_area .span_price {
  	font-size: 4rem;
	font-weight: bold;
	margin: 0 5px 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	vertical-align: middle;
}
#firstguide .pla_boxarea .pla_box .sale_area .cau_txt {
	justify-content: center;
	line-height: 1.4;
	font-size: 1.4rem;
	padding: 0 0 2px;
}

#firstguide .pla_boxarea .pla_box .linkbtn{
	padding: 10px 20px 0;
	text-align: center;
}
#firstguide .pla_boxarea .pla_box .linkbtn a{
	width: auto;
	display: block;
	padding: 20px 5px;
	line-height: 1.4;
	font-size: 1.6rem;
	color: #fff;
	border-radius: 6px;
}
#firstguide .pla_boxarea .pla_box .linkbtn.zoom a{
	background: #52C58B;
}


#firstguide .pla_boxarea .pla_box ul{
	list-style: disc;
	text-align: left;
	padding: 30px 40px 0 40px;
    border-top: 1px #ccc dashed;
}

#firstguide .pla_boxarea .pla_box ul li{
	font-size: 1.7rem;
	line-height: 1;
	margin: 0 0 16px;
}

#firstguide .pla_boxarea .pla_box ul li span{
	font-size: 1.2rem;
}

#firstguide .pla_boxarea .pla_box ul li span.line{
	font-size: 1.7rem;
}

#firstguide .price .contact{
	margin: 0 0 0 50px;
    text-align: left;
}
#firstguide .price .contact.bot{
	margin: 0;
    padding: 10px 0 0;
    text-align: center;
}




/*ご利用の流れ*/
#firstguide .pri_order .box_flow_links{
	display: flex;
	justify-content: space-between;
    margin: 40px auto 45px auto;
    background: #fff;
	padding: 30px 30px 30px 10px;
}

#firstguide .pri_order .box_flow_links a{
	cursor: default;
}

#firstguide .price .pri_order .box_flow_links h3{
	display: inline;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(transparent 80%, #fcf192 80%);
	color: #333;
    padding: 0;
}

#firstguide .pri_order .flow_links_left{
	margin: 40px 0 0 0;
}
#firstguide .pri_order .flow_links_title{
	display: inline;
	font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(transparent 80%, #fcf192 80%);
}
#firstguide .pri_order .img_flow_links{
	width: 100px;
	margin: 20px auto 0 auto;
}

/*ページ内リンク headerずれ直す*/
@-webkit-keyframes modify{
      0% { padding-top: 120px; margin-top: -120px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
      0% { padding-top: 120px; margin-top: -120px; }
    100% { padding-top: 0; margin-top: 0; }
}
#firstguide [id^="flow"]:target {
    -webkit-animation: modify 0.01s;
    animation: modify 0.01s;
}
/*ページ内リンク 大カテゴリ*/
#firstguide .pri_order .flow_links{
	width: 900px;
	display: flex;
}
#firstguide .pri_order .flow_links>li{
	display: block;
	text-align: left;
}
#firstguide .pri_order .flow_links>li:nth-of-type(1){
	width: 20%;
}
#firstguide .pri_order .flow_links>li:nth-of-type(2){
	width: 30%;
}
#firstguide .pri_order .flow_links>li:nth-of-type(3){
	width: 23%;
}
#firstguide .pri_order .flow_links>li:nth-of-type(4){
	width: 27%;
}
#firstguide .pri_order .flow_links>li>a{
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
/*	background: #4087c7;*/
	background: #3DBEA5;
	padding: 30px 0px 30px 35px;
  	position: relative;
}
#firstguide .pri_order .flow_links>li>a:link{
	transition: none;
}
#firstguide .pri_order .flow_links>li>a:hover{
/*	background: #1e5a90;*/
}
#firstguide .pri_order .flow_links>li:first-of-type>a{
	padding: 41px 0px 41px 22px;
}
#firstguide .pri_order .flow_links>li:nth-of-type(3)>a{
	padding: 41px 0px 41px 35px;
}
#firstguide .pri_order .flow_links>li>a::before, #firstguide .pri_order .flow_links>li>a::after{
	content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -52px;
    left: 100%;
}
#firstguide .pri_order .flow_links>li:last-of-type>a::before, #firstguide .pri_order .flow_links>li:last-of-type>a::after{
	display: none;
}
#firstguide .pri_order .flow_links>li>a::before{
	border-left: 38px solid #3DBEA5;
	z-index: 2;
}
#firstguide .pri_order .flow_links>li>a:hover::before{
/*	border-left: 38px solid #1e5a90;*/
}
#firstguide .pri_order .flow_links>li>a::after{
	border-left: 38px solid #fff;
	margin-left: 2px;
	z-index: 1;
}
/*ページ内リンク 小カテゴリ*/
#firstguide .pri_order .flow_links_detail{
    margin: 20px 0 0 55px;
}
#firstguide .pri_order .flow_links>li:first-of-type>.flow_links_detail{
	margin: 20px 0px 0 35px;
}
#firstguide .pri_order .flow_links_detail li{
    padding: 0 0 10px 20px;
    position: relative;
    line-height: 1.5;
}
#firstguide .pri_order .flow_links_detail li::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #3DBEA5;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
#firstguide .pri_order .flow_links_detail li a{
	color: #333;
	line-height: 1.4;
}
#firstguide .pri_order .flow_links_detail li a:hover{
/*	color: #4087c7;*/
}

#firstguide .pri_order .box_flow{
	text-align: center;
	padding: 60px 0;
}
#firstguide .pri_order .box_flow:nth-of-type(even){
	background: #f2f9ff;
}
#firstguide .pri_order .title_flow{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #4087c7;
    line-height: 1.5;
    background: #fff;
    padding: 15px 30px;
	margin-bottom: 50px;
	border: 3px solid #4087c7;
	border-radius: 10px;
	position: relative;
}
#firstguide .pri_order .title_flow::before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-top: 12px solid #FFF;
	z-index: 2;
}
#firstguide .pri_order .title_flow::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #4087c7;
	z-index: 1;
}
#firstguide .pri_order .title_flow_box{
	font-size: 24px;
    font-weight: bold;
	line-height: 1.4;
}
#firstguide .pri_order .flow_no{
	display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    background: #4087c7;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: -20px;
    left: -20px;
}
#firstguide .pri_order .flow_no:before {
	content: "";
    position: absolute;
    bottom: -12px;
    right: -11px;
    border: 15px solid transparent;
    border-left: 15px solid #4087c7;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#firstguide .pri_order .flow_catch{
	width: 100%;
	color: #4087c7;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 0 0;
}


/*個別カラー*/
/*ライトプラン*/
#firstguide .pla_boxarea .pla_box.lig h4{
	color: #55d0ae;
}

#firstguide .pla_boxarea .pla_box.lig .pri span{
	color: #55d0ae;
}

#firstguide .pla_boxarea .pla_box.lig ul li span.line{
	background: linear-gradient(transparent 60%,#55d0ae44 60%,#55d0ae44 100%,transparent 100%);
}

/*ベストプラン*/
#firstguide .pla_boxarea .pla_box.bes h4{
	color: #2671d3;
}

#firstguide .pla_boxarea .pla_box.bes .pri span{
	color: #2671d3;
}

#firstguide .pla_boxarea .pla_box.bes ul li span.line{
	background: linear-gradient(transparent 60%,#2671d344 60%,#2671d344 100%,transparent 100%);
}

/*フルサポートプラン*/
#firstguide .pla_boxarea .pla_box.ful h4{
	color: #e59090;
}

#firstguide .pla_boxarea .pla_box.ful .pri span{
	color: #e59090;
}

#firstguide .pla_boxarea .pla_box.ful ul li span.line{
	background: linear-gradient(transparent 60%,#e5909044 60%,#e5909044 100%,transparent 100%);
}

/*30プラン*/
#firstguide .pri_30plan img{
	margin: 0 0 20px;
	width: 180px;
}

#firstguide .pri_30plan ul{
	width: 980px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 32px;
}

#firstguide .pri_30plan ul.cir_three{
	width: 730px;
}

#firstguide .pri_30plan ul li{
	display: block;
	width: 232px;
	height: 232px;
	border-radius: 50%;
	background-color: #fff;
	box-sizing: border-box;
	padding: 140px 0 0;
	font-weight: bold;
    line-height: 1.5;
}

#firstguide .pri_30plan ul li.ord{
	background-image: url( "../img/30p-img01.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.ori{
	background-image: url( "../img/30p-img02.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.sup{
	background-image: url( "../img/30p-img03.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.seo{
	background-image: url( "../img/30p-img04.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.ren{
	background-image: url( "../img/30p-img05.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.ser{
	background-image: url( "../img/30p-img06.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

#firstguide .pri_30plan ul li.ssl{
	background-image: url( "../img/30p-img07.png");
	background-repeat: no-repeat;
	background-position: center 20% ;
}

@media screen and (max-width:768px){
	#firstguide .price {
		padding: 60px 8px 32px;
		margin: 0;
        border-bottom: none;
	}
	#firstguide .price .title_en{
        margin: 0 0 20px;
    }
    
    #firstguide .price .intro_subcatch{
        font-size: 1.8rem;
        padding: 0 0 15px;
    }
    #firstguide .price .intro_txt{
        text-align: left;
        font-size: 1.6rem;
        padding: 0 20px 20px;
    }

	#firstguide .price .btn_area  {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		margin: 0 0 24px;
	}
	
	
	#firstguide .price .section_titlearea{
		width: auto;
		padding: 70px 0 0;
	}
	/*
	#firstguide .price .section_titlearea h2{
		line-height: 1.3;
		margin: 0;
	}
	*/
	#firstguide .price .section_titlearea h2:before{
		width: 100px;
		height: 100px;
		left: 50%;
		top: -10px;
		margin: 0 0 0 -50px;
	}
	
	#firstguide .price .btn_area:before{
        display: none;
    }
	#firstguide .price .btn_area .btn {
		width: 45%;
	}
	
	#firstguide .price .btn_area a {
		width: 100%;
		height: 100%;
		font-size: 1.5rem;
		line-height: 1.3;
		padding: 8px 0 24px;
		margin: 0 0 20px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
	}
	
	#firstguide .price .btn_area a::after {
		top: 64px;
	}

	/*ボックスエリア*/
	#firstguide div[class^="pri_"] {
		display: block;
		width: 100%;
		margin: 0 auto 20px;
		padding: 0 0 32px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#firstguide .price div[class^="pri_"] h3 {
		font-size: 1.8rem;
		width: 100%;
		padding: 8px 0;
		margin: 0 auto 20px;
		position: relative;
		top: 0px;
	}
	#firstguide .price div[class^="pri_"] h3.sub_catch {
        font-size: 1.8rem;
        background: none;
        color: #244452;
        padding: 0 20px 20px;
        margin: 0 auto;
        width: auto;
        position: static;
        text-align: center;
        line-height: 1.5;
    }
    #firstguide .price div[class^="pri_"] h3.sub_catch span {
		font-size: 2.6rem;
	}
	
	#firstguide .pri_30plan .sub_catch_txt {
		font-size: 1.6rem;
		width: auto;
		margin: -10px 20px 30px;
		padding: 8px;
		line-height: 1.5;
	}
	
	#firstguide div[class^="pri_"] .catch {
		margin: 0 16px 24px;
        text-align: left;
	}
	
	/* ------  流れ  ------ */
	
    /*ご利用の流れ*/
    #firstguide .pri_order .box_flow_links{
        
        margin: 0 auto;
        padding: 20px 0;
    }

    #firstguide .pri_order .box_flow_links a{
        cursor: default;
    }
    
	/*ページ内リンク 大カテゴリ*/
	#firstguide .price .box_flow_links {
		display: block;
		margin: 0;
	}
	#firstguide .price .flow_links_left {
		text-align: center;
		margin: 0;
	}
	#firstguide .price .flow_links_title {
		font-size: 20px;
	}
	
    #firstguide .price .pri_order .box_flow_links h3{
        font-size: 2rem;
        background: none;
    }
    
	#firstguide .price .pri_order .box_flow_links h3:after {
		display: none;
	}
	
/*
	#firstguide .price .img_flow_links {
		width: 80px;
		margin: 10px auto 0 auto;
	}
*/
	#firstguide .price .scroll_box {
		width: calc(100% - (15px * 2));
		height: auto;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		margin: 10px auto 0 auto;
	}
	#firstguide .price .flow_links{
		width: 700px;
		/*width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 30px auto;*/
	}
	/*#firstguide .price .flow_links>li:nth-of-type(2n+1), #firstguide .price .flow_links>li:nth-of-type(2n){
		width: 100%;
	}*/
	#firstguide .price .flow_links>li>a{
		padding: 15px 0 15px 40px;
		border-bottom: 1px solid #fff;
	}
	#firstguide .price .flow_links>li:first-of-type>a{
		padding: 15px 0 15px 10px;
	}
	#firstguide .price .flow_links>li:nth-of-type(3)>a{
		padding: 15px 0 15px 40px;
	}
	#firstguide .price .flow_links>li>a::before, #firstguide .price .flow_links>li>a::after {
		border-top: 38px solid transparent;
		border-bottom: 38px solid transparent;
		margin-top: -38px;
	}
	#firstguide .price .flow_links>li:nth-of-type(1) {
		width: 15%;
	}
	#firstguide .price .flow_links>li:nth-of-type(2) {
		width: 35%;
	}
	#firstguide .price .flow_links>li:nth-of-type(3) {
		width: 20%;
	}
	#firstguide .price .flow_links>li:nth-of-type(4) {
		width: 30%;
	}
	/*#firstguide .price .flow_links>li>a::after{
		display: block;
		content: "\f054";
		font-family: FontAwesome;
		font-size: 1.4rem;
		color: #fff;
		position: absolute;
		top: 21px;
		right: 25px;
		left: auto;
		margin: 0;
		border: none;
	}*/
	/*ページ内リンク 小カテゴリ*/
	#firstguide .pri_order .flow_links_detail{
        margin: 10px 0 0 15px;
    }
    #firstguide .pri_order .flow_links>li:first-of-type>.flow_links_detail{
        margin: 10px 0px 0 15px;
    }
    #firstguide .pri_order .flow_links_detail li{
        padding: 0 0 5px 20px;
        line-height: 1.5;
        font-size: 1.4rem;
    }


    
    #firstguide .pri_order .title_sub{
        margin: 20px 0 15px;
        font-size: 2rem;
    }
    
    #firstguide .pri_order .border_title{
        margin: 0 auto 15px;
        font-weight: bold;
        font-size: 1.7rem;
        width: auto;
    }
    /*
    #firstguide .pri_order .border_title:before,
    #firstguide .pri_order .border_title:after {
        border-top: none;
    }
    #firstguide .pri_order .border_title:before {
        margin-right: 0;
    }
    #firstguide .pri_order .border_title:after {
        margin-left: 0;
    }
    */

    
	#firstguide .price {
		padding: 30px 0 0 0;
	}
	#firstguide .price .flow_no {
		width: 40px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
		top: -20px;
		left: -10px;
	}
	#firstguide .price .flow_no:before {
		bottom: -13px;
		right: -13px;
	}
	#firstguide .price h3.title.sub{
		padding: 0 15px;
	}
	#firstguide .price .box_flow {
		padding: 30px 15px;
	}
	#firstguide .price .title_flow{
		padding: 15px 15px;
		font-size: 1.8rem;
		letter-spacing: 0.02em;
		margin-bottom: 30px;
	}
	#firstguide .price .title_flow_box {
		font-size: 21px;
		padding-bottom: 5px;
	}
	#firstguide .price .flow_catch{
		font-size: 16px;
		text-align: left;
		line-height: 1.6;
		margin: 0 0 15px 0;
	}
	#firstguide .price img {
		width: 160px;
		margin: 0 auto 15px auto;
	}
	#firstguide .price .txt_area {
		width: 100%;
	}
	#firstguide .price .accordion_icon{
		width: 100%;
		height: 40px;
		margin: 0 auto;
		border-radius: 10px;
	}
	#firstguide .price .accordion_icon:before{
		display: inline-block;
		content: '詳しく見る';
		color: #4087c7;
		font-weight: bold;
		line-height: 40px;
	}
	#firstguide .price .accordion_icon span {
		width: 15px;
		left: auto;
		right: 15px;
	}
	#firstguide .price .accordion_icon span:nth-of-type(1) {
		top: 18px;
	}
	#firstguide .price .accordion_icon span:nth-of-type(2) {
		top: 18px;
	}
	#firstguide .price dl{
		width: 100%;
		/*padding: 30px 15px;*/
		margin: 0 auto 60px auto;
	}
	#firstguide .price dl::after {
		bottom: -40px;
		border-width: 15px 15px 0 15px;
	}
	#firstguide .price dt{
		display: block;
		text-align: center;
		padding: 30px 15px;
	}
	#firstguide .price dt img {
		display: block;
		width: 120px;
		margin: 0 auto 20px auto;
	}
	#firstguide .price dt img.img_flow18 {
		height: 100px;
	}
	#firstguide .price dd{
		padding: 0 15px 30px 15px;
	}
	#firstguide .price dd p.txt.kome {
		padding-left: 0 !important;
	}
	
/*料金エリア*/
	#firstguide .pla_boxarea {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		padding: 0 12px;
	}
	
    #firstguide .pla_boxarea .pla_box{
        width: auto;
        padding: 24px 0 20px;
        margin: 0 0 10px;
    }
    
    #firstguide .pla_boxarea .pla_box h4{
        font-size: 2.6rem;
        margin: 0 0 0;
    }
    
    #firstguide .pla_boxarea .pla_box .page{
        margin: 0 0 5px;
    }

    
    #firstguide .pla_boxarea .pla_box .txt_title{
        font-size: 1.8rem;
        padding: 10px;
    }
    #firstguide .pla_boxarea .pla_box .txt_title.bot{
        font-size: 1.7rem;
        padding: 15px;
        margin: 0 15px 10px;
        text-align: center;
    }
    #firstguide .pla_boxarea .pla_box .txt_title.bot span.s{
        font-size: 1.5rem;
        line-height: 1.6;
        margin: 8px 0 0;
        text-align: left;
    }
    
    #firstguide .pla_boxarea .pla_box .txt{
        min-height: inherit;
        margin: 0 0 20px;
    }
    
    #firstguide .pla_boxarea .pla_box .ill{
        padding: 20px 0 0;
    }
    #firstguide .pla_boxarea .pla_box .ill img{
        width: 120px;
        height: auto;
        margin: 0 auto 10px;
    }
    	
    #firstguide .pla_boxarea .pla_box .pri{
        margin: 10px 0 5px;
    }
	#firstguide .pla_boxarea .pla_box .pri span {
		font-size: 2.8rem;
	}
	#firstguide .pla_boxarea .pla_box .note{
        margin: 0 5px 20px;
    }
	
	
	#firstguide .pla_boxarea .pla_box .sale_area{
	}
	#firstguide .pla_boxarea .pla_box .arrow {
		margin: 0 0 5px;
		font-size: 2.6rem;
	}
	#firstguide .pla_boxarea .pla_box .sale_area .sale_price {
		margin: -10px 0 0;
	}
	#firstguide .pla_boxarea .pla_box .sale_area .per {
		border: 2px #E60023 solid;
		padding: 3px 10px;
		margin: 0 10px 0 0;
	}
	#firstguide .pla_boxarea .pla_box .sale_area .span_price {
		font-size: 3rem;
	}
	#firstguide .pla_boxarea .pla_box .sale_area .cau_txt {
		font-size: 1.4rem;
		padding: 0 0 2px;
	}
	
	#firstguide .pla_boxarea .pla_box .linkbtn{
		padding: 10px 15px 0;
	}
	#firstguide .pla_boxarea .pla_box .linkbtn a{
		padding: 20px 5px;
	}
	
	
    #firstguide .pla_boxarea .pla_box ul{
        padding: 23px 20px 0 40px;
    }

    #firstguide .pla_boxarea .pla_box ul li{
        font-size: 1.6rem;
        line-height: 1.2;
        margin: 0 0 10px;
    }

    #firstguide .pla_boxarea .pla_box ul li span.line{
        font-size: 1.7rem;
    }
    
    
	#firstguide .price .contact {
		margin: 10px 16px 0;
	}
    #firstguide .price .contact.bot{
        margin: 10px 16px 0;
        padding: 0;
        text-align: left;
    }
    
    
}	

/*30プラン*/
#firstguide .pla30_boxarea{
	background-color: #fff;
	width:1050px;
	text-align: left;
	padding: 45px 0 45px 50px;
	margin: 0 auto 32px;
    background-size: 500px auto;
    background-position: right center;
    background-repeat: no-repeat;
}

#firstguide .pla30_boxarea.sec01{
	background-image: url( "../img/pla_30plan_img01.jpg");
}
#firstguide .pla30_boxarea.sec02{
	background-image: url( "../img/pla_30plan_img02.jpg");
}
#firstguide .pla30_boxarea.sec03{
	background-image: url( "../img/pla_30plan_img03.jpg");
}
#firstguide .pla30_boxarea.sec04{
	background-image: url( "../img/pla_30plan_img04.jpg");
}
#firstguide .pla30_boxarea.sec05{
	background-image: url( "../img/pla_30plan_img05.jpg");
}
#firstguide .pla30_boxarea.sec06{
	background-image: url( "../img/pla_30plan_img06.jpg");
}
#firstguide .pla30_boxarea.sec07{
	background-image: url( "../img/pla_30plan_img07.jpg");
}
#firstguide .pla30_boxarea.sec08{
	background-image: url( "../img/pla_30plan_img08.jpg");
}
#firstguide .pla30_boxarea.sec09{
	background-image: url( "../img/pla_30plan_img09.jpg");
}


#firstguide .pla30_boxarea h4{
	font-size: 2.8rem;
	font-weight: bold;
    /*
    color: #244452;
    */
}

#firstguide .pla30_boxarea .pla_box{
	text-align: left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}	

#firstguide .pla30_boxarea .pla_box .catch{
    /*
	color: #1285cc;
    */
    color: #FE7753;
	font-weight: bold;
	margin: 0 0 24px;
    font-size: 2rem;
    line-height: 1.5;
}	

#firstguide .pla30_boxarea .pla_box .txt_box{
	margin: 0 550px 0 0;
}	

#firstguide .add_contents{
	width: 1100px;
    text-align: center;
    margin: 40px auto 30px;
}
#firstguide .add_contents.bot{
	width: 915px;
    margin: 50px auto 10px;
}

#firstguide .add_contents h2{
    color: #244452;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px 0 30px;
    padding: 20px 0 0;
}

#firstguide .add_contents .txt{
	font-size: 1.6rem;
	margin: 0!important;
	text-align: left;
	padding: 0 0 15px;
}

#firstguide .add_contents .line{
	font-weight: bold;
    background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
}


#firstguide .cmn_plan20_bn {
    text-align: center;
    padding: 30px 0 0;
	margin: 0;
}
#firstguide .cmn_plan20_bn img {
	width: 1050px!important;
	margin: 0!important;
}

@media screen and (max-width:768px){
	
	#firstguide .cmn_plan20_bn {
		text-align: center;
		padding: 10px 10px 0;
	}
	#firstguide .cmn_plan20_bn img {
		width: 100%!important;
		max-width: 480px;
	}
	
}


@media screen and (max-width:768px){
	
	#firstguide .add_contents{
		width: auto;
		padding: 0 15px;
		margin: 0 auto 0;
	}
	#firstguide .add_contents.bot{
		width: auto;
		margin: 30px auto 0;
	}

	#firstguide .add_contents h2{
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 0 15px;
		padding: 0;
	}
	#firstguide .add_contents .txt{
		font-size: 1.6rem;
		margin: 0!important;
		text-align: left;
	}
	
	
}

	
/*
	#firstguide .pri_30plan ul {
		width: 100%;
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0 8px;
		box-sizing: border-box;
        max-width: 340px;
	}
	
	#firstguide .pri_30plan ul li {
		display: block;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background-color: #fff;
		box-sizing: border-box;
		padding: 80px 0 0;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 0 0 16px;
	}
	
	#firstguide .pri_30plan ul.cir_three {
		width: 100%;
	}
	
	#firstguide .pri_30plan ul li.ord{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.ori{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.sup{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.seo{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.ren{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.ser{
		-webkit-background-size: 60px;
		background-size: 60px;
	}

	#firstguide .pri_30plan ul li.ssl{
		-webkit-background-size: 60px;
		background-size: 60px;
	}
*/

@media screen and (max-width:768px){
	#firstguide .pla30_boxarea{
		width: auto;
        margin: 0 10px 20px;
		padding: 20px;
        background-image: none!important;
	}

	#firstguide .pla30_boxarea h4{
		margin: 0 0 15px;
        font-size: 2.2rem;
        line-height: 1.5;
	}

	#firstguide .pla30_boxarea .pla_box{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}	

	#firstguide .pla30_boxarea .pla_box .catch{
		margin: 0 0 12px;
        line-height: 1.5;
        font-size: 1.8rem;
	}	

	#firstguide .pla30_boxarea .pla_box .txt_box{
		width: 100%;
		margin: 0 24px 0 0;
		text-align: center;
	}	
	
	
	#firstguide .pla30_boxarea .pla_box p{
		text-align: left;
	}

	#firstguide .pla30_boxarea .pla_box img{
		width: 100%;
		top: 0;
        max-width: 480px;
		margin: 0 auto 20px;
		text-align: center;
	}
	
	#firstguide .pla30_boxarea .pla_box img.wide{
		width: 80%;
	}
	
	/* アコーディオン */
	#firstguide .pla30_boxarea .pla_box .accordion_more,
	#firstguide .add_contents .accordion_more{
		display: none;
	}
	#firstguide .pla30_boxarea .pla_box .accordion_btn,
	#firstguide .add_contents .accordion_btn{
		display: inline-block;
		text-align: center;
		color: #333;
		line-height: 1.0;
		background: #fff;
		padding: 10px 60px;
		margin: 0 auto;
		border: 1px solid #C9D1CC;
		border-radius: 50px;
		cursor: pointer;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}
	#firstguide .pla30_boxarea .pla_box .acc_icon,
	#firstguide .add_contents .acc_icon{
		display: block;
		position: absolute;
		top: 8px;
		right: 20px;
		width: 20px;
		height: 20px;
		margin: 0 0 0 auto;
	}
	#firstguide .pla30_boxarea .pla_box .acc_icon span,
	#firstguide .add_contents .acc_icon span{
		width: 50%;
		position: absolute;
		left: 5px;
		height: 1px;
		background-color: #333;
		border-radius: 4px;
		transition: all .4s;
		box-sizing: border-box;
	}
	#firstguide .pla30_boxarea .pla_box .acc_icon span:nth-of-type(1),
	#firstguide .add_contents .acc_icon span:nth-of-type(1){
		top: 9px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#firstguide .pla30_boxarea .pla_box .active .acc_icon span:nth-of-type(1),
	#firstguide .add_contents .active .acc_icon span:nth-of-type(1){
		display: none;
	}
	#firstguide .pla30_boxarea .pla_box .acc_icon span:nth-of-type(2),
	#firstguide .add_contents .acc_icon span:nth-of-type(2){
		top: 9px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#firstguide .pla30_boxarea .pla_box .active .acc_icon span:nth-of-type(2),
	#firstguide .add_contents .active .acc_icon span:nth-of-type(2){
		-webkit-transform: rotate(180deg);
    	transform: rotate(180deg);
	}
	
}
	
/*無料相談エリア*/
/*
#firstguide .area_ask .box_txt{
	background: transparent;
	border: none;
}

#firstguide .area_ask .box_txt::before, .area_ask .box_txt::after {
    display: block;
    content: '';
    position: absolute;
}

#firstguide .area_ask .box_txt::before {
    width: 87px;
    height: 125px;
    background: url(../img/img_freeask01.png) no-repeat center / contain;
    top: 70px;
    left: calc(((100% - 1100px) / 2) + 160px);
}

.area_ask .box_txt::after {
    width: 95px;
    height: 144px;
    background: url(../img/img_freeask02.png) no-repeat center / contain;
    top: 50px;
    right: calc(((100% - 1100px) / 2) + 150px);
}
*/


/*制作実績エリア2*/
#firstguide .works02{
	padding: 72px 0;
/*	background: linear-gradient(to right,#eef0ef 60%,transparent 60%,transparent 100%,#eef0ef 100%) no-repeat;
	background-position: 0 250px;
	margin: 0px 0 -400px;
	background-size: 100% 47%;*/
}

#firstguide .works02 h2{
	line-height: 1.5;
	text-align: center;
}
/*

#firstguide .works02 .btn_area{
	padding: 100px 0 50px;
}
*/

#firstguide .works02 .btn_area h3{
	font-size: 3.2rem;
	font-weight: bold;
	margin: 0 0 32px;
}

#firstguide .works02 .btn_area a{
	position: relative;
	z-index: 10;
}

#firstguide .works02 .img_area{
/*
	text-align: right;
	position: relative;
	top: -540px;
	z-index: 0;
*/
	text-align: center;
}

#firstguide .works02 .img_area img{
/*	width: 720px;*/
	width: 1100px;
	text-align: center;
}

@media screen and (max-width:768px){
	#firstguide .works02 {
    	padding: 16px 0 32px;
	}
	
	#firstguide .works02 h2{
    	font-size: 2rem;
		padding: 0 16px;
	}
}

/* -----------------------------------------------------------
    クロージング
-------------------------------------------------------------- */
#firstguide .price .close{
	width: 1200px;
	margin: 0 auto;
}

#firstguide .price .txt{
	margin: 0 0 32px;
}

#firstguide .price .close .btn_area a {
	width: 350px;
	border: none;
	outline: none;
 	outline-offset: 0px;
	font-size: 2rem;
	line-height: 1;
	padding: 24px 0;
	margin: 0 0 70px;
	background: #38A9A9;
	color: #fff;
}

#firstguide .price .close .btn_area .h_30plan a {
	background: #5997CE;
}

#firstguide .price .close .btn_area a:hover{
	filter: brightness(1.1);
}

#firstguide .price .close .btn_area a:after{
	font-family: "FontAwesome";
	content: "\f105";
	width: 20px;
	left: auto;
	height: 20px;
	right: 20px;
	top: 25px;
	margin: auto;
	color: #fff;
}

@media screen and (max-width:768px){
    #firstguide .price .close{
		width: auto;
	}

	#firstguide .price .close .txt{
		margin: 32px 20px 32px;
		text-align: left;
	}
	
	#firstguide .price .close .btn_area {
		width: 100%;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		margin: -8px 0 0;
	}
	
	#firstguide .price .close .btn_area .btn{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	#firstguide .price .close .btn_area a {
		width: 100%;
		margin: 0 0 20px;
		font-size: 1.7rem;
		padding: 20px 0;
	}
	
	#firstguide .price .close .btn_area a:after{
		top: 22px;
	}
}
	
/* -----------------------------------------------------------
    バナーエリア
-------------------------------------------------------------- */

#firstguide .price .bn_contact{
    text-align: center;
	margin: 0 0 0;
    background: url("../img/bn_neo2.jpg") no-repeat center top;
    height: 350px;
}
#firstguide .price .bn_contact .txt_area{
    width: 420px;
    margin: 0 0 0 600px;
	padding: 50px 0 0;
    text-align: center;
}
#firstguide .price .bn_contact .catch{
    background: #1285CC;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    padding: 5px;
    margin: 0 0 20px;
}
#firstguide .price .bn_contact .catch_txt{
    color: #244452;
    font-weight: bold;
    font-size: 2.1rem;
    line-height: 1.4;
    margin: 0 0 25px;
}
#firstguide .price .bn_contact .catch_txt span{
    font-size: 3.1rem;
}

#firstguide .price .bn_contact .contents_area_ask{
    background: none;
    margin: 0;
    padding: 0;
}
#firstguide .price .bn_contact .contents_area_ask .btn a{
	width: 420px;
}

@media screen and (max-width:768px){
    
    #firstguide .price .bn_contact{
        margin: 0;
        padding: 10px 10px 40px;
        height: auto;
        background: none;
    }
    #firstguide .price .bn_contact .txt_area{
        width: auto;
		margin: 0;
        padding: 0;
        border: 2px #1D5C7D solid;
        background: #fff;
    }
    #firstguide .price .bn_contact .catch{
        font-size: 1.8rem;
        padding: 5px;
        margin: 0 0 15px;
    }
    #firstguide .price .bn_contact .catch_txt{
        font-size: 1.6rem;
        margin: 0 10px 15px;
        line-height: 1.4;
    }
    #firstguide .price .bn_contact .catch_txt span{
        font-size: 2rem;
    }

    #firstguide .price .bn_contact .contents_area_ask{
        background: none;
        margin: 0;
        padding: 0;
    }
    
    
	#firstguide .price .bn_contact img{
		width: 100%;
        max-width: 480px;
        margin: 0 auto;
		vertical-align: bottom;
	}
    
    #firstguide .price .bn_contact .contents_area_ask {
        padding: 0 10px 20px;
    }
    #firstguide .price .bn_contact .contents_area_ask .btn a{
        width: auto;
    }
    
}


/* -----------------------------------------------------------
    無料相談
-------------------------------------------------------------- */

.contents_area_ask {
	margin: 0;
	background: url("../img/freeask_bg.png") repeat;
	padding: 30px 0;
}

.contents_area_ask .box_txt {
	text-align: center;
	background: #fff;
	padding: 40px 0 30px;
	border: 2px solid #0c2c3a;
	border-right: none;
	border-left: none;
	position: relative;
}

.contents_area_ask .box_txt::before, .contents_area_ask .box_txt::after{
	display: block;
    content: '';
	position: absolute;
}
.contents_area_ask .box_txt::before{
    width: 87px;
    height: 125px;
    background: url(../img/img_freeask01.png) no-repeat center / contain;
    top: 50px;
    left: calc(((100% - 1100px) / 2) + 160px);
}
.contents_area_ask .box_txt::after{
    width: 95px;
    height: 144px;
    background: url(../img/img_freeask02.png) no-repeat center / contain;
    top: 35px;
    right: calc(((100% - 1100px) / 2) + 150px);
}

.contents_area_ask h3.title {
	display: inline-block;
	color: #333;
	font-size: 32px;
	font-weight: bold;
	background: linear-gradient(#fff 60%,#fcff49 60%);
	padding: 0;
    margin: 0;
}

.contents_area_ask .lead {
	font-size: 20px;
}

.contents_area_ask .txt {
	padding: 25px 0 0 0;
	font-size: 20px;
	line-height: 1.75;
}

.contents_area_ask .txt_sub{
	font-weight: bold;
	margin: 0 0 10px!important;
    font-size: 2rem;
}
.contents_area_ask .txt_sub::before, .contents_area_ask .txt_sub::after{
	content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #333;
    margin-bottom: 4px;
}
.contents_area_ask .txt_sub::before{
	margin-right: 20px;
    transform: rotate(60deg);
}
.contents_area_ask .txt_sub::after{
	margin-left: 20px;
    transform: rotate(-60deg);
}

.contents_area_ask .btn {
	margin: 15px 0 0;
}
.contents_area_ask .btn a{
	width: 450px;
	color: #fff;
	font-size: 24px;
    font-weight: bold;
	padding: 18px 0!important;
	background: #E94647;
    border: 1px solid #E94647;
	/*
    border-radius: 100px;
	*/
	border-radius: 8px;
	box-shadow: 0 8px 0 #a03536;
	overflow: hidden;
	-webkit-transition: all .2s;
    transition: all .2s;
	position: relative;
}
.contents_area_ask .btn a::before{
	content: "";
    background-image: linear-gradient(130deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0) 80%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation: shiny 5s infinite linear;
    animation: shiny 5s infinite linear;
}
@-webkit-keyframes shiny {
  0% {
    left: -50%
  }
  20% {
    left: 120%
  }
  to {
    left: 120%
  }
}
@keyframes shiny {
  0% {
    left: -50%
  }
  20% {
    left: 120%
  }
  to {
    left: 120%
  }
}
.contents_area_ask .btn a:hover{
	border: 1px solid #E94647;
	-webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0 4px 0 #a03536;
    background: #E94647;
}


.contents_area_ask .works_link{
    text-align: center;
    padding: 20px 0 0;
    font-size: 1.7rem;
}
.contents_area_ask .works_link a {
	display: inline-block;
	color: #333;
}
.contents_area_ask .works_link a:hover {
	color: #4087c7;
}

.contents_area_ask .works_link a::after {
	display: inline-block;
	margin: 0 0 0 5px;
	content: "\f105";
	font-family: FontAwesome;
	color: #4087c7;
}


@media screen and (max-width:768px){

	/* -----------------------------
		リニューアル無料相談
	------------------------------ */

	.contents_area_ask {
		margin: 0;
		padding: 15px 0;
	}
	
	.contents_area_ask .box_txt {
		width: 100%;
		padding: 25px 20px 15px;
		border-right: none;
		border-left: none;
		box-sizing: border-box;
		/*background: none;*/
	}
	
	.contents_area_ask .box_txt::before, .contents_area_ask .box_txt::after{
		display: none;
	}
	
	.contents_area_ask h3.title {
		font-size: 22px;
		font-weight: bold;
	}
	
	.contents_area_ask .lead {
		padding: 10px 0 0;
		font-size: 100%;
	}
	
	.contents_area_ask .txt {
		padding: 20px 0 0;
		font-size: 88%;
		line-height: 1.75;
		text-align: left;
	}
	
	.contents_area_ask .txt_sub {
		font-size: 14px;
		margin: 0 0 5px!important;
	}
	.contents_area_ask .txt_sub::before {
		margin-right: 5px;
	}
	.contents_area_ask .txt_sub::after {
		margin-left: 5px;
	}
	
	.contents_area_ask .btn {
		margin: 15px 0 0;
		width: 100%;
	}
	
	.contents_area_ask .btn a {
		width: auto;
		font-size: 20px;
		padding: 14px 0!important;
	}
    
    
    .contents_area_ask .works_link{
        padding: 20px 0 10px;
        font-size: 1.6rem;
    }

}

/*------  はじめての方　スライド写真  ------ */
#firstguide .photo_slide{
	padding: 100px 0 100px 0;
	margin: 0;
	display: block;

	background:url(../img/about_slide_img.jpg) repeat-x top left;
	-webkit-animation:bgscroll_firstguide 80s linear infinite, fadein 5s linear 0s 1;
	animation:bgscroll 80s linear infinite, fadein 5s linear 0s 1;
}
@-webkit-keyframes bgscroll_firstguide {
	0% {background-position:center 0;}
	100% {background-position:2500px 0;}
}

@keyframes bgscroll_firstguide {
	0% {background-position:center 0;}
	100% {background-position:2500px 0;}
	}

#firstguide .photo_slide .sp_img{
	display: none;
}

@media screen and (max-width:768px){
    
	#firstguide .photo_slide{
		padding: 160px 0 0 0;
		margin:0 0 0 0;
		display: block;

		background:url(../img/about_slide_img.jpg) repeat-x top left;
		background-size: auto 100px;
	}
	
	@-webkit-keyframes bgscroll_firstguide {
		0% {background-position:center 0;}
		100% {background-position:1500px 0;}
	}

	@keyframes bgscroll_firstguide {
		0% {background-position:center 0;}
		100% {background-position:1500px 0;}
	}
	
	
}


/* -----------------------------------------------------------
    目次
-------------------------------------------------------------- */
#firstguide .area_index{
	margin: 40px 0 20px;
}
#firstguide .area_index .inner{
	display: flex;
	width: 1100px;
	border: 1px #244452 solid;
	padding: 35px 0 25px 50px;
    box-sizing: border-box;
}
#firstguide .area_index .title.f_roboto {
	width: 150px;
	font-size: 26px;
    font-weight: bold;
    color: #244452;
    text-align: left;
    line-height: 1.0;
	letter-spacing: 0.05em;
	margin: 5px 0 0;
}
#firstguide .area_index .list_index{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 3px 0 0 0;
}
#firstguide .area_index .list_index li{
    width: 340px;
	margin: 0 0 15px 0;
	/*
	margin: 0 -42px 40px 42px;
	*/
	list-style: disc;
}
#firstguide .area_index .list_index li:nth-child(3n){
	margin: 0 0 15px 0;
}
#firstguide .area_index .list_index li.s{
    width: 280px;
}

#firstguide .area_index .list_index li.list{
}
#firstguide .area_index .list_index li a{
	font-size: 16px;
    font-weight: bold;
	color: #3F86C6;
}
#firstguide .area_index .list_index li.new a{
	color: #E94647;
}


/*
#firstguide .area_index .list_index li.new{
	margin: 0 15px 10px -15px;
}
#firstguide .area_index .list_index li.new a::before{
	content: 'CHECK';
    display: inline-block;
    color: #E94647;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 10px 0 0;
}
*/


@media screen and (max-width:768px){
	
	#firstguide .area_index{
		margin: 0 0 20px 0;
	}
	#firstguide .area_index .inner{
		display: block;
		padding: 20px;
		width: auto;
	}
	#firstguide .area_index .title.f_roboto {
		width: 100%;
		font-size: 1.8rem;
    	margin: 0 0 10px 0;
	}
	#firstguide .area_index .list_index{
		display: block;
		padding: 0;
	}
	#firstguide .area_index .list_index li,
	#firstguide .area_index .list_index li.s,
	#firstguide .area_index .list_index li:nth-child(3n){
		width: 100%;
		line-height: 1.5;
		margin: 8px 0 0 17px;
	}
	
	#firstguide .area_index .list_index li a::after {
		font-size: 1.2rem;
	}
	
	/*
	#firstguide .area_index .list_index li.new{
		list-style: disc;
		margin: 10px 0 0 17px;
		padding: 0 0 0 5px;
	}
	#firstguide .area_index .list_index li.new a::before{
		display: block;
		font-size: 1.2rem;
		padding: 0 0 0 0;
		line-height: 1;
	}
	*/
	

}

/* -----------------------------------------------------------
    .txt_30plan
-------------------------------------------------------------- */
#firstguide .txt_30plan{
	width: 1100px;
	margin: 0 auto;
}

#firstguide .txt_30plan .wrap{
	display: flex;
	justify-content: space-between;
    width: 100%;
}
#firstguide .txt_30plan .wrap li{
	width: 210px;
	border-radius: 5px;
	background: #FFF7EA;
	text-align: center;
	padding: 25px 10px;
	box-sizing: border-box;
}
#firstguide .txt_30plan .wrap li .txt{
	font-weight: bold;
	line-height: 1.5;
}
/*
#firstguide .txt_30plan .wrap li .line {
    font-weight: bold;
    background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
}
*/
#firstguide .txt_30plan .wrap span{
	color: #FE7753;
	font-size: 1.8rem;
}


#firstguide .txt_30plan .txt_30plan_btn{
	margin: 0;
	text-align: center;
	line-height: 1;
}
#firstguide .txt_30plan .txt_30plan_btn a{
	border-radius: 5px;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 30px 80px;
	background: #4087c7;
	color: #fff;
	position: relative;
}
#firstguide .txt_30plan .txt_30plan_btn a::before {
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	right: 20px;
	top: 50%;
	margin: -7px 0 0;
	font-size: 1.6rem;
}
#firstguide .txt_30plan .txt_30plan_btn a:hover{
	opacity: 0.8;
}
#firstguide .txt_30plan .txt_30plan_btn span{
	border-bottom: 2px #fcf192 solid;
}


@media screen and (max-width:768px){

	#firstguide .txt_30plan{
		width: auto;
		padding: 10px 15px 0;
	}

	#firstguide .txt_30plan .wrap{
		display: block;
	}
	#firstguide .txt_30plan .wrap li{
		width: auto;
		padding: 15px 5px;
		text-align: center;
		margin: 10px 0 0;
	}
	#firstguide .txt_30plan .wrap li .txt{
	}
	#firstguide .txt_30plan .wrap span{
		font-size: 1.6rem;
	}

	#firstguide .txt_30plan .txt_30plan_btn{
		margin: 20px 0 30px;
		line-height: 1.4;
		text-align: left;
	}
	#firstguide .txt_30plan .txt_30plan_btn a{
		display: block;
		font-size: 1.6rem;
		padding: 18px 15px 20px 15px;
	}
	#firstguide .txt_30plan .txt_30plan_btn a::before {
		right: 10px;
		margin: -7px 0 0;
		font-size: 1.4rem;
	}
	
}

/* -----------------------------------------------------------
    #demo1 .txt_30plan
-------------------------------------------------------------- */
#firstguide #demo1.txt_30plan{
	width: 1100px;
	margin: 0 auto 50px;
	padding: 0 0 50px;
	position: relative;
	background: url(../img/bg_dot.png);
	
}

#firstguide #demo1.txt_30plan h2{
	color: rgb(36, 68, 82);
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px 0px 40px;
    padding: 40px 0px 0px;
	text-align: center;
}

#firstguide #demo1.txt_30plan img{
	position: absolute;
	width: 200px;
	top: -10px;
	right: -40px;
	filter: drop-shadow(2px 2px 5px #ddd);
}

#firstguide #demo1.txt_30plan .wrap{
	display: flex;
	justify-content: center;
    width: 100%;
	flex-wrap: wrap;
}

#firstguide #demo1.txt_30plan .wrap:last-of-type{
	padding: 0 0 20px 0;
}

#firstguide #demo1.txt_30plan .wrap li{
	width: 220px;
	border-radius: 15px;
	background: #fff4f4;
	text-align: center;
	padding: 25px 10px;
	box-sizing: border-box;
	margin: 0 0 25px 20px;
	position: relative;
	box-shadow: 2px 2px 8px #ddd;
}

#firstguide #demo1.txt_30plan .wrap li:first-of-type{
	margin: 0 0 25px 0;
}

#firstguide #demo1.txt_30plan .wrap li.col_2{
	background: #fff7ea;
}

#firstguide #demo1.txt_30plan .wrap li.col_3{
	background: #ffffef;
	background: #FFFFE9;	
}

#firstguide #demo1.txt_30plan .wrap li.col_4{
	background: #f4ffea;
}

#firstguide #demo1.txt_30plan .wrap li.col_5{
	background: #efffef;
}

#firstguide #demo1.txt_30plan .wrap li.col_6{
	background: #F5FFFF;
}

#firstguide #demo1.txt_30plan .wrap li.col_7{
	background: #f4f9ff;
}

/*-----枠線-----*/
#firstguide #demo1.txt_30plan .wrap li::before{
	border: 2px dashed #F2DCE8; 
	border-radius: 15px;
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 4px;
}

#firstguide #demo1.txt_30plan .wrap li.col_2::before{
	border: 2px dashed #FADECF; 
}

#firstguide #demo1.txt_30plan .wrap li.col_3::before{
	border: 2px dashed #EDEDCE; 
}

#firstguide #demo1.txt_30plan .wrap li.col_4::before{
	border: 2px dashed #DDF0DD; 
}

#firstguide #demo1.txt_30plan .wrap li.col_5::before{
	border: 2px dashed #D3EBDC; 
}

#firstguide #demo1.txt_30plan .wrap li.col_6::before{
	border: 2px dashed #DAEDED; 
}

#firstguide #demo1.txt_30plan .wrap li.col_7::before{
	border: 2px dashed #DFE3E8; 
}


#firstguide #demo1.txt_30plan .wrap li .txt{
	font-weight: bold;
	line-height: 1.5;
}

/*-----文字色-----*/
#firstguide #demo1.txt_30plan .wrap span{
	color: #d04255;
	font-size: 1.8rem;
}

#firstguide #demo1.txt_30plan .wrap .col_2 span{
	color: #FE7753;
}

#firstguide #demo1.txt_30plan .wrap .col_3 span{
	color: #EDC305;
	color: #CCAA4B;}

#firstguide #demo1.txt_30plan .wrap .col_4 span{
	color: #74C754;
}

#firstguide #demo1.txt_30plan .wrap .col_5 span{
	color: #22A865;	
}

#firstguide #demo1.txt_30plan .wrap .col_6 span{
	color: #42AAC7;
}

#firstguide #demo1.txt_30plan .wrap .col_7 span{
	color: #4B75B9;
}


#firstguide #demo1.txt_30plan .txt_30plan_btn span{
	border-bottom: 2px #fcf192 solid;
}

@media screen and (max-width:768px){

	#firstguide #demo1.txt_30plan{
		width: auto;
		padding: 10px 15px 20px;
		margin: 0 0 0;
	}
	
	#firstguide #demo1.txt_30plan h2{
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 0 20px;
		padding: 20px 0 0;
	}
	
	#firstguide #demo1.txt_30plan img{
		width: 70px;
		top: 25px;
		right: 30px;
}

	#firstguide #demo1.txt_30plan .wrap{
		display: block;
		padding: 0;
	}
	
	#firstguide #demo1.txt_30plan .wrap li{
		width: auto;
		padding: 15px 5px;
		text-align: center;
		margin: 10px 0 0;
		border-radius: 8px;
	}
	/*-----枠線-----*/
	#firstguide #demo1.txt_30plan .wrap li::before{
		border-radius: 8px;
	}
	
	#firstguide #demo1.txt_30plan .wrap li:first-of-type{
		margin: 10px 0 0;
	}

	#firstguide #demo1.txt_30plan .wrap span{
		font-size: 1.6rem;
	}

	#firstguide #demo1.txt_30plan .txt_30plan_btn a::before {
		right: 10px;
		margin: -7px 0 0;
		font-size: 1.4rem;
	}
	
}



/* -----------------------------------------------------------
    #demo2 .txt_30plan 
-------------------------------------------------------------- */
#firstguide #demo2.txt_30plan{
	/*width: 1100px;*/
	margin: 0 auto 50px;
	position: relative;
	background: url("../img/price_feature.jpg") center top / cover no-repeat;
	min-height: 500px;
}


#firstguide #demo2.txt_30plan .spimg{
	display: none;
}

#firstguide #demo2.txt_30plan h2{
	color: rgb(36, 68, 82);
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px 0px 40px;
    padding: 50px 0px 0px;
	text-align: center;
}

#firstguide #demo2.txt_30plan .feature{
    width: 1100px;
	margin: 0 auto;
}

#firstguide #demo2.txt_30plan .wrap{
	display: flex;
	justify-content: center;
    width: 720px;
	flex-wrap: wrap;
}

#firstguide #demo2.txt_30plan .wrap li{
	width: 220px;
	border-radius: 20px;
	background: #fff7ea;
	text-align: center;
	padding: 25px 10px;
	box-sizing: border-box;
	margin: 0 0 20px 20px;
	/*border: solid 3px #73bc36;*/
	position: relative;
	box-shadow: 2px 2px 5px #ddd;
}

#firstguide #demo2.txt_30plan .wrap li .txt{
	font-weight: bold;
	line-height: 1.5;
}

#firstguide #demo2.txt_30plan .wrap span{
	color: #FE7753;
	font-size: 1.8rem;
}

#firstguide #demo2.txt_30plan .txt_30plan_btn a::before {
	position: absolute;
	content: "\f054";
	font-family: FontAwesome;
	right: 20px;
	top: 50%;
	margin: -7px 0 0;
	font-size: 1.6rem;
}

#firstguide #demo2.txt_30plan .txt_30plan_btn a:hover{
	opacity: 0.8;
}

#firstguide #demo2.txt_30plan .txt_30plan_btn span{
	border-bottom: 2px #fcf192 solid;
}

#firstguide #demo2.txt_30plan .wrap li::before{	
	content: '';
  	position: absolute;
  	top: 0.1em;
 	background-color: #73bc36;
  	padding: 0.15em 1.2em;
  	color: #65513f;
  	transform: rotate(-50deg);
	right: -10px;
}

#firstguide #demo2.txt_30plan .wrap li:nth-child(odd)::before{	
	background-color: #f2ea1b;
}

#firstguide #demo2.txt_30plan .wrap1 li::before{	
	background-color: #f2ea1b;
}

#firstguide #demo2.txt_30plan .wrap1 li:nth-child(odd)::before{	
 	background-color: #73bc36;
}


@media screen and (max-width:768px){

	#firstguide #demo2.txt_30plan{
		width: auto;
		padding: 10px 15px 0;
		background: none;
		margin: 30px 0;
	}
	
	#firstguide #demo2.txt_30plan .spimg{
		display: block;

	}
	
	#firstguide #demo2.txt_30plan .spimg img{
		width: 100%;
	}
	
	#firstguide #demo2.txt_30plan .feature{
    	width: 100%;	
	}

	#firstguide #demo2.txt_30plan .wrap{
		display: block;
		width: 100%;
	}
	
	#firstguide #demo2.txt_30plan .wrap li{
		width: auto;
		padding: 15px 5px;
		text-align: center;
		margin: 10px 0 0;
	}
	
	#firstguide #demo2.txt_30plan .wrap li .txt{
	}
	
	#firstguide #demo2.txt_30plan .wrap span{
		font-size: 1.6rem;
	}
	
	#firstguide #demo2.txt_30plan .txt_30plan_btn a::before {
		right: 10px;
		margin: -7px 0 0;
		font-size: 1.4rem;
	}
	
}


/* -----------------------------------------------------------
    #demo3 .txt_30plan 
-------------------------------------------------------------- */
#firstguide #demo3.txt_30plan{
	width: 1100px;
	margin: 0 auto 50px;
	position: relative;
	background: url(../img/bg_dot.png);
	
}

#firstguide #demo3.txt_30plan h2{
	color: rgb(36, 68, 82);
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px 0px 40px;
    padding: 40px 0px 0px;
	text-align: center;
}

#firstguide #demo3.txt_30plan img{
	position: absolute;
	width: 220px;
	top: -10px;
	right: -40px;
}

#firstguide #demo3.txt_30plan .wrap{
	display: flex;
	justify-content: center;
    width: 100%;
	flex-wrap: wrap;
}

#firstguide #demo3.txt_30plan .wrap:last-of-type{
	padding: 0 0 20px 0;
}

#firstguide #demo3.txt_30plan .wrap li{
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background: #f5a500;
	text-align: center;
	padding: 25px 10px;
	box-sizing: border-box;
	margin: 0 0 25px 20px;
	/*border: solid 3px #73bc36;*/
	position: relative;
	color: #fff;
}

#firstguide #demo3.txt_30plan .wrap li.col_2{
		background: #35b1b4;
}

#firstguide #demo3.txt_30plan .wrap li.col_3{
		background: #e74863;
}

#firstguide #demo3.txt_30plan .wrap li.col_4{
		background: #e60012;
}


#firstguide #demo3.txt_30plan .wrap li.col_5{
		background: #00639a;
}

#firstguide #demo3.txt_30plan .wrap li.col_6{
		background: #00acef;
}

#firstguide #demo3.txt_30plan .wrap li.col_7{
		background: rgb(82, 197, 139);
}


#firstguide #demo3.txt_30plan .wrap li:first-of-type{
	margin: 0 0 25px 0;
}

#firstguide #demo3.txt_30plan .wrap li .txt{
	font-weight: bold;
	line-height: 1.5;
}
/*
#firstguide .txt_30plan .wrap li .line {
    font-weight: bold;
    background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
}
*/
#firstguide #demo3.txt_30plan .wrap span{
	color: #fff;
	font-size: 1.8rem;
}


#firstguide #demo3.txt_30plan .txt_30plan_btn span{
	border-bottom: 2px #fcf192 solid;
}


@media screen and (max-width:768px){

	#firstguide #demo3.txt_30plan{
		width: auto;
		padding: 10px 15px 20px;
		margin: 30px 0 0;
	}
	
	#firstguide #demo3.txt_30plan h2{
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 0 20px;
		padding: 20px 0 0;
	}
	
	#firstguide #demo3.txt_30plan img{
		width: 80px;
		top: 15px;
		left: 5px;
}

	#firstguide #demo3.txt_30plan .wrap{
		display: block;
		padding: 0;
	}
	
	#firstguide #demo3.txt_30plan .wrap li{
		width: auto;
		padding: 15px 5px;
		text-align: center;
		margin: 10px 0 0;
	}
	
	#firstguide #demo3.txt_30plan .wrap li:first-of-type{
		margin: 10px 0 0;
	}

	#firstguide #demo3.txt_30plan .wrap span{
		font-size: 1.6rem;
	}

	#firstguide #demo3.txt_30plan .txt_30plan_btn a::before {
		right: 10px;
		margin: -7px 0 0;
		font-size: 1.4rem;
	}
	
}

/* -----------------------------------------------------------
    #demo4 .txt_30plan 
-------------------------------------------------------------- */
#firstguide #demo4.txt_30plan{
	width: 1100px;
	margin: 0 auto 50px;
	position: relative;
	background: #eff7fa;
	
}

#firstguide #demo4.txt_30plan h2{
	color: rgb(36, 68, 82);
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0px 0px 40px;
    padding: 40px 0px 0px;
	text-align: center;
}

#firstguide #demo4.txt_30plan img{
	position: absolute;
	width: 220px;
	top: -10px;
	right: -40px;
}

#firstguide #demo4.txt_30plan .wrap{
	display: flex;
	justify-content: center;
    width: 100%;
	flex-wrap: wrap;
}

#firstguide #demo4.txt_30plan .wrap:last-of-type{
	padding: 0 0 20px 0;
}

#firstguide #demo4.txt_30plan .wrap li{
	width: 150px;
	height: 150px;
	border-radius: 75px;
	background: #f5a500;
	text-align: center;
	padding: 25px 10px;
	box-sizing: border-box;
	margin: 0 0 25px 20px;
	/*border: solid 3px #73bc36;*/
	position: relative;
	color: #333;
}

#firstguide #demo4.txt_30plan .wrap li.col_2{
		background: #fff;

	box-shadow: 2px 2px 2px #ddd;
}

#firstguide #demo4.txt_30plan .wrap li.col_3{
		background: #e74863;
}

#firstguide #demo4.txt_30plan .wrap li.col_4{
		background: #e60012;
}


#firstguide #demo4.txt_30plan .wrap li.col_5{
		background: #00639a;
}

#firstguide #demo4.txt_30plan .wrap li.col_6{
		background: #00acef;
}

#firstguide #demo4.txt_30plan .wrap li.col_7{
		background: rgb(82, 197, 139);
}


#firstguide #demo4.txt_30plan .wrap li:first-of-type{
	margin: 0 0 25px 0;
}

#firstguide #demo4.txt_30plan .wrap li .txt{
	font-weight: bold;
	line-height: 1.5;
}
/*
#firstguide .txt_30plan .wrap li .line {
    font-weight: bold;
    background: linear-gradient(transparent 70%,#fcf192 70%,#fcf192 100%,transparent 100%);
}
*/
#firstguide #demo4.txt_30plan .wrap span{
	color: #333;
	font-size: 1.8rem;
}


#firstguide #demo4.txt_30plan .txt_30plan_btn span{
	border-bottom: 2px #fcf192 solid;
}


@media screen and (max-width:768px){

	#firstguide #demo4.txt_30plan{
		width: auto;
		padding: 10px 15px 20px;
		margin: 30px 0 0;
	}
	
	#firstguide #demo4.txt_30plan h2{
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 0 20px;
		padding: 20px 0 0;
	}
	
	#firstguide #demo4.txt_30plan img{
		width: 80px;
		top: 15px;
		left: 5px;
}

	#firstguide #demo4.txt_30plan .wrap{
		display: block;
		padding: 0;
	}
	
	#firstguide #demo4.txt_30plan .wrap li{
		width: auto;
		padding: 15px 5px;
		text-align: center;
		margin: 10px 0 0;
	}
	
	#firstguide #demo4.txt_30plan .wrap li:first-of-type{
		margin: 10px 0 0;
	}

	#firstguide #demo4.txt_30plan .wrap span{
		font-size: 1.6rem;
	}

	#firstguide #demo4.txt_30plan .txt_30plan_btn a::before {
		right: 10px;
		margin: -7px 0 0;
		font-size: 1.4rem;
	}
	
}




/* -----------------------------------------------------------
    目次
-------------------------------------------------------------- */
#h_30plan_index{
	margin: 20px 0 10px;
}
#h_30plan_index .inner{
	display: flex;
	width: 1100px;
	border: 1px #244452 solid;
	padding: 35px 0 25px 35px;
    box-sizing: border-box;
}
/*
#works .area_index .title.f_roboto {
	width: 180px;
	font-size: 20px;
    font-weight: bold;
    color: #244452;
    text-align: left;
    line-height: 1.0;
	letter-spacing: 0.05em;
	margin: 5px 0 0;
}
*/
#h_30plan_index.area_index .title {
	width: 100px;
	font-size: 20px;
    font-weight: bold;
    color: #244452;
    text-align: left;
    line-height: 1.4;
	letter-spacing: 0.05em;
    font-family: 'Roboto Condensed', sans-serif;
}
#h_30plan_index.area_index .list_index{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 3px 0 0 0;
}
#h_30plan_index.area_index .list_index li{
	/*
	margin: 0 -42px 40px 42px;
	*/
	list-style: disc;
	width: 300px;
    margin: 0 0 15px 20px;
	line-height: 1.5;
}
#h_30plan_index.area_index .list_index li:nth-child(3n){
	margin: 0 0 15px 0;
}

#h_30plan_index.area_index .list_index li.list{
}
#h_30plan_index.area_index .list_index li a{
	font-size: 16px;
    font-weight: bold;
	color: #3F86C6;
}
#h_30plan_index.area_index .list_index li.new a{
	color: #E94647;
}


/*
#firstguide .area_index .list_index li.new{
	margin: 0 15px 10px -15px;
}
#firstguide .area_index .list_index li.new a::before{
	content: 'CHECK';
    display: inline-block;
    color: #E94647;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0 10px 0 0;
}
*/


@media screen and (max-width:768px){
	
	#h_30plan_index.area_index{
		margin: 15px 0 5px 0;
	}
	#h_30plan_index.area_index .inner{
		display: block;
		padding: 15px;
		width: auto;
	}
	/*
	#h_30plan .area_index .title.f_roboto {
		width: 100%;
		font-size: 120%;
    	margin: 0 0 10px 0;
	}
	*/
	#h_30plan_index.area_index .title {
		width: 100%;
		font-size: 18px;
    	margin: 0 0 5px 0;
	}
	
	#h_30plan_index.area_index .list_index{
		/*display: block;*/
		display: inline-flex;
    	padding: 0 10px 0 0;
	}
	
    #h_30plan_index.area_index .list_index li .txt{
        line-height: 1.5;
    }
    
	#h_30plan_index.area_index .list_index li,
	#h_30plan_index.area_index .list_index li:nth-child(3n){
		width: 100%;
		line-height: 1.5;
		margin: 8px 0 0 17px;
	}
	#h_30plan_index.area_index .list_index li a::after {
		font-size: 1.2rem;
	}
	
	/*
	#firstguide .area_index .list_index li.new{
		list-style: disc;
		margin: 10px 0 0 17px;
		padding: 0 0 0 5px;
	}
	#firstguide .area_index .list_index li.new a::before{
		display: block;
		font-size: 1.2rem;
		padding: 0 0 0 0;
		line-height: 1;
	}
	*/
	

}



/* -----------------------------------------------------------
    実績紹介エリア
-------------------------------------------------------------- */
#firstguide .works_int_area{
	padding: 50px 0 40px;
	background: url("../img/beforeAfter_regist_bg.jpg");
	background-size: cover;
}
#firstguide .works_int_area .q_mark{
	text-align: center;
}
#firstguide .works_int_area .q_mark img{
	width: 150px;
}
#firstguide .works_int_area h2{
	color: #FEFA4B;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.5;
	text-align: center;
	margin: 0;
	padding: 30px 0 10px;
}
#firstguide .works_int_area .txt{
	color: #fff;
    line-height: 1.8;
	text-align: center;
	font-weight: bold;
	padding: 0 0 30px;
}
#firstguide .works_int_area .btn{
	text-align: center;
}
#firstguide .works_int_area .btn a {
    width: 350px;
    outline: none;
    outline-offset: 0px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 24px 0;
    background: #38A9A9;
    color: #fff;
	border: 1px #fff solid;
	border-radius: 6px;
	font-weight: bold;
}
#firstguide .works_int_area .btn a::after {
    font-family: "FontAwesome";
    content: "\f105";
    width: 20px;
    left: auto;
    height: 20px;
    right: 20px;
    top: 25px;
    margin: auto;
    color: #fff;
}
#firstguide .works_int_area .btn a:hover {
	opacity: .8;
}

@media screen and (max-width:768px){
	
	#firstguide .works_int_area{
		padding: 30px 20px;
	}
	#firstguide .works_int_area .q_mark img{
		width: 120px;
	}
	#firstguide .works_int_area h2{
		font-size: 2rem;
		padding: 10px 0 15px;
	}
	#firstguide .works_int_area .txt{
		text-align: left;
		padding: 0 0 20px;
		font-size: 1.5rem;
	}
	#firstguide .works_int_area .btn a {
		width: 100%;
		font-size: 1.7rem;
		padding: 18px 0;
	}
	#firstguide .works_int_area .btn a::after {
		top: 18px;
	}
	
}




/* -----------------------------------------------------------
    プランバナーエリア
-------------------------------------------------------------- */
#firstguide .plan_bn_area{
	text-align: center;
	padding: 40px 0 10px;
}

#firstguide .plan_bn_area .titile_img{
}

#firstguide .plan_bn_area .bn_box{
	display: flex;
	justify-content: space-between;
	padding: 30px 30px 0;
}
#firstguide .plan_bn_area .bn_box img{
	vertical-align: bottom;
}

#firstguide .plan_bn_area .bn_box a{
	display: block;
	box-shadow: 2px 2px 8px #ddd;
	line-height: 1;
}
#firstguide .plan_bn_area .bn_box a:hover{
	opacity: .8;
}

@media screen and (max-width:768px){
	
	#firstguide .plan_bn_area{
		padding: 0 20px 40px;
	}
	
	#firstguide .plan_bn_area img{
		width: 100%;
		max-width: 480px;
	}

	#firstguide .plan_bn_area .titile_img{
	}

	#firstguide .plan_bn_area .bn_box{
		display: block;
		padding: 0;
	}
	#firstguide .plan_bn_area .bn_box a{
		margin: 15px auto 0;
	}
	
}