@import url(global.css);

#mainvisual {
	background: url(../img/mainv.jpg) no-repeat center center;
	background-size: cover;
}

.formarea {
	width: 80%;
	margin: 0 auto;
}
#formarea th[colspan] {
    text-align: center;
	font-weight: 600;
	color: #004FA2;
	background-color: #f5f5f5;
    position: relative;
}
#formarea .plan .nam{
    font-style: normal;
    font-size: 120%;
    font-weight: 500;
}
#formarea .area_plan{
    display: block;
    margin-bottom: 10px;
}
#formarea .area{
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#formarea .area .float li{
    width: calc((100% / 2) - 10px);
}
#formarea .area p{
    margin-bottom: 10px;
}
#formarea div#mfp_price{
    display: inline;
    color: #C00;
    font-size: 140%;
    padding: 10px 0;
    font-weight: 600;
}
#formarea .atention{
    margin-top: 10px;
    padding-left: 1em;
    font-size: 0.8em;
    position: relative;
}
#formarea .atention::before{
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
}
.thanks .contents h2 {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
}
.thanks .contents > p {
	text-align: center;
}
.thanks .contents > p + p {
	margin-top: 10px;
}



/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1200px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1199px){



}





/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px){

.formarea {
	width: 100%;
}

#formarea .area .float li{
    width: 100%;
}


}





/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 645px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px){

#formarea th[colspan] {
	padding: 15px;
}
#formarea .plan .nam{
    font-size: 100%;
}
#formarea .area_plan{
    margin-bottom: 10px;
}
#formarea .area .float li{
    width: 100%;
}
#formarea div#mfp_price{
    font-size: 110%;
    padding: 0;
}
.thanks .contents h2 {
	font-size: 24px;
}
.thanks .contents > p {
	text-align: justify;
}
.thanks .contents > p br {
	display: none;
}



}