@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                  wrap
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
***                                                           コンテンツ
----------------------------------------------------------------------------*/
#formSec h2{font-size: 1.6rem;}
#formSec #flowSec{ margin:1em;}
#formSec #flowSec li{ width:80%; margin:1em auto 0; padding:1.5em;}
#formSec #flowSec li:not(:last-child):after{ right:0; left:0; top:auto; bottom:-3em; transform:rotate(90deg);}
#formSec #preventiveMeasuresSec{ margin:5% auto;}
#formSec #preventiveMeasuresSec p.tac{ font-size:112.5%; line-height:1.8em;}
#formSec #preventiveMeasuresSec p.tac span strong{ font-size:137.5%;}
#formSec #preventiveMeasuresSec ul{ width:90%; margin:0 auto; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#formSec #preventiveMeasuresSec li{ width:33.3%; padding:2%;}
#formSec #preventiveMeasuresSec .aboutBox{ margin:0 auto; width:90%; padding:2em;}
#formSec #preventiveMeasuresSec .aboutBox dl{ max-width:100%;}
#formSec #preventiveMeasuresSec .aboutBox dt{ font-size:125%; text-align:center;}
#formSec form.bg_dot{ padding:0;}
#formSec form .inputBox{ padding:0 5% 3rem; box-shadow:none;}
#formSec form .inputBox .inputItemList:after{
	background:linear-gradient(-90deg, #ccc 0%, #ccc 90%, #45A8B2 90%, #45A8B2 100%);
	background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 90%, #45A8B2 90%, #45A8B2 100%); 
	background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 90%, #45A8B2 90%, #45A8B2 100%);
}
#formSec form .inputBox ul{ margin:0 auto 2em;}
#formSec form .inputBox .inputItemList dt,
#formSec form .inputBox .inputItemList dd{ width:100%; padding:0.5em; font-size: 0.9rem;}
#formSec form .inputBox .inputItemList dt .textNote{ margin:0 1em; float:none;}
#formSec form .inputBox .inputItemList .inputNameBox dd{ padding:0;}
#formSec form .inputBox .inputItemList .inputNameBox dd input{ margin:0 0.5em;}
#formSec form .inputBox .inputItemList dd #howold{ width:100%;}
#formSec form .inputBox .inputItemList dd .inputItem{ font-size:1.2em;}
#formSec form .inputBox .inputItemList dd .inputItem::placeholder{ font-size:75%;}
#formSec form .inputBox .sendBtn button{font-size: 1.2rem; padding: 0.6em 1em 0.5em;}
#formSec form .inputBox .commonBtn a{ width:80%;}
#formSec form .inputBox p.tac{ text-align:left;}

/* confirmページ */
#confirmSec h2{font-size: 1.6rem;}
#confirmSec .lead{font-size: 1rem;}
#confirmSec #confirmArea .inputItemList dt{ width:100%; padding:0; font-size:0.9rem;}
#confirmSec #confirmArea .inputItemList dd{ width:100%; padding:0 0.5em; font-size: 0.9rem;}
#confirmSec #submit-area .sendBtn button{font-size: 1.3rem;}
#confirmSec #submit-area .backBtn a{font-size: 1rem;}


/* thanksページ */
#thanksSec h2{font-size: 1.6rem;}
#thanksSec .messageBox p{ text-align:left; font-size:0.8rem; padding:0 1em;}
#thanksSec .messageBox .infoBox{ width:90%; padding:2em 0 1em;}
#thanksSec .messageBox .infoBox dt{font-size: 1rem;}
#thanksSec .messageBox .infoBox dd{ text-align:center; margin:0.5em auto; font-size: 0.9rem;}
#thanksSec .messageBox .commonBtn{ width:60%; text-align:center;}