@charset "UTF-8";
body{
	color: #000;
	text-align:center;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    min-width: auto;
	background-color: #fff;
    overflow-x: hidden;
	margin: 0 auto;
}

a{
	text-decoration:none;
	color:#000;
	transition: all 300ms 0s ease;
	word-wrap: break-word;
}
a:focus, *:focus { outline:none; }
a.underline{
	text-decoration: underline;
}

p{
    line-height: 1.8;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
    body{
        font-size: 12px;
    }
}


/**************************************
 

    CommandCss
 

**************************************/

/*---fontStyle---*/
.bold{ font-weight: bold; }
.f-mincho{ font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "メイリオ", Meiryo, serif;}

/*---textLayout---*/
.txtright	{ text-align:right; }
.txtleft	{ text-align:left; }
.txtcenter	{ text-align:center; }
.pc-txtcenter	{ text-align:center; }

/*ul.list-style-indent li{
    padding-left: 1em;
    text-indent: -1em;
}*/

/*---layout---*/
.wrap-common,
.inner-common{
    width: 100%;
    max-width: 988px;
    margin: auto;
}

.pc{ display: block; }/*width 1024pxまで表示*/
.tablet{ display: block; }/*width 896pxまで表示*/
.sp{ display: none; }/*width 896pxから表示*/
.sp_v{ display: none; }/*スマホ縦 width 480pxから表示*/

.hide-over{
    overflow: hidden;
}

/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){
    .wrap-common{
        width: 90%;
        max-width: none;
        margin: 0 auto;
    }
    .pc{ display: none; }
	
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
    .tablet{ display: none; }
    .sp{ display: block; }
	
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
    .sp_v{ display: block; }
	
}


/*---Flex---*/
.flex{
    display:-ms-flexbox;
	display:-webkit-box;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.align-center{
    align-items: center;
}
.flex .item{width: 100%;}
.flex .item_harf{width: 50%;}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
}

/*---img共通---*/
.img img{width: 100%;}

/**************************************


 Contents Css
 

**************************************/
#hero h1{
	margin: 0 auto;
}
.ttl_main{
	font-size: 200%;
    font-weight: bold;
    color: #fff;
    background-color: #4A63C3;
	line-height: 1.5;
    padding: 10px;
}
.txt_list{margin-bottom: 40px;}

#form{
	text-align: left;
}
#form .block{margin-bottom: 40px;}
#form .t-red{
	font-size: 80%;
	color: #FF0000;
	margin-left: 10px;
}
#form .ttl{
	border-left: solid 5px #4A63C3;
    padding-left: 10px;
    margin: 0 0 20px;
}
#form .flex .item_tri{width: 180px;}
#form .input_btn{margin-left: 10px;}
#form input, #form textarea {
    border: 1px #cccccc solid;
    margin: 0;
}
#form input{
    height: 30px
}
#form .item_max input, #form .item_max textarea{width: 100%;}

/*==== tablet タブレット用css ===*/
@media screen and (max-width: 1024px){
}
/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
	.txt_list {
		margin-bottom: 20px;
		padding-left: 20px;
	}
	#form .block{margin-bottom: 20px;}
	#form .ttl{margin-bottom: 10px;}
	#form .flex .item_tri {
		width: 100%;
		margin-bottom: 10px;
	}
	#form .tel input{width: 80px;}
	#form textarea{height: 100px;}
}