/* CSS Document */



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

http://meyerweb.com/eric/tools/css/reset/ 

v2.0 | 20110126 License: none (public domain)

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



/* HTML5 display-role reset for older browsers */



* {

	margin: 0;

	padding: 0;

}

body {

	width: 100%;

	height: auto;

}

article, 

figure, 

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: normal;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a {

	color: #000;

	text-decoration: none;

	cursor: pointer;

	outline: none;

}

img {

	max-width: 100%;

	height: auto;

	display: block;

}



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

  BASE

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



/* font */



#wrappar {

	font-size: 13px;

	line-height: 1.5em;

	letter-spacing: 0.08em;

	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;

	font-weight: normal;

	font-feature-settings: "palt";

	-webkit-text-size-adjust: 100%;

}

h1,

h2,

h3,

#contents div.outline table th,

#contents div.entry > ul li a.phone {

	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;

	font-weight: bold;

}

.sp {

	display: none;

}



/* container */



#wrappar {

	width: 100%;

	height: auto;

	overflow-x: hidden;

}



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

  ANIMATION

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



a {

	-webkit-transition: .5s ease;

	-moz-transition: .5s ease;

	transition: .5s ease;

}

a:hover {

	opacity: 0.5;

}



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

  HEADER

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



header {

	width: 100%;

	height: auto;

	padding: 30px 20px;

	box-sizing: border-box;

	border-top: 4px solid #000066;

}

header a {

	display: block;

}



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

  CONTENTS

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



#contents {

	width: 100%;

	height: auto;

}



/* information */



#contents div.info {

	width: 100%;

	height: auto;

	background: #f4f4f4;

}

#contents div.info > div {

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 40px 0;

}

#contents div.info > div:after {

	content: " ";

	width: 100%;

	height: 0;

	display: block;

	float: none;

	clear: both;

}

#contents div.info > div > img {

	width: 400px;

	float: left;

}

#contents div.info > div h1 {

	margin: 0 0 0 430px;

	font-size: 20px;

	line-height: 30px;

}

#contents div.info > div p {

	margin: 0 0 0 430px;

	padding: 30px 0;

	font-size: 15px;

	line-height: 1.5em;

}

#contents div.info > div dl {

	margin: 0 0 0 430px;

	font-size: 13px;

}

#contents div.info > div dl dt {
	width: 7em;
	margin: 0 0 15px 0;
	padding: 2px 0;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #fff;
	float: left;
	background: #000066;
}

#contents div.info > div dl dd {
	margin: 0 0 15px 7em;
	padding: 2px 0;
}

#contents div.info > div dl dd a {

	margin: 5px 0 0 0;

	padding: 2px 20px 2px 10px;

	display: inline-block;

	font-size: 10px;

	background: #e8e9f2;

	border-radius: 3px;

	position: relative;

}

#contents div.info > div dl dd a:after {

	content: " ";

	display: block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 4px 0 4px 4px;

	border-color: transparent transparent transparent #000066;

	position: absolute;

	right: 10px;

	top: 50%;

	transform: translateY(-50%);

}



/* outline */



#contents div.outline {

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 0 0 80px 0;

}

#contents div.outline table {

	width: 100%;

	font-size: 15px;

	text-align: left;

}

#contents div.outline table th {

	white-space: nowrap;

	padding: 10px 25px;

	background: #f4f4f4;

	border: #e0e0e0 solid 1px;

	border-right: none;

}

#contents div.outline table td {

	padding: 10px 25px;

	border: #e0e0e0 solid 1px;

}

#contents div.outline table tr.info_terms td {

	border: none;

	padding: 60px 0 20px 0;

}

#contents div.outline table tr.info_terms td h3 {

	font-size: 20px;

}



#contents div.outline #time_publish {

	display: block;

	font-size: 12px;

}



/* entry */



#contents div.entry {

	width: 100%;

	padding: 0 0 60px 0;

	background: #000066;

}

#contents div.entry h2 {

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 60px 0 20px 0;

	font-size: 20px;

	color: #fff;

}

#contents div.entry > ul {

	width: 90%;

	max-width: 1000px;

	height: auto;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

#contents div.entry > ul li {

	width: 49%;

	padding: 25px;

	box-sizing: border-box;

	text-align: center;

	background: #fff;

}
#contents div.entry > ul li.entryinfo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
#contents div.entry > ul li h3 {

	padding: 0 0 10px 0;

	font-size: 16px;

	color: #000066;

}
#contents div.entry > ul li.entryinfo h3{
	line-height: 2;
	padding: 0;
}
#contents div.entry > ul li a.phone {

	display: block;

	padding: 5px 0 10px 0;

	font-size: 36px;

}

#contents div.entry > ul li p {

	display: block;

	padding: 10px 0;

	font-size: 12px;

	line-height: 1.5em;

}

#contents div.entry > ul li small {

	display: block;

	font-size: 10px;

}

#contents div.entry > ul li a.link {

	width: 100%;

	display: block;

	margin: 10px auto 0 auto;

	font-size: 15px;

	line-height: 40px;

	color: #fff;

	background: #000066;

	border-radius: 3px;

	position: relative;

}

#contents div.entry > ul li a.link:after {

	content: " ";

	display: block;

	width: 12px;

	height: 10px;

	background: url("img/blank_icon_white.png") center center no-repeat;

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translateY(-50%);

}



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

  FOOTER

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



footer {

	width: 100%;

	height: auto;

	background: #f4f4f4;

    border-top: #e0e0e0 solid 1px;

}

footer ul {

	width: 100%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 60px 0;

	text-align: center;

}

footer ul li {

	margin: 0 0 20px 0;

	padding: 0 20px;

	display: inline-block;

	vertical-align: top;

	border-left: #e0e0e0 solid 1px;

}

footer ul li:first-child {

	border: none;

}

footer ul li a {

	font-size: 13px;

}

footer ul li a img {

	display: inline-block;

	padding: 0 0 0 5px;

}

footer > div {

	width: 90%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 0 0 40px 0;

	color: #888;

}

footer > div a {

	margin: -10px 0 0 0;

	display: block;

	float: right;

}

footer > div p {

	font-size: 10px;

	float: left;

}

footer > div small {

	padding: 30px 0 0 0;

	display: block;

	float: none;

	clear: both;

	font-size: 10px;

}



@media screen and (max-width: 1000px) {

	

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

	  BASE

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



	.pc {

		display: none;

	}

	.sp {

		display: inline;

	}

	

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

	  HEADER

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



	header {

		padding: 15px 10px;

		border-width: 2px;

	}

	header a {

		width: 152px;

	}

	

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

	  CONTENTS

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

	

	/* information */



	#contents div.info > div {

		padding: 20px 0;

		display: flex;

		flex-direction: column;

	}

	#contents div.info > div > img {

		width: 100%;

		padding: 0 0 15px 0;

		float: none;

		clear: both;

		order: 1;

	}

	#contents div.info > div h1 {

		margin: 0 0 15px 0;

		font-size: 18px;

		order: 0;

	}

	#contents div.info > div p {

		margin: 0;

		padding: 0;

		font-size: 12px;

		line-height: 1.5em;

		order: 2;

	}

	#contents div.info > div dl {

		margin: 20px 0 0 0;

		font-size: 12px;

		order: 3;

	}

	#contents div.info > div dl dt {

		font-size: 11px;

	}



	/* outline */



	#contents div.outline {

		width: 90%;

		padding: 0 0 30px 0;

	}

	#contents div.outline table {

		font-size: 13px;

	}

	#contents div.outline table col,

	#contents div.outline table th,

	#contents div.outline table td {

		width: 100%;

		display: list-item;

		padding: 10px 5%;

		box-sizing: border-box;

		list-style: none;

	}

	

	#contents div.outline table td {

		border-top: none;

	}

	#contents div.outline table th {

		white-space: normal;

		border-top: none;

		border-bottom: none;

		border-right: #e0e0e0 solid 1px;

	}

	#contents div.outline table tr.info_terms td {

		padding: 30px 0 15px 0;

		border-bottom: #e0e0e0 solid 1px;

	}

	#contents div.outline table tr.info_terms td h3 {

		font-size: 18px;

	}



	#contents div.outline #time_publish {

		font-size: 11px;

	}



	/* entry */



	#contents div.entry {

		padding: 0 0 30px 0;

	}

	#contents div.entry h2 {

		padding: 30px 0 15px 0;

		font-size: 18px;

	}

	#contents div.entry > ul {

		flex-direction: column;

	}

	#contents div.entry > ul li {

		width: 100%;

		margin: 0 0 10px 0;

		padding: 20px 5%;

	}

	#contents div.entry > ul li a.phone {

		font-size: 30px;

	}

	#contents div.entry > ul li a.link {

		margin: 10px auto 0 auto;

	}

	#contents div.entry > ul li a.link:after {

		width: 9px;

		height: 8px;

		background: url("img/blank_icon_white_sp.png") center center no-repeat;

		background-size: 100% auto;

	}

	

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

	  FOOTER

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



	footer ul {

		width: 90%;

		padding: 30px 0 20px 0;

		text-align: left;

	}

	footer ul:after {

		content: " ";

		width: 100%;

		height: 0;

		display: block;

		float: none;

		clear: both;

	}

	footer ul li {

		width: 50%;

		float: left;

		margin: 0 0 15px 0;

		padding: 0;

		display: block;

		border: none;

	}

	footer ul li a {

		font-size: 10px;

	}

	footer ul li a img {

		width: 9px;

	}

	footer > div {

		padding: 0 0 20px 0;

	}

	footer > div a {

		margin: 0;

		padding: 0 0 10px 0;

		float: none;

		clear: both;

	}

	footer > div a img {

		width: 110px;

		margin: 0 auto;

	}

	footer > div p,

	footer > div small {

		width: 100%;

		display: block;

		text-align: center;

		float: none;

		clear: both;

	}

	footer > div small {

		padding: 20px 0 0 0;

	}


}
section .sectionin {
    box-sizing: border-box;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 30px;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    z-index: 5;
}
p.note {
    font-size: 12px;
    line-height: 1.7em;
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ ゴシック", sans-serif;
}