@charset "utf-8";
html {color:#000;background:#FFF;}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, button {margin:0;padding:0;line-height:1;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}li {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;}q:before, q:after {content:'';}abbr, acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}legend {color:#000;}* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
a {color:#000;/*display:inline-block*/;outline:none;}a:hover {text-decoration:none;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content:"";clear:both;height:0;}
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.mgb5{margin-bottom:5px!important;}.mgb10{margin-bottom:10px!important;}.mgb15{margin-bottom:15px!important;}.mgb20{margin-bottom:20px!important;}.mgb25{margin-bottom:25px!important;}.mgb30{margin-bottom:30px!important;}.mgb35{margin-bottom:35px!important;}.mgb40{margin-bottom:40px!important;}.mgb45{margin-bottom:45px!important;}.mgb50{margin-bottom:50px!important;}.mgb55{margin-bottom:55px!important;}.mgb60{margin-bottom:60px!important;}.mgb65{margin-bottom:65px!important;}.mgb70{margin-bottom:70px!important;}.mgb75{margin-bottom:75px!important;}.mgb80{margin-bottom:80px!important;}
.left{float:left;}.right{float:right;}
.txtC{text-align:center!important;}.txtR{text-align:right!important;}

html {
	font-size:13px;
	background: #efeee2;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* header
-----------------------------------------------------------------------------*/
div#header {
	width:100%;
	padding:8px 0;
	height:70px;
	box-shadow:0 1px 3px 3px rgba(0,0,0,0.3);
	background-color:#fff;
}
div#header h1 {
	margin:0 auto;
	width:890px;
	height:55px;
}

/* contents
-----------------------------------------------------------------------------*/
.wrap {
	margin:0 auto;
	width:890px;
	background-color:#fff;
}

/* top
----------------------------------------*/
div#top {
	width: 890px;
	height: 482px;
}

/* content1
----------------------------------------*/
div#content1 {
	padding:30px;
	background:url(images/content1-bg.png) no-repeat center top;
}
div#content1 h3 {
	height:590px;
}
div#content1 div.box {
	border:3px solid #091247;
	background-color:#fff;
}
div#content1 div.box h4 {
	margin:15px 0 10px 10px;
	font-size:14px;
}
div#content1 div.box p {
	margin:0 10px 20px;
	line-height:1.3;
}

/* content2
----------------------------------------*/
div#content2 {
	padding:0 30px 10px;
}
div#content2 .tit {
	margin-bottom:10px;
	font-weight:bold;
}
div#content2 .tit2 {
	line-height:2;
}
div#content2 .tit span ,
div#content2 .tit2 span{
	color:#ff009a;
}
div#content2 div.img {
	text-align:center;
}
div#content2 h4 {
    font-size: 20px;
	padding:8px 10px;
	margin-bottom:10px;
	border-left:4px solid #ff009a;
}
div#content2 div.box {
	padding:15px 0;
	margin-bottom:30px;
	background-color:#e5e9ef;
}
div#content2 p {
	padding:0 10px 20px;
	line-height:1.3;
}
div#content2 div.box h5 {
	margin-bottom:20px;
	padding-left:15px;
}
div#content2 div.box h5:after{visibility: hidden;display: block;font-size: 0;content:"";clear:both;height:0;}
*:first-child+html div#content2 div.box h5 { zoom: 1; } /* IE7 */
div#content2 div.box span.img {
	display:block;
	float:left;
	width:53px;
}
div#content2 div.box h5 span.txt {
	display:block;
	float:right;
	padding-top:5px;
	width:745px;
	line-height:1.5;
	font-size:13px;
}

/* other_note
-----------------------------------------------------------------------------*/
.other_note ul{
	margin-left: 16px;
}
.other_note li{
	line-height: 2.5;
    list-style: outside none disc;
}
.other_note a{
	color: #0000ff;
}


/* button
-----------------------------------------------------------------------------*/
div#close {
	margin:0 auto 30px;
	width:173px;
}
div#pagetop {
	padding:0 20px 20px;
	text-align:right;
}

/* footer
-----------------------------------------------------------------------------*/
div#footer {
	height:46px;
	font-size:0;
}


/*スマホ*/

@media only screen and (max-width: 640px) {
.wrap {
    margin: 0 auto;
    background-color: #fff;
}

div#top {
    width:100%;
    height: 400%
}
    div#content2 h4 {
        font-size: 40px;
        padding: 8px 10px;
        margin-bottom: 10px;
        border-left: 4px solid #ff009a;
    }
    div#content2 .tit2 {
        line-height: 3.5rem;
        font-size: 30px;
        
    }
    .other_note li {
        line-height: 3.5rem;
        list-style: outside none disc;
        font-size: 30px;
    }
    div#content2-9 p {
        padding-left: 0;
        font-size: 30px;
        line-height: 2;
    }
    .right {
        float: none; 
    }
  
}