@charset "UTF-8";
     :root {
    	font-size: 16px;
    	font-weight: 300;
    	line-height: 1em;
    	color: #000000;
    }
    
    html * {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	-webkit-text-size-adjust: 100%;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    /*text-------------------------------------------*/
    
    h2 {
    	font-size: 1.6em;
    	line-height: 1.2em;
    }
    
    h3 {
    	width: 100%;
    	font-size: 1.2em;
    	line-height: 1.2em;
    }
    
    p {
    	font-size: 1em;
    	margin-top: 0.5em;
    	margin-bottom: 1em;
    	line-height: 1.5em;
    	text-align: justify;
    }
    
    div,
    header,
    main,
    footer,
    nav {
    	position: relative;
    	overflow: hidden;
    }
    /*heder-------------------------------------------*/
    
    header {
    	width: 1080px;
    	height: 116px;
    	margin: 0 auto;
    	z-index: 999;
    	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2);
    }
    
    nav {
    	height: 116px;
    	background-color: #fff;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: row;
    	flex-flow: row;
    	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2);
    }
    
    nav ul {
    	margin-right: 10%;
    	margin-left: auto;
    	list-style: none;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: row;
    	flex-flow: row;
    	-webkit-align-items: flex-end;
    	align-items: flex-end;
    }
    
    nav ul img {
    	vertical-align: bottom;
    }
    
    nav h1 {
    	margin-right: 10%;
    	margin-left: 10%;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: row;
    	flex-flow: row;
    	-webkit-align-items: flex-end;
    	align-items: flex-end;
    }
    
    nav h1 img {
    	vertical-align: bottom;
    }
    /*------main-------------------------------------------*/
    
    main {
    	width: 1080px;
    	margin: 0px auto 220px auto;
    	padding: 100px 0px 220px 0px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    	-webkit-justify-content: space-around;
    	justify-content: space-around;
    	z-index: 3;
    	background-color: rgba(255, 255, 255, 0.95);
    	);
    }
    /*------top-main-------------------------------------------*/
    
    #top_body {
    	width: 100%;
    	background-image: url(../images/top_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    #slide {
    	width: 100%;
    	height: 300px;
    	margin: 5em auto;
    	position: relative;
    	display: none;
    }
    
    #slide img {
    	width: 100%;
    	height: auto;
    	position: absolute;
    	left: 0;
    	top: 0;
    }
    
    .title {
    	width: 100%;
    	padding: 6em 0px 6em 0px;
    }
    
    .top_rogo {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .title p:nth-child(2) {
    	margin-top: 1em;
    	text-align: center;
    	font-size: 2em;
    	font-weight: 800
    }
    
    .title p:nth-child(3) {
    	margin-top: -30px;
    	text-align: center;
    	font-size: 1.4em;
    	font-weight: 600;
    }
    
    .menu {
    	width: 100%;
    	padding: 0 60px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    	-webkit-justify-content: space-around;
    	justify-content: space-around;
    }
    /*-------------------------------------------------*/
    
    .link_puchijong {
    	width: 216px;
    	background: url(../images/top_puti2.png) no-repeat;
    	position: relative;
    }
    
    .link_puchijong a {
    	display: block;
    	position: relative;
    	top: 0;
    	left: 0;
    	height: 80%;
    	width: 100%;
    }
    
    .link_puchijong a:link {
    	color: black;
    	text-decoration: none;
    }
    
    .link_puchijong a:visited {
    	color: #000;
    	text-decoration: none;
    }
    
    .link_puchijong a:hover {
    	background: none;
    }
    
    .link_puchijong a:hover img {
    	visibility: hidden;
    }
    
    .link_puchijong a:active {
    	color: #fff;
    	text-decoration: none;
    }
    
    .link_guide {
    	background: url(../images/top_guide2.png) no-repeat;
    	width: 216px;
    	position: relative;
    }
    
    .link_guide a {
    	display: block;
    	position: relative;
    	top: 0;
    	left: 0;
    	height: 80%;
    	width: 100%;
    }
    
    .link_guide a:link {
    	color: black;
    	text-decoration: none;
    }
    
    .link_guide a:visited {
    	color: #000;
    	text-decoration: none;
    }
    
    .link_guide a:hover {
    	background: none;
    }
    
    .link_guide a:hover img {
    	visibility: hidden;
    }
    
    .link_guide a:active {
    	color: #fff;
    	text-decoration: none;
    }
    
    .link_boshu {
    	background: url(../images/top_boshu2.png) no-repeat;
    	width: 216px;
    	position: relative;
    }
    
    .link_boshu a {
    	display: block;
    	position: relative;
    	top: 0;
    	left: 0;
    	height: 80%;
    	width: 100%;
    }
    
    .link_boshu a:link {
    	color: black;
    	text-decoration: none;
    }
    
    .link_boshu a:visited {
    	color: #000;
    	text-decoration: none;
    }
    
    .link_boshu a:hover {
    	background: none;
    }
    
    .link_boshu a:hover img {
    	visibility: hidden;
    }
    
    .link_boshu a:active {
    	color: #fff;
    	text-decoration: none;
    }
    /*------puti-main-------------------------------------------*/
    
    #puti_body {
    	width: 100%;
    	background-image: url(../images/puti_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .puti .title {
    	width: 780px;
    	padding: 0 22em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #55a248 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .puti .title h2 {
    	color: #55a248;
    	margin-left: auto;
    }
    
    .puti .sec1 h3,
    .puti .sec2 h3 {
    	color: #55a248;
    }
    
    .puti .sec1 {
    	width: 80%;
    	margin-top: 6em;
    }
    
    .puti .sec2 {
    	width: 80%;
    	margin-top: 4em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .puti .sec2 :nth-child(2) {
    	margin-top: 1.5em;
    	width: 50%;
    }
    
    .puti_chara1 {
    	margin-left: auto;
    }
    
    .puti1 {
    	margin: 4em auto 4em auto;
    }
    
    .puti_chara2 {
    	margin: 4em auto;
    }
    /*------guide-main-------------------------------------------*/
    
    #guide_body {
    	width: 100%;
    	background-image: url(../images/guide_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .guide .title {
    	width: 780px;
    	padding: 0 12em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #f28a1b 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .guide .title h2 {
    	color: #f28a1b;
    	margin-left: auto;
    }
    
    .guide .sec1 h3,
    .guide .sec2 h3 {
    	color: #f28a1b;
    }
    
    .guide .sec1 {
    	width: 80%;
    	margin-top: 6em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .guide .sec1 :nth-child(2) {
    	margin-top: 1.5em;
    	width: 50%;
    }
    
    .guide1 {
    	margin-left: auto;
    }
    
    .guide .sec2 {
    	width: 80%;
    	margin-top: 4em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .guide .sec2 :nth-child(2) {
    	margin-top: 1.5em;
    	width: 50%;
    }
    
    .guide_chara1 {
    	margin-left: auto;
    }
    /*------service-main-------------------------------------------*/
    
    #service_body {
    	width: 100%;
    	background-image: url(../images/service_bg.png);
    	background-position: bottom;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .service .title {
    	width: 780px;
    	padding: 0 15em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #a967cb 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .service .title h2 {
    	color: #a967cb;
    	margin-left: auto;
    }
    
    .service .sec1 {
    	width: 80%;
    	margin: 0 auto;
    	margin-top: 5em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .service_chara1 {
    	margin-left: auto;
    	padding-top: 4em;
    	padding-bottom: 6em;
    }
    /*------boshu-main-------------------------------------------*/
    
    #boshu_body {
    	width: 100%;
    	background-image: url(../images/boshu_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .boshu .title {
    	width: 780px;
    	padding: 0 10em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #2599e2 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .boshu .title h2 {
    	color: #2599e2;
    	margin-left: auto;
    }
    
    .boshu .sec1 h3,
    .boshu .sec2 h3 {
    	color: #2599e2;
    }
    
    .boshu .sec1 {
    	width: 80%;
    	margin-top: 6em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .boshu .sec1 :nth-child(2) {
    	margin-top: 1.5em;
    	width: 50%;
    }
    
    .boshu_chara1 {
    	margin-left: auto;
    	margin-top: -2em;
    }
    
    .boshu .sec1 :nth-child(4) {
    	margin-top: 1.5em;
    }
    
    .scheme {
    	margin: 3em auto 0 auto;
    }
    
    .boshu .sec2 {
    	width: 80%;
    	margin-top: 6em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .boshu .sec2 :nth-child(2) {
    	margin-top: 1.5em;
    	width: 50%;
    }
    
    .card {
    	margin-top: 1em;
    	margin-left: auto;
    }
    
    .boshu .sec2 :nth-child(4) {
    	margin-top: 1.5em;
    }
    /*contact-------------------------------------------*/
    
    #contact_body {
    	width: 100%;
    	background-image: url(../images/contact_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .contact .title {
    	width: 780px;
    	padding: 0 22em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #ff6565 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .contact .title h2 {
    	color: #ff6565;
    	margin-left: auto;
    }
    
    #formWrap {
    	width: 780px;
    	margin-top: 6em;
    	font-size: 0.9em;
    }
    
    table.formTable {
    	border-top: 1px dotted #A9A9A9;
    	border-collapse: separate;
    	border-spacing: 0;
    }
    
    table.formTable th {
    	width: 270px;
    	border-right: 1px dotted #A9A9A9;
    	border-bottom: 1px dotted #A9A9A9;
    	border-collapse: separate;
    	border-spacing: 0;
    	font-weight: normal;
    	text-align: left;
    }
    
    table.formTable td {
    	width: 490px;
    	border-bottom: 1px dotted #A9A9A9;
    	border-collapse: separate;
    	border-spacing: 0;
    	padding: 15px 0 15px 20px;
    }
    
    table.formTable textarea {
    	resize: none;
    	width: 444px;
    	height: 200px;
    	border: 1px solid #A9A9A9;
    	padding: 3px;
    }
    /*テキストボックス長さ*/
    
    input[type=text] {
    	width: 330px;
    	border: 1px solid #A9A9A9;
    	padding: 0.3em;
    }
    /*テキストボックス focus色*/
    
    input[type=text]:focus,
    table.formTable textarea:focus,
    .postcode[type=text]:focus,
    .birth[type=text]:focus,
    .select_box select:focus {
    	outline: 0;
    	border: 1px solid #ff6565;
    	border-radius: 0px;
    }
    /*必須*/
    
    .required {
    	float: right;
    	padding-right: 5px;
    	font-size: 0.8em;
    	color: #e70012
    }
    /*確認リセット*/
    
    input[type="submit"],
    [type="reset"] {
    	-webkit-appearance: none;
    	cursor: pointer;
    	outline: none;
    	margin: 0px 15px 0 15px;
    	padding: 2px 15px 2px 15px;
    	background-color: #fff;
    	border: 1px solid;
    	border-radius: 0;
    }
    
    input[type="submit"]:hover,
    [type="reset"]:hover {
    	color: #e70012;
    	border: 1px solid #ff6565;
    	transition: all .1s;
    	box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #ff6565;
    }
    
    input[type="submit"]:active,
    [type="reset"]:active {
    	text-decoration: none;
    	box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #ffffff;
    }
    
    .asterisk,
    .form_button {
    	margin: 25px 0 0 0;
    	text-align: center;
    }
    
    select {
    	padding: 0.5em;
    }
    
    input.postcode[type=text] {
    	margin-bottom: 10px;
    	width: 60px;
    	border: 1px solid #A9A9A9;
    }
    
    .select_box label {
    	position: relative;
    	display: block;
    	width: 337px;
    	background: #fff;
    }
    
    .select_box label:before {
    	content: "";
    	position: absolute;
    	top: 50%;
    	right: 0px;
    	display: block;
    	width: 0;
    	height: 0;
    	margin: -4px 10px 0 0;
    	border: 6px solid transparent;
    	border-top: 8px solid #ff6565;
    }
    
    .select_box select {
    	cursor: pointer;
    	position: relative;
    	-webkit-appearance: none;
    	-moz-appearance: none;
    	appearance: none;
    	display: block;
    	width: 100%;
    	margin: 1px;
    	padding: 3px;
    	border: 1px solid #A9A9A9;
    	background: transparent;
    }
    
    select::-ms-expand {
    	display: none;
    }
    /*contact_thanks-------------------------------------------*/
    
    .contact .title {
    	width: 780px;
    	padding: 0 22em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #ff6565 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .contact_thanks {
    	width: 80%;
    	margin-top: 8em;
    	padding-bottom: 6em;
    	text-align: center
    }
    
    .contact_text {
    	display: inline-block;
    	text-align: left;
    }
    
    .button_top a:link {
    	display: block;
    	margin: 8em auto 1em auto;
    	width: 100px;
    	text-align: center;
    	border: 1px solid;
    	line-height: 160%;
    	color: #000000;
    	text-decoration: none;
    }
    
    .button_top a:visited {
    	color: #000000;
    	text-decoration: none;
    }
    
    .button_top a:hover {
    	color: #e70012;
    	border: 1px solid #ff6565;
    	transition: all .1s;
    	box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #ff6565;
    }
    
    .button_top a:active {
    	text-decoration: none;
    	box-shadow: 0 0 0 5px #ffffff, 0 0 0 6px #ffffff;
    }
    /*privacy-------------------------------------------*/
    
    #privacy_body {
    	width: 100%;
    	background-image: url(../images/top_bg.png);
    	background-position: center;
    	background-attachment: fixed;
    	background-size: cover;
    }
    
    .privacy .title {
    	width: 780px;
    	padding: 0 20em;
    	padding-bottom: 0.2em;
    	border-bottom: solid #4b4b4b 2px;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .privacy .title h2 {
    	color: #4b4b4b;
    	margin-left: auto;
    }
    
    .privacy .sec2 h3 {
    	color: #4b4b4b;
    }
    
    .privacy .sec1 {
    	width: 80%;
    	margin-top: 6em;
    	margin-bottom: 3em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    
    .privacy .sec2 {
    	width: 80%;
    	margin-top: 2em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    }
    /*footer-------------------------------------------*/
    
    footer {
    	width: 100%;
    	margin-bottom: 30px;
    	position: fixed;
    	left: 0px;
    	bottom: 0px;
    	z-index: 2;
    }
    
    .footer_nav {
    	width: 840px;
    	margin: 0 auto;
    	padding-top: 1em;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: wrap;
    	flex-flow: wrap;
    	-webkit-align-items: baseline;
    	align-items: baseline;
    }
    
    .footer_nav ul {
    	list-style: none;
    	display: -webkit-flex;
    	display: flex;
    }
    
    .footer_nav li {
    	font-size: 0.8em;
    	margin-right: 2em;
    }
    
    .footer_nav li a:link {
    	color: black;
    	text-decoration: none;
    }
    
    .footer_nav li a:visited {
    	color: #000;
    	text-decoration: none;
    }
    
    .footer_nav li a:hover {
    	color: #e70012;
    	text-decoration: none;
    }
    
    .footer_nav li a:active {
    	color: #fff;
    	text-decoration: none;
    }
    
    .footer_rogo {
    	margin-right: auto;
    	padding-right: 30px;
    }
    
    .footer_rogo2 {
    	margin-left: auto;
    }
    
    .copy {
    	width: 840px;
    	margin: 0 auto;
    }