@charset "UTF-8";
/* plan.css */


#ContentsContainer {
	background:none;
}
#Contents {
	width:1000px;
	float:none;
}
#Contents h2 {
	margin-bottom:20px;
}
#Contents h4 {
	margin:50px 0 0 0 ;
	padding:0;
	line-height:0.1em;
	text-align:center;
}
#PlanContents {
	background:url(/images/plan/plan/BgContents.png) repeat-y;
}
#Main {
	position:relative;
	width:1000px;
	height:397px;
}
#Main h3 {
	position:absolute;
	top:0;
	left:0;
}
#Main p {
	position:absolute;
	bottom:20px;
	left:65px;
	line-height:2em;
	font-size:13px;
}
#PlanNav {
	margin-left:100px;
	padding-top:30px;
	list-style-type:none;
	overflow:hidden;
}
#PlanNav li {
	width:260px;
	height:44px;
	float:left;
	margin:0 10px 10px 0;
	line-height:2em;
}
#PlanNav li a {
	display:block;
	width:260px;
	height:0;
	padding-top:44px;
	overflow:hidden;
	background:url(/images/plan/plan/Nav.png) no-repeat;
}
#PlanNav li#PlanNav01 a:hover {
	background-position:0 -44px;
}
#PlanNav li#PlanNav02 a {
	background-position:-260px 0;
}
#PlanNav li#PlanNav02 a:hover {
	background-position:-260px -44px;
}
#PlanNav li#PlanNav03 a {
	background-position:-520px 0;
}
#PlanNav li#PlanNav03 a:hover {
	background-position:-520px -44px;
}
#PlanNav li#PlanNav04 a {
	background-position:-780px 0;
}
#PlanNav li#PlanNav04 a:hover {
	background-position:-780px -44px;
}
#PlanNav li#PlanNav05 a {
	background-position:-1040px 0;
}
#PlanNav li#PlanNav05 a:hover {
	background-position:-1040px -44px;
}
#PlanNav li#PlanNav06 a {
	background-position:-1300px 0;
}
#PlanNav li#PlanNav06 a:hover {
	background-position:-1300px -44px;
}
#CBContainer {
	position:relative;
	width:930px;
	height:396px;
	margin:0 auto;
}
#CBText {
	position:absolute;
	top:30px;
	left:280px;
	width:630px;
	line-height:1.8em;
	font-size:13px;
}
#CBLink {
	position:absolute;
	bottom:0;
	left:30px;
	width:226px;
	height:39px;
}
#CBLink a {
	display:block;
	width:226px;
	height:0;
	padding-top:39px;
	background:url(/images/plan/plan/BtnCB.png) no-repeat;
	overflow:hidden;
}
#CBLink a:hover {
	background-position:0 -39px;
}
.contentsImage {
	text-align:center;
}
#CustomText {
	width:890px;
	margin:30px auto;
	line-height:2em;
	font-size:13px;
}
#MagazineText {
	width:890px;
	margin:30px auto;
	line-height:2em;
	font-size:13px;
}
.separate {
	margin-bottom:50px;
}
#BtnContactSet {
	margin-top:30px;
	padding-left:80px;
	list-style-type:none;
	overflow:hidden;
}
#BtnContactSet a {
	display:block;
	width:403px;
	height:0;
	padding-top:81px;
	overflow:hidden;
	line-height:2em;
	background:url(/images/plan/BtnApply.png) no-repeat;
}
#BtnContactSet li {
	float:left;
	margin:0 10px;
}
#BtnContactSet #BtnApply a:hover {
	background-position:0 -81px;
}
#BtnContactSet #BtnContact a {
	background-position:-403px 0;
}
#BtnContactSet #BtnContact a:hover {
	background-position:-403px -81px;
}
#PlanFooter {
	clear:both;
	line-height:0.1em;
}
#TitleSample {
	margin-bottom:20px;
	text-align:center;
}
#SampleImage {
	padding-bottom:60px;
	text-align:center;
}
#SampleImage img {
	margin:0 10px;
}

/*掲載プランのご案内*/
/*#Title03 {
	position:relative;
}
#Title03 area {
	cursor:default;
}
#PlanImg01,#PlanImg02 {
	display:none;
}
#PlanImg01 {
	position:absolute;
	top:119px;
	right: 80px;
}
#PlanImg02 {
	position:absolute;
	top:119px;
	right:-18px;
}

*/





















.sp{
	display:none;
}
.pc{
	display:block;
}

#infoBox{
	width:100%;
	margin:0 auto;
	letter-spacing:0.1em;
	font-size: 14px;
	line-height:1.3em;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
h2{
	background:#fff;
	font-size:18px;
	font-weight:normal;
	width:100%;
	padding: 30px 0;
	margin-bottom:20px;
}
h2 p{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding-left:20px;
}
h2 p:before{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #000000;
	top:2px;
	left:0;
}
h2 span{
	font-size:12px;
	color:#fff;
	background:#828282;
	border-radius:20px;
	padding:2px 20px;
	display:inline-block;
	margin:0 0 0 30px;
}

#infoInner{
	background:url(/images/plan/backimg.png);
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	color:#666;
}

/*==============================
			infoHeader
================================*/
.infoHeader{
	background:url(/images/plan/infoHeaderBack.png);
	width:939px;
	height:363px;
	margin:0 auto;
	position:relative;
}
.infoHeader p{
	position: absolute;
    bottom: 22px;
    left: 30px;
    line-height: 2em;
	letter-spacing:0;
}

/*==============================
			infoNav
================================*/
.infoNav{
	text-align:center;
	margin:30px auto 0;
}
.infoNav ul li{
	list-style:none;
	width:250px;
	padding-left:10px;
	height:44px;
	line-height:44px;
	display:inline-block;
	border:3px #AFA9A8 solid;
	border-radius:10px;
	background:#fff url(/images/plan/IconArrow.png) no-repeat center right 5px;
	background-size:30px auto;
	text-align:left;
	margin:0 3px 15px;
}
.infoNav ul li a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	letter-spacing:0;
	display:block;
}
.infoNav ul li:hover{
	background:#FFFFCA url(/images/plan/IconArrow.png) no-repeat center right 5px;
	background-size:30px auto;
}

/*==============================
			InnerBox
================================*/
.InnerBox{
	width:930px;
	margin:0 auto;
}
.InnerBox h3{
	background:#898585;
	color:#fff;
	font-size:18px;
	position:relative;
	width:876px;
	height:37px;
	line-height:37px;
	padding-left:30px;
	margin:50px 0 40px 20px;
	font-weight:normal;
}
.InnerBox h3:before{
	content:"";
	position:absolute;
	left:-22px;
	top:-7px;
	width:49px;
	height:49px;
	display:block;
	background:url(/images/plan/IconArrow.png) no-repeat center left;
}


/*==============================
			infoNavAbout
================================*/
#infoNavAbout div{
	width:875px;
	height:369px;
	background:url(/images/plan/infoNavAboutBack.png) no-repeat;
	margin:0 auto;
	position:relative;
}
#infoNavAbout div p{
	position:absolute;
	line-height: 2em;
	letter-spacing:0;
	top: -5px;
    left: 255px;
}
#infoNavAbout div a{
	position:absolute;
	left:-8px;
	bottom:0;
	background:#8AA000;
	color:#fff;
	height:40px;
	width:216px;
	padding-left:10px;
	letter-spacing:0.05em;
	line-height:40px;
	border-radius:10px;
	text-decoration:none;
}
#infoNavAbout div a:after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #d6e498;
	top:50%;
	right:10px;
	margin-top:-4px;
}
#infoNavAbout div a:hover{
	opacity:.8;
}

/*==============================
			infoNavPlan
================================*/
table{
	border-collapse:separate;
	border-spacing: 0;
}
/**/
#infoNavPlan.InnerBox h3{
	margin-bottom:15px;
}
#infoNavPlan .item{
	text-align:center;
	color:#666;
	float:right;
}
#infoNavPlan .item th{
	background:#FFDA36;
	width:97px;
	height:40px;
	font-size:13px;
	border-top:#ccc solid 1px;
	vertical-align:middle;
}
#infoNavPlan .item th.recommend{
	position:relative;
}
#infoNavPlan .item th.recommend:after{
	content:"";
	position:absolute;
	top:-48px;
	left:50%;
	margin-left:-36px;
	background:url(/images/plan/iconLike.png) no-repeat;
	width:75px;
	height:54px;
}
#infoNavPlan .item th:nth-of-type(1){
	border-left:#ccc solid 1px;
	border-right:1px #fff solid;
	border-radius:10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
}
#infoNavPlan .item th:nth-of-type(3){
	border-right:#ccc solid 1px;
	border-left:1px #fff solid;
	border-radius:0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
}

#infoNavPlan .item td{
	background:#fff;
	width:97px;
	height:34px;
	line-height:34px;
	border:#ccc solid 1px;
	border-bottom:none;
	font-weight:bold;
}
#infoNavPlan .item td:nth-of-type(2){
	border-left:none;
	border-right:none;
}

/**/
#infoNavPlan .detail,
#infoNavPlan .detail02{
	width:929px;
	margin:0 auto;
	color:#666;
}
#infoNavPlan .detail{
	margin-bottom:20px;
}
#infoNavPlan .detail th,
#infoNavPlan .detail02 th{
	width:40px;
	vertical-align:middle;
	background:#898585;
	color:#fff;
	line-height:1.3em;
	font-size:13px;
	font-weight:normal;
}
#infoNavPlan .detail th#information{
	border-radius:10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
}
#infoNavPlan .detail th#announcement{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
#infoNavPlan .detail th#operation{
	border-radius:0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
}
#infoNavPlan .detail02 th{
	border-radius:10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
}
#infoNavPlan .detail td,
#infoNavPlan .detail02 td{
	border-bottom:1px #ccc solid;
}
#infoNavPlan .detail tr:first-child td,
#infoNavPlan .detail02 tr:first-child td{
	border-top:1px #ccc solid;
}
#infoNavPlan .detail td:ladt-child td,
#infoNavPlan .detail02 tr:ladt-child td{
	border-radius:0 0 10px 0;
    -webkit-border-radius:0 0 10px 0;
    -moz-border-radius:0 0 10px 0;
}
#infoNavPlan td{
	text-indent:0.6em;
	padding:8px 0;
	font-size:13px;
}
#infoNavPlan td.contTitle{
	width:150px;
	font-weight:bold;
	background:#fff;
	letter-spacing:0;
	font-size:12px;
}
#infoNavPlan td.contText{
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
	background:#FAFAFA;
	font-size:11px;
	letter-spacing:0;
}
#infoNavPlan td.right,
#infoNavPlan td.standard,
#infoNavPlan td.custom{
	text-align:center;
	background:#fff;
	width:97px;
	font-weight:bold;
	border-right:#ccc solid 1px;
	position:relative;
}
#infoNavPlan td.standard{
	background:#FFFFE4;
}
#infoNavPlan td span.circle{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
	width:20px;
	height:20px;
	background:url(/images/plan/iconCircle.png) no-repeat;
}
#infoNavPlan td span.hyphen{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-7px;
	margin-top:-2px;
	width:14px;
	height:4px;
	background:url(/images/plan/iconHyphen.png) no-repeat;
}
/**/
#infoNavPlan .detail02 td.contText{
	width:444px;
}
#infoNavPlan .detail02 td.contSub{
	background:#fff;
	text-indent:0;
	text-align:center;
	/* width:96px; */
	width:136px;
	border-right:#ccc solid 1px;
}
#infoNavPlan .detail02 td.contSize,
#infoNavPlan .detail02 td.contPrice,
#infoNavPlan .detail02 td.contPrice2{
	text-align:center;
	background:#fff;
	border-right:#ccc solid 1px;
}
#infoNavPlan .detail02 td.contPrice,
#infoNavPlan .detail02 td.contPrice2{
	font-weight:bold;
}
#infoNavPlan .detail02 td.contPrice2{
	border-radius:0 10px 0 0;
    -webkit-border-radius:0 10px 0 0;
    -moz-border-radius:0 10px 0 0;
}
#infoNavPlan .detail tr:last-child td:last-child,
#infoNavPlan .detail02 tr:last-child td:last-child{
	border-radius:0 0 10px 0;
    -webkit-border-radius:0 0 10px 0;
    -moz-border-radius:0 0 10px 0;
}

.tableAttent{
	text-align:right;
	font-size:12px;
	margin:10px 0 0;
}

/*==============================
			infoNavApply
================================*/
#infoNavApply > div{
	width:890px;
	margin:0 auto;
}
/*arrowBox*/
.arrowBox{
	width:142px;
	float:left;
	margin-top:61px;
}
.arrowBox p{
	background:#AAA;
	display:table;
	color:#fff;
	font-weight:bold;
	width:100%;
	text-align:center;
	position:relative;
	letter-spacing:0.15em;
	font-size:18px;
}
.arrowBox p#arrow01,
.arrowBox p#arrow02{
	height:92px;
	border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
	margin-bottom:18px;
}
.arrowBox p#arrow02{
	height:140px;
}
.arrowBox p#arrow03{
	border-radius:5px;
	height:92px;
}
.arrowBox p#arrow01:after,
.arrowBox p#arrow02:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 71px 0 71px;
	border-color: #aaa transparent transparent transparent;
}
.arrowBox p span{
	display:table-cell;
	vertical-align:middle;
}

/*applyTable*/
.applyTable{
	width:710px;
	float:right;
}

.applyItem p{
	width:224px;
	height:32px;
	line-height:32px;
	border:3px solid #CCC;
	border-radius:10px;
	text-align:center;
	background:#FFD100;
	color:#666666;
	font-size:14px;
	letter-spacing:0.1em;
	font-weight:bold;
	float:left;
}
.applyItem p:nth-of-type(2){
	margin:0 10px;
}
.applyCont div{
	border-radius:10px;
	border:1px solid #ccc;
	background:#fff;
	margin-top:20px;
	float:left;
	width:208px;
	text-align:center;
	color:#666;
	padding:0 10px 6px;
}
.applyCont div .applyContTitle{
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin:13px auto 8px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.applyCont div .applyContText{
	font-size:11px;
	letter-spacing:0;
}

.applyCont div:nth-of-type(4){
	padding:0 10px 2px;
	width:208px;
}
.applyCont div:nth-of-type(4) .applyContText{
	letter-spacing:-0.1em;
}

.applyCont div.applyCont02{
	width:448px;
	margin-right:10px;
	padding-bottom:11px;
}
.applyCont div.applyCont02 .applyContTitle{
	margin:13px auto 15px;
	
}

.applyCont div.applyCont03{
	width:688px;
	padding-bottom:13px;
}
.applyCont div.applyCont03 .applyContTitle{
	margin:10px auto 18px;
}
.applyCont div.applyCont03 .applyContText{
	font-size:13px;
	font-weight:bold;
}

.applyContYellow{
	display:inline-block;
	background:#FFFFCA;
	border: solid 2px #ccc;
	width:206px;
	height:32px;
	line-height:32px;
	font-size:13px;
	letter-spacing:0.05em;
	margin-top:15px;
}
.applyContYellow span{
	font-size:17px;
	font-weight:bold;
	display:inline-block;
	margin-right:2px;
}
.applyContYellow span.smallText{
	font-size:12px;
	font-weight:normal;
}
.applyCont div:nth-of-type(4) .applyContYellow{
	width:190px;
	margin:5px 0 8px;
}


/*==============================
			infoNavCustom
================================*/
#infoNavCustom > div >p{
	width: 890px;
    margin: 30px auto;
    line-height: 2em;
    font-size: 13px;
	letter-spacing:0;
}
.customLike{
	width:860px;
	margin:0 auto;
	border:1px solid #ccc;
	border-radius:10px;
	background:#fff;
	padding:20px 0 20px 30px;
}
.customLike p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.customLike li{
	list-style:none;
	font-size:12px;
	color:#666;
	position:relative;
	line-height:2em;
	text-indent:1.4em;
}
.customLike li br{
	display:none;
}
.customLike li:before{
	position:absolute;
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	background:#898585;
	left:2px;
	top:50%;
	margin-top:-3px;
}
.customLike li:after{
	position:absolute;
	content:"";
	background:url(/images/plan/iconRightArrow.png) no-repeat;
	width:24px;
	height:19px;
	left:343px;
	top:50%;
	margin-top:-9px;
}
.customLike li span{
	position: absolute;
    left: 386px;
    letter-spacing: 0;
    line-height: 1.5;
    text-indent: 0;
    text-align: left;
    display: inline-block;
    margin-top: 2px;
    font-size: 13px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffffae 0%);
}
.customCont{
	text-align:center;
}
.customCont > p{
	height:30px;
	line-height:30px;
	font-size:15px;
	padding:0 50px;
	margin:50px auto 0;
	background:#efefef;
	border:3px solid #898585;
	border-radius:30px;
	display:inline-block;
}
.customCont ul{
	list-style:none;
}
.customCont ul li{
	display:inline-block;
	width:214px;
	text-align:center;
	margin:15px 20px 0;
}
.customCont ul li a{
	color:#666;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
.customCont ul li a span{
	font-size:10px;
	display:inline-block;
	margin-bottom:3px;
	letter-spacing:0;
	font-weight:normal;
}
.customCont ul li:first-child a span{
	font-size:11px;
}
.customCont ol{
	width:870px;
	margin:30px auto 0;
	list-style:none;
}
.customCont ol li{
	float:left;
	width:280px;
	padding:0 5px;
	height:132px;
	background:#fff;
	font-size:12px;
	line-height:1.8;
	letter-spacing:-0.06em;
	text-align:center;
	border:3px solid #D7D7D7;
	border-radius:10px;
	margin-right:15px;
	margin-bottom:20px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.customCont ol li:nth-child(3n){
	margin-right:0;
}
.customCont ol li span{
	width:240px;
	display:block;
	font-size:13px;
	letter-spacing:0;
	font-weight:bold;
	padding:12px 0;
	line-height:1;
	margin:0 auto 13px;
	border-bottom:1px solid #ccc;
}
.customCont ol li:nth-child(5) span{
	margin-bottom:25px;
}

.customCont ol li:after{
	content:"";
	position:absolute;
	width:37px;
	height:36px;
	background:url(/images/plan/icon01.png) no-repeat;
	left:16px;
	top:-8px;
}
.customCont ol li:nth-child(2):after{
	background:url(/images/plan/icon02.png) no-repeat;
}
.customCont ol li:nth-child(3):after{
	background:url(/images/plan/icon03.png) no-repeat;
}
.customCont ol li:nth-child(4):after{
	background:url(/images/plan/icon04.png) no-repeat;
}
.customCont ol li:nth-child(5):after{
	background:url(/images/plan/icon05.png) no-repeat;
}
.customCont ol li:nth-child(6):after{
	background:url(/images/plan/icon06.png) no-repeat;
}


/*==============================
			infoNavContact
================================*/
#infoNavContact div{
	width:830px;
	margin:0 auto 80px;
}
#infoNavContact p{
	width:400px;
	height:80px;
	padding-left:50px;
	padding-top:12px;
	float:left;
	background:#FFDC02 url(/images/plan/iconBlackArrow.png);
	background-size:22px auto;
	background-repeat:no-repeat;
	background-position:center left 17px;
	border:2px solid #BFBBB7;
	box-shadow:3px -2px #BFBBB7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#infoNavContact p a{
	font-size:16px;
	display:block;
	line-height:1.8;
	letter-spacing:0.05em;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#infoNavContact p.contactBtn{
	float:right;
	background:#757575 url(/images/plan/iconWhiteArrow.png);
	background-size:22px auto;
	background-repeat:no-repeat;
	background-position:center left 17px;
}
#infoNavContact p.contactBtn a{
	letter-spacing:0;
	color:#fff;
}
#infoNavContact p.contactBtn a span{
	font-size:14px;
}





@media screen and (max-width: 600px) {
	#Contents {
		width:100%;
		overflow:hidden;
	}
/*	#Contents h4 {
		margin-top:5%;
	}
	#Contents h4 img {
		width:98%;
	}
	.contentsImage img {
		width:98%;
	}
	#Main {
		position:static;
		width:96%;
		height:auto;
		margin:0 auto;
	}
	#Main h3 {
		position:static;
		padding:3% 0;
	}
	#Main img {
		width:100%;
	}
	#Main p {
		position:static;
		line-height:1.5em;
		font-size: 12px;
	}
	#Main p br {
		display:none;
	}
	#PlanNav {
		width:100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-bottom:solid 1px #CCCCCC;
		border-left:solid 1px #CCCCCC;
		margin:3% 0 0 0;
		padding:0;
	}
	#PlanNav li {
		width:50%;
		height:40px;
		float:left;
		margin:0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#PlanNav li#PlanNav01 a,
	#PlanNav li#PlanNav02 a,
	#PlanNav li#PlanNav03 a,
	#PlanNav li#PlanNav04 a,
	#PlanNav li#PlanNav05 a,
	#PlanNav li#PlanNav06 a {
		display:block;
		width: 100%;
		height: auto;
		border-top:solid 1px #CCCCCC;
		border-right:solid 1px #CCCCCC;
		padding:0 3%;
		overflow:auto;
		background:none;
		background: url(/images/sp/IconDown.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
		background: url(/images/sp/IconDown.png) no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background: url(/images/sp/IconDown.png) no-repeat, linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
		background-position:98% center, 0;
		background-size:10px, 100%;
		line-height:1.5em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		line-height:40px;
		color:#666666;
		font-size:11px;
		font-weight:bold;
	}
	#PlanNav li#PlanNav01 a:hover,
	#PlanNav li#PlanNav02 a:hover,
	#PlanNav li#PlanNav03 a:hover,
	#PlanNav li#PlanNav04 a:hover,
	#PlanNav li#PlanNav05 a:hover,
	#PlanNav li#PlanNav06 a:hover {
		background-position:98% center, 0;
	}
	#CBContainer {
		position:static;
		width:96%;
		height:auto;
		margin:0 auto;
	}
	#CBContainer img {
		width:100%;
	}
	#CBImage {
		margin:3% 0;
	}
	#CBLink {
		position:static;
		width: 226px;
		height: 39px;
		transform:scale(0.7,0.7);
		-webkit-transform:scale(0.7,0.7);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	#CBText {
	position: static;
	width:100%;
	margin-bottom:3%;
	line-height: 1.5em;
	font-size: 12px;
	}
	#CBText br {
		display:none;
	}
	#CustomText {
		width: 96%;
		margin: 3% auto;
		line-height: 1.5em;
		font-size: 12px;
	}
	#CustomText br {
		display:none;
	}
	#TitleSample {
		width:90%;
		margin:0 auto 3% auto;
	}
	#SampleImage {
		padding-bottom:5%;
	}
	#SampleImage img {
		width:140px;
		margin:2%;
	}
	.separate {
		margin-bottom:5%;
	}
	#BtnContactSet {
		width:201px;
		margin:0 auto;
		padding:0;
	}
	#BtnContactSet li {
		margin:3% 0 0 0;
		float:none;
	}
	#BtnContactSet a {
		display: block;
		width: 201px;
		height: 0;
		padding-top: 40px;
		overflow: hidden;
		line-height: 2em;
		background: url(/images/plan/BtnApply.png) no-repeat;
		background-size:403px 81px;
		-webkit-background-size:403px 81px;
	}
	#BtnContactSet #BtnContact a {
		background-position: -201px 0;
	}
	#BtnContactSet #BtnApply a:hover {
	background-position:0 0;
	}
	#BtnContactSet #BtnContact a:hover {
		background-position:-201px 0;
	}
	#PlanFooter img {
		width:100%;
	}*/
  
  .sp{
	display:block;
}
.pc{
	display:none;
}

#infoInner{
	width:100%;
}
h2{
	margin-bottom:0;
}
h2 p{
	width:90%;
	margin: 15px auto 0;
	text-align:left;
}
h2 span{
	margin:5px 0 0 -20px;
	display:block;
	text-align:center;
}
h2 p:before{
	left:2px;
}
.InnerBox{
	width:100%;
}
.infoHeader{
	width:100%;
	margin:0 auto;
	background:#fff;
	height:auto;
	padding-bottom:20px;
}
.infoHeader p{
	position:static;
	line-height:1.5em;
}
.infoHeader p img{
	width:100%;
}
.infoHeader .mainTitile,
.infoHeader .subTitile{
	width:95%;
	text-align:center;
	margin:10px auto;
	font-size: 18px;
	line-height:1.3;
	padding:7px 0 5px;
    background: #FFD210;
	border-radius:3px;
	font-weight:bold;
}
.infoHeader .subTitile{
	font-size:14px;
	color:#FFD210;
	background:none;
	padding:0;
}
.infoHeader .subText{
	width:90%;
	margin:0 auto;
}
.infoHeader .subText br{
	display:none;
}


.infoNav{
	margin:0;
}
.infoNav ul li{
	width:50%;
	float:left;
	margin:0 auto 10px;
	padding-left:5px;
	border:none;
	border-top:1px solid #ccc;
	border-radius:0;
	background: #fff url(/images/plan/IconArrow.png) no-repeat center right 3px;
	background-size: 15px auto;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.infoNav ul li:nth-child(2n-1){
	border-right:1px solid #ccc;
	
}
.infoNav ul li:hover {
    background: #fff url(/images/plan/IconArrow.png) no-repeat center right 3px;
	background-size: 15px auto;
}
.infoNav ul li a{
	letter-spacing:0;
	font-size:12px;
}
.infoNav ul li span{
	display:none;
}
.InnerBox h3{
	width:90%;
	margin:20px 0 10px 6%;
	font-size:15px;
	letter-spacing:0;
	height:auto;
	line-height:1;
	padding:10px 0 10px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.InnerBox h3:before{
	width:35px;
	height:35px;
	left:-15px;
	top:0px;
	background-size:contain;
}


#infoNavAbout div{
	background:none;
	width:95%;
	height:auto;
}
#infoNavAbout div p{
	position:static;
	line-height:1.5em;
	width:57%;
	float:right;
}
#infoNavAbout div p br{
	display:none;
}
#infoNavAbout div a{
	position:relative;
	display:inline-block;
	width:90%;
	padding:0;
	text-align:center;
	left:0;
	margin:10px 5% 0;
}
#infoNavAbout div .infoAboutImg{
	width:40%;
	margin:0 auto;
	float:left;
}
#infoNavAbout div .infoAboutImg img{
	width:100%;
}


.infoFlowTitle{
	width:95%;
	font-size:16px;
	text-align:center;
	line-height:1.5em;
	letter-spacing:0;
	margin:0 auto 10px;
	font-weight:bold;
}
.FlowCompedia{
	width:100%;
	background:#FFD200;
	padding-bottom:20px;
	margin-bottom:20px;
}
.FlowCompedia img,
.FlowCreatorsbank img{
	width:100%;
}
.FlowCompedia p,
.FlowCreatorsbank p{
	padding:10px;
	background:#fff;
}
.FlowCompedia p span,
.FlowCreatorsbank p span{
	color:#C00;
}

.FlowCreatorsbank{
	width:100%;
	background:#88A30A;
	padding-bottom:20px;
}


#infoNavPlan td.contText,
#infoNavPlan .item{
	display:none;
}
#infoNavPlan .detail, #infoNavPlan .detail02{
	width:100%;
}
#infoNavPlan > div{
	width:95%;
	margin:70px auto 0;
	letter-spacing:0;
	line-height:1.5em;
}
#infoNavPlan .detail{
	margin-bottom:10px;	
}
#infoNavPlan td.right,
#infoNavPlan td.standard,
#infoNavPlan td.custom{
	width: 20%;
    text-align: center;
    font-size: 11px;
    padding: 8px 2px;
	vertical-align: middle;
    text-indent: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
#infoNavPlan tr:nth-of-type(1) td.right:before,
#infoNavPlan tr:nth-of-type(1) td.standard:before,
#infoNavPlan tr:nth-of-type(1) td.custom:before{
	position:absolute;
	content:"ライト \A ¥30,000~";
	white-space: pre ;
	left:0;
	top:-42px;
	height:30px;
	width:100%;
	background:#FFD200;
	color:#666;
	font-size:10px;
	letter-spacing:0;
	line-height:1.5em;
	padding:8px 0 3px;
	border-radius:10px 10px 0 0;
}
#infoNavPlan tr:nth-of-type(1) td.standard:before{
	content:"スタンダード \A ¥60,000~";
}
#infoNavPlan tr:nth-of-type(1) td.standard:after{
	content: "";
    position: absolute;
    top: -90px;
    left: 50%;
    margin-left: -38px;
    background: url(/images/plan/iconLike.png) no-repeat;
    width: 75px;
    height: 54px;
}
#infoNavPlan tr:nth-of-type(1) td.custom:before{
	content:"カスタム \A ¥300,000~";
}
#infoNavPlan td.contTitle{
	text-indent:0;
	padding:8px 4px;
}
#infoNavPlan td.right,
#infoNavPlan .detail02 td.contSub{
	border-left: 1px #ccc solid;
}

#infoNavPlan .detail02 td.contSub,
#infoNavPlan .detail02 td.contSize,
#infoNavPlan .detail02 td.contPrice,
#infoNavPlan .detail02 td.contPrice2{
	width: 20%;
    text-align: center;
    font-size: 11px;
    padding: 8px 2px;
    text-indent: 0;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	letter-spacing:0;
	line-height:1.5em;
}
#infoNavPlan .detail02 td.contSize span{
	display:block;
}
#infoNavPlan td.contTitle{
	width:35%;
	vertical-align: middle;
}



#infoNavApply > div{
	width:90%;
	margin:0 auto 0;
	padding-left:10px;
}
.arrowBox{
	display:none;
}
.applyTable{
	width:95%;
}
.applyCont div,
.applyCont div.applyCont01,
.applyCont div.applyCont02,
.applyCont div.applyCont03{
	margin:0;
	border-radius:0;
	padding: 0 5px 10px;
	line-height:1.3;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.applyCont div.applyCont01{
	width:33%;
	border-left:none;
}
.applyCont div.applyCont03{
	width:99%;
}
.applyCont div:nth-of-type(1),
.applyCont div:nth-of-type(2){
	height:100px;
}
.applyCont div:nth-of-type(3),
.applyCont div:nth-of-type(4){
	border-top:none;
	border-bottom:none;
	height:175px;
}
.applyCont div.applyCont01 .applyContTitle,
.applyCont div.applyCont02 .applyContTitle,
.applyCont div.applyCont03 .applyContTitle{
	margin:10px auto;
}
.applyCont div br{
	display:none;
}
.applyContYellow{
	width:47%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.applyContYellow span.smallText{
	font-size:10px;
}
.applyCont div:nth-of-type(4) .applyContYellow{
	width:100%;
	height:auto;
	line-height:1.5;
	padding:0;
	font-size:10px;
	letter-spacing:0;
}
.applyCont div .applyContTitle{
	font-size:12px;
	letter-spacing:0;
}

.applyItem p,
.applyItem p:nth-of-type(2){
	width:33%;
	margin:0;
	padding:6px 0 4px;
	line-height:1;
	font-size:12px;
	height:auto;
	border:1px solid #ccc;
	border-radius:10px 10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.applyCont div.applyCont02{
	width:66%;
}

.applyCont div.applyCont02:nth-of-type(1):before,
.applyCont div.applyCont02:nth-of-type(3):before,
.applyCont div.applyCont03:before{
	position:absolute;
	content:"S \A T \A E \A P \A 1";
	font-size:12px;
	white-space: pre ;
	left:-30px;
	width:25px;
	padding-left:9px;
	padding-top:10px;
	height:100%;
	background:#ccc;
	text-align:left;
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.applyCont div.applyCont02:nth-of-type(3):before{
	content:"S \A T \A E \A P \A 2";
}

.applyCont div.applyCont03:before{
	content:"S \A T \A E \A P \A 3";
	padding-top:5px;
	line-height:1.1;
}

#infoNavCustom > div >p{
	width:90%;
	margin:0 auto 10px;
	letter-spacing:0;
	font-size:14px;
	line-height:1.5em;
}
.customLike{
	width:100%;
	padding:10px;
	border:none;
	border-radius:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.customLike p{
	text-align:center;
	font-size:15px;
	letter-spacing:0;
}
.customLike li{
	text-indent:0;
	padding-left:1.5em;
	line-height:1.5;
	margin-bottom:10px;
}
.customLike li br{
	display:block;
}
.customLike li:before{
	top:5px;
	margin:0;
}
.customLike li span{
	    position: relative;
    left: 0;
	display: initial;
}
.customLike li:after{
	display:none;
}
.customLike li span:after{
	position: absolute;
    content: "";
    background: url(/images/plan/iconRightArrow.png) no-repeat;
    margin-top: -9px;
	background-size:contain;
	width:13px;
	height:13px;
	left:-18px;
	top:10px;
}


.customCont > p{
	width:80%;
	margin:20px auto 0;
	height:auto;
	line-height:1.5em;
	letter-spacing:0;
	font-size:15px;
	padding:10px;
	border:1px solid #898585;
	border-radius:5px;
}
.customCont ul li{
	width:43%;
	margin:10px 1px 0;
	text-align:left;
}
.customCont ul li img{
	width:100%;
}


.customCont ol{
	width:95%;
}
.customCont ol li{
	width:100%;
	height:auto;
	padding:0 15px 10px;
	margin-bottom: 10px;
}
.customCont ol li br{
	display:none;
}
.customCont ol li span,
.customCont ol li:nth-child(5) span{
	width:100%;
	padding: 10px 0 8px;
	margin: 0 auto 4px;
}

#infoNavContact div{
	width:90%;
	margin:0 auto;
}
#infoNavContact p,
#infoNavContact p.contactBtn{
	width:100%;
	float:none;
	height:auto;
	padding:10px 5px 10px 30px;
	margin:0 auto 10px;
	background-size: 14px auto;
	background-position: center left 8px;
}
#infoNavContact p a{
	font-size:13px;
	letter-spacing:0;
	line-height:1.5em;	
}
#infoNavContact p.contactBtn a span{
	font-size:12px;
}
}