@charset "utf-8";

/*
Theme Name: 日本自動車用フィルム施工協会（JCAA）ホームページ
Description: 日本自動車用フィルム施工協会（JCAA）用のテーマです。
Author: 株式会社ブレインテック
*/

@font-face {
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: 400;
	src: local('Arial Black'), url('ariblk_0.html') format('ttf');
}
html {
	min-height: 100%;
	overflow-y: scroll;
	background: #f1f1f1;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
	padding: 0;
	margin: 0;
}
address, caption, em, strong, th {
	font-style: normal;
}
caption, th {
	text-align: left;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
li {
	list-style-type: none;
}
#contents table, #contents ol, #contents ul, #contents dl, #contents blockquote, #contents pre {
	margin-bottom: 0px;
}
#news_box ul{
    width: 90%;
    margin: 0 auto;
}
#contents p {
	margin-bottom: 18px;
}
a img, fieldset {
	border: none;
}
body {
	-webkit-text-size-adjust: none;
	min-width: 1020px;
	height: 100%;	
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 90%;
	color: #333;
	letter-spacing: 2px;
	line-height: 1.6;
	background: #fff;
}
* html body {
	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link {
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
}

/* LAYOUT
---------------------- */
#page {
	width: auto;
	margin: 0 auto;
}

/* header */
#header h1 {
	width: 1020px;
	font-size: 80%;
	font-weight: normal;
	margin: 0 auto;
}
#header {
	min-width: 1020px;
	padding: 4px 0;
	border-top: 8px solid #186b97;
}
#header .header {
	width: 1020px;
	margin: 0 auto;
	padding: 35px 0 10px;
	position: relative;
}
#header .header .head-logo {
	text-align: center;
    display: inline-block;    
}
#header .header .head-logo a {
	text-decoration: none;
}
#header .string,
#header .old_name {
    display: inline-block;
    width: 300px;
    font-size: 180%;
    font-weight: bold;
    padding: 15px 0 15px 15px;
    color: #315b8a;
    letter-spacing: 0em;
    vertical-align: top;
	text-align: left;	
}
#header .old_name {
    display: inline-block;
    width: 300px;
    font-size: 100%;
    padding: 25px 0;
    vertical-align: top;
	text-align: left;
}
#header .header .login_btn {
	position: absolute;
	right: 0;
	bottom: 28px;
	margin-bottom: 3px;
}
#header .header .login_btn a {
	padding: 6px 12px 5px;
	border: 1px solid #3162af;
	border-radius: 3px;
	color: #3162af;
	text-decoration: none;
	display: block;
}
#header .header .login_btn a:hover {
	color: #fff;
	background: #3162af;
}
#header .header .login_btn a:before {
	content: " ";
	padding: 0 10px;
	background: url(img/login-point.png) no-repeat left center;
	background-size: auto 100%;
	border-right: 1px solid #3162af;
	margin-right: 7px;
}
#header .header .login_btn a:hover:before {
	background-image: url(img/login-point-hover.png);
	border-right: 1px solid #fff;
}
#page .top_copy {
    margin:0 auto 30px;
	padding: 20px 0;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
    color: #fff;
	background-color: #0e3a63;
}
#contents .news_top .section_title {
	margin-bottom:0;
}
#contents .news_top .section_title.schedule{
	margin-bottom:30px;
}
#news_box {
	padding: 0px 10px 0px;
}
/* navigation */
#gnavi {
	min-width: 1020px;
}
#gnavi ul {
	width: 1020px;
	margin: 0px auto 10px;
}
#gnavi ul:after {
	content: " ";
	display: table;
	clear: both;
}
#gnavi ul li {
	position: relative;
	width: 16.66%;
	float: left;
}
#gnavi ul li:after, #gnavi ul li:nth-child(1) a:before {
	position: absolute;
	content: "　";
	width: 0;
	height: 40%;
	margin-top: -6px;
	padding: 2px 0;
	border-right: 1px dotted #333;
	box-sizing: border-box;
	top: 40%;
	right: 0px;
}
#gnavi ul li:nth-child(1) a:before {
	width: 100%;
	border-left: 1px dotted #333;
}
#gnavi ul li > a {
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.3;
	color: #333;
	padding: 19px 0 20px;
	box-sizing: border-box;
	font-weight: bold;
}
#gnavi ul li a:hover:after {
	content: "　";
	position: absolute;
	width: 70%;
	height: 0;
	border-bottom: 2px solid #88B0CB;
	bottom: -1px;
	left: 15%;
}
#gnavi + #visual {
	border-bottom: 0px;
}
#contents {
	line-height: 1.8;
}
#contents:after {
	content: " ";
	display: table;
	clear: both;
}
#contents .contents_header {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	background: url(img/heading-bg.png) no-repeat center bottom;
}
#contents .contents_header .head_inner {
	width: 1020px;
	margin: 0px auto;
}
#contents .contents_header .head_inner > .title {
	font-size: 210%;
	text-align: center;
	font-weight: normal;
	color: #333;
	height: 135px;
	line-height: 135px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}

/* contents */
#visual {
	width: 100%;
	overflow: hidden;
}
#visual .visual {
	margin: 0 auto;
	width: 1020px;
}
#visual .visual img {
	margin: 0 -290px -7px;
}
#contents:after, #header:after, #gnavi:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
.section {
	min-width: 1040px;
	padding: 80px 0;
	background: #fff;
	border-bottom: 2px solid #88b0cb;
}
#contents .section:last-child {
	border-bottom: none;
	padding-bottom: 120px;
}
.section .section_inner {
	width: 1020px;
	margin: 0 auto;
	padding: 0 20px 0;
	box-sizing: border-box;
	text-align: center;
}
.section .section_inner > .section_title {
	font-size: 170%;
	display: inline-block;
	font-weight: normal;
	text-shadow: 0.5px 0 0 #333;
	color: #111;
	margin-bottom: 30px;
	padding: 0 20px 0px;
	border-bottom: 3px solid #88b0cb;
    font-weight: bold;    
}
.section .section_inner > .article {
	padding: 25px 10px 0px;
	text-align: left;
}
.child_content_section {
	padding: 7px 0 0;
	margin-bottom: 70px;
}
.child_content_section > .section_title {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5;
	padding: 10px 15px;
}
.child_content_section > .article {
	padding: 18px 10px 15px;
}

/* .in_content */
.in_content {
	padding: 12px 5px 20px;
}
.in_content > .title {
	font-size: 110%;
	color: #000;
	margin-bottom: 12px;
	padding: 10px 15px;
	background: #f1f1f1;
}
.in_content > .in_content_inner {
	padding: 10px 5px;
}

/* .movie_top */
.movie_top iframe {
    display: block;
    margin: 0 auto 30px;
}
.movie_top p {
    width: 800px;
    margin: 0 auto;
}
.chusyaku{
    font-size: 80%;
}

/* pt_500_manual */
.pt_500_manual {
    margin: 5% auto 0;
    display: block;
    width: 50%;
}
.pt_500_manual img {
	display: block;
	margin: 2% auto 5%;
	border: #8A8A8A solid 1px;
	box-shadow: 2px 2px 2px #cecece;
}
.pt_500_manual a:hover {
	opacity: 0.5;
}
.pt_500_manual p,
.pt_500_manual h4 {
	width: auto;
	text-align: center;
}
.pt_500_manual h4 {
	font-size: 130%;
}
.pt_500_manual_link a {
	color: #000;
    padding-left: 30px;
    display: inline-block;
    background: url(img/pdf.png) no-repeat left center;
    height: 20px;
    line-height: 20px;
    background-size: 20px;
}

/* footer */
#footer {
	position: relative;
	min-width: 1020px;
}
#footer .footer {
	border-top: 2px solid #1f699a;
}
#footer a {
	text-decoration: none;
	color: #666;
}

/* #footer .pagetop */
#footer .pagetop {
	position: absolute;
	width: 1020px;
	left: 50%;
	top: -27px;
	margin-left: -510px;
	text-align: right;
}
#footer .pagetop .mark {
	display: inline-block;
}
#footer .pagetop .mark a {
	display: block;
	font-size: 90%;
	color: #fff;
	padding: 5px 15px 4px;
	border-radius: 4px 4px 0 0;
	background: #1c6a9b;
}
#footer .pagetop .mark a:before {
	content: "\0025b2";
	margin-right: 4px;
}

/* #footer .information */
#footer .information:after, #footer .information .information_inner:after {
	content: " ";
	display: table;
	clear: both;
}
#footer .information {
	padding: 40px 0;
}
#footer .information .information_inner {
	width: 1020px;
	font-size: 105%;
	margin: 0 auto;
}
#footer .information .company_data {
	width: 334px;
	float: left;
}
#footer .information .company_data .logo {
	padding-bottom: 8px;
	text-align: center;
}
#footer .information .company_data .logo a > span {
	display: block;
	font-size: 105%;
	padding-top: 0px;
	text-shadow: 0.3px 0 0 #315b8a;
	color: #315b8a;
	text-decoration: none;
	font-weight: bold;
}
#footer .old_name {
	font-size: 70%;
	letter-spacing: normal;
}

/* #footernavi */
#footernavi:after, #footernavi ul:after {
	content: " ";
	display: table;
	clear: both;
}
#footernavi {
	width: 680px;
	font-size: 90%;
	padding: 10px 0 0;
	float: right;
	margin-bottom:20px;
}
#footernavi li {
	width: 25%;
	font-size: 100%;
	float: left;
	padding-bottom: 18px;
}
#footernavi li a {
	text-decoration: none;
	color: #999;
}
#footernavi li a:before {
	position: relative;
	content: url(img/footernavi-point-pc.png);
	top: -2px;
	margin-right: 5px;
}
#footernavi li a:hover {
	text-decoration: underline;
	color: #88B0CB;
}


/* #footerlink */
#footerlink:after, #footerlink ul:after {
	content: " ";
	display: table;
	clear: both;
}
#footerlink {
	width: 680px;
	font-size: 90%;
	padding: 38px 0 0;
	float: right;
	border-top:1px dashed #999;
}
#footerlink li {
	width: 40%;
	font-size: 100%;
	float: left;
	padding-bottom: 18px;
}
#footerlink li a {
	text-decoration: none;
	color: #999;
}
#footerlink li a:before {
	position: relative;
	content: url(img/footernavi-point-pc.png);
	top: -2px;
	margin-right: 5px;
}
#footerlink li a:hover {
	text-decoration: underline;
	color: #88B0CB;
}

/* #copy */
#copy {
	padding: 13px 0 10px;
	background: #1c6a9b;
}
#copy .copy {
	text-align: center;
	width: 1020px;
	margin: 0 auto;
}
#copy img {
	position: relative;
	vertical-align: bottom;
	top: -4px;
}
#copy a {
	text-decoration: none;
	font-size: 90%;
	color: #fff;
}

/* 汎用スタイル */
.clear {
	clear: both;
}
.txt_c {
	text-align: center;
}
.txt_r {
	text-align: right;
}

/* 各固定ページ用
---------------------- */
/* greeting.html */

.company_table_inner {
	padding: 20px 0 25px;
	background: #ff0000;
}
.company_table_inner .company_table {
	width: 100%;
	padding: 20px 20px 25px;
	box-sizing: border-box;
	border-collapse: collapse;
}
.company_table_inner .company_table th, .company_table_inner .company_table td {
	padding: 18px 20px;
	border: 1px solid #ccc;
}
.company_table_inner .company_table th {
	text-align: center;
	width: 29%;
	font-weight: normal;
}
#main .company_office_list {
	margin: 0px;
}
.company_office_list dt {
}
.company_office_list dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.company_office_list dd:last-child {
	margin-bottom: 0px;
	padding: 0px;
	border: 0px;
}

/* access.html */
#access_map {
	width: 900px;
	margin: 0 auto;
	padding: 28px 10px;
}
#access_map .map_set {
	margin-bottom: 23px;
}
#access_map .map_set #map {
	width: 100%;
	height: 400px;
	border: 1px dotted #fff;
	margin-bottom: 15px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
}
#access_map .map_set .guide {
	text-align: center;
	font-size: 90%;
	line-height: 1.0;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 20px;
	background: #3366CC;
}
#access_map .map_set .guide:before {
	content: "\00ff0b\00ff0d";
	font-size: 110%;
	letter-spacing: 4px;
	color: #fff;
	margin-right: 6px;
	padding: 0 1px 0 5px;
	border: 1px solid #fff;
}
#access_map .access_data {
	padding: 10px 5px 14px;
	border-bottom: 1px dotted #ccc;
}
#access_map .access_data .title {
	font-size: 85%;
	line-height: 1.0;
	color: #3366CC;
	margin-bottom: 15px;
	padding: 4px 0 2px 8px;
	border-left: 5px solid #3366CC;
	vertical-align: middle;
}
#access_map .access_data dl {
	line-height: 1.4;
	color: 90%;
	margin-bottom: 0px;
	padding: 0 5px;
	overflow: hidden;
	zoom: 1;
}
#access_map .access_data dl dt {
	color: #3366CC;
	margin-right: 10px;
	float: left;
}
#access_map .access_data dl dt:before {
	content: "\0025a0";
	margin-right: 2px;
}
#access_map .access_data dl dd {
	margin: 0 30px 0 0;
	float: left;
}

/* privacy.html */
#privacy #main ul li {
	margin-left: 8px;
	margin-bottom: 4px;
	list-style: none;
}
#privacy #main dl {
	margin-left: 8px;
}
#privacy #main dl dt {
	margin-bottom: 4px;
}
#privacy #main dl dd {
	margin-left: 5px;
	margin-bottom: 14px;
}
#privacy #main h4 {
	margin: 20px 0 5px 0;
}
#privacy .privacy_inner {
	padding: 15px 10px 20px;
}
#privacy .privacy_inner h3 {
	margin: 0 -10px 20px;
	padding: 8px 15px;
	background: #f1f1f1;
}

/* inquiry.html */
.attent_block {
	padding: 0 10px;
}
.attent_block h3 {
	font-size: 120%;
	color: #444;
	margin: 0 -10px 14px;
	padding: 9px 14px;
	border-radius: 4px;
	background: #eee;
}
.attent_block .set {
	margin-bottom: 20px;
	padding: 0 10px;
}
.attent_block .set .title {
	font-size: 110%;
	color: #a5460e;
	margin: 0 -10px 10px;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}
.attent_block .set .title:before {
	content: "\0025cf";
	color: #a5460e;
	margin-right: 6px;
}
.attent_block .list01 {
	padding: 5px 0px 0px;
}
.attent_block .list01 li {
	text-indent: -14px;
	color: #5A4727;
	line-height: 1.4;
	margin-bottom: 8px;
	padding-left: 14px;
}
#inquiry .inquiry_inner {
	margin: 15px 0 30px;
	padding: 10px 20px 15px;
	border-bottom: 1px solid #eee;
}
#inquiry .inquiry_inset {
	margin-bottom: 25px;
	padding: 15px 15px 8px 25px;
	background: #fff;
	overflow: hidden;
	zoom: 1;
}
#inquiry #main .inquiry_inner h3 {
	font-size: 130%;
	font-weight: normal;
	color: #333;
	margin: 0 -10px 20px;
	padding: 10px 15px;
	background: #eee;
}
#MailForm span {
	color: #FF0000;
}
#MailForm table {
	width: 99%;
	margin: 5px 0 25px;
	border-collapse: collapse;
}
#MailForm th, #MailForm td {
	padding: 20px 25px;
	border: 1px solid #e1e1e1;
	font-weight: normal;
	color: #111;
}
#MailForm th {
	text-align: center;
	width: 30%;
	background-color: #f9f9f9;
}
#MailForm input, #MailForm textarea {
	width: 310px;
	font-family: "メイリオ";
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.4;
	color: #444;
	margin: 2px 0;
	padding: 9px 9px;
	border: 1px solid #e1e1e1;
}
#MailForm textarea {
}
#MailForm select {
	font-size: 110%;
	padding: 10px 10px;
	border: 1px solid #e1e1e1;
}
#MailForm label {
	cursor: pointer;
	padding: 2px 0;
}
#MailForm .form3 {
	vertical-align: middle;
	width: 3%;
}
#MailForm .form25 {
	width: 25%;
}
#MailForm .form45 {
	width: 45%;
}
#MailForm .form60 {
	width: 60%;
}
#MailForm .form90 {
	width: 93%;
}
#MailForm .attent {
	font-size: 90%;
	color: #666;
}
#MailForm .attent2 {
	font-size: 90%;
	color: #4D3A20;
}
#MailForm .focus {
	background: #ffe7e0;
}
#MailForm02 .focus {
	background: #ffe7e0;
}
.send_btn_inner {
	text-align: center;
	padding: 15px 0 20px;
}
.send_btn {
	display: inline-block;
	color: #fff;
	font-size: 130%;
	letter-spacing: 1px;
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 30px;
	border: 0px;
	background: #FF9900;
}
.submit_btn {
	width: 50%;
}
.reset_btn {
	width: 30%;
}
.inputarea li {
	margin: 0 15px 0 0;
	float: left;
}
#thanks p {
	line-height: 300px;
	text-align: center;
}
#main .inquiry-info {
	margin: 0px;
	overflow: hidden;
	zoom: 1;
}
.inquiry-info li {
	margin-right: 15px;
	float: left;
}

/* formmail.cgi */
.send_inner {
	padding: 12px 0 20px;
}
.send_inner .send_step_msg {
	text-align: center;
	font-size: 140%;
	margin-bottom: 15px;
}

/* formmail.cgi:send base */
.send_guide_msg {
	text-align: center;
	color: #444;
	padding: 0 0 15px;
}
.send_inner .send_btn_inner {
	text-align: center;
}
.send_inner .send_btn_inner .send_btn {
	display: inline-block;
	color: #fff;
	font-size: 130%;
	letter-spacing: 1px;
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 30px;
	border: 0px;
	background: #FF9900;
}
.send_inner .send_btn_inner .btn_return {
	background-color: #797979;
}
.send_inner .send_btn_inner .btn_return {
	background-color: #797979;
}

/* formmail.cgi:send confirm */
.send_confirm_table {
	padding: 17px 0 30px;
}
.send_confirm_table table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.send_confirm_table table th, .send_confirm_table table td {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5;
	border: 1px solid #ccc;
	padding: 17px 20px;
	background: #fff;
}
#main .send_confirm_table table th {
	width: 40%;
	background: #f5f5f5;
}
.send_confirm_table table {
}

/* formmail.cgi:send error */
.send_inner .send_error {
	padding: 15px 0 30px;
}
.send_inner .send_error li {
	font-size: 110%;
	padding: 5px 0;
}
.send_inner .send_error li:before {
	content: "\0025cf";
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	color: #C2C2C2;
	margin-right: 8px;
}
.send_inner .send_error li span {
	display: inline-block;
	color: #FF3333;
	margin-right: 5px;
}

/* base styles
---------------------- */
.table_base {
	padding: 20px 0 25px;
}
.table_base table {
	width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
}
.table_base table th, .table_base table td {
	font-weight: normal;
	padding: 35px 16px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
.table_base table th {
	text-align: center;
	width: 28%;
}
.content_inner {
	padding: 0 0 40px;
}
.content_inner:after {
	content: " ";
	display: table;
	clear: both;
}
.content_inner .images_r {
	float: right;
}
.content_inner .images_l {
	float: left;
}
#page .content_inner .images_r > p, #page .content_inner .images_l > p {
	margin-bottom: 34px;
}
.content_inner img {
	width: 100%;
}
.w_margin270 .images_r, .w_margin270 .images_l {
	width: 320px;
}
.w_margin270 .msg_l {
	padding-right: 370px;
}
.w_margin270 .msg_r {
	padding-left: 320px;
}
#contents .pick_text {
	font-size: 140%;
	color: #6699CC;
	margin-bottom: 16px;
}
.breadcrumbs {
	padding: 15px 0 0;
}
.breadcrumbs .breadcrumbs_inner {
	position: relative;
	width: 1020px;
	margin: 0 auto;
}
.breadcrumbs ul:after {
	content: " ";
	display: table;
	clear: both;
}
.breadcrumbs ul li {
	font-size: 90%;
	color: #666;
	margin-right: 5px;
	float: left;
}
.breadcrumbs ul li a {
	display: inline-block;
	color: #666;
	margin-right: 4px;
}

/* .page_link */
.page_link {
	display: inline-block;
	text-align: right;
	padding: 5px 0 10px;
	float: right;
}
.page_link a {
	position: relative;
	display: block;
	text-align: right;
	font-size: 90%;
	line-height: 1.5;
	padding: 1px 14px;
	padding-right: 36px;
	overflow: hidden;
}
.page_link a:after {
	position: absolute;
	content: " ";
	width: 11%;
	height: 100%;
	background: url(img/point01.html) no-repeat center center #b48f40;
	right: 0px;
	top: 0px;
}

/* .button_base */
.button_base a {
	position: relative;
	display: inline-block;
	text-align: left;
	text-decoration: none;
	min-width: 200px;
	font-size: 110%;
	color: #3d74bf;
	padding: 10px 14px 10px 34px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #d1d1d1;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
	background: -moz-linear-gradient(top, #BFD9E5, #3D95B7 50%, #0080B3 50%, #0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(0.5, #efefef), color-stop(0.5, #e3e2e2), to(#f6f6f6));
	background: #ededed\9;
}
.button_base a:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/button_base_point.html) no-repeat left center;
	top: 0px;
	left: 12px;
}
.button_base a:hover:after {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	top: 0px;
	left: 0px;
}

/* .image_list */
.image_list {
}
.image_list:after {
	content: " ";
	display: table;
	clear: both;
}
.image_list li {
	float: left;
}
.image_list li img {
	width: 100%;
}
.image_list li span {
	padding: 15px 0 0;
	display: block;
}
.two_image {
}
.two_image li {
	width: 48%;
}
.two_image li:first-child {
	margin-right: 25px;
}
.three_image {
}
.three_image li {
	width: 31%;
}
.three_image li:nth-child(-n+2) {
	margin-right: 25px;
}

/* 各ページ用スタイル
---------------------- */
/* -------------------
汎用指定 */

.inner01 {
	margin-bottom: 25px;
}
.inner01:after {
	content: " ";
	display: table;
	clear: both;
}
.list01 {
	padding: 5px 10px 15px;
}
.list01 li {
	line-height: 1.5;
	color: #336877;
	margin-bottom: 5px;
}

/* .link_base */
.link_base a {
	color: #12699e;
}
.link_base a:before {
	content: " ";
	position: relative;
	width: 0px;
	height: 0px;
	display: inline-block;
	margin-right: 12px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #12699e;
	bottom: -1px;
}
.link_base a:hover {
	color: #B6C2CD;
}

/* .introduction */
.introduction {
	padding: 60px 0 0;
}
.introduction .intro_inner {
	width: 960px;
	margin: 0 auto;
}
.introduction .intro_inner:after {
	content: " ";
	display: table;
	clear: both;
}
.introduction .intro_inner .images {
}
.introduction.left_image .intro_inner .images {
	float: left;
}
.introduction.right_image .intro_inner .images {
	float: right;
}
.introduction .intro_inner .message {
}
.introduction.left_image .intro_inner .message {
	padding: 0 0 0 350px;
}
.introduction.right_image .intro_inner .message {
	padding: 0 350px 0 0;
}
#page .introduction .intro_inner .message > .pick_title {
	font-size: 140%;
	color: #1C6A9B;
	margin: 0px;
	padding: 0 0 15px;
}

/* -------------------
index.html */
/* .news_top */

#contents .news_top {
    min-width: 100%;    
	padding-top: 16px;
}

/* .news_block */
.news_block dl dt {
	float: left;
	padding: 30px 0 30px 35px;
}
.news_block dl dd {
	padding: 30px 0 30px 190px;
	border-bottom: 1px dashed #b5b5b6;
}

/* .introduction_top */
.introduction_top {
	padding: 0;
}
.introduction_top .section_inner {
	padding: 65px 550px 10px 70px;
	text-align: left;
	background: url(img/introduction-bg-pc.png) no-repeat 415px center;
	min-height: 500px;
	margin: 0 auto;
	width: 1160px;
}
#contents .introduction_top .section_title {
	font-size: 160%;
	color: #315b8a;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	border-bottom: none;
	padding: 0;
	text-shadow: none;
}
#contents .introduction_top .article {
	padding: 0;
}
#contents .introduction_top .base_btn a {
	width: 230px;
	margin: 0;
}

#contents .introduction_top .base_btn a[target] {
	letter-spacing:0;
	width:290px;
}

/* .banner_top */
#page #contents .banner_top {
	background: #ebf3f9;
	padding-bottom: 80px;
	border-color:#ccc;
}

/* .banner_list */
.banner_list:after {
	content: " ";
	display: table;
	clear: both;
}
.banner_list {
	margin: -25px -30px 0;
}
.banner_list li {
	width: 320px;
	float: left;
}
.banner_list li:nth-child(-n+2) {
	margin-right: 30px;
}
.banner_list li a {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #88b0cb;
	text-decoration: none;
	color: #000;
	text-align: center;
	display: block;
	padding: 50px 0 0;
	min-height: 200px;
	background: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.banner_list li a:after {
	content: " ";
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom: 16px solid #88b0cb;
	bottom: 0;
	right: -16px;
	position: absolute;
	transition: all 0.3s;
	z-index: -1;
}
.banner_list li a:hover:after {
	border: 516px solid transparent;
	border-bottom: 516px solid #88b0cb;
	right: -516px;
}
.banner_list li a img {
	margin-bottom: 14px;
}
.banner_list li a span {
	text-shadow: 0.3px 0 0 #000;
	line-height: 1;
	font-size: 120%;
	display: block;
}

/* .link_top */

#page #contents .link_top {
	padding-bottom: 80px;
}

#contents .link_top .article {
	padding: 0;
}

/* .link_list */
.link_list:after {
	content: " ";
	display: table;
	clear: both;
}

.link_list {
	letter-spacing:-0.5em;
}

.link_list li {
	width:212px;
	display:inline-block;
	vertical-align:middle;
}

.link_list li:nth-child(-n+3) {
	margin-right:44px;
}

.link_list li img {
	display:block;
	border:1px solid #ccc;
	box-sizing:border-box;
	width:100%;
}

/* -------------------
greeting.html */

/* .company_list */

.company_list:after {
	content: " ";
	display: table;
	clear: both;
}
.company_list dt {
	text-shadow: 0.3px 0 0 #333;
	float: left;
	padding: 10px;
}
.company_list dd {
	padding: 10px 10px 10px 120px;
	border-bottom: 1px dotted #CCCCCC;
	position:relative;
}

.company_list.yakuin dd {
	padding-left:160px;
}

.company_list.yakuin dd span {
	position:absolute;
	left:300px;
}

/* .outside_list */

.outside_list li {
	margin-bottom:10px;
}

.outside_list li:last-child {
	margin-bottom:0;
}

/* .chart_img */
.chart_image {
	padding-top: 40px;
	text-align: center;
}

/* -------------------
contents1.html */
/* .joining_about_block */

.joining_about_block {
	margin-bottom: 40px;
}
.joining_about_block .title {
	font-size: 140%;
	color: #6699CC;
	margin-bottom: 15px;
	font-weight: bold;
}
.joining_about_block .set {
	margin-bottom: 40px;
}
.joining_about_block .set:last-child {
	margin-bottom: 0;
}
.joining_about_block .list {
	border: 2px dashed #ccc;
	padding: 15px 25px;
}
.joining_about_block .list > li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.joining_about_block .list > li:last-child {
	margin-bottom: 0;
}
.joining_about_block .list > li:after {
	position: absolute;
	content: " ";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -5px;
	background: #000;
}

/* .joining_way_block */
.joining_way_block:after, .joining_way_block .flow:after, .joining_way_block .flow > .set .msg .list:after {
	content: " ";
	display: table;
	clear: both;
}
.joining_way_block > .title {
	font-size: 130%;
	background: #315b8a;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-weight: bold;
	margin-bottom: 40px;
}
.joining_way_block > .msg {
	margin-bottom: 20px;
}
.joining_way_block .flow > .set {
	position: relative;
	width: 30%;
	float: left;
	margin-right: 5%;
	border: 1px solid #315b8a;
	box-sizing: border-box;
}
.joining_way_block .flow > .set:after {
	position: absolute;
	content: "　";
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 20px solid #315b8a;
	right: -55px;
	top: 40%;
}
#contents .joining_way_block .flow > .set:nth-child(3) {
	margin: 0;
}
.joining_way_block .flow > .set:nth-child(3):after {
	content: none;
}
.joining_way_block .flow > .set .title {
	color: #fff;
	background: #315b8a;
	padding: 8px 0;
	text-align: center;
}
.joining_way_block .flow > .set .msg {
	padding: 20px 25px;
}
#contents .joining_way_block .flow > .set .msg > *:last-child {
	margin: 0;
	display:block;
	float:none;
}
.joining_way_block .flow > .set .msg .list dt {
	float: left;
	padding: 0 0 0 15px;
}
.joining_way_block .flow > .set .msg .list dd {
	text-align: right;
	padding: 0 15px 2px 0;
	margin-bottom: 5px;
	border-bottom: 1px dashed #CCC;
}

/* .activity_tab */
.activity_tab {
	margin-bottom: 40px;
}
#contents .activity_tab table {
	border-collapse: collapse;
	width: 900px;
	margin: 0 auto;
}
.activity_tab th {
	width: 15%;
	padding-left: 25px;
	border: 1px solid #ccc;
	font-weight: normal;
	vertical-align: middle;
}
.activity_tab td {
	padding: 25px 35px;
	border: 1px solid #ccc;
}

/* -------------------
contents2.html */

/* .member_list */

.member_list:after, .member_list ul:after {
	content: " ";
	display: table;
	clear: both;
}
.member_list {
	min-width: 1020px;
	margin: 0;
	padding-top: 60px;
}
.member_list ul {
	max-width: 1020px;
	margin: 0 auto;
  display:table;
}
.member_list ul li {
	width: 140px;
  margin-right:5px;
	float: left;
}
.member_list ul li:last-child {
	margin-right: 0;
}
.member_list ul li a {
	position: relative;
	display: block;
	padding: 10px 10px 20px;
	text-align: center;
	text-decoration: none;
	color: #333;
	border: 1px solid #88B0CB;
	box-sizing: border-box;
	background: url(img/member-list-point.png) no-repeat center bottom 8px #fff;
  letter-spacing:1px;
}
.member_list ul li a:hover {
	background-image: url(img/member-list-point-hover.png);
	background-color: #88B0CB;
	color: #fff;
}

/* .fixed */
.fixed {
	position: fixed;
	top: 0;
	min-width: 100%;
	z-index: 10000;
	background: rgba(255, 255, 255, 0.7);
	padding: 15px 0;
}

/* .member_block */
.member_block:after {
	content: " ";
	display: block;
	clear: both;
}
.member_block {
	margin-bottom: 40px;
	border-top: 1px solid #CCC;
}
.member_block > .set {
	width: 100%;
	display: table;
	padding: 30px 0;
	border-bottom: 1px solid #CCC;
	text-align: center;
	line-height: 2.2;
}
.member_block > .set .title {
	display: table-cell;
	width: 37%;
	border-right: 1px solid #999;
	vertical-align: middle;
	text-align: left;
	padding: 0 20px;
    font-weight: bold;    
}
.member_block > .set .title span {
	width: auto;
	margin-bottom: 10px;
	padding: 2px 10px 0px;
	background: #88B0CB;
	color: #fff;
	text-align: center;
	display: table;
}
.member_block > .set .address {
	display: table-cell;
	width: 40%;
	text-align: left;
	padding: 0 50px;
	border-right: 1px solid #999;
	vertical-align: middle;
}
.member_block > .set .address a:after {
	content: "\20\3e\3e";
}
.member_block > .set .tel {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}

/* -------------------
contents3.html */

/* .pdf_list */

.pdf_list:after {
	content: " ";
	display: block;
	clear: both;
}
.pdf_list {
	margin-bottom: 10px;
	padding-top: 18px;
}
.pdf_list li {
	width: 30%;
	float: left;
	margin: 0 5% 13px 0;
}
.pdf_list li:nth-child(3n) {
	margin-right: 0;
}
.pdf_list li a {
	color: #000;
    padding-left: 30px;
    display: block;
    background: url(img/pdf.png) no-repeat left center;
    height: 20px;
    line-height: 20px;
    background-size: 20px;
}
.pdf_list_c {
	text-align: center;
  /*padding: 3px 0 0 50px;*/
}
.pdf_list_c li {
	display: block;
	margin-bottom: 13px;
}
.pdf_list_c li a {
	color: #000;
    padding-left: 30px;
    display: inline-block;
    background: url(img/pdf.png) no-repeat left center;
    height: 20px;
    line-height: 20px;
    background-size: 20px;
}
.pdf_list_c.meishi li a {
    padding: 10px 20px 10px 38px;	
    background: url(img/ai.png) no-repeat left center;
}
.meishi_info {
	text-align: left;
    margin: 5% auto 0;
    width: 50%;	
}
.meishi_info h4 {
	font-size: 18px;
    text-align: center;
    margin: 0 auto 3%;	
}
#contents .meishi_info a {
	padding: 0;
	background: none;
}
.setup_list_c {
	text-align: center;
  /*padding: 3px 0 0 50px;*/
}
.setup_list_c li {
	display: block;
	margin-bottom: 13px;
}
.setup_list_c li a {
	color: #000;
    padding-left: 30px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    background-size: 20px;
}

.newspaper {
	text-align: center;
    width: 56%;
	border: 2px dashed #ccc;
    padding: 15px 25px 0 15px;;
	margin: 30px auto 0;
}
.newspaper_ttl{
	font-weight: bold;
}
.newspaper a img{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.front_ttl {
	margin: 30px auto 0;
}


/* -------------------
inquiry.html */
/* .contact_block */

.contact_block:after, .contact_block .inset:after, .contact_block .headset:after, .contact_block .set:after {
	content: " ";
	display: table;
	clear: both;
}
.contact_block {
	margin: -40px 0 60px;
}
.contact_block .msg {
	margin-bottom: 40px;
}

/* .office_block */
.office_block .headset {
	margin-bottom: 40px;
}

.office_block .headset .set {
	margin: 0;
	width: 100%;
	text-align: center;
}

.office_block .headset .set .title {
	font-weight: bold;
	font-size: 140%;
	color: #fff;
	background: #315b8a;
	padding: 3px 0 0;
	margin-bottom: 15px;
}

.office_block .inset {
	margin-bottom: 40px;
}

.office_block .inset:last-child {
	margin-bottom: 0;
}

.office_block .set {
	width: 48%;
	padding: 15px 20px;
	float: left;
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
}
.office_block .set:nth-child(1) {
	margin-right: 4%;
}
.office_block .set .title {
	font-size: 130%;
	margin-bottom: 4px;
	color: #315b8a;
}
.office_block .set > .sub_title {
	font-size: 90%;
}
.office_block .no {
	font-size: 220%;
	font-family: "arial black";
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 15px;
}
.office_block .no:before {
	padding: 0 16px;
	background: url(img/tel-icon.png) no-repeat left center;
	background-size: auto 70%;
	content: " ";
}
.office_block .no a {
	color: #EB5E3A;
	text-decoration: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.office_block .no {
		font-weight: bold;
		font-family: inherit;
		position: relative;
		top: 3px;
	}
}

/* -------------------
login_form.php */
.login_form {
	padding: 0 0 60px;
}
.login_form .form_inner {
	width: 550px;
	margin: 0 auto;
	padding: 25px 30px;
	box-sizing: border-box;
	text-align: center;
}
.login_form form {
	margin-top: 40px;
}
.login_form .text_input {
	font-size: 120%;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #ccc;
}
.login_form .send_btn {
	font-size: 120%;
	cursor: pointer;
	padding: 5px 20px;
	border: 0px;
	color: #fff;
	background: #315b8a;
	border: 1px solid #315b8a;
	border-radius: 3px;
	transition: 0.6s;
	margin: 0;
	position: relative;
	top: -1px;
}
.login_form .send_btn:hover {
	opacity: 0.7;
}
.error_msg {
	font-size: 120%;
	color: #FF0000;
}

/* .attent_list */
.attent_list li {
	padding-left: 15px;
}
.attent_list li:before {
	margin-left: -15px;
	content: "\203b";
}

/* .switch_line */
.switch_line_reverse {
	display: block;
}

/* .justify_left */
.justify_left {
	margin-left: -8px;
}

/* .base_btn */

.base_btn {
	display:inline-block;
	float:left;
	margin-right:20px;
}

.base_btn:last-child {
	margin-right:0;
}

.base_btn a {
	width: 100%;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #88B0CB;
	font-weight: bold;
	border: 1px solid #88B0CB;
	padding: 8px 10px 8px 15px;
	margin: 0 auto;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
}
.base_btn a:after {
	content: " ";
	background: url(img/btn-point.png) no-repeat right center;
	padding: 0 10px;
}
.base_btn a:hover {
	color: #88B0CB;
	background-color: #fff;
}
.base_btn a:hover:after {
	background-image: url(img/btn-point-hover.png);
}
p + .base_btn, p + .base_btn + .base_btn {
	margin-top: 30px;
}


.page-id-25 h1 {
	display: none;
}
.page_pass {
	width: auto;
}
.page_pass_wrap {
  margin: 0 auto;
  max-width: 380px;
  padding: 50px 20px;
  text-align: center;
}
.page_pass_input {
  border: 1px solid #000;
  display: block;
  font-size: 16px;
  margin-top: 20px;
  padding: 10px;
  width: 100%;
}

.page_pass_submit {
  background: #315b8a;
  border: solid 1px #315b8a;
  border-radius: 3px;	
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  cursor: pointer;
  color: #fff;
  display: block;
  font-size: 1rem;
  margin: 20px auto;
  padding: 10px 0;
  width: 100px;
  -webkit-appearance: none;
}
.page_pass_submit:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.page_pass_wrap h2 {
  font-size: 170%;
  display: inline-block;
  font-weight: normal;
  text-shadow: 0.5px 0 0 #333;
  color: #111;
  margin-bottom: 30px;
  padding: 0 20px 0px;
  border-bottom: 3px solid #88b0cb;
}
.news_block ul li {
    font-size: 16px;
    padding: 30px 0;
    border-bottom: 1px dashed #b5b5b6;
}
.news_block ul li:last-of-type {
    border: none;
    text-align: right;
}
.date,.news-flex h3 {
    display: inline-block;
}
.date {
    margin: 0 10px 0 0;
}
.news_block ul li a {
    text-decoration: none;
}
.news_block ul li a:active {
  color: #000;
}
.wp-singular h1 {
    font-size: 20px;
    text-align: left;    
}
.wp-singular p {
    font-size: 16px;
    text-align: left;
}
#contents .fc-left h2 {
    font-size: 20px;
    font-weight: bold;
} 
#contents .fc-basic-view tbody .fc-row {
    min-height: 7em;
}
/*****土曜日*****/
/*見出しの背景色*/
.eo-fullcalendar .fc-day-header.fc-sat {
    background: #8dbfe1;
}

/*枠の背景色*/
.eo-fullcalendar .fc-bg .fc-sat {
    background: #EBFAFD;
}

/*****日曜日*****/
/*見出しの背景色*/
.eo-fullcalendar .fc-day-header.fc-sun {
    background: #FDA4A7;
}

/*枠の背景色*/
.eo-fullcalendar .fc-bg .fc-sun {
    background: #FDEDEE;
}