@charset "UTF-8";

#wrap{

}

h2.h2_style{
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	position:relative;

width:250px;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
line-height: 1.5;
text-align: center;
color: #0099ff;
border-bottom:3px solid #0099ff;
}

.beginning_area{
	margin: 0 auto 60px;
	padding: 0 0 0 0;
	min-width: auto;
	position:relative;
	text-align:center;
}

h3.h3_style{
	margin: 0 auto 20px;
	padding: 0 0 0px;
	position:relative;
	text-align:center;

font-weight: 600;
font-size: 17px;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
color: #000;
}

p.txt_style1{
	margin: 0 0 20px ;
	padding: 0 0 0 0;
	position:relative;
font-weight: 400;
font-size: 11px;
line-height: 2.0;
text-align: center;
color: #000;
}

.beginning_box{
	margin: 0 15px;
	padding: 20px 10px 20px;
	position:relative;
	text-align:center;
	width:auto;
	border:1px solid #ccc;
	box-sizing: border-box;
}

h4.h4_style{
	margin: 0 auto 20px;
	padding: 5px 0px;
	position:relative;
	text-align:center;
	display:block;

font-weight: 500;
font-size: 12px;
letter-spacing: 0;
line-height: 1.5;
text-align: center;
color: #fff;
background-color:#009fe8;
border-radius: 50px;
}

.plan_img{
	margin: 0 auto ;
	padding: 0 0 0 0;
	position:relative;
	text-align: center;
}

.plan_img img{
	width:100%;
	height:auto;
}



.order_area{
	margin: 0 auto 50px;
	padding: 30px 25px 30px ;
	min-width: auto;
	position:relative;
	text-align:center;
	background-image: url(../../images/base/bg.png);
	background-repeat: repeat;
	background-position: center top;
	background-size:5px;
	box-sizing: border-box;
}

h3.h3_order{
	margin: 0 auto 25px;
	padding: 5px 0 5px;
	position:relative;
	text-align:center;
	box-sizing: border-box;
	width:auto;

font-weight: 600;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 1.2;
text-align: center;
color: #fff;

background-color:#999999;
border-radius: 0px;
}

h3.h3_order img{
	width:60px;
	height:auto;
	vertical-align:middle;
	display:inline-block;
	margin:-15px 15px -10px 0;
}

.order_plan_box{
	margin: 0 auto 30px;
	padding: 15px 0 15px;
	width: auto;
	position:relative;
	text-align:center;
	background-color:#fff;
	box-sizing: border-box;
	border-radius: 10px;
}

.order_plan_box:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  right:0;
  margin:auto;
  width: 0;
  height: 0;
  content: '';
  border-width: 20px 15px 0 15px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

ul.order_plan_list{
	margin: 0 auto;
	padding: 0 0 0;
	position:relative;
	text-align:center;
display: flex;
align-items:center;
justify-content:center;
}

ul.order_plan_list li{
	margin: 0 10px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
font-weight: 400;
font-size: 11px;
letter-spacing: 0;
line-height: 2.0;
color: #000;
}

ul.order_plan_list li img{
	width:auto;
	height:35px;
}

.order_box{
	margin: 0 -15px 50px;
	padding: 15px 15px;
	width: auto;
	position:relative;
	text-align:center;
	background-color:#fff;
	box-sizing: border-box;
}

.plan_icon{
	margin: 0 0 0 10px;
	padding: 0 0 14px;
	width: auto;
	position:relative;
	text-align:left;
	border-bottom:1px solid #333;
	display:flex;
}

.plan_icon img{
	width:100px;
	height:auto;
	margin-right:25px;
}
.plan_icon h3{
	margin: 0;
	padding: 42px 0 0;
	position:relative;
	width: auto;
	display:block;
font-weight: bold;
font-size: 28px;
letter-spacing: 1px;
line-height: 1.5;
text-align: left;
color: #009fe8;
}

.plan_icon h3 small{
	display:block;
	margin: 0 0;
	padding: 0 0 0;
font-weight: bold;
font-size: 14px;
letter-spacing: 0;
line-height: 1.0;
color: #000;
}

.plan_info{
	margin: 20px 0 0 10px;
	padding: 0 0 0;
	width: auto;
	position:relative;
	text-align:left;
	box-sizing: border-box;

display: block;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}



.plan_txt{
	margin: 0 0;
	padding: 0 0;
	position:relative;
	width: auto;
}

.plan_txt h4{
	margin: 0 10px 20px;
	padding: 8px 0;
	position:relative;
	width: auto;
font-weight: 600;
font-size: 13px;
letter-spacing: 0px;
line-height: 1.0;
text-align: center;
color: #fff;
background-color:#009fe8;
box-sizing: border-box;
border-radius: 50px;
}

.plan_txt h5{
	margin: 0 0 10px;
	padding: 0 0;
	position:relative;

font-weight: bold;
font-size: 16px;
letter-spacing: 0;
line-height: 1.5;
text-align: left;
color: #000;
}

.plan_txt p{
	margin: 0 0 20px;
	padding: 0 0;
	position:relative;

font-weight: 400;
font-size: 11px;
letter-spacing: 0;
line-height: 1.8;
text-align: left;
color: #000;
}

.plan_txt p span {background:linear-gradient(transparent 0%, #ff6 0%);}

.plan_flow{
	margin: 0 0;
	padding: 0 0 0;
	position:relative;
}

.plan_flow img{
	width:auto;
	height:70px;
	vertical-align:middle;
	margin: 15px 0;
}

.plan_p{
	margin: 0 0 0;
	padding: 0 0 0;
	position:relative;
}

.plan_p img.plan_p_img{
	width:150px;
	height:auto;
	vertical-align:middle;
	margin: 0 10px 0 0;
}


.general_area{
	margin: 0 15px 80px;
	padding: 0 0 40px 0;
	width: auto;
	position:relative;
	text-align:center;
	border:1px solid #ccc;
}

.general_p{
	margin: 0 0 20px;
	padding: 0 0 0;
	position:relative;
	text-align:center;
}

.general_p img{
	width:100%;
	height:auto;
}

.general_txt{
	margin: 0 20px 30px;
	padding: 0 0;
	position:relative;
	width: auto;

font-weight: 400;
font-size: 11px;
letter-spacing: 0px;
line-height: 2.0;
text-align: left;
color: #000;
}

.btn_style{
	margin: 0 auto;
	padding: 0 0 0;
	position:relative;
	text-align:center;
}

.btn_style a{
	margin: 0 auto;
	padding: 7px 0;
	position:relative;
	text-align:center;
	display:block;
	width: 150px;

font-weight: 400;
font-size: 13px;
letter-spacing: 1px;
line-height: 1.5;
text-align: center;
color: #fff;
background-color:#0099ff;
background-image: url(../../images/base/arrow_right.svg);
background-repeat: no-repeat;
background-position: right 10px top 55%;
background-size:5px auto;
}

.btn_style a:hover {
filter: saturate(250%);
text-decoration: none;
}


.center{
	text-align:center;
}

.pc_only{
	display:none;
}

.img_pc {
	display:none;
}