@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* リスト要素をリセットする ---------------- */
dl,dt,dd,ol,ul,li	{
	list-style-position: outside;
	list-style-type: none;
}
/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* floatの解除 ------------- */
.fbox{
	clear:both;
	_display: inline-block;
	min-height: 1%;
}
.fbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}



/* ===================================================================

	スタイルの設定

=================================================================== */
html {
	font-size:14px;
}
body{
	color:#444444;
	line-height:1.5;
	margin:0;
	background:#ffffff;
}
#contents {
	box-sizing: border-box;
}
#contents * {
	box-sizing: border-box;
}
img {
	max-width: 100%;
}



/* ---------------- 上書き ------------- */
strong {font-weight:bold;}
p,li,dl,dt,dd {line-height:1.5;}
.red{	color:#F40027;}
.red2{	color:#DC0000;}
.blue{	color:blue;}
.blue{	color:blue;}
.txt-left {	text-align:left;}
.txt-right {	text-align:right;}


.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(51,51,51,0.7);
	display: none;
}

/* ===================================================================
	通常のリンク
=================================================================== */
a:link {
	color: #558BC6;
	text-decoration: none;
}
a:visited {
	color: #558BC6;
	text-decoration:none;
}
a:hover {
	color: #7BA8DB;
	text-decoration:none;
}
a:active {
	color: #7BA8DB;
	text-decoration:none;
}
/* メインエリアはリンクにアンダーライン */
/*#main a{
	text-decoration:underline;
}*/

/* ===================================================================
	#header
	ヘッダー
=================================================================== */
header {}
.top_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
}
.logo {
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
}
.logo img {
	width: 220px;
}
.logo span{
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: bottom;
}
/*ヘッダーの右フォーム*/
.top_form{
	display:flex;
}

/*電話番号*/
.tel_form{
}
.tel_mini{
	color: #00277E;
	margin: 0 0 5px 35px;
	font-size: 0.9rem;
}
.mail_form_btn {
	margin-left: 10px;
}

/*スマホ版*/
.top_form_sp{
	display: none;
}
.top_btn_sp {
	display: none;
}
.top_tel_sp {
	display: none;
}


/* ===================================================================
	#footer
	フッター
=================================================================== */
footer{
	background: #FFC515;
}


/* -------------- address -------------- */
address {
	margin:0;
	padding: 20px 0 20px;
	text-align:center;
	font-style: normal;
}





/* ===================================================================
	共通CSS
=================================================================== */

/* 20200207草追加 */
.top_img {
	text-align: center;
}
.top_img img {
	width: 100%;
}

/*トップタイトル画面*/
.top{
	background: url("../img/top_pic.png") no-repeat;
	background-size: cover;
/*
	background: url("../img/top_pic.png") no-repeat;
	background-size: cover;
	padding-bottom: 45%;
*/
}
/*1ヵ月掲載で月12000円＿見出し*/
.top_design{
	max-width: 75%;
	margin: 0 0 0 auto;
	padding: 50px 0;
	text-align: right;
	/*
	max-width: 90%;
	position: absolute;
	right: 0px;
	padding: 20px 0;
	*/
}

/* 問い合わせフォームライン
----------------------------------- */
.contact {
	margin: 50px 0;
	padding: 20px;
	background: #FFC515;
	box-shadow: 0 4px 0 #BF9410;
}
.top_contact {
	margin-top: 0;
}
.contact_inner {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact_mail {
	margin-right: 10px;
}
.contact_register {
	margin-right: 20px;
}
.contact_register .pc {
	display: inline;
}
.contact_register .sp {
	display: none;
}




/* 安さの理由
----------------------------------- */
.reason_yasusa {
	background: #FFCC00;
	margin: 80px 0;
	padding: 30px 0;
}
.reason_title {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
}
.reason_title span{
	background: url("../img/back_prizm.png") no-repeat center left,url("../img/back_prizm.png") no-repeat center right;
	padding: 0px 50px;
}
/*安さの理由タイトルアイコン*/
.reason_icon {
	margin-bottom: 20px;
	text-align: center;
}
/*安さの理由テキスト*/
.text_reason {
	font-size: 18px;
	font-weight: bold;
	width: 800px;
	text-align: center;
	margin: 10px auto 40px;
}
/*背景の工具*/
.text_reason {
	background: url("../img/back_kougu.png") no-repeat right;
	padding: 0px 80px;
}
.text_reason p {
	line-height: 2em;
}
/*ワード強調箇所*/
.pushword1,
.pushword2 {
	background: #FFFFFF;
	padding: 0 0.3em;
}
.pushword1{
	color: #FF3333;
}
.pushword2{
	color: #003399;
}
.keisaihiyou_text{
	margin: 0 0.5em;
	border-bottom: solid #FF3333 3px;
	font-size: 150%;
}

.reason_hyou {
	max-width: 920px;
	margin: 0 auto;
}
/*表全体*/
.hyou{
	width: 100%;
	margin: 20px auto 10px;
	background: #FFFFFF;
	text-align: center;
}
.hyou th,.hyou td{
	border-bottom: solid 1px #FFCC00;
	padding: 35px 40px;
	font-size: 25px;
	font-weight: bold;
	vertical-align: middle;
}

/*セルフプランの強調ピンク*/
.td_selfplan{
	background: rgba(255,102,153,0.1);
	padding: 0px 50px;
}
/*マルバツ*/
.kigou{
	font-size: 200%;
	color: #989898;
}
/*インディード・グーグル*/
.mini{
	font-size: 70%;
}
/*3ヵ月プランから（小）*/
.hyou p.nomalplan_notice{
	font-size: 60%;
}
/*テキスト強調赤*/
.price_selfplan,
.selfplan_kikan{
	color: #FF3333;
}
/*セルフプラン金額強調*/
.price_selfplan{
	font-size: 130%;
}
.small{
	font-size: 65%;
}
/*注意書き*/
.plan_notice{
	font-size: 11px;
	text-align: center;
}




/* パワピタが選ばれる理由 
 --------------------------------------*/
.reason_erabareru {
	margin: 80px 0;
}
.reason2_title {
	margin: 60px auto 30px;
	text-align: center;
}
.reason2_title_txt {
	font-size: 24px;
}
.reason2_title img {
	vertical-align: baseline;
}


/*理由一覧*/
.money,
.time,
.lazy,
.point {
	display: flex;
	justify-content: space-between;
	margin: 20px 0px;
	background: #FFCC00;
/*	position: relative;*/
}

/*左側probrem全体*/
.probrem{
	display: flex;
	justify-content: space-between;
	background: #FFE8A1;
	border-top: solid #FFFFFF 10px;
	border-bottom: solid #FFFFFF 10px;
	width: 40%;
	margin: 0;
	margin-left: 5%;
}
/*probremアイコン*/
.icon_probrem{
	width: 26%;
	padding: 0 2%;
	align-self: center;
	flex-shrink: 0;
	flex-grow: 0;
	text-align: center;
}
/*左テキスト＿問題点*/
.probrem_text{
	width: 59%;
	padding: 0 2%;
	font-size: 18px;
	font-weight: bold;
	align-self: center;
	color: #1D2B53;
}
.arrow{
	background: rgba(255,255,255,0.5) url("../img/arrow_line.png") no-repeat center center;
	width:15%;
	min-height: 145px;
}


/*右側全体*/

.answer{
/*	position: relative;*/
	width: 55%;
	align-self: auto;
	padding: 15px 0;
	text-align: center;
	font-size: 18px;
	align-self: center;
}
.money .answer,
.lazy .answer{
/*	padding-top: 40px;*/
}
.time .answer,
.point .answer{
/*	padding-top: 40px;*/
}

/*テキスト＿アンサー*/
.text_right,
.text_right_lazy{
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
}
/*色んなサイトに掲載・・・*/
.text_right_lazy span{
	border-bottom: solid #FF3333 thick;
}

/*ミニアイコン1ヵ月掲載12000とINDEED・GOOGLE*/
.mini_icon{
	/*
	position: absolute;
	right: 0px;
	top: 10px;*/
	text-align: right;
	margin-bottom: 10px;
}

/*右テキスト上のミニテキスト*/
.text_mini{
	font-weight: bold;
}



/* セルフプラン
-------------------------------------*/
.self_plan {
	margin: 0 0 80px;
}
.selfplan_title {
	max-width: 400px;
	padding: 20px;
	margin: 30px auto 0;
	background: #FFE8A1;
	text-align: center;
	font-size: 30px;
	border-radius: 5px 5px 0 0;
}
/*セルフプランなら全体*/
.selfplan {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	padding: 40px 20px;
	background: #FFE8A1;
}
/*初期費用無料・成功報酬・その他追加料金*/
.selfplan_point {
	width: 140px;
	min-height: 141px;
	margin: 0 30px;
	padding: 0;
	font-size: 21px;
	font-weight: bold;
	background: url("../img/coin_backwhite.png") no-repeat center center;
	text-align: center;
	
	display: flex;
	align-items: center;
}
.selfplan_point span {
	width: 100%;
	align-self: center;
}
/*矢印下*/
.arrow_down{
	margin: 0px auto;
	padding: 50px 0 0;
	background: url("../img/arrow_down.png") no-repeat top center;
	text-align: center;
}
.keisaihiyounomi{
	font-size: 60px;
	font-weight: bold;
	border-bottom: solid #CC3333 5px;
	margin: 20px auto 20px;
	line-height: 1;
}


/* スグに掲載できる
---------------------------------- */
.quick {
	margin: 80px 0;
}
.quick_title {
	margin: 0 auto 40px;
	text-align: center;
}
.speed{
	display: inline-block;
	padding-left: 75px;
	background: url("../img/enpitsu_midasi.png") no-repeat 10px center;
	border-bottom: solid #003366 5px;
	font-size: 48px;
}
.speed .speed_em{
	color: #FFCC00;
}
.title_3{
	text-align: center;
}

.flow_sp{
	display: none;
}

/*流れ詳細*/
.roundarea{
	width: 930px;
	margin: 0 auto;
}
/*カメラ写真周辺*/
.camera{
	display: flex;
	margin: 50px auto 20px;
	/*padding-left: 70px;*/
}
/*カメラマンの図*/
.camera img{
/*	min-width: 380px;*/
}
.round1{
	background: #FFD144;
	height: 400px;
	width: 400px;
	margin-left: -30px;
	margin-top: 30px;
	border-radius: 50%;
	font-weight: bold;
}
.round1 .round1text{
	padding-top: 130px;
	padding-left: 60px;
	line-height: 2.3em;
}
.round2{
	background: #FFD144;
	height: 380px;
	width: 380px;
	border-radius: 50%;
	font-weight: bold;
	margin-top: 340px;
	padding-right: 0px;
	margin-right: -50px;
}
.round2 .round2text{
	line-height: 2.3em;
	padding-top: 120px;
	padding-right: 80px;
	text-align: right;
}

.roundtext_border{
	border-bottom: solid #FFF thick;
}
.post{
	display: flex;
	margin: -420px auto 30px;
	justify-content: flex-end;
}
.post_pic img{
	min-width: 0px;
}
.post_pic_sp{
	display: none;
}
/*バナー*/
.low_banar{
	width: 96%;
	text-align: center;
	margin: 50px auto;
}



/* 応募につながる理由 --------------- */
#reason_oubo {
	margin: 80px 0;
}
.reason_oubo_box {
	padding: 40px 0;
	background: #FFF4D1;
}
.reason_oubo_inner {
	max-width: 920px;
	width: 90%;
	margin: 0 auto;
}
.reason_oubo_title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 600;
}
.reason_oubo_txt {
	margin: 20px 0;
	text-align: center;
	font-size: 1.2rem;
}
.reason_oubo_img {
	text-align: center;
}






/* ===================================================================
	レスポンシブ対応用
=================================================================== */


/* タブレット */
@media (max-width : 979px ){
	.minitext_header {
		font-size: 0.8rem;
	}
	.logo img{
		width: 150px;
		vertical-align: baseline;
	}
	.tel_mini {
		font-size: 10px;
	}
	
	/*ロゴ左トップ*/
	.logo span{
		font-size: 18px;
		margin-left: 5px;
	}
	/*PC版*/
	.top_form{
		display: none;
	}
	
	.top_tel_sp {
		display: block;
	}
	.top_btn_sp {
		width: 100%;
		display: block;
		display: flex;
		padding: 0;
	}
	.top_btn_sp > div {
		width: 50%;
	}
	.top_btn_sp > div a {
		display: block;
		padding: 10px;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	.btn_sp_mail a {
		background: #FFC515;
	}
	.btn_sp_register a {
		background: #00277E;
	}
	
	.tel_sp{
		padding-right: 10px;
	}
	
	.text_reason {
		width: auto;
	}
	
	/*表全体*/
	.hyou{
		width: 100%;
	}
	.hyou th,.hyou td{
		padding: 20px 10px;
		font-size: 16px;
	}
	.plan_notice {
		width: 96%;
		margin:  0 auto;
		text-align: left;
	}
	
	.probrem {
		width: 43%;
		margin-left: 2%;
	}
	.probrem_text {
		font-size: 16px;
	}
	.probrem_text br {
		display: none;
	}
	.answer {
		padding: 10px 0;
		font-size: 16px;
	}
	
	
	/*流れ詳細*/
	.roundarea {
		width: 96%;
		margin: 30px auto;
	}
	/*カメラ写真周辺*/
	.camera{
		display: flex;
		margin: 0 0 20px;
	}
	.camera_pic {
		width: 25%;
		margin-right: 4%;
		flex-shrink: 0;
	}
	.camera_pic img {
		max-width: 100%;
	}
	.round1{
		height: auto;
		width: auto;
		margin: 0;
		padding: 20px;
		background: #FFD144;
		border-radius: 10px;
		font-weight: bold;
		font-size: 16px;
	}
	.round1 .round1text{
		padding: 0;
		margin: 0;
		font-size: 1rem;
	}
	.post{
		margin: 0;
	}
	.round2 {
		height: auto;
		width: auto;
		margin: 0;
		padding: 20px;
		background: #FFD144;
		border-radius: 10px;
		font-weight: bold;
		font-size: 16px;
	}
	.round2 .round2text{
		padding: 0;
		margin: 0;
		font-size: 1rem;
	}
	.roundarea .sp {
		display: none;
	}
	
	.post_pic{
		display:none;
	}
	.post_pic_sp{
		display: block;
		width: 25%;
		margin: 0 0 0 4%;
		padding: 0;
		flex-shrink: 0;
	}
	
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	.top_header {
		padding: 15px;
	}
	.minitext_header {
		font-size: 0.7rem;
	}
	.logo img{
		width: 120px;
	}
	.logo span {
		font-size: 14px;
	}
	.top_tel_sp img {
		width: 150px;
	}
	.tel_mini {
		font-size: 9px;
		margin: 0 0 2px 18px;
	}
	
	/* 問い合わせフォームライン
	----------------------------------- */
	.contact {
	}
	.contact_inner {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.contact_mail,
	.contact_register {
		width: 48%;
		margin: 0;
	}
	.contact_register .pc {
		display: none;
	}
	.contact_register .sp {
		display: inline;
	}
	.contact_tel {
		width: 100%;
		margin-top: 15px;
	}
	
	
	/*安さの理由*/
	.reason_title {
		font-size: 30px;
	}
	.text_reason{
		width: 100%;
		padding: 0 2%;
		background: none;
		font-size: 16px;
	}
	
	/*表全体*/
	.hyou{
		width: 100%;
	}
	.hyou th,.hyou td{
		padding: 20px 5px;
		font-size: 14px;
	}
	
	
	/*理由一覧*/
	.reason2_title img {
		width: 200px;
	}
	.reason2_title_txt {
		font-size: 14px;
	}
	.money,
	.time,
	.lazy,
	.point{
		margin: 10px 0px;
	}

	/*バックグラウンド指定*/
	.money{
		padding: 0px;
	}
	/*左テキスト＿問題点*/
	.probrem_text{
		font-size: 14px;
	}
	.probrem_text br {
		display: none;
	}

	
	/*左側probrem全体*/
	.probrem{
	}
	/*probremアイコン*/
	.icon_probrem{
		display: none;
	}
	.probrem_text {
		padding: 10px 5%;
		width: calc(100% - 40px);
	}
	.arrow{
		width:40px;
		min-height: 100px;
		background: rgba(255,255,255,0.5) url(../img/arrow_line.png) no-repeat center center;
		background-size: 20px auto;
	}
	
	
	/*右側全体*/
	.answer {
		padding: 0;
		font-size: 14px;
	}
	.money .answer,
	.lazy .answer {
		
	}
	.time .answer,
	.point .answer {
		padding: 0;
	}
	/*テキスト＿アンサー*/
	.text_right,
	.text_right_lazy{
		font-size: 120%;
	}
	/*色んなサイトに掲載・・・*/
	.text_right_lazy span{
		border-bottom: solid #FF3333 2px;
	}

	/*ミニアイコン1ヵ月掲載12000とINDEED・GOOGLE*/
	.mini_icon{
		top: 0px;
	}

	
	/*セルフプラン*/
	.selfplan_title {
		max-width: 300px;
		padding: 15px;
		font-size: 24px;
	}
	.selfplan{
		padding: 10px;
		justify-content: space-between;
	}
	.selfplan_point {
		width: 30%;
		min-height: 120px;
		margin: 0;
		padding: 0;
		background: url(../img/coin_backwhite.png) no-repeat center center;
		background-size: contain;
		font-size: 16px;
	}
	.keisaihiyounomi{
		font-size: 40px;
	}
	
	
	/* すぐに掲載 */
	.speed {
		padding-left: 45px;
		background: url(../img/enpitsu_midasi.png) no-repeat 10px center;
		background-size: 30px auto;
		font-size: 36px;
	}
	.flow{
		display: none;
	}
	.flow_sp{
		display: block;
	}
	
}
	
	
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
	
}