@charset "utf-8";
/* CSS Document */

/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* HTML5の新要素 */
section, nav, article, aside, header, footer, 
hgroup, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*------------------------------------------------------------------
共通スタイル
-------------------------------------------------------------------*/
html,body{
    width: 100%;
	height:100%;
}
body{
	font-size:large;	
	text-align:center;
	color:#000;
	background:#fff;
	line-height:2rem;
}
.clear{
	overflow:hidden;	
}
ul{
	list-style:none;	
}
img{
    vertical-align:bottom;
	border:none;
	max-width:100%;
}
span.red{
	color:red;	
}
span.underline{
	text-decoration:underline;	
}
*:focus {
   outline:none;
}
a{
	color:#221815;
}
a:hover{
	color:#B5B5B5;
}
a:hover img{
	opacity: 0.8;	
}


@media screen and (min-width:768px){
	a[href^="tel:"] {
		pointer-events: none;
	}
}
/**mac用リセットCSS**/
/*input{
	-webkit-appearance: none;	
}*/
/*------------------------------------------------------------------
共通スタイルcontainer
-------------------------------------------------------------------*/
/*.container{
	width:900px;
	margin:0 auto;*/
	/* box-shadow */
	/*-moz-box-shadow:0px 0px 6px 3px #cccccc;
	-webkit-box-shadow:0px 0px 6px 3px #cccccc;	
	box-shadow:0px 0px 6px 3px #cccccc;
}
.container{
	background:url(../images/bg.png) repeat-y center top;
}*/
/*------------------------------------------------------------------
共通スタイルbox
-------------------------------------------------------------------*/
.box{
	min-width:1200px;
	_display: inline;
	_zoom:1;
}
/*------------------------------------------------------------------
共通スタイルheader
-------------------------------------------------------------------*/
header{
	max-width: 580px;
	margin: 0 auto;
}
/*------------------------------------------------------------------
共通スタイルパーツ
-------------------------------------------------------------------*/
section{
	max-width: 580px;
	margin: 0 auto;
}
section h1{
	background: #002cac;
	color: #fff;
	font-size: 1.6rem;
	padding: 0.5rem;
	margin-top: 5px;
}
.box__01 .list__01 ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	padding: 15px 0 30px;
}
.box__01 .list__01 ul li{
	width: 50%;
	text-align: left;
	font-size: 1.4rem;
	padding: 0.2rem 0.5rem;
}
.box__01 h2{
	font-size: 1.6rem;
	color: #002cac;
	border-bottom: 3px #ffea00 solid;
}
.box__01 .list__02{
	background: #f2f6f6;
}
.box__01 .list__02 ul{
	text-align: left;
}
.box__01 .list__02 ul li{
	padding: 0.7rem 0 0.7rem 1rem;
	border-bottom: 2px #fff solid;
}

.box__02 .list__03 dl{
	border: 3px #2e9ede solid;
	margin-top: 5px;
	text-align: left;
}
.box__02 .list__03 dl dt{
	background: #e4f7ff;
	color: #002cac;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.5rem;
}
.box__02 .list__03 dl dd{
	padding: 0.5rem;
}

.box__03 .list__04 dl{
	border-bottom: 2px #ffea00 solid;
	text-align: left;
}
.box__03 .list__04 dl dt{
	color: #002cac;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.8rem 0.5rem 0.8rem 0;
}
.box__03 .list__04 dl dt span{
	background: #e4f7ff;
	padding: 0 0.5rem;
	margin-right: 0.5rem;
}
.box__03 .list__04 dl dd{
	padding: 0 0 0.8rem;
}
@media screen and (max-width:580px){
	.box__03 .list__04 dl dd{
		padding: 0 0.5rem 0.8rem;
	}
	.box__03 .list__04 dl dt span{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 0.8rem;
	}
	.box__03 .list__04 dl dt{
		padding: 0.8rem 0.5rem 0.5rem 0.5rem; 
	}
}

.box__04 h2{
	color: #002cac;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.8rem;
}
.box__04 .list__05 p{
	text-align: left;
	padding: 0 0;
}
.box__04 .list__05 .txt__right{
	text-align: right;
	padding-right: 0;
}
@media screen and (max-width:580px){
	.box__04 .list__05 p{
		padding: 0 0.5rem;
	}
	.box__04 .list__05 .txt__right{
		padding-right: 0.5rem;
	}
}
.box__04 .list__06 h2{
	padding-top: 30px;
}
.box__04 .list__06 div dl{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
	border-bottom: 2px #fff solid;
}
.box__04 .list__06 div dl dt{
	width: 25%;
	background: #002cac;
	color: #fff;
	font-weight: bold;
	padding: 0.5rem;
}
.box__04 .list__06 div dl dd{
	width: 75%;
	text-align: left;
	padding: 0.5rem 1rem;
	background: #ecf1fe;
}
@media screen and (max-width:580px){
	.box__04 .list__06 div dl dt{
		width: 100%;
	}
	.box__04 .list__06 div dl dd{
		width: 100%;
	}
}

.box__04 .list__07 h2{
	padding-top: 30px;
}
.box__04 .list__07 div{
	background: #f2f6f6;
	padding: 1rem;
}
.box__04 .list__07 div dl{
	border-bottom: 2px #fff solid;
	margin-bottom: 1rem;
}
.box__04 .list__07 div dl:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
}
.box__04 .list__07 div dl dt{
	background: #daf2ff;
	color: #002cac;
	font-size: 1.4rem;
	font-weight: bold;
}
.box__04 .list__07 div dl dd:first-of-type{
	color: #002cac;
	font-size: 1.4rem;
	text-align: left;
	padding: 0.5rem 0;
	font-weight: bold;
}
.box__04 .list__07 div dl dd:last-of-type{
	text-align: left;
	padding-bottom: 0.5rem;
}

.contacts ul{
	max-width: 580px;
	margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.contacts ul li{
	width: 48%;
	margin-top: 5px;
}
.contacts ul li a{
	display: block;
	background: #98cb00;
	padding: 3rem 1rem;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	
}
@media screen and (max-width:580px){
	.contacts ul li{
		width: 96%;
		margin: 5px auto 0;
	}
	.contacts ul li a{
		padding: 1.5rem 1rem;
	}
}
.box__05 .list__08 dl{
	background: #f2f6f6;
	border-bottom: 2px #fff solid;
	padding: 0.5rem 1rem;
	text-align: left;
}
.box__05 .list__08 dl dt{
	color: #002cac;
	font-weight: bold;
}
.box__05 .list__08 dl dd{
	font-size: 0.9rem;
	line-height: 1.8rem;
}

@media screen and (max-width:768px){
	
}
/*------------------------------------------------------------------
共通スタイルfooter
-------------------------------------------------------------------*/
footer{
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 0.8rem;
}