@charset "utf-8";
/*
機　　能　　名：トップページ
作　　成　　日：2022/03/23
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	common
**************************************** */
/* web_box tenpo_box */
.web_box,
.tenpo_box {
	color:#FFF;
	display:inline-block;
	font-weight:normal;
}
.web_box {
	background:#00b0e4;
}
.tenpo_box {
	background:#e30000;
}
/* intro_plan_txt */
.intro_plan_txt {
	font-weight:bold;
	text-align:center;
}
.intro_plan_txt img {
	vertical-align:middle;
}
.intro_plan_txt .logo_bg {
	position:relative;
	display:inline-block;
}
.intro_plan_txt .logo_bg:before,
.intro_plan_txt .logo_bg:after {
	content:"";
	position:absolute;
}
.intro_plan_txt .bg_yellow_01 {
	display:inline-block;
	background:url(../images/top/bg_yellow_01.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
@media screen and (min-width: 769px) {/* PC */
/* web_box tenpo_box */
.web_box,
.tenpo_box {
	padding:8px 15px;
	font-size:28px;
}
/* intro_plan_txt */
.intro_plan_txt {
	font-size:35px;
}
.intro_plan_txt img {
	width:270px;
	margin:0 30px;
}
.intro_plan_txt .logo_bg {
	margin-bottom:35px;
}
.intro_plan_txt .logo_bg:before,
.intro_plan_txt .logo_bg:after {
	top:-7px;
	width:15px;
	height:86px;
}
.intro_plan_txt .logo_bg:before {
	left:0;
	background:url(../images/top/bg_01_l.png) 0 0 no-repeat;
	background-size:15px 86px;
	-webkit-background-size:15px 86px;
}
.intro_plan_txt .logo_bg:after {
	right:10px;
	background:url(../images/top/bg_01_r.png) 0 0 no-repeat;
	background-size:15px 86px;
	-webkit-background-size:15px 86px;
}
.intro_plan_txt .bg_yellow_01 {
	font-size:48px;
}
}
@media screen and (max-width: 768px) {/* SP */
/* web_box tenpo_box */
.web_box,
.tenpo_box {
	padding:8px 11px;
	font-size:18px;
}
/* intro_plan_txt */
.intro_plan_txt {
	font-size:22px;
}
.intro_plan_txt img {
	width:173px;
	margin:0 20px;
}
.intro_plan_txt .logo_bg {
	margin-bottom:22px;
}
.intro_plan_txt .logo_bg:before,
.intro_plan_txt .logo_bg:after {
	top:-3px;
	width:10px;
	height:54px;
}
.intro_plan_txt .logo_bg:before {
	left:0;
	background:url(../images/top/bg_01_l.png) 0 0 no-repeat;
	background-size:10px 54px;
	-webkit-background-size:10px 54px;
}
.intro_plan_txt .logo_bg:after {
	right:10px;
	background:url(../images/top/bg_01_r.png) 0 0 no-repeat;
	background-size:10px 54px;
	-webkit-background-size:10px 54px;
}
.intro_plan_txt .bg_yellow_01 {
	font-size:30px;
}
}

/* ***************************************
	intro
**************************************** */
#intro {
}
/* intro_top */
#intro .intro_top {
}
#intro .intro_top_txt1 {
	line-height:1.4;
}
#intro .intro_top_txt2 {
	font-weight:bold;
	position:relative;
	line-height:1.2;
}
#intro .intro_top_txt2 span {
	position:absolute;
	top:0;
	transform:rotate(-15deg);
}
/* bg_nami */
#intro .bg_nami {
	font-weight:normal;
	text-align:center;
}
#intro .bg_nami span {
	display:inline-block;
	background:url(../images/top/nami_bg.png) center bottom no-repeat;
}
/* plan_list */
#intro .plan_list {
	margin-top:50px;
}
#intro .plan_list li {
	text-align:center;
}
#intro .plan_list a {
	display:block;
	background:#f4f4f4;
	text-decoration:none;
	position:relative;
	color:#333333;
}
#intro .plan_list li a:before,
#intro .plan_list li a:after,
#intro .plan_list li .down:before,
#intro .plan_list li .down2:before,
#intro .plan_list li .down2:after {
	content:"";
	position:absolute;
}
#intro .plan_list li .down:before {
	background:#00b0e4;
	left:50%;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
#intro .plan_list li .down2:before,
#intro .plan_list li .down2:after {
	background:#FFFFFF;
}
#intro .plan_list li .down2:before {
	transform:rotate(45deg);
}
#intro .plan_list li .down2:after {
	transform:rotate(-45deg);
}
#intro .plan_list .plan_name {
	position:absolute;
	font-weight:bold;
}
#intro .plan_list .bg_yellow_02,
#intro .plan_list .bg_yellow_03 {
	font-weight:bold;
	display:inline-block;
}
#intro .plan_list .bg_yellow_02 {
	background:url(../images/top/bg_yellow_02.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#intro .plan_list .bg_yellow_03 {
	background:url(../images/top/bg_yellow_03.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
@media screen and (min-width: 769px) {/* PC */
/* intro_top */
#intro .intro_top {
	padding-top:35px;
	min-height:943px;
	background:url(../images/top/intro_top_pc.png) center 225px no-repeat;
}
#intro .intro_top_txt1 {
	font-size:26px;
	float:left;
	text-align:right;
	margin-right:50px;
	margin-left:96px;
}
#intro .intro_top_txt2 {
	font-size:56px;
	float:left;
	text-align:center;
	padding-top:8px;
}
#intro .intro_top_txt2 span {
	font-size:26px;
	left:-18px;
}
/* bg_nami */
#intro .bg_nami {
	font-size:24px;
}
#intro .bg_nami span {
	padding-bottom:15px;
	margin-bottom:45px;
	background-size:auto 4px;
	-webkit-background-size:auto 4px;
}
/* web_box tenpo_box */
#intro .web_box,
#intro .tenpo_box {
	margin:0 10px 40px 10px;
}
/* plan_list */
#intro .plan_list {
	margin-top:50px;
}
#intro .plan_list li {
	width:470px;
	float:left;
	margin:0 10px;
	font-size:22px;
}
#intro .plan_list a {
	padding:50px 0 45px 0;
	min-height:55px;/* total 150px */
}
#intro .plan_list li a:before,
#intro .plan_list li a:after {
	top:10px;
	width:20px;
	height:150px;
}
#intro .plan_list li a:before {
	left:10px;
	background:url(../images/top/bg_02_l.png) 0 0 no-repeat;
	background-size:auto 150px;
	-webkit-background-size:auto 150px;
}
#intro .plan_list li a:after {
	right:10px;
	background:url(../images/top/bg_02_r.png) 0 0 no-repeat;
	background-size:auto 150px;
	-webkit-background-size:auto 150px;
}
#intro .plan_list li .down:before {
	bottom:-24px;
	width:52px;
	height:52px;
	margin-left:-26px;
}
#intro .plan_list li .down2:before,
#intro .plan_list li .down2:after {
	bottom:-2px;
	height:2px;
}
#intro .plan_list li .down2:before {
	left:217px;
	width:20px;
}
#intro .plan_list li .down2:after {
	bottom:-1px;
	left:231px;
	width:22px;
}
#intro .plan_list .plan_name {
	top:-15px;
	left:180px;
}
#intro .plan_list .plan_name span {
	font-size:36px;
}
#intro .plan_list .bg_yellow_02,
#intro .plan_list .bg_yellow_03 {
	font-size:42px;
	margin-top:15px;
}
}
@media screen and (max-width: 768px) {/* SP */
/* intro_top */
#intro .intro_top {
	padding-top:8px;
	min-height:530px;
	background:url(../images/top/intro_top_sp.png) center 200px no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#intro .intro_top p {
	text-align:center;
}
#intro .intro_top_txt1 {
	font-size:18px;
	margin-bottom:15px;
}
#intro .intro_top_txt2 {
	font-size:34px;
}
#intro .intro_top_txt2 span {
	font-size:16px;
	left:10px;
}
/* bg_nami */
#intro .bg_nami {
	font-size:16px;
}
#intro .bg_nami span {
	padding-bottom:10px;
	margin-bottom:28px;
	background-size:100% 3px;
	-webkit-background-size:100% 3px;
}
/* web_box tenpo_box */
#intro .web_box,
#intro .tenpo_box {
	margin:0 6px 25px 6px;
}
/* plan_list */
#intro .plan_list {
	width:90%;
	margin:48px auto 0 auto;
}
#intro .plan_list li {
	width:100%;
	font-size:16px;
}
#intro .plan_list li:first-child {
	margin-bottom:70px;
}
#intro .plan_list a {
	padding:35px 0 30px 0;
	min-height:55px;/* total 110px */
}
#intro .plan_list li a:before,
#intro .plan_list li a:after {
	top:7px;
	width:14px;
	height:110px;
}
#intro .plan_list li a:before {
	left:10px;
	background:url(../images/top/bg_02_l.png) 0 0 no-repeat;
	background-size:auto 110px;
	-webkit-background-size:auto 110px;
}
#intro .plan_list li a:after {
	right:10px;
	background:url(../images/top/bg_02_r.png) 0 0 no-repeat;
	background-size:auto 110px;
	-webkit-background-size:auto 110px;
}
#intro .plan_list li .down:before {
	bottom:-20px;
	width:34px;
	height:34px;
	margin-left:-17px;
}
#intro .plan_list li .down2:before,
#intro .plan_list li .down2:after {
	bottom:-4px;
	height:2px;
	left:50%;
}
#intro .plan_list li .down2:before {
	margin-left:-12px;
	width:14px;
}
#intro .plan_list li .down2:after {
	margin-left:-3px;
	width:16px;
}
#intro .plan_list .plan_name {
	top:-20px;
	left:120px;
}
#intro .plan_list .plan_name span {
	font-size:36px;
}
#intro .plan_list .bg_yellow_02,
#intro .plan_list .bg_yellow_03 {
	font-size:26px;
	margin-top:15px;
}
@media screen and (max-width: 320px) {/* w320 */
#intro .plan_list li {
	font-size:14px;
}
#intro .plan_list .bg_yellow_02,
#intro .plan_list .bg_yellow_03 {
	font-size:23px;
}
}
}

/* ***************************************
	about
**************************************** */
#about {
}
#about h2 {
	font-weight:normal;
	text-align:center;
}
#about h2 img {
	display:block;
	margin:0 auto;
}
/* web_box tenpo_box */
#about .web_box,
#about .tenpo_box {
	display:block;
	text-align:center;
}
@media screen and (min-width: 769px) {/* PC */
#about h2 {
	font-size:34px;
	min-height:150px;/* total 184px */
	padding-top:34px;
	width:640px;
	margin:0 auto 40px auto;
	background:url(../images/top/bg_ttl_yellow_pc.png) right center no-repeat;
}
#about h2 img {
	width:405px;
	margin-bottom:15px;
}
#about .align_c {
	font-size:24px;
	margin-bottom:90px;
}
#about .align_c .small {
	font-size:20px;
}
#about .about_box_l,
#about .about_box_r {
	width:470px;
}
#about .about_box_l {
	float:left;
	margin-left:10px;
}
#about .about_box_r {
	float:right;
	margin-right:10px;
}
/* web_box tenpo_box */
#about .web_box,
#about .tenpo_box {
	margin:0 auto 15px auto;
	width:177px;/* total 207px */
}
#about .about_box_r .small {
	font-size:14px;
}
}
@media screen and (max-width: 768px) {/* SP */
#about h2 {
	font-size:21px;
	min-height:95px;/* total 115px */
	padding-top:20px;
	margin:0 auto 35px auto;
	background:url(../images/top/bg_ttl_yellow_sp.png) right center no-repeat;
	background-size:auto 115px;
	-webkit-background-size:auto 115px;
}
#about h2 img {
	width:75%;
	margin-bottom:10px;
}
#about .align_c {
	margin-bottom:20px;
}
#about .align_c .small {
	font-size:13px;
}
#about .about_box_l {
	margin-bottom:30px;
}
/* web_box tenpo_box */
#about .web_box,
#about .tenpo_box {
	margin-bottom:10px;
	width:calc(45% - 22px);
}
#about .about_box_r .small {
	font-size:12px;
}
@media screen and (max-width: 320px) {/* w320 */
#about .web_box,
#about .tenpo_box {
	font-size:16px;
}
}
}

/* ***************************************
	achieve
**************************************** */
#achieve {
}
#achieve h2 {
	text-align:center;
}
#achieve h2 .bg_y {
	position:relative;
}
#achieve h2 .bg_y:before {
	content:"";
	background:#ffec1e;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	position:absolute;
	z-index:0;
}
#achieve h2 .bg_y2 {
	position:relative;
	z-index:1;
}
#achieve h3 {
	background:#f4f4f4;
	font-weight:normal;
}
#achieve h3 .bg_blue {
	color:#FFF;
	font-weight:bold;
	display:inline-block;
}
/* acv_box */
#achieve .acv_box {
	position:relative;
}
#achieve .acv_box:after {
	content:"";
	position:absolute;
}
#achieve .acv_box ul {
	line-height:1.8;
}
@media screen and (min-width: 769px) {/* PC */
#achieve h2 {
	font-size:28px;
	margin-bottom:40px;
}
#achieve h2 .bg_y:before {
	top:-23px;
	left:-50px;
	width:80px;
	height:80px;
}
#achieve h3 {
	font-size:21px;
	height:60px;
	line-height:60px;
	margin-bottom:25px;
}
#achieve h3 .bg_blue {
	font-size:24px;
	padding:0 30px;
	margin-right:20px;
}
#achieve h3 .small {
	font-size:20px;
}
/* acv_box */
#achieve .acv_box {
	min-height:480px;
	margin-bottom:60px;
}
#achieve .acv_box:after {
	top:90px;
	left:10px;
	width:540px;
	height:390px;
}
#achieve .acv_01:after {
	background:url(../images/top/acv_01.png) 0 0 no-repeat;
	background-size:auto 390px;
	-webkit-background-size:auto 390px;
}
#achieve .acv_02:after {
	background:url(../images/top/acv_02.png) 0 0 no-repeat;
	background-size:auto 390px;
	-webkit-background-size:auto 390px;
}
#achieve .acv_03:after {
	background:url(../images/top/acv_03.png) 0 0 no-repeat;
	background-size:auto 390px;
	-webkit-background-size:auto 390px;
}
#achieve .acv_04:after {
	background:url(../images/top/acv_04.png) 0 0 no-repeat;
	background-size:auto 390px;
	-webkit-background-size:auto 390px;
}
#achieve .acv_box ul {
	margin-left:530px;
}
}
@media screen and (max-width: 768px) {/* SP */
#achieve h2 {
	font-size:17px;
	margin-bottom:30px;
}
#achieve h2 .bg_y:before {
	top:-10px;
	left:-28px;
	width:45px;
	height:45px;
}
#achieve h3 {
	font-size:13px;
	height:38px;
	line-height:38px;
	margin-bottom:15px;
}
#achieve h3 .bg_blue {
	font-size:16px;
	padding:0 15px;
	margin-right:12px;
}
#achieve h3 .small {
	font-size:12px;
}
/* acv_box */
#achieve .acv_box {
	min-height:275px;
	margin-bottom:30px;
}
#achieve .acv_box:after {
	top:53px;
	left:50%;
	width:335px;
	height:275px;
	margin-left:-167px;
}
#achieve .acv_01:after {
	background:url(../images/top/acv_01.png) center 0 no-repeat;
	background-size:auto 275px;
	-webkit-background-size:auto 275px;
}
#achieve .acv_02:after {
	background:url(../images/top/acv_02.png) center 0 no-repeat;
	background-size:auto 275px;
	-webkit-background-size:auto 275px;
}
#achieve .acv_03:after {
	background:url(../images/top/acv_03.png) center 0 no-repeat;
	background-size:auto 275px;
	-webkit-background-size:auto 275px;
}
#achieve .acv_04:after {
	background:url(../images/top/acv_04.png) center 0 no-repeat;
	background-size:auto 275px;
	-webkit-background-size:auto 275px;
}
#achieve .acv_box ul {
	margin-top:232px;
}
@media screen and (max-width: 320px) {/* w320 */
#achieve h3 .bg_blue {
	font-size:14px;
	padding:0 10px;
}
#achieve .acv_box:after {
	width:320px;
	margin-left:-160px;
}
#achieve .acv_01:after,
#achieve .acv_02:after,
#achieve .acv_03:after,
#achieve .acv_04:after {
	background-size:auto 250px;
	-webkit-background-size:auto 250px;
}
#achieve .acv_box ul {
	font-size:12px;
}
}
}

/* ***************************************
	worries
**************************************** */
#worries {
}
#worries h3,
#worries .worries_btm p {
	color:#FFF;
	background:#e30000;
	line-height:1.2;
	position:relative;
	display:inline-block;
}
#worries h3:after,
#worries .worries_btm p:before {
  content:"";
  position:absolute;
  width:0;
  height:0;
  margin:auto;
	top:0px;
  border-style:solid;
}
#worries h3:after {
  border-color:transparent transparent #e30000 transparent;
}
#worries .worries_btm p:before {
  border-color:transparent #e30000 transparent transparent;
}
#worries .worries_btm p {
	font-weight:bold;
	float:right;
	text-align:right;
}
@media screen and (min-width: 769px) {/* PC */
#worries h3,
#worries .worries_btm p {
	font-size:32px;
}
#worries h3 {
	padding:18px 0 15px 50px;
	margin-bottom:50px;
}
#worries h3:after {
  right:-90px;
  border-width:0 90px 110px 0;
}
#worries .worries_btm p:before {
  left:-90px;
  border-width:110px 90px 0 0;
}
#worries .worries_bg {
	min-height:660px;
	background:url(../images/top/worries_bg_pc.png) center 45px no-repeat;
}
#worries .worries_bg ul {
	font-size:29px;
	line-height:1.4;
}
#worries .worries_bg li {
	padding-left:96px;
	margin-bottom:43px;
	position:relative;
}
#worries .worries_bg li img {
	position:absolute;
	top:-30px;
	left:30px;
	height:34px;
	width:auto;
}
#worries .intro_plan_txt {
	margin-bottom:40px;
}
#worries .wrapper {
	width:700px;
	margin-bottom:55px;
}
#worries .worries_btm {
	padding-top:375px;
	background:url(../images/top/worries_btm_bg.png) center 0 no-repeat;
	background-size:auto 450px;
	-webkit-background-size:auto 450px;
}
#worries .worries_btm p {
	padding:18px 50px 15px 0;
}
}
@media screen and (max-width: 768px) {/* SP */
#worries h3,
#worries .worries_btm p {
	font-size:20px;
	height:60px;
}
#worries h3 {
	margin-bottom:20px;
	padding:10px 0 0 40px;
}
#worries h3:after  {
  right:-50px;
  border-width:0 50px 70px 0;
}
#worries .worries_btm p:before {
  left:-50px;
  border-width:70px 50px 0 0;
}
#worries .worries_bg {
	min-height:460px;
	background:url(../images/top/worries_bg_sp.png) center 32px no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
}
#worries .worries_bg ul {
	font-size:18px;
	width:90%;
	margin:0 auto;
	line-height:1.2;
}
#worries .worries_bg li {
	margin-bottom:15px;
}
#worries .worries_bg li img {
	width:65px;
	height:auto;
	margin-bottom:3px;
	display:block;
}
#worries .worries_bg li span {
	padding-left:6px;
	display:block;
}
#worries .intro_plan_txt {
	margin-bottom:30px;
}
#worries .wrapper {
	margin-bottom:20px;
}
#worries .worries_btm {
	padding-bottom:15px;
}
#worries .worries_btm .clearfix {
	padding-top:235px;
	background:url(../images/top/worries_btm_bg.png) center 0 no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#worries .worries_btm p {
	padding:10px 10px 0 0;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	plan
**************************************** */
#plan {
}
#plan h2 {
	text-align:center;
}
#plan h2 .bg_y {
	position:relative;
}
#plan h2 .bg_y:before {
	content:"";
	background:#ffec1e;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	position:absolute;
	z-index:0;
}
#plan h2 .bg_y2 {
	position:relative;
	z-index:1;
}

/* plan_list */
/*#plan h3 {
	margin-top:50px;
	text-align:center;
}
#plan h3 a {
	display:block;
	background:#f4f4f4;
	text-decoration:none;
	position:relative;
	color:#333333;
}
#plan h3 li a:before,
#plan h3 li a:after {
	content:"";
	position:absolute;
}
#plan h3 .plan_name {
	position:absolute;
	font-weight:bold;
}
#plan h3 .bg_yellow_02,
#plan h3 .bg_yellow_03 {
	font-weight:bold;
	display:inline-block;
}
#plan h3 .bg_yellow_02 {
	background:url(../images/top/bg_yellow_02.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
#plan h3 .bg_yellow_03 {
	background:url(../images/top/bg_yellow_03.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}*/

/* entry_info */
#plan .entry_info {
	background:#ffec1e;
}
#plan .entry_info .wrapper {
	position:relative;
}
#plan .entry_info ul {
	position:absolute;
	left:50%;
}
#plan .entry_info li {
	color:#FFFFFF;
	text-align:center;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
	font-weight:bold;
}
#plan .entry_info .entry_01 {
	background:#00affa;
}
#plan .entry_info .entry_02 {
	background:#06c755;
}
#plan .entry_info .entry_03 {
	background:#e00000;
	margin-right:0;
}
#plan .entry_info .intro_txt {
	color:#FFF;
	text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
						-1px 1px 0 #000, 1px -1px 0 #000,
						0px 1px 0 #000,  0-1px 0 #000,
						-1px 0 0 #000, 1px 0 0 #000;
	text-align:center;
	font-weight:bold;
}
#plan .entry_info .entry_place {
	background:#FFF;
	position:relative;
}
#plan .entry_info .entry_place:after {
	content:"";
	z-index:1;
	position:absolute;
	right:0;
}
#plan .entry_info .entry_place p {
	position:relative;
	z-index:2;
}
#plan .entry_info .entry_place p a {
	color:#3366cc;
}
#plan .entry_info .entry_btn {
	color:#FFF;
	font-weight:bold;
	display:block;
	background:#00affa;
	position:relative;
	text-align:center;
	text-decoration:none;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
}
#plan .entry_info .entry_btn:before,
#plan .entry_info .entry_btn:after,
#plan .entry_info .entry_btn span:before,
#plan .entry_info .entry_btn span:after {
	content:"";
	position:absolute;
}
#plan .entry_info .entry_btn:after,
#plan .entry_info .entry_btn span:before,
#plan .entry_info .entry_btn span:after {
	border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;
}
#plan .entry_info .entry_btn:before {
	background:#FFFFFF;
	top:50%;
	z-index:1;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
#plan .entry_info .entry_btn:after {
	background:#00affa;
	top:50%;
	z-index:2;
}
#plan .entry_info .entry_btn span:before {
	background:#00affa;
	z-index:2;
	transform:rotate(135deg);
}
#plan .entry_info .entry_btn span:after {
	background:#00affa;
	z-index:2;
	transform:rotate(45deg);
}
@media screen and (min-width: 769px) {/* PC */
#plan h2 {
	font-size:28px;
	margin-bottom:40px;
}
#plan h2 .bg_y:before {
	top:-23px;
	left:-50px;
	width:80px;
	height:80px;
}
/* plan_list */
/*#plan h3 {
	margin-top:50px;
}
#plan h3 li {
	width:470px;
	float:left;
	margin:0 10px;
	font-size:22px;
}
#plan h3 a {
	padding:50px 0 45px 0;
	min-height:55px;
}
#plan h3 li a:before,
#plan h3 li a:after {
	top:10px;
	width:20px;
	height:150px;
}
#plan h3 li a:before {
	left:10px;
	background:url(../images/top/bg_02_l.png) 0 0 no-repeat;
	background-size:auto 150px;
	-webkit-background-size:auto 150px;
}
#plan h3 li a:after {
	right:10px;
	background:url(../images/top/bg_02_r.png) 0 0 no-repeat;
	background-size:auto 150px;
	-webkit-background-size:auto 150px;
}
#plan h3 .plan_name {
	top:-15px;
	left:180px;
}
#plan h3 .plan_name span {
	font-size:36px;
}
#plan h3 .bg_yellow_02,
#plan h3 .bg_yellow_03 {
	font-size:42px;
	margin-top:15px;
}*/
/* entry_info */
#plan .entry_info {
	margin-top:180px;
	padding-top:37px;
	padding-bottom:50px;
}
#plan .dmy_plan {
	width:960px;/* total 1000px */
	background:url(../images/top/plan_bg_pc.png) center 0 no-repeat;
	padding:47px 20px 0 20px;
	height:832px;/* total 879px */
}
#plan .entry_info ul {
	width:476px;
	top:-167px;
	margin-left:-238px;
}
#plan .entry_info li {
	width:140px;
	height:110px;/* total 140px */
	padding-top:30px;
	font-size:30px;
	margin-right:28px;
}
#plan .entry_info .intro_txt {
	font-size:32px;
}
#plan .entry_info .entry_place {
	margin:0 0 0 86px;
	padding:30px;
}
#plan .entry_info .entry_place:after {
	bottom:-50px;
	width:253px;
	height:345px;
	background:url(../images/top/entry_bg.png) right 0 no-repeat;
	background-size:auto 345px;
	-webkit-background-size:auto 345px;
}
#plan .entry_info .entry_place p .blue_txt {
	font-size:22px;
}
#plan .entry_info .entry_place p .small {
	font-size:14px;
}
#plan .entry_info .entry_btn {
	border-bottom:6px solid #E6D51B;
	margin:0 auto 25px auto;
	width:500px;
	height:110px;
	line-height:110px;
	font-size:38px;
}
#plan .entry_info .entry_btn:before {
	width:30px;
	height:30px;
	right:27px;
	margin-top:-15px;
}
#plan .entry_info .entry_btn:after {
	width:3px;
	height:12px;
	right:40px;
	margin-top:-6px;
}
#plan .entry_info .entry_btn span:before {
	width:3px;
	height:8px;
	top:55px;
	right:42px;
}
#plan .entry_info .entry_btn span:after {
	width:3px;
	height:8px;
	top:55px;
	right:38px;
}
}
@media screen and (max-width: 768px) {/* SP */
#plan h2 {
	font-size:17px;
	margin-bottom:30px;
}
#plan h2 .bg_y:before {
	top:-10px;
	left:-28px;
	width:45px;
	height:45px;
}
/* plan_list */
/*#plan h3 {
	width:90%;
	margin:48px auto 0 auto;
}
#plan h3 li {
	width:100%;
	font-size:16px;
}
#plan h3 li:first-child {
	margin-bottom:70px;
}
#plan h3 a {
	padding:35px 0 30px 0;
	min-height:55px;
}
#plan h3 li a:before,
#plan h3 li a:after {
	top:7px;
	width:14px;
	height:110px;
}
#plan h3 li a:before {
	left:10px;
	background:url(../images/top/bg_02_l.png) 0 0 no-repeat;
	background-size:auto 110px;
	-webkit-background-size:auto 110px;
}
#plan h3 li a:after {
	right:10px;
	background:url(../images/top/bg_02_r.png) 0 0 no-repeat;
	background-size:auto 110px;
	-webkit-background-size:auto 110px;
}
#plan h3 .plan_name {
	top:-20px;
	left:120px;
}
#plan h3 .plan_name span {
	font-size:36px;
}
#plan h3 .bg_yellow_02,
#plan h3 .bg_yellow_03 {
	font-size:26px;
	margin-top:15px;
}
*/
.dmy_plan img {
	vertical-align:middle;
}

/* entry_info */
#plan .entry_info {
	margin-top:110px;
	padding-top:17px;
	padding-bottom:20px;
}
#plan .entry_info ul {
	width:86%;
	top:-95px;
	margin-left:-43%;
}
#plan .entry_info li {
	width:87px;
	height:75px;/* total 87px */
	font-size:19px;
	padding-top:12px;
	margin-right:3%;
}
#plan .entry_info .intro_txt {
	font-size:20px;
}
#plan .entry_info .entry_place {
	margin:0 auto;
	padding:12px;
}
#plan .entry_info .entry_place p {
	font-size:14px;
}
#plan .entry_info .entry_place a {
	text-decoration:underline;
}
#plan .entry_info .entry_place:after {
	bottom:-20px;
	width:159px;
	height:215px;
	background:url(../images/top/entry_bg.png) right 0 no-repeat;
	background-size:auto 215px;
	-webkit-background-size:auto 215px;
}
#plan .entry_info .entry_place p .blue_txt {
	font-size:18px;
}
#plan .entry_info .entry_place p .small {
	font-size:12px;
}
#plan .entry_info .entry_btn {
	border-bottom:3px solid #E6D51B;
	margin:0 auto 15px auto;
	height:70px;
	line-height:70px;
	font-size:23px;
}
#plan .entry_info .entry_btn:before {
	width:20px;
	height:20px;
	right:15px;
	margin-top:-10px;
}
#plan .entry_info .entry_btn:after {
	width:2px;
	height:10px;
	right:24px;
	margin-top:-5px;
}
#plan .entry_info .entry_btn span:before {
	width:2px;
	height:6px;
	top:35px;
	right:26px;
}
#plan .entry_info .entry_btn span:after {
	width:2px;
	height:6px;
	top:35px;
	right:22px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}






/* ***************************************
	wrapper
**************************************** */
#wrapper {
}
@media screen and (min-width: 769px) {/* PC */
}
@media screen and (max-width: 768px) {/* SP */
@media screen and (max-width: 320px) {/* w320 */
}
}




/* ***************************************
	mail_form
**************************************** */
.mail_form {
}
.mail_form h3 {
	background:#00affa;
	color:#FFFFFF;
	text-align:center;
	padding:35px 0;
}
.mail_form h4 {
	color:#00affa;
	text-align:center;
	margin-bottom:30px;
}
/* form_contents */
.form_contents {
	margin:0 auto;
}
/* step_nav */
.step_nav {
	margin:30px auto;
}
.step_nav li {
	color:#00affa;
	background:#CCEFFE;
	padding:20px 0;
	border-right:1px solid #FFF;
}
.step_nav li.on {
	color:#FFF;
	background:#00affa;
}
/* intro_txt */
.form_contents .intro_txt {
	border-bottom:1px solid #e5e5e5;
}
.form_contents .intro_txt2 {
	text-align:left;
	line-height:1.4;
}
/* form_list */
.form_contents .form_list {
	margin:0 auto;
	text-align:left;
}
.form_contents .form_list li {
	position:relative;
}
.form_contents .form_list .h {
	font-weight:bold;
}
.form_contents .form_list .h em {
	color:#cc0000;
	padding-left:10px;
	font-weight:normal;
}
.form_contents .form_list input[type="text"],
.form_contents .form_list input[type="email"],
.form_contents .form_list input[type="tel"],
.form_contents .form_list textarea,
.form_contents .form_list select {
	border:1px solid #CCC;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	padding:15px 10px;
	width:calc(100% - 20px - 2px);
}
.form_contents .form_list select {
	width:100%;
}
.form_contents .form_list input.mf_zip {
	width:calc(40% - 20px - 2px);
	margin:0 0 10px 10px;
}
/* form_privacy */
.form_privacy {
	padding-top:30px;
	border-top:1px solid #CCC;
}
.form_privacy h4 {
	font-weight:normal;
}
.form_privacy p {
	line-height:1.6;
	text-align:left;
	text-indent:-1em;
	margin-left:1em;
}
/* privacy_chk_box */
.privacy_chk_box {
	font-weight:bold;
}
/* btn_box */
.btn_box a {
	text-decoration:none;
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
	display:block;
	margin:0 auto;
	font-weight:bold;
	position:relative;
}
.btn_box .form_confirm_btn a,
.btn_box .form_submit_btn a,
.btn_box .form_top_btn a {
	background:#252525;
	color:#FFFFFF;
}
.btn_box .form_back_btn a {
	background:#CCC;
	color:#252525;
}
.btn_box a.arrow:before,
.btn_box a.arrow:after,
.btn_box span:before,
.btn_box span:after,
.btn_box .form_back_btn a:before {
	content:"";
	position:absolute;
}
.btn_box a.arrow:before {
	background:#FFF;
	width:24px;
	height:24px;
	top:50%;
	right:20px;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
.btn_box a.arrow:after,
.btn_box span:before,
.btn_box span:after {
	border:1px solid #252525;
	top:50%;
	right:26px;
}
.btn_box a.arrow:after {
	width:9px;
}
.btn_box span:before {
	width:4px;
	transform:rotate(45deg);
}
.btn_box span:after {
	width:4px;
	transform:rotate(135deg);
}
.btn_box .form_back_btn a:before {
	top:14px;
  left:10px;
  width:0px;
  height:0px;
  margin:auto;
  border-style:solid;
  border-color:transparent transparent #222 transparent;
  border-width:0 6px 8px 6px;
	transform:rotate(-90deg);
}

/* errmsg */
.errmsg {
	background:#FFCCCC;
	border:5px solid #C00;
	margin:0 auto 30px auto;
	text-align:left;
	line-height:1.6;
}

/* odr_fin */
.odr_fin p {
	text-align:left;
	line-height:1.6;
}
@media screen and (min-width: 769px) {/* PC */
.mail_form {
	margin-bottom:100px;
}
.mail_form h3 {
	font-size:32px;
	margin-bottom:50px;
}
.form_contents {
	width:800px;
}
/* step_nav */
.step_nav li {
	width:calc(33.33333% - 3px);
}
/* intro_txt */
.form_contents .intro_txt {
	padding-bottom:30px;
	margin-bottom:30px;
}
/* form_list */
.form_contents .form_list {
	width:710px;
}
.form_contents .form_list li {
	width:calc(100% - 250px);
	padding-left:250px;
	margin-bottom:30px;
}
.form_contents .form_list .h {
	position:absolute;
	top:20px;
	left:0;
}
.form_contents .form_list .h em {
	font-size:14px;
}
.form_contents .form_list input[type="text"],
.form_contents .form_list input[type="email"],
.form_contents .form_list input[type="tel"],
.form_contents .form_list textarea,
.form_contents .form_list select {
	font-size:18px;
}
/* confirm */
.form_contents .confirm {
	margin-bottom:60px;
}
.form_contents .confirm li {
	border-bottom:1px solid #CCC;
	padding-bottom:30px;
	line-height:1.4;
}
.form_contents .confirm .h {
	top:0px;
}
/* form_privacy */
.form_privacy {
	margin-bottom:60px;
}
.form_privacy h4 {
	font-size:18px;
	margin-bottom:30px;
}
.form_privacy p {
	font-size:14px;
}
/* privacy_chk_box */
.privacy_chk_box {
	font-size:16px;
	margin-bottom:20px;
}
.btn_box .form_confirm_btn a,
.btn_box .form_submit_btn a,
.btn_box .form_top_btn a {
	font-size:30px;
	padding:30px 0;
	width:400px;
	border-bottom:5px solid #CCC;
}
.btn_box .form_back_btn a {
	margin-left:0;
	font-size:18px;
	padding:10px 0;
	width:300px;
	margin-bottom:30px;
}
.btn_box .form_top_btn a {
	font-size:20px;
	padding:25px 0;
	margin-top:50px;
}
.btn_box a:before {
	margin-top:-13px;
}
.btn_box a:after {
	margin-top:-2px;
}
.btn_box span:before {
	margin-top:-4px;
}
.btn_box span:after {
	margin-top:0px;
}

/* errmsg */
.errmsg {
	width:400px;
	padding:25px 40px;
}



}
@media screen and (max-width: 768px) {/* SP */
.mail_form {
	margin-bottom:65px;
}
.mail_form h3 {
	font-size:22px;
	margin-bottom:20px;
}
/* step_nav */
.step_nav li {
	width:calc(25% - 2px);
}
.step_nav li.on {
	width:calc(50% - 1px);
}
/* intro_txt */
.form_contents .intro_txt {
	text-align:left;
	padding:0 5% 20px 5%;
	margin-bottom:20px;
	line-height:1.4;
}
.form_contents .intro_txt2 {
	width:90%;
	margin:0 auto 20px auto;
}
/* form_list */
.form_contents .form_list {
	width:90%;
}
.form_contents .form_list li {
	width:100%;
	margin-bottom:25px;
}
.form_contents .form_list .h {
	display:block;
	margin-bottom:7px;
	font-size:14px;
}
.form_contents .form_list .h em {
	font-size:12px;
}
.form_contents .form_list input[type="text"],
.form_contents .form_list input[type="email"],
.form_contents .form_list input[type="tel"],
.form_contents .form_list textarea,
.form_contents .form_list select {
	font-size:14px;
}

/* confirm */
.form_contents .confirm {
	margin:0 auto 35px auto;
}
.form_contents .confirm li {
	line-height:1.6;
}
.form_contents .confirm .h {
	width:calc(100% - 20px);
	background:#CCEFFE;
	padding:10px;
	margin-bottom:20px;
}
/* form_privacy */
.form_privacy {
	width:90%;
	margin:0 auto 35px auto;
}
.form_privacy h4 {
	text-align:left;
	font-size:14px;
	margin-bottom:15px;
}
.form_privacy p {
	font-size:12px;
}
/* privacy_chk_box */
.privacy_chk_box {
	font-size:14px;
	margin-bottom:35px;
}
.btn_box .form_confirm_btn a,
.btn_box .form_submit_btn a,
.btn_box .form_top_btn a {
	font-size:24px;
	padding:20px 0;
	width:85%;
	border-bottom:4px solid #CCC;
}
.btn_box .form_back_btn a {
	font-size:14px;
	padding:10px 0;
	width:85%;
	margin-bottom:40px;
}
.btn_box .form_top_btn {
	margin-top:30px;
}
.btn_box .form_top_btn a {
	font-size:18px;
	xwidth:calc(85% - 85px);
	padding:15px 15px 15px 0;
}
.btn_box a:before {
	margin-top:-14px;
}
.btn_box a:after {
	margin-top:-3px;
}
.btn_box span:before {
	margin-top:-5px;
}
.btn_box span:after {
	margin-top:-1px;
}
/* errmsg */
.errmsg {
	width:calc(90% - 40px - 10px);
	padding:20px;
}
/* odr_fin */
.odr_fin {
	width:90%;
	margin:0 auto;
}

@media screen and (max-width: 320px) {/* w320 */
}
}