@charset "utf-8";

@media screen and (min-width: 320px) {
	html{
		font-size: 62.5%;
	}
}
@media screen and (min-width: 375px) {
	html{
		font-size: 72.5%;
	}
}

@media screen and (min-width: 414px) {
	html{
		font-size: 82.5%;
	}
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	 font-size: 1rem;
}

body {
	font-family: sans-serif;
	line-height: 1.6;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-text-size-adjust:none;
	position: relative;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    background:transparent;
	color: #333;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
    border: none;
}

ul,ol{
	list-style: none;
}

input {
  /* -webkit-appearance: none; フォームのラジオボタンが消えてしまうのでコメントアウト
   -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;*/
}


body{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input, button, textarea, select {
	/*margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}
input[type="submit"]{
margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}


/* リスト２行以降対策
------------------------------------------------------------*/ 
ol.list li, ul.list li{
	text-indent:-1em;
	margin-left:1em;
} 


/*　ヘッダー
--------------------------------------------------------------*/

header {
	background:url(../img/img-common/line.gif) repeat-x left bottom;
}
header .logo{
	/*width: 80%;	*/
	/*padding: 2% 0 3.5% 3%;	*/
	width: 83%;
    padding: 2% 0 3.5% 1%;
}
header h1{
	font-size: 1rem; 
	padding: 1% 0 0 2%;	
}
header p{
	font-size: 1rem; 
	/*padding: 1% 0 0 2%;	*/
}

header #index_top_wrap p img{
	width:100%;
}




/**　ハンバーガーメニュー 
--------------------------------------------------------------*/
body {
    position: relative;
    left: 0;
    overflow-x: hidden;
}
#slide_menu{
    position: fixed;
    top: 0;
    width:100%;
	z-index:10000;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}
.slide_menu_in{
	width:74.2%;
	margin:0 0 0 25%;
    background: #F2F2F2;
	border-left:3px solid #F29DC3;
}
header p.menu_open{
	width: 14%;
	position: fixed;
	top: 1.4%;
	right:1%;
	outline: none;
	border: none;
	color: #fff;
	font-size: 1rem;
	cursor: pointer;
	z-index:1000;
	padding:0;
}
header p.menu_open2{
	width: 14%;
    position: absolute;
	left:11.2%;
	top: 1.4%;
    outline: none;
    border: none;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}
header p.menu_close2 img{
	width: 50%;
}
header p.menu_close2{
	margin: 12% 0 0;
	text-align: center;
	padding: 0 0 16%;
}
header .hed_menu .first {
	padding: 0 0 0px;
}

header .hed_menu .ttl {
	float:left;
	width:83%;
}
header .hed_menu .menu_close {
	float:right;
	width:17%;
}
header .hed_menu ul.menu {
	clear: both;
	padding: 0% 0% 0;
	margin: 0px 0% 0%;
	background:#fff;
}
header .hed_menu ul li{
  border-bottom: 1px solid #F2F2F2;
}
header .hed_menu ul li p{
	padding:0 0 0 0%;
	margin:0 0 0 2%;
}
header .hed_menu ul li a{
	background: url(../img/img-common/hed_icoblu.png) no-repeat right center;
	background-size: 9%;
  display: block;
  padding:6.5% 5% 6.5% 7%;
  text-decoration:none;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1;
	font-size:1.2rem;
	font-weight:bold;
	color:#333;
}
header .hed_menu ul li a span{
	background:url(../img/img-common/hed_ico01_sp.png) no-repeat right center;
	background-size: 12%;
	padding: 0 9% 0 0;
}


header .hed_menu ul p.btn_acc {
	background: url(../img/img-common/hed_ico03.png) no-repeat right center;
	background-size: 10% !important;
	padding:4% 3%;
	font-size:1rem;
	font-weight:bold;
	color:#02409E;
	margin:0;
	width:auto;
}
header .hed_menu ul p.btn_acc.open {
	background: url(../img/img-common/hed_ico01.png) no-repeat right center;
	background-size: 10% !important;
  border-bottom: 1px solid #BCC1C4;
}

header .hed_menu ul .acc {
	/*border-top: 1px solid #A7A7A7;*/
	display: none;
	font-size:1rem;
	color:#333;
	padding:0 0 4%;
}
header .hed_menu ul .acc p{
	padding:0;
}
header .hed_menu ul .acc li{
	border:none;
}
header .hed_menu ul .acc li a {
	background: url(../img/img-common/hed_ico02.png) no-repeat 19px center;
	background-size: 2% !important;
	padding:5% 5% 4% 12%;
	font-size:1rem;
	color:#000;
	font-weight:normal;
}



header .hed_menu ul.menu02 {
	clear: both;
	padding: 0% 4% 0;
	margin:-2% 0% 5%;
	background:#F2F2F2;
}
header .hed_menu ul.menu02 li{
	/*background: url(../img/img-common/hed_lin01.png) no-repeat center bottom;*/
	border:none;
	padding: 0 0 0%;
	font-size:1.3rem;
	/*background-size: 100%;*/
}
header .hed_menu ul.menu02 li a{
	/*background: url(../img/img-common/hed_ico02.png) no-repeat 19px center;
	background-size: 2% !important;*/
	color:#000;
	padding: 6% 5% 6% 10%;
	font-weight: normal;
	font-size:1.3rem;
	background:none;
}

header .hed_menu .btn01 {
    padding: 0;
    width: 14%;
    margin: 10% auto 6%;
}



/*------------------------------------
aside
------------------------------------*/
aside .slidemenu {
	display: none;
	position: fixed;
	bottom: 7%;
	left: 5%;
	z-index:100;
	width: 90%;
	margin: 0 auto;
 }



/*------------------------------------
fixed
------------------------------------*/
#fixed {
	display:none;
}
.fixed {
	position:fixed;
	bottom:0;
	z-index:50;
 }
.fixed #close_btn{
	display: none;	
}
.fixed #open_btn{
	display: block;	
}
.fixed.selected #open_btn{
	display: none;	
}
.fixed.selected #close_btn{
	display: block;	
}


/*------------------------------------
cover
------------------------------------*/
#cover {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(200,232,255,0.80);
	position:absolute;
	top:0;
	left:0;
	z-index:10;
 }
 
.contact_block{
	text-align:center;
	margin: 0% auto 14%;
	width: 80%;
}
.contact_block .method01{
	font-size: 1.1rem;
	color:#333;
	line-height:1.2;
	letter-spacing:0.05em;
	font-weight:bold;
	margin: 0 0 2%;
}
.contact_block .method02 a:hover img {
	opacity:1;
}
.contact_block .btn{
	margin:0 auto 25px;
	width:100%;
}
.contact_block .btn li{
	float:left;
	display:block;
	width:100%;
	line-height:0;
}
.contact_block .btn li img{
	width:100%;
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 





/*　フッター
--------------------------------------------------------------*/

.footer_bn p{
	text-align:left;
	margin:18px auto 10px;
	font-size:1.1rem;
	width:94%;
	
}
.footer_bn_in{
	width: 100%;
	margin: 0px auto;
	padding: 40px 0px 30px;
}

.footer_bn ul{
	width:96%;
	margin:0 auto;
}

.footer_bn ul li{
	/* float:left; */
	display:block;
	/* width:49.5%; */
	/* text-align: center; */
	margin: 0 auto;
}
.footer_bn ul li{
	margin: 0 0 3% 0;
	text-align: center;
}
.footer_bn ul li:last-child{
	margin:0 0px 0 0;
}


.footer_bn2{
	background:#F8F8F8;
}
.footer_bn2 p{
	/*color:#3198F3;*/
	text-align:left;
	/*margin:0 0 10px;*/
}
.footer_bn_in2{
	/*width: 800px;*/
	margin: 0px auto;
	padding: 5px 0px 0;
}
.footer_bn2 ul li{
	float:left;
	display:block;
}
.footer_bn2 ul li{
	margin: 0 25px 0 0;
}
.footer_bn2 ul li:last-child{
	margin:0 0px 0 0;
}
.footer_bn2 ul li span{
	display:block;
	text-align:left;
}
.footer_bn2 ul li a{
	color:#333;
}

.footer_bn2 .left{
	text-align:center;
	/*float:left;
	width: 37%;*/
}

.footer_bn2 ul{
	padding: 40px 20px 10px;
}


.footer_bn2 .list_block01 li {
	margin:0;
	width:90%;
	margin:0 auto;
}

.footer_bn2 .block02 .blk02{
	padding: 0 0 0 20px;
}


.footer_bn2 .list_block01 li{
	list-style:none;
	background:url(../img/img-common/foot_icon01.png) no-repeat left center;
	padding:5px 0 5px 40px;
	font-size:1.1rem;
	}







footer{
	position: relative;
	background: url(../img/img-common/footer_bg.gif) repeat 0 0;
}
footer nav:first-of-type{
	background: url(../img/img-common/footer_bg.gif) repeat 0 0;
	/*border-top: 1px solid #eee;*/
	background: #FEF5F9;
}
footer .fot_cont02 nav:first-of-type{
	padding:0;
	background:#fff;
	border:none;
}
footer .title{
	background: #1B8BE1;
	color: #ffffff;
	text-align: left;
	text-indent: 4%;
	padding: 2% 0;
	font-size:1.2rem;
	margin: 0 0 8% 0;
	font-weight: bold;
	position: relative;
}
footer .title:after{
	content: " ";
	background:url(../img/img-common/title.gif) no-repeat center top;
	background-size: 50% auto;
	position: absolute;
	top: 100%;
	left: 40%;
	width: 60px;
	height: 27px;
}
footer .time{
	width: 73%;
	margin: 0 auto;
	background: url(../img/img-common/sp_ico.gif) no-repeat 2.5% top;	
	background-size: contain;
	line-height: 130%;
	font-size:1.1rem;
}
footer .time dt{
	padding: 0 0 0 12%;	
}
footer .time dd{
	padding: 0 0 0 13%;
	font-size:1.2rem;
}
footer a{
	text-decoration: none;	
}
footer .address{
	/*width: 100%;*/
	text-align: center;
	padding: 0 0 5% 17%;
	font-size: 12px;
}


footer .address ul li{
	padding: 0 0 0% 0;
	margin:0;
}

footer ul{
	width: 90%;	
	margin: 0 auto;
	padding: 2.5% 0 0 0;
	position: relative;
}
footer ul li{
	font-size: 1.0rem;
	float: left;
	width: 100%;
	background: url(../img/img-common/ico_03.png) no-repeat 90% 0.5em;
	background-size: 3% auto;
	padding: 1.5% 0 0% 2%;
	margin: 0 0 0;
	text-align: left;
}
footer ul li span{
	display: block;
}
footer .fot_menu{
	padding:2.5% 0;
}


footer nav.blk01 ul li{
	background: url(../img/img-common/arrow_ico01.png) no-repeat left top;
	background-size: 4% auto;
	padding: 0 0 0% 16px;
	margin: 3% 0 0;
	text-align: left;
	float: left;
	width: 43%;
}


/*.life footer .fot_menu{
	padding-bottom:3.5%;
}
.life footer .fot_menu li{
	min-height:1em;
	line-height:100%;
}
.life footer .fot_menu li:nth-child(1),
.life footer .fot_menu li:nth-child(2),
.life footer .fot_menu li:nth-child(5),
.life footer .fot_menu li:nth-child(6) {
	height:2em;
}*/



footer .line {
	border-top: 8px solid #EF89B5;
	padding: 0;
	margin: 0;
	color: #1B8BE1;
	text-align:center;
}
footer .fot_menu li{
	min-height: 24px;
	line-height: 108%;
}
footer .fot_menu2 {
	width: 100%;
}

footer ul.fot_menu2{
	padding: 0;
	margin:1% 0 1%;
}

footer ul.fot_menu2 li.method02{
	margin: 0;
	padding: 3.6% 0 3.6% 13%;
}


footer .fot_menu2 li:first-of-type:before{
	content: "";
	background: url(../img/img-common/ico_01.png) no-repeat 0 center;
	position: absolute;
	/*top: 21%;*/
	top: 16%;
	left: 6%;
	width: 8%;
	height: 20%;
	background-size: 50% 100%;
}
footer .fot_menu2 li:nth-child(2):before{
	content: "";
	background: url(../img/img-common/ico_02.png) no-repeat 0 center;
	position: absolute;
	top: 68%;
	left: 6%;
	width: 10%;
	height: 17%;
	background-size: 50% 100%;
}
footer .fot_menu2 li{
	width: 87%;
	float: none;
	border-top: 1px dotted #333;
	background: url(../img/img-common/ico_04.png) no-repeat 64% center;
	background-size: 1% auto;
	/*padding: 3% 0 3% 13%;*/
	padding: 3.6% 0 2.6% 13%;
}
footer .fot_menu2 li span{
	display:inline;
	font-weight:bold;
}
.life footer .fot_menu2 li span{
	color:#0266B2;
}
.business footer .fot_menu2 li span{
	color:#FF8408;
}
footer .fot_menu2 li:nth-child(2){
	border-bottom: 1px dotted #333;
}
footer .fot_banner{
	padding: 2.5% 0;
}
footer .fot_banner ul li{
	background: none;
}

footer .foot_logo {
	text-align: center;
	padding: 0 0 1% 0 ;
}
footer .foot_logo img{
	/*width: 41%;*/
	width: 96%;
	display: inline-block;
}

footer .foot_logo .disp_pc{
	
	display: none;
}

footer .fot_cont02 .tel {
	background: url(../img/img-common/ico_tel.png) no-repeat left center;
	background-size:10%;
	font-size: 6vw;
	padding: 0px 0 0px 8%;
	margin: 0px auto 1%;
	width: 47%;
	font-weight:bold;
	line-height: 1.8;
}
footer .fot_cont02 .tel a {
	text-decoration: none;
}
footer .fot_cont02 .time{
	font-size: 1.2rem;
	margin: 0 0 5%;
	padding: 0;
	font-weight:bold;
	text-align: center;
	width:auto;
}
footer .line img{
	width:6%;
	height: auto;
}
footer #copyright{
	clear: left;
	background-color: #EE7DB0;
	color: #fff;
	/*font-size: 1.3rem;*/
	font-size: 1.0rem;
	padding: 1.8% 0;
	text-align: center;
}

footer #copyright a{
	color:#fff;
}


/*　フッタ上のボタン類
--------------------------------------------------------------*/
.fotbtnblk{
	padding:0 5%;
	margin:10% 0% 0;
}
.fotbtnblk p{
	margin:0 0 6%;
}
.fotbtnblk p:last-child{
	margin:0;
}

.fotbtnblk ul{
	margin:0 0 6%;
	width:100%;
	padding:0;
}
.fotbtnblk ul li{
	width:48%;
	float:left;
	background:none;
	display:block;
	padding:0;
	margin:0;
}
.fotbtnblk ul li:nth-child(2){
	float:right;
}
.business .fotbtnblk ul li{
	float:none;
	margin:0 auto;
}


.mb30{
	margin-bottom:3% !important;
}
.mb50{
	margin-bottom:6% !important;
}
.mb80{
	margin-bottom:8% !important;
}
.mb100{
	margin-bottom:10% !important;
}








/* 緊急表示枠
---------------------------------------------*/
.alert_block {
	width: 96%;
	margin: 5% auto;
}

/* 共通ページ下部ボタン
---------------------------------------------*/
.common_block {
	width: 88%;
	margin: 0 auto;
	padding: 0 0 7% 0;
}
.common_block ul li{
	width: 100%;
	margin: 0 0 4% 0;	
}