/** 共通タグ,class設定 **/
* {
    font-family: "Lato", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
html {
    min-height: 100%;
    position: relative;
}
body {
    background : url('https://iwatosaki.com/wp/wp-content/themes/hummingbird/library/images/body_bg01.png') repeat;
    margin-bottom: 70px;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.contents {
    width : 1000px ;
    margin : 0 auto ;
}
.main-contents {
    width : 800px ;
    min-height : 500px ;
    margin : 50px auto ;
    background-color : #fff ;
    padding : 30px ;
    
}
.main-contents.start-contents {
    background-image : url('../images/start_bk.png');
    background-repeat : no-repeat ;
    background-position : center bottom ;
}
.main-contents.question-contents {
    background-image : url('../images/bottom_bk.png');
    background-repeat : no-repeat ;
    background-position : center bottom ;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
}
.col-1{
    float : left ;
    width:8.33333%;
    padding : 0 5px ;
}
.col-2{
    float : left ;
    width:16.66667%;
    padding : 0 5px ;
}
.col-3{
    float : left ;
    width:25%;
    padding : 0 5px ;
}
.col-4{
    float : left ;
    width:33.33333%;
    padding : 0 5px ;
}
.col-5{
    float : left ;
    width:41.66667%;
    padding : 0 5px ;
}
.col-6{
    float : left ;
    width:50%;
    padding : 0 5px ;
}
.col-7{
    float : left ;
    width:58.33333%;
    padding : 0 5px ;
}
.col-8{
    float : left ;
    width:66.66667%;
    padding : 0 5px ;
}
.col-9{
    float : left ;
    width:75%;
    padding : 0 5px ;
}
.col-10{
    float : left ;
    width:83.33333%;
    padding : 0 5px ;
}
.col-11{
    float : left ;
    width:91.66667%;
    padding : 0 5px ;
}
.col-12{
    float : left ;
    width:100%;
    padding : 0 5px ;
}

/*-- ボタン関係 --*/
.btn {
    border : none ;
    font-weight: bold;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding : 5px 10px ;
    height : 35px ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display : inline-block ;
    vertical-align: top;
    cursor: pointer;
}
.action_box a.btn:hover {
    color : #fff ;
}
.btn-primary {
    background-color : #49afcd ;
    color : #fff ;
}
.btn-primary:hover {
    background-color : #286090 ;
}
.btn-danger {
    background-color : #da4f49 ;
    color : #fff ;
}
.btn-danger:hover {
    background-color : #bd362f ;
}
.btn-success {
    background-color : #5bb75b ;
    color : #fff ;
}
.btn-success:hover {
    background-color : #51a351 ;
}
.btn-warning {
    background-color : #f0ad4e ;
    color : #fff ;
}
.btn-warning:hover {
    background-color : #ec971f ;
}

/** ヘッダー **/
.header {
	background: #e5abbe;
    color:#ffffff;
}

#inner-header {
	position: relative;
	width: 100%;
	padding: 4px 0;
	width : 1100px ;
	margin: 0 auto;
}
.site_description {
    font-size: 11px;
    margin: 1px 0;
    color : #fff ;
}
#logo .h1 {
	margin: 0;
	padding: 0;
}
#logo a {
	color: #fff;
	width: 100%;
	padding: 0 0 0.2em;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 26px;
	font-weight: bold;
    line-height: 1.333em;
}
#inner-header.descriptionnone {
	padding-top: 10px;
}


/** フッター **/
footer {
    bottom: 0;
    height: 40px;
    width: 100%;
    position: absolute;
    background-color : #006934 ;
}
footer p {
    line-height: 40px;
    color: #fff;
    font-size : 14px ;
}

/** トップページ **/
.btn_start {
    text-align: center;
}
.btn_start a {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color : #da4f49 ;
    color : #fff ;
    width : 80% ;
    text-align: center;
    padding : 20px ;
    height : auto ;
    border-right : 5px solid #bd362f;
    border-bottom : 5px solid #bd362f;
}
.btn_start a:hover {
    background-color : #bd362f ;
    border : none ;
    padding : 23px 22px 22px 23px ;
}

/** 設問ページ **/
.q_title {
    width : 120px ;
    height : 120px ;
    line-height : 120px ;
    text-align : center ;
    font-size : 50px ;
    color : #fff ;
    border-radius : 60px ;
    background-color : #E5ABBE ;
}
.q_title img {
    vertical-align : top ;
    margin-right : 2px ;
}
.progress {
    padding-top : 20px ;
}
.progress .meter_text p {
    color : #006934 ;
    font-size : 14px ;
    font-weight: bold;
}
.meter_block {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border : 2px solid #ccc ;
    height : 24px ;
    background-color : #fff ;
    overflow: hidden;
}
.meter_block .meter {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color : #006934 ;
    height : 20px ;
}
.text_box {
    width : 600px ;
    margin : 60px auto 60px ;
    color : #3E3E3E ;
}
.btn_box {
    text-align : center ;
}
.btn_box .answer_box {
    display : inline-block ;
    vertical-align : top ;
    width : 45% ;
    border : 1px solid #E5ABBE ;
    position : relative ;
    min-height : 70px ;
    margin : 0 10px 15px 0 ;
    padding : 20px ;
    cursor : pointer ;
}
.btn_box .answer_box:hover {
    background-color : #ffe5ff ;
}
.btn_box .answer_box .answer_corner {
    width : 65px ;
    height : 60px ;
    display : inline-block ;
    background-image : url(../images/answer_corner.png) ;
    background-repeat : no-repeat ;
    color : #fff ;
    font-size : 20px ;
    text-align : left ;
    padding : 0 5px ;
    position : absolute ;
    top : -5px ;
    left : -5px ;
}
.btn_box .answer_box .btn_answer {
    border : none ;
    background : none ;
    font-size : 30px ;
    color : #3E3E3E ;
}
.btn_box .answer_box p {
    text-align : left; 
}


/*
.btn_box  button {
    width : 45% ;
    font-size : 20px ;
    padding : 10px 0 ;
    height : auto ;
    margin-right : 3% ;
}
.btn_box.button2 button:last-of-type {
    margin : 0 ;
}
*/

/** 完了ページ **/
.result_box {
    padding : 20px 30px 40px ;
}
.comp_text {
    margin-bottom : 30px ;
}
.input_mail_form .input_mail {
    border-radius : 5px ;
    border : 1px solid #999 ;
    padding : 8px ;
    width : 400px ;
}
/*
.result_table {
    width : 100% ;
    margin-bottom : 60px ;
}
.result_table td,
.result_table th{
    padding:10px;
}
.result_table th{
    color:#fff;
    background:#006934;
    text-align: center;
}
.result_table tr:nth-child(odd){
    background:#cfffd8;
}
.result_table td{
    border-bottom:2px solid #94e09f;
}
.result_table tr td:first-of-type,
.result_table tr td:last-of-type{
    text-align : center ;
    vertical-align: middle;
}
.result_text {
    width : 600px ;
    margin : 0 auto 60px ;
}
.result_text .result_first {
    font-size : 24px ;
    font-weight:bold;
    color : #666 ;
    text-align: center;
    margin-bottom : 20px ;
}
.result_text .result_first .type_text {
    color : #f33 ;
    font-size : 30px ;
    padding : 0 10px ;
}
*/