@charset "UTF-8";

/* ****************************************************
Title: sp_application.css
Created: 2011-01-31
Last Modified: 2011-02-13
***************************************************** */


/* Table Of Contents
----------------------------------------

# Smartphne Hide Content
# Main

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


/* # Smartphone Hide Content
---------------------------------------------------------------------------- */


/* # Main
---------------------------------------------------------------------------- */

#content #pageTitApplication {
	background: url(../img/all/bg_pagetit_application.gif) no-repeat left top;
	height: 38px;
	margin: 0 0 18px;
	width: 300px;
}

#content .mCatIndexArea #qualificationIndexAreaSec h2 {
	background: #138394 url(../img/all/bg_mh_index_qualification.gif) no-repeat 15px center;
	padding: 11px 15px 11px 43px;
}

#content .mCatIndexArea #benefitIndexAreaSec h2 {
	background: #138394 url(../img/all/bg_mh_index_benefit.gif) no-repeat 15px center;
	padding: 11px 15px 11px 43px;
}

#content .mCatIndexArea #healthIndexAreaSec h2 {
	background: #138394 url(../img/all/bg_mh_index_health.gif) no-repeat 15px center;
	padding: 11px 15px 11px 43px;
}

#content .mTable02 table .printSize {
	background-color: #E9F5F4;
	color: #1b4d74;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
	width: 10%;
}

/* # タブ切替用
---------------------------------------------------------------------------- */
.tab-group{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 2em 0 1em;
}

ul.tab-group {padding-left: 0;}

.tab{
    flex-grow: 1;
    padding: 20px 5px;
    list-style: none;
    text-align: center;
    cursor: pointer;
    border-bottom: solid 1px #CCC;
    margin-right: 3px;
    background-color: #ddd;
    box-sizing: border-box;
    flex-basis: 24%;
    /* font-size: .9em; */
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    line-height: 1.2;
}
.panel-group{
}
.panel{
    display:none;
}
.tab.is-active{
    background: #eb6d6e;
    color:#FFF;
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}

.myna_card_use {display: block; background-color: #ffffca; border-radius: 20px; padding: 16px; margin: 3em 0; border: 2px solid #ff4500;}
.myna_card_use div {padding: 10px 20px; text-align: center;}
.myna_card_use div p {text-align: left;}
.myna_card_use div img {max-width: 100px; height: auto;}

/* # Clearfix
---------------------------------------------------------------------------- */

.counter_a{
  counter-reset: number_a 0;
}

.counter_b{
  counter-reset: number_b 0;
}

.counter_c{
  counter-reset: number_c 0;
}

.counter_d{
  counter-reset: number_d 0;
}

.counter_a .count:before {
  counter-increment: number_a 1;
  content: "A-" counter(number_a); 
}

.counter_b .count:before {
  counter-increment: number_b 1;
  content: "B-" counter(number_b); 
}

.counter_c .count:before {
  counter-increment: number_c 1;
  content: "C-" counter(number_c); 
}

.counter_d .count:before {
  counter-increment: number_d 1;
  content: "D-" counter(number_d); 
}

.count{
	vertical-align: middle;
	text-align: center;
	width: 10%;
}