body,textarea{
font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height: 1.6;
overflow-x: hidden; 
}

/*見出し*/
.aka{
color: #ed1c24;
}
.chibi{
font-size: 80%;
}
.chibi_aka{
color: crimson;
font-size: 85%;
}
.small85{
font-size: 85%;
}
.co_gray{
color: dimgray;
}
i{
padding-right: 5px;
}
/* ヘッダー */
header{
margin: 0 auto;
background: #F4DAE3;
}

.top_logo{
width: 10%;
}
.top_logo img{
width: 100%;
}

/*入力ボックスの設定*/
.formbox input[type='text'],.formbox input[type='number'],.formbox input[type='tel'],.formbox input[type='email']{
box-sizing: border-box;
width: 80%;
padding: 10px;
transition: 0.3s;
letter-spacing: 1px;
border: 1px solid #ffffff;
box-shadow: 1px 1px 2px 0 #707070 inset;
border-radius: 4px;
}
.formbox input:focus{
background: #d9f6ff;
color: #004782;
}
/*項目タイトル*/
label.itemname{
font-weight: bold;
padding: 5px 0;
color: #1ab2d7;
}
/*テキスト記入欄*/
textarea {
width: 95%;
box-sizing: border-box;
padding: 10px;
transition: 0.3s;
border: 1px solid #ffffff;
box-shadow: 1px 1px 2px 0 #707070 inset;
border-radius: 4px;
}
textarea:focus{
background: #d9f6ff;
color: #004782;
}
input.moushikomi{
width: 100%;
margin: 0 auto;
cursor:pointer;
border:none;
color: #fff;
font-weight:bold;
border-radius: 5px;
padding: 20px 15px;
background:#1ab2d7;
font-size: 110%;
}
input.moushikomi:hover{
background:#ca012d;
}
.backhome{
width:50%;
background:rgba(30, 141, 123, 0.1);
border: 2px solid #1ab2d7;
border-radius: 5px;
padding: 20px 15px;
cursor: pointer;
margin: 0 auto;
text-align: center;
}
.backhome a{
text-decoration: none;
color: #1ab2d7;
font-weight:bold;
}
.backhome:hover{
background: rgba(247,211,27,1.00);
}


.btn03{
font-weight: bold;
border-radius: 30px;
border: 1px solid #01B9B1;
padding: 10px 0;
width: 50%;
margin: 0 auto;
}
.btn03 a{
color: #01B9B1;
text-decoration: none;
}
.btn03:hover{
background: #FCECB3;
}
.backbtn{
width: 100%;
margin: 10px auto 30px;
}
.backbtn a{
margin: 10px;
padding: 10px 30px;
background: hsla(188,74%,83%,1.00);
color: steelblue;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
}
.backbtn a:hover{
opacity: 0.8;
}
/*comepleted*/
.comp{
	margin: 30px auto;
	width: 80%;
}
/*　フッター　*/
footer{
background: #1ab2d7;
text-align: center;
padding: 30px;
}
footer p{
font-size: 85%;
color: #ffffff;
}
.footer_img{
width: 25%;
margin: 0 auto;
}
.footer_img img{
width: 100%;
}
footer a{
text-decoration: none;
color: #ffffff;
}

@media screen and (max-width: 768px){
.alert{
font-size: 110%;
}
.top_logo{
width: 20%;
}
.top-logo{
position: absolute;
left: 2%;
top: 5%;
}
.top-logo img{
width: 30%;
}
.container00{
width: 95%;  
}

/*選択０１*/
.toi01{
text-align: left;
width: 97%;
margin: 20px auto;
}
.toi01_box,.lastbox{
margin: 30px auto 20px;
width: 100%;
}
.toi01_btn{
padding: 20px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}	
.toi01_btn a{
padding: 10px 20px;
border-radius: 5px;
font-size: 110%;
margin: 0 10px;
}
.btnbox{
margin: 30px 10px;
}
a.btn01{
padding: 0.25rem 4rem 1.5rem 4.5rem;
}
a.btn02{
padding: 0.25rem 3rem 1.5rem 4.5rem;
}
a.btn01 span,a.btn02 span {
position: absolute;
top: -15px;
left: calc(50% - 150px);
font-size: 70%;
display: block;
padding: 5px 10px;
color: #1ab2d7;
border: .5px solid #01B9B1;
border-radius: 5px;
background: #fff;
}

/*送信ボタン*/
.submit02{
display: flex;
flex-flow: column;
justify-content: center;
}
.submit_btn02,.submit_btn03{
width: 80%;
margin: 10px auto;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type="button"] {
-webkit-appearance: none;
border-radius: 0;
}

input.moushikomi{
width: 100%;
cursor:pointer;
border-radius: 0;
padding: 20px 5px;
font-size: 100%;
	background:#F7C636;
}
.backhome{
width:80%;
border: 1px solid #1ab2d7;
border-radius: 0;
padding: 15px;

}
.backhome a{
font-size: 110%;
}
.btn03{
width: 80%;
}
.footer_img{  
width: 50%;
}
	
}
@media only screen and (max-width:479px) {
.btnbox{
margin: 20px auto;
}
.toi01_btn{
padding: 20px 0 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}	
a.btn01{
padding: 0.25rem 4.25rem 1.5rem 4.5rem;
font-size: 120%;
}
a.btn02{
padding: 0.25rem 3rem 1.5rem 4.5rem;
font-size: 120%;
}
.sheet_table th,.sheet_table td {
width: auto;
display: block;
border-top: none;
}
.sheet_table tr:first-child {
border-top: 1px solid #d5d5d5;
}
.line_box{
font-size: 85%;
}
.line_box .name{
font-size: 90%;
}
.btn03 a{
font-size: 90%;
}
.footer_img{  
width: 65%;
}	
.small{
font-size: 80%;
}	
	
}