/* スタイル定義を上書きする */


body div#sp{
	width:414px;
	font-size:1.25rem;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
}
body div#dialog{
	width:400px;
	font-size:1.25rem;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
}

body div#ipho{
	width:414px;
	font-size:1.25rem;
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
}
@media screen and (max-device-width : 414px) {
 	
body div#ipho{ 
 		  width:100%;
  	}
  }

span.m_header1 {
    position:relative;
    top:0px;
    left:0px;
}

div.header
{
    width:100%;
    position:relative;
    margin:0px;
    padding:0px;
    border:0px;
    border-collapse:collapse;
}
div#head{
    padding-bottom:0px;
    border-bottom:3px solid #DD1144;
}

div#head h1{
    width:100%;
    padding-top:3px;
    padding-bottom:5px;
    float:none;
}
div#head h2{
    width:100%;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:5px;
    font-size:21pt;
    font-weight:bold;
    line-height:130%;
    float:none;
}

div#head h2 span{
    font-size:15pt;
}

img.requireitem
{
    width: 30px;
    vertical-align: middle;
}

input, select
{
	 box-sizing: border-box;
	 padding:5px;
}

body div#sub1{
	line-height:150%;
	padding-left:15px;
	padding-right:10px;
	text-align:left;
	font-size:1.08rem;
}

hr#foot{
	display:block;
	font-weight:900;
}
div#foot address{
	float:none;
}
.note002
{
	margin-left:1.25em; /* ブロック全体を 2em（2文字）分右に */
    text-indent: -0.7em; /* 先頭の1行のみ 1em（1文字）分左に */
}
.note003
{
	margin-left:1.1em; /* ブロック全体を 2em（2文字）分右に */
    text-indent: -0.7em; /* 先頭の1行のみ 1em（1文字）分左に */
    line-height:150%;
}

/* --------------------------------------------------------
	foot
-------------------------------------------------------- */

div#footsp{
	_height:1%;
	padding:10px 9px 10px 9px;
	background:url(../image/common_bg001.gif) 0% 0% repeat-x;

}
div#footsp ul{
	float:none;
}
div#footsp ul li{
    margin-right:15px;
    font-size:0.8rem;
	font-weight:bold;
	text-align:left;
	line-height:150%;
}
div#footsp ul li a:link,
div#footsp ul li a:visited{
    _height:1%;
    display:block;
    padding-left:13px;
    background:url(../image/common_ic002.gif) 0% no-repeat;
}
div#footsp address{
	color:#666666;
	font-size:0.8rem;
	font-weight:bold;
	font-style:normal;
}



/* アコーディオン機能を使う */
label#accordion_title1 {
    background: #FFB6C1;
    padding: 4px;
    padding-top:8px;
    padding-bottom:8px;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    width : 95%;
    height:33px;
    background-image: url('../image/m_nyukai_midasi_close.png');
		    background-size:18% auto;
		    background-repeat: no-repeat;
		    background-position: 97% center;
}
#accordion_title1.active{
    background-image: url('../image/m_nyukai_midasi_open.png');
}
label#accordion_title2 {
    background: #FFB6C1;
    padding: 4px;
    padding-top:8px;
    padding-bottom:8px;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    width : 95%;
    height:33px;
    background-image: url('../image/m_nyukai_midasi_close.png');
		    background-size:18% auto;
		    background-repeat: no-repeat;
		    background-position: 97% center;
}
#accordion_title2.active{
    background-image: url('../image/m_nyukai_midasi_open.png');
}
label#accordion_title3 {
    background: #FFB6C1;
    padding: 4px;
    padding-top:8px;
    padding-bottom:8px;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    width : 95%;
    height:33px;
    background-image: url('../image/m_nyukai_midasi_close.png');
		    background-size:18% auto;
		    background-repeat: no-repeat;
		    background-position: 97% center;
}
#accordion_title3.active{
    background-image: url('../image/m_nyukai_midasi_open.png');
}

label#step2_chk {
    background: #fff;
    display: inline;
    padding: 0px;
}

label#accordion_midasi {
    background: #FFB6C1;
    padding: 4px;
    padding-top:7px;
    padding-bottom:6px;
    display: block;
    margin: auto;
    border: 1px solid #fff;
    width : 95%;
    height:33px;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul#ul001{
    height: 500px;
}

input[type="checkbox"].on-off:checked + ul#ul002{
    height: 1070px;
}

input[type="checkbox"].on-off:checked + ul#ul003{
    height: 380px;
}

input[type="checkbox"].on-off:checked + ul#ul004{
    height: 1040px;
}

input[type="checkbox"].on-off:checked + ul#ul005{
    height: 1390px;
}


/* --------------------------------------------------------
	アコーディオン　規約
-------------------------------------------------------- */
		#accordion dt {
		    cursor:pointer;
		    background-image: url('../image/m_nyukai_kiyaku_open.png');
		    background-repeat: no-repeat;
		    background-position: 95% center;
		    background-size:20% auto;
		    padding-bottom:10px;
		    padding-top:5px;
		    padding-left:5px;
		    padding-right:5px;
		}
		#accordion dd{
		    font-size:1.08rem;
		    line-height:150%;
		    padding-top:5px;
		    height:200px;
		    overflow: scroll;
		    }
		#accordion dt.active{
		    background-image: url('../image/m_nyukai_kiyaku_close.png');
		}

/* --------------------------------------------------------
	インプットフレーム　レスポンシブ対応
-------------------------------------------------------- */
		.iframe-content {
		    width: 98%;
		    margin: 5px;
		    padding: 10px 0 0 0;
		}

/* --------------------------------------------------------
	table
-------------------------------------------------------- */
table.style001 th{
	font-size:1.25rem;
}
table.style001 td{
	font-size:1.08rem;
	padding-right:5px;
}

table.style002 th{
	font-size:1.25rem;
	background:#dcdcdc;
}
table.style002 td{
	font-size:1.08rem;
	padding-right:10px;
	line-height:150%;
}
table.style002 td.b2{
    margin-left:2.0em; /* ブロック全体を 2em（2文字）分右に */
    text-indent: -0.7em; /* 先頭の1行のみ 1em（1文字）分左に */
}
table.style002 td.b3{
    padding-left:30px; /* ブロック全体を 30px分右に */
    text-indent: -15px; /* 先頭の1行のみ 1.3em（1.3文字）分左に */
}
table.style002 td.b4{
    padding-left:50px; /* ブロック全体を 2em（2文字）分右に */
    text-indent: -1.0em; /* 先頭の1行のみ 1em（1文字）分左に */
}
/* --------------------------------------------------------
	ツールチップ
-------------------------------------------------------- */
.invisible{
 display: none;
}
 
a.clickToolTip{
 padding-left:3px;
}
 
p.toolTip{
 margin: 0;
 text-align:left;
 padding: 5px;
 width: 350px;
 line-height:120%;
 background-color: #585858;
 font-size:1.08rem;
 opacity: 1.0;
 color: #fff;
 border-radius: 5px;
 -moz-border-radius: 5px;
 min-height: 20px;
 top: 0px;
 left: 0px;
 position: absolute;
}
/* --------------------------------------------------------
	checkbox
-------------------------------------------------------- */

input[ type=checkbox ] {
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 1.3 , 1.3);
  -webkit-transform-origin: right bottom;
  -webkit-transform: scale( 1.3 , 1.3);
}

/* --------------------------------------------------------
	ドロップダウンリストデザイン
-------------------------------------------------------- */
 
.dropdown_list_label::after {
	right: 15px;
}