@charset"utf-8";
/*
京都経済短期大学 Web Site ver.2 --  Primary CSS
Latest Updated : 2 Jun., 2026
*/

/**
 * Table of Contents
 *
 * 1.0 - Typography
 * 2.0 - Alignment
 * 3.0 - Links
 * 4.0 - Navigations
 * 5.0 - layout
 * 6.0 - Forms
 *
 */

/* **************************************************************************** */
/*
/* 1.0 Typography
/*
/* **************************************************************************** */


/**
 * 1.1 Import fonts
 */

body,
button,
input,
select,
textarea {
	font-family:'Roboto',"Noto Sans JP","Hiragino Sans","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.4rem; line-height: 1;
	color: #000;
}




/**
 * 1.2 Headline
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin:2.5em 0 0.8em;
	line-height:1.4;
}
h1	{ font-size:3.0rem; font-weight:400;}
h2	{ font-size:2.1rem; font-weight:400;}
h3	{ font-size:2.0rem; font-weight:400;}
h4	{ font-size:1.7rem; font-weight:500;}
h5	{ font-size:1.5rem;	font-weight:700;}
h6	{ font-size:1.4rem;	font-weight:700;}

#container h1,
#container h2 {}
#container h3 {}
#container h4,
#container h5,
#container h6 {}

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 { margin-top:0 !important;}

section h1:first-child,
section h2:first-child,
section h3:first-child,
section h4:first-child,
section h5:first-child,
section h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child,
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.content h1:first-child,
.content h2:first-child,
.content h3:first-child,
.content h4:first-child,
.content h5:first-child,
.content h6:first-child { margin-top:0 !important;}

.bb		{ padding-bottom:0.5em; border-bottom:1px solid #222;}



/**
 * 1.3 Text style
 */

p {}
article p { margin-bottom:1.6em; line-height:1.8;}

b,
strong 	{ font-weight: 700;}

em		{ font-style: normal; color:#2C8EF2;}

dfn,
cite,
i {
	font-style: italic;
}

blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

blockquote p { margin-bottom: 1.6667em;}

blockquote > p:last-child { margin-bottom: 0;}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: normal;
	margin: 0;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark,
ins 	{ background-color: #fff9c0; text-decoration: none;}

sup,
sub 	{ font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;}
sup		{ bottom: 1ex;}
sub		{ top: .5ex;}

small	{ font-size: 75%;}

big		{ font-size: 125%;}




/**
 * - 1.4 Lists
 */

ul { list-style:none;}
ol { list-style:decimal; margin: 1.6em 0 1.6em 2em;}

li > ul,
li > ol { margin: 0.5em 0 0.5em 1em;}

nav ul,
ul.none { margin:0 !important; padding-left:0 !important; list-style:none;}
nav ul li:before,
ul.none li:before { background:none !important; border:0 !important;}

ul.nolistmark li { padding-left:0 !important;}
ul.nolistmark li:before,
ul li.nolistmark:before { background:none !important; border:0 !important;}

h1 + ul,
h2 + ul,
h3 + ul,
h4 + ul,
h5 + ul,
h6 + ul,
h1 + ol,
h2 + ol,
h3 + ol,
h4 + ol,
h5 + ol,
h6 + ol { margin-top:0 !important;}
ul.lr	{ list-style:none; text-align:right;}
ul.lr .l	{ display:inline-block; position:relative; z-index:1; float:left; text-align:left; background-color:#fff;}
ul.lr .r	{ display:inline-block; position:relative; z-index:2; padding:0 0 0 0.5em; text-align:right; background-color:#fff;}
ul.lr li 	{ position:relative;}
ul.lr li:after { position:absolute; top:50%; left:0; content:''; width:100%; border-top:1px dashed #ccc;}

.page-content ul,
.entry-content ul	{ margin: 1.6em 0 1.6em 1em; list-style-position:outside; line-height:1.5;}
.page-content ol,
.entry-content ol	{ margin: 1.6em 0 1.6em 1.5em; list-style-position:outside; line-height:1.5;}

.page-content ul li,
.entry-content ul li { position:relative; margin:0 0 0.8em; padding-left:13px;}
.page-content ul li:before,
.entry-content ul li:before { position:absolute; content:''; top:0.5em; left:0; width:7px; height:7px; background-color:#397bde; border-radius:10px;}
.page-content .small li,
.entry-content .small li { position:relative; margin:0 0 0.5em; padding-left:10px;}
.page-content .small li:before,
.entry-content .small li:before { top:5px; left:0; width:5px; height:5px;}

.page-content ul.list ol li,
.entry-content ul li ol li { padding-left:0px;}
.page-content ul.list ol li:before,
.entry-content ul li ol li:before {border-width:0;}
.page-content ul ol li,
.entry-content ul ol li { padding-left:0;}
.page-content ul ol li:before,
.entry-content ul ol li:before { width:0; height:0;}

.page-content ol li,
.entry-content ol li { position:relative; margin:0 0 0.8em;}

.page-content ol.marugakomi li:before { position:absolute; top:0px; left:-19px; content:''; width:19px; height:19px; text-align:center; line-height:1.2; border:1px solid #333 !important; border-radius:100%;}
.page-content ol.marugakomi li { list-style:none; padding:0 0 0 0.2em !important;}
.page-content ol.marugakomi li:nth-child(1):before { content:'1';}
.page-content ol.marugakomi li:nth-child(2):before { content:'2';}

ul.nostyle li	{ padding-left:0;}
ul.nostyle li:before	{ content:''; background:none; border:0;}

ul.caution li	{ position:relative; padding:0 0 0 1.2em;}
ul.caution li:before	{ position:absolute; top:0; left:0; content:'※'; padding:0; width:auto; height:auto; color:#f00; background:none;}

dl { margin:1.6em 0; line-height:1.5;}
dt { margin:1.6em 0 1em; font-weight: bold;}
dd { margin-bottom:0.8em;}
dl.list dd	{ position:relative; padding-left:10px;}
dl.list dd:before	{ position:absolute; content:''; top:4px; left:0; width:8px; height:8px; background-color:#6A9AE2; border-radius:10px;}



/**
 * - 1.5 Table
 */

table,
th,
td {
	border: 1px solid #fff;
}

table {
	border-collapse:collapse;
	border-spacing: 0;
	border-width: 0 0 1px;
	margin: 0 0 1.6em;
	width: 100%;
	word-wrap:break-word;
}
table,
caption,
th,
td 		{ font-weight:normal; text-align:left; vertical-align:middle; font-size:12px; font-size:1.2rem; line-height:1.25;}
th, td 	{ padding:0.4em 0.2em; background-color:#fff;}

th { border-width: 0 1px 1px 0;}
td { border-width: 0 1px 1px 0;}

tr.double th,
tr.double td { border-top:3px double #aaa;}
tr.center th,
tr.center td { text-align:center;}

caption { margin:0.2em 0; padding:0.4em 0; color:#666; caption-side:bottom;}

table thead th { text-align:center; font-weight:bold; background-color:#CFDCF6;}
tbody th { background-color:#DFE7F7;}
tbody td { border-color:#ccc; border-width:1px 1px 1px 1px;}

table ul,
table ol { margin:.6em 0 .6em 0em; list-style-position:outside; line-height:1.25;}
table ol { margin:.6em 0 .6em 1em;}
table ul li:before { top:4px !important;}

.overflow-scroll { overflow:auto; white-space:nowrap;}
	.overflow-scroll::-webkit-scrollbar{ height: 5px;}
	.overflow-scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
	.overflow-scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}



/**
 * - 1.5 Elements
 */

::selection {background:#CDD3CD; color:#fff;}
::-moz-selection { background:#CDD3CD; color:#fff;}

hr {
	clear:both;
	margin: 1.6em 0;
	background-color: transparent;
	border: 0;
	height: 1px;
}
hr.none { margin:0; background-color:transparent;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	touch-callout:none; -webkit-touch-callout:none; -moz-touch-callout:none;
	user-select:none; -webkit-user-select:none; -moz-user-select:none;
}
.image {}
.image img { margin:0 0 8px; width:100%; height:auto;}

figure 		{ margin: 0;}
figcaption 	{ margin:.4em; font-size:1.3rem; line-height:1.5; color:#666;}

.video { position: relative; width: 100%; padding-top: 56.25%;}
.video iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

del { opacity: 0.8;}




/**
 * - 1.6 Text Decoration
 */

.attention { color:#f00;}
.note	{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#222;}
.caption{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.wp-caption-text{ font-size:13px; font-size:1.3rem; line-height:1.5 !important; color:#666;}
.lead	{ font-size:120%; font-weight:400;}
.screen-reader-text { display:none;}
.required { color:#f00;}


.border,
.bordered	{
	padding:0.6em 8px 0.5em 1em; background:#fafafa; border:1px solid #89BFF2; border-radius:0;
}
.filled		{
	padding:0.6em 8px 0.5em 1em; background:#89BFF2; border-radius:0;
}


/* size */
.large	{ font-size:120%;}
.small	{ font-size:86%;}
.abs-small{ font-size:11px; font-size:1.1rem;}

/* color */
.dark	{ color:#000;}
.pale	{ color:#999;}

/* family */
.serif	{ font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.sans	{ font-family: "Roboto", Helvetica, sans-serif;}

/* style */
.normal	{ font-style: normal;}
.italic	{ font-style: italic;}

.check { position:fixed; z-index:9999;}




/* **************************************************************************** */
/*
/* 2.0 Alignments
/*
/* **************************************************************************** */

.alignlef,
.alignright,
.aligncenter {
	display: block;
	margin:0 auto .8em;
}

div.alignleft img,
div.alignright img,
div.alignnone img { margin:0 0 0.8em;}

.left	{ text-align:left;}
.right	{ text-align:right;}
.center	{ text-align:center;}  



/* **************************************************************************** */
/*
/* 3.0 Links
/*
/* **************************************************************************** */

a {
	color: #003FC3;
	text-decoration: none;
	outline:none;
}

a:hover,
a:focus {
	color: #2C8EF2;
}

a:active {}


/**
 * - Buttons
 */
nav a:hover, nav a:active { text-decoration:none;}

a.outbound { position:relative; padding-right:20px; }
a.outbound:before	{ position:absolute; top:5px; right:7px; content:''; width:11px; height:9px; border:1px solid #003FC3; border-top-width:2px; background-color:#fff;}
a.outbound:after	{ position:absolute; top:2px; right:4px; content:''; width:11px; height:9px; border:1px solid #003FC3; border-top-width:2px; background-color:#fff;}
a.outbound:hover:before,
a.outbound:hover:after	{ border-color: #3399FF;}

.pdf { padding:3px 0 3px 18px; background:url(../img/common/icon-pdf.png) no-repeat left center; background-size:auto 16px;}
.xls { padding:3px 0 3px 18px; background:url(../img/common/icon-xls.png) no-repeat left center; background-size:auto 16px;}

a img 		{ transition:all 0.2s ease;}
a:hover img { opacity:0.7;}

a.btn 		{ display:inline-block; position:relative; margin:0 0.3em; padding:2px 16px 2px 8px; color:#fff; background-color:#70B3F1; transition:background-color 0.2s ease;}
a.btn:before{ position:absolute; top:50%; right:10px; content:''; margin:-2px 0 0; width:5px; height:5px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg); transition:all 0.2s ease;}
a.btn:hover { background-color:#8DC3F;}
a.btn:hover:before { right:4px;}

div.btn	{ padding:16px auto; text-align:center;}
div.btn a	{ position:relative; display:inline-block; vertical-align:middle; margin:0 1rem 8px; padding:1.8rem 4rem; min-width:260px; line-height:1.2; color:#fff; background-color:#70B3F1; transition:background-color 0.2s ease;}
div.btn a:after	{ position:absolute; top:50%; right:1em; content:''; margin:-5px 0 0; width:10px; height:10px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg); transition:all 0.2s ease;}
div.btn a:hover { background-color:#8DC3F6;}
div.btn a:hover:after { right:0.6em;}
div.btn a span { display:block; padding:0;}
div.btn.white a { color:#000; background-color:#fff;}
div.btn.white a:after { border-color:#70B3F1;}




/* **************************************************************************** */
/*
/* 4.0 Navigation
/*
/* **************************************************************************** */


/**
 * - Header global navigation
 */

#staticnav		{ display:none; position:absolute; top:12px; right:20px; text-align:right;}
.menu-staticnav-container { display:inline-block; vertical-align:bottom;}
#staticnav ul	{ margin:0;}
#staticnav li 	{ display:inline-block; vertical-align:bottom; text-align:left;}
#staticnav li a	{ margin:0 1.5em 0 0; padding:0 0 0 10px; font-size:1.3rem; line-height:1.2; color:#ccc; text-decoration:none; background:url(../img/nav/li_nav.gif) no-repeat 0 0.4em; border:none;}
#staticnav li a:hover { color:#fff;}

#staticnav .hn_request 	{ display:inline-block; vertical-align:bottom; margin:0 0 0 5px; width:150px; height:50px;}
#staticnav .hn_request a 	{ display:block; margin:0; padding:18px 0 0 14px; width:150px; height:50px; 
	text-align:center; font-size:1.4rem; font-weight:700; color:#222;
	background:#ededed url(../img/common/icon-request-bk.png) no-repeat 0 center; background-size:30px 30px; overflow:hidden; transition:background-color 0.2s ease;}
#staticnav .hn_request a:hover { color:#fff; text-decoration:none; background-color:#37B7EF;}

#staticnav .hn_digipan 	{ display:inline-block; vertical-align:bottom; margin:0 0 0 5px; width:150px; height:50px;}
#staticnav .hn_digipan a 	{ display:block; margin:0; padding:18px 0 0 14px; width:150px; height:50px; 
	text-align:center; font-size:1.4rem; font-weight:700; color:#222;
	background:#ededed url(../img/common/icon-digipan-bk.png) no-repeat 0 center; background-size:30px 30px; overflow:hidden; transition:background-color 0.2s ease;}
#staticnav .hn_digipan a:hover { color:#fff; text-decoration:none; background-color:#37B7EF;}




/**
 * - Header navigation
 */

#headnav  	{ 
	display:block; position:relative; top:0; right:0; width:100%; height:5rem; 
	text-align:center; font-size:0; 
	background-color:#f4f4f4; overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.2);
}
#headnav > div { width:100%; height:7rem; overflow-x:auto; -webkit-overflow-scrolling:touch;}
#headnav > div::-webkit-scrollbar { display:none;}
#headnav ul		{ display:inline-table; max-width:100%;}
#headnav ul li 	{ display:table-cell; white-space:nowrap; text-align:center; font-size:1.3rem; line-height:1.0; }
#headnav ul li a	{ 
	position:relative; display:block; margin:0; padding:1.8rem 1.8rem; width:auto; 
	color:#222; text-decoration:none; 
	background:none;
	border:none; border-right:0; box-sizing:border-box;
}
#headnav ul li a:hover { background-color:#F4F4F4; color:#000;}
#headnav ul li a:hover:after { position:absolute; bottom:2px; left:0; content:''; width:100%; height:1px; border-bottom:1px solid #222;}
#headnav ul li.current-menu-item a,
#headnav ul li.current-page-ancestor a { color:#fff; background-color:#999;}




/**
 * - bread crumb
 */

#breadcrumb			{ clear:both; margin:0 auto; width:auto; padding:8px 20px; text-align:left; background-color:#222;}
#breadcrumb ul		{ margin:0 auto; padding:0; height:35px; max-width:1440px;}
#breadcrumb li		{ float:left; margin:0; padding:0 0 0 8px; height:35px; line-height:35px; font-size:11px; font-size:1.1rem; color:#999;}
#breadcrumb li a	{ display:block; padding:0 23px 0 0; color:#aaa; text-decoration:none; background:url(../img/nav/breadcrumb_arrow.gif) no-repeat right center;}
#breadcrumb li a:hover { color:#ccc;}
#breadcrumb li.home	{ padding-left:25px; background:url(../img/nav/breadcrumb_home.png) no-repeat 5px 8px;}


/**
 * - #footnav
 */

#footnav { padding:16px 0; border:solid #000; border-width:1px 0;}
#footnav ul		{ margin:0 auto; width:auto; max-width:1440px;}
#footnav ul li	{ display:block; float:none; margin:1rem 0;}
#footnav li a	{ display:block; position:relative; margin:0; padding:0 0 0 1rem; font-size:1.3rem; line-height:1.2; color:#ccc; text-decoration:none;}
#footnav li a:before { position:absolute; top:0.4em; left:0; content:''; width:6px; height:6px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}
#footnav a:hover{ color:#fff;}


.sns { margin:24px 4%; width:auto; text-align:center;}
.sns ul		{ margin:0; font-size:0;}
.sns ul li	{ position:relative;  display:inline-block; vertical-align:middle; margin:0 1rem 8px; width:46px;}
.sns ul li a	{ display:inline-block; padding:0; border-radius:50px; transition:opacity 0.2s ease;}
.sns ul li.sns-yt a			{ background-color:#e52d27;}
.sns ul li.sns-tw a			{ background-color:#1dcaff;}
.sns ul li.sns-xs a			{ background-color:#000000;}
.sns ul li.sns-tk a			{ background-color:#000000;}
.sns ul li.sns-ig a			{ background-color:#ffffff;}
.sns ul li.sns-ln a			{ background-color:#1dcd00;}
.sns ul li.unilif a			{ background-color:#ee7300;}
.sns ul li a span	{ 
	display:inline-block; width:46px; height:46px; 
	background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:26px;
	border-right:0; border-radius:50px;
	transition:all 0.2s ease;
}
.sns ul li.sns-yt a span	{ background-color:#e52d27; background-image:url(../img/common/icon-yt.png);}
.sns ul li.sns-tw a span	{ background-color:#1dcaff; background-image:url(../img/common/icon-tw.png);}
.sns ul li.sns-xs a span	{ background-color:#000000; background-image:url(../img/common/icon-xs.png); border:1px solid #333; background-size:22px; }
.sns ul li.sns-tk a span	{ background-color:#000000; background-image:url(../img/common/icon-tk.png); border:1px solid #333; background-size:40px;}
.sns ul li.sns-ig a span	{ background-image:url(../img/common/icon-ig.png); border-color:#222;}
.sns ul li.sns-ln a span	{ background-color:#1dcd00; background-image:url(../img/common/icon-ln.png);}
.sns ul li.unilif a span	{ background-color:#ee7300; background-image:url(../img/common/icon-unilife.png);}
.sns ul li a:after { width:0; font-size:0;}

.sns ul li.liner	{ margin:8px 8px 8px 0; width:45%; max-width:45%;}
.sns ul li.liner a	{ display:block; border-radius:0; background:#fff url(../img/home/banner-linerequest.png) no-repeat center center / 104% auto;}
.sns ul li.liner a span	{ display:block; width:100%; height:80px; text-align:center; background-color:transparent; border:0; border-radius:0;}
.sns ul li.lines	{ margin:8px 0 8px 8px; width:45%; max-width:45%;}
.sns ul li.lines a	{ display:block; border-radius:0; background:#fff url(../img/home/banner-lineshitsumon.png) no-repeat center center / 104% auto;}
.sns ul li.lines a span	{ display:block; width:100%; height:80px; text-align:center; background-color:transparent; border:0; border-radius:0;}
.sns ul li.casec	{ margin:8px auto 8px; width:90%; max-width:90%;}
.sns ul li.casec a	{ display:block; border-radius:0; background:#339A99 url(../img/home/banner-casec.png) no-repeat center center / auto 100%;}
.sns ul li.casec a span	{ display:block; width:100%; height:80px; text-align:center; background-color:transparent; border:0; border-radius:0;}
.sns ul li.image 	{ margin:8px auto 8px; width:90%; max-width:90%;}
.sns ul li.image a	{ display:block; border-radius:0; background:#999; padding:0;}
.sns ul li.image a img	{ vertical-align:bottom; margin:0 !important;}


/**
 * - page navigation
 */

.page-head .page-head-nav  	{ 
	display:block; position:relative; top:0; right:0; width:100%; height:5rem; 
	text-align:center; font-size:0; 
	background-color:#9EBDEB; overflow:hidden;
}
.page-head .page-head-nav > div { width:100%; height:7rem; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.page-head .page-head-nav > div::-webkit-scrollbar { display:none;}
.page-head .page-head-nav ul		{ display:inline-table; max-width:100%;}
.page-head .page-head-nav ul li 	{ display:table-cell; margin:0; white-space:nowrap; text-align:center;}
.page-head .page-head-nav ul li a	{ 
	position:relative; display:block; margin:0; padding:1.8rem 1.8rem; width:auto; 
	font-size:1.3rem; line-height:1.2; color:#222; text-decoration:none; 
	background:none;
	border:none; border-right:0; box-sizing:border-box;
}
.page-head .page-head-nav ul li a:hover { color:#000;}
.page-head .page-head-nav ul li a:hover:after { position:absolute; bottom:2px; left:0; content:''; width:100%; height:1px; border-bottom:2px solid rgba(255,255,255,1);}
.page-head .page-head-nav ul li.current-menu-item a { color:#000;}
.page-head .page-head-nav ul li.current-menu-item a:after { position:absolute; bottom:2px; left:0; content:''; width:100%; height:1px; border-bottom:2px solid #3071D2;}


/**
 * - page-foot
 */
.page-foot { padding:0 5% 40px; background-color:#6A9AE2;}
.page-foot .page-head-title { margin:0 !important; padding:1em; text-align:center; font-size:1.8rem; font-weight:bold; color:#fff;}
.page-foot .page-head-nav ul	{ display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; width:100%; margin:0; font-size:0;}
.page-foot .page-head-nav li	{ flex-grow:1; margin:-1px 0 0 0; width:50%; font-size:1.3rem; text-align:center; line-height:1.2; border:1px solid #CADBF4; box-sizing:border-box;}
.page-foot .page-head-nav li a	{ flex-grow:1; display:block; padding:1em; color:#fff;}
.page-foot .page-head-nav li:hover{ background-color:#60A6FF;}
.page-foot .page-head-nav li.current-menu-item	{ background-color:#3071D2;}
.page-foot {}



/**
 * - widget navigation
 */

.s-p .widget-area	{ padding:1px; background:#f3f3f3;}
.s-p .widget-title	{ margin:0 0; padding:18px 4px 7px 6px; font-size:14px; font-size:1.4rem; border-top:1px solid #eee; border-bottom:1px solid #ccc; background:#ddd;}

.s-p .widget-area .subnav ul		{ float:none; margin:0; line-height:1.4; text-align:left;} 
.s-p .widget-area .subnav ul li		{ margin:0; padding:5px 0; font-size:12px; font-size:1.2rem; border-left:1px solid #2C8EF2; border-bottom:1px solid #ddd; background:none;}
.s-p .widget-area .subnav ul li a	{ float:none; display:block; margin:0 0; padding:0.5em 0.5em 0.2em 6px; line-height:1.4; color:#1E618B; }
.s-p .widget-area .subnav ul li a:hover { text-decoration:underline; color:#34A6DF;}
.s-p .widget-area .post-date	{ padding:0 0 0 6px; font-size:11px; font-size:1.1rem; color:#999;}

.s-p .widget-area .widget_categories ul li a { float:none; display:inline; margin:0 0; padding:0.5em 0 0.4em 6px; line-height:1.4; color:#1E618B;}
.s-p .widget-area .widget_archive { text-align:left;}
.s-p .widget-area .widget_archive select { margin:1em;}



/**
 * - Post next-perv navigation
 */

.nav-single { margin:35px 0; padding:0 35px; line-height:1.4;}
.nav-single .nav-previous a	{ display:block; float:left; padding:6px 9px 4px; width:300px; border:1px solid #ddd; }
.nav-single .nav-next a		{ display:block; float:right; padding:6px 9px 4px; width:300px; text-align:right; border:1px solid #ddd;}


/**
 * - .wp-pagenavi
 */

.wp-pagenavi {
	clear: both;
	margin:0; padding:32px 0;
	font-size:13px; text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	margin: 1px;
	padding: 14px 4px 12px ;
	min-width: 40px;
	color:#fff;
	text-decoration: none;
	background:#70B3F1;
	border:none;
}
.wp-pagenavi span.pages,
.wp-pagenavi span.extend{ background:#70B3F1;}
.wp-pagenavi a:hover{ background-color:#2C8EF2;}
.wp-pagenavi span.current { background-color:#CFDCF6;}

.search-results .wp-pagenavi a, .wp-pagenavi span {
	color:#fff;
	background:#111;
}
.search-results .wp-pagenavi span.pages { color:#999;}
.search-results .wp-pagenavi a:hover{ background:#666;}
.search-results .wp-pagenavi span.current { font-weight:bold; background:#999;}




/**
 * - Page top button
 */

#pagetop a { position:fixed; bottom:5px; right:5px; width:40px; height:40px; font-size:0; background-color:#222; background-color:rgba(10,10,10,.5); transition:all 0.2s ease; box-shadow:1px 1px 4px rgba(0,0,0,.3);}
#pagetop a:before	{ position:absolute; top:10px; left:50%; content:''; width:1px; height:20px; border:1px solid #04689B; transition:all 0.2s ease;}
#pagetop a:after	{ position:absolute; top:12px; left:50%; content:''; margin:0 0 0 -5px; width:12px; height:12px; border:solid #04689B; border-width:2px 2px 0 0; transform:rotate(-45deg); transition:all 0.2s ease;}
#pagetop a:hover 	{ background-color:#2C8EF2;}
#pagetop a:hover:before { top:6px;}
#pagetop a:hover:after 	{ top:8px;}
#pagetop a:before,
#pagetop a:after { border-color:#fff;}



/**
 * - Drawer navigation
 */

.drawer-nav		{ 
	position:fixed; top:0; left:0; width:100%; height:100vh; 
	color:#222; 
	background-color:#DDE1E5; overflow-y:auto; border-radius:0;
	-webkit-overflow-scrolling:touch; 
	box-shadow:5px 5px 8px rgba(163, 177, 198, 0.2), -4px -4px 8px rgba(255, 255, 255, 0.8);
	transform:scale(1) translateX(100vw); transition:all 0.25s;
	visibility:hidden; z-index:-1; opacity:0;
}
.drawer-overlay	{ position:fixed; z-index:-101; top:0; left:0; width:100%; height:100%; background-color:rgba(242,242,242,0); transition:all 0.25s;}
.drawer-open .drawer-overlay	{ z-index:998; background-color:rgba(242,242,242,0.9);}
.drawer-open #container	{}

.drawer-hamburger		{ 
	position:fixed; top:5px; right:10px; z-index:1999;
	display:block; margin:0 !important; padding:0 !important; width:40px; min-width:40px; max-width:40px; height:40px;
	font-size:0; 
	-webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); 
	-webkit-transform:translateZ(0); transform:translateZ(0); 
	border:0; outline:0; background-color:transparent; box-sizing:content-box; cursor:pointer;
}
.drawer-hamburger:hover	{ background-color:transparent;}
.drawer-hamburger:focus	{ background-color:transparent;}
.drawer-hamburger-icon	{ position:relative; display:block; margin-top:0;}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before	{ width:100%; height:1px; -webkit-transition:all .6s cubic-bezier(.19,1,.22,1); transition:all .6s cubic-bezier(.19,1,.22,1); background-color:#fff;}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before { position:absolute; top:-10px; left:0; content:" "}
.drawer-hamburger-icon:after	{ top:10px}

.drawer-open .drawer-hamburger { top:5px; right:10px;}
.drawer-open .drawer-hamburger-icon	{ width:40px; background:transparent;}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before	{ top:0; background-color:#000;}
.drawer-open .drawer-hamburger-icon:after	{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.drawer-open .drawer-hamburger-icon:before	{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.drawer-open .drawer-nav {
	display:block; top:0; left:0; z-index:1998; visibility:visible;
	transform:scale(1) translateX(0); opacity:1;
}

.drawer-nav	{ padding:50px 0;}
.drawer-nav ul.menu { padding:20px 0;}
.drawer-nav ul.menu li { text-align:left; border-bottom:1px solid #fff;}
.drawer-nav ul.menu li a	{ position:relative; display:block; padding:1.4rem 8%; color:#111;}
.drawer-nav ul.menu li a:before	{ position:absolute; top:50%; right:6%; height:7px; content:''; margin:-4px; width:7px; height:7px; border:solid #000; border-width:2px 2px 0 0; transform:rotate(45deg); transition:all 0.2s ease;}
.drawer-nav ul.menu li a:hover { color:#469EED; font-weight:normal;}



@media screen and ( min-width: 720px ) {
	.drawer-hamburger,
	.drawer-container	{ display:none;}
}




/* **************************************************************************** */
/*
/* 5.0 layout
/*
/* **************************************************************************** */

html {}
body{
	text-align:center;
	word-wrap:break-word;
	background:#111;
}

.not	{ margin-top:0 !important; vertical-align:top;}
.nor	{ margin-right:0 !important;}
.nob	{ margin-bottom:0 !important;}
.nol	{ margin-left:0 !important;}

.nobt	{ border-top:none !important;}
.nobr	{ border-right:none !important;}
.nobb	{ border-bottom:none !important;}
.nobl	{ border-left:none !important;}

.hide	{ display:none !important;}
.pc		{ display:none;}
.spn	{ display:block;}



/**
 * - 5.1 loading
 */

#loading { 
	position:absolute; top:0; left:0; 
	width:100%; height:100%; 
	background-color:#fff; background-color:rgba(255,255,255,.8);
	display:none;
}
#loading .animation {
	display:block;
	position:absolute; top:50%; left:50%; 
	width:50px; height:50px; overflow:hidden;
	animation: loading 1s steps(10) 0s infinite;
}
@keyframes loading {
    0% { background-position: 0    0  ; }
  100% { background-position: 0 -500px; }
}

.ef	{ opacity:0;}
.ef.show	{ animation:translatey 0.8s ease-in-out 0s 1 normal forwards;}
@keyframes translatey	{
	0%	{ transform:translateY(40px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}



/**
 * - 5.2 wrapper Include
 */

#wrapper 		{ margin:0 auto; min-width:320px;}
#headerwrap 	{ position:fixed; top:0; left:0; z-index:999; width:100%; background:#111;}
#containerwrap 	{ position:relative; margin:0 auto; padding:100px 0 0; max-width:1440px;}
#footerwrap 	{ position:relative; margin:0; padding-top:1px; background:#222 url(../img/common/rainbow_hr_foot.png) repeat-x center top; background-size:100% 1px;}	


/**
 * - 5.3 Header Include
 */

#header { position:relative; margin:0 auto; padding:10px 0 0; max-width:1440px; text-align:left;}

#branding		{ position:relative; padding:0;}
#branding .site-title		{ margin:0 auto; padding:0; width:135px; height:40px;}
#branding .site-title a		{ 
	display:block; width:135px; height:32px;
	text-indent:200%; white-space:nowrap; overflow:hidden;
	background:url(../img/common/logo-header-wh.png) no-repeat left top; background-size:135px 32px;
}
#branding .site-title a:hover	{ opacity:0.7;}




/**
 * - 5.4 container Include
 * 
 * #containerwrap > #container
 * 		article
 * 			.page-header
 * 			.page-content
 * 
 * #containerwrap > #container
 * 		.content
 * 			.archive-header
 * 			.archive-content
 * 
 * #containerwrap > #container
 * 		#secondary
 * 		#primary > article
 * 			.entry-header
 * 			.entry-content
 * 
 */

.billboardwrap {}
.billboardwrap ul li a img { margin:0 !important; padding:0 !important;}

#container { position:relative; margin:0 auto; width:auto;}
.home #container	{ margin:0; padding:0; width:100%;}

#primary		{}
#secondary		{}

article { position:relative; padding:5px 5px 5px 5px; width:auto; text-align:left; background:#f3f3f3;}
article .page-header,
article .archive-header,
article .entry-header {}
article .catch	{ margin:0; padding:1.5em 0; text-align:center; font-weight:400; line-height:1.5; text-shadow:2px 2px 4px rgba(0,0,0,.25);}

article section 	{ margin:0 auto 4rem; padding:2rem 4%; text-align:left; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,.15);}
article section .section-header	{}
article section .section-title	{ margin:0 -2% 15px; padding:0.8em 2%; color:#fff; background-color:#6A9AE2;}


.page-content,
.archive-content,
.entry-content { padding:0 4vw 25px;}
.page-content section,
.archive-content section,
.entry-content section { margin:35px 0;}

.page-content .full-width { margin:0 -4vw;}
.full-width > .content	{ margin:0 4vw; padding:4rem 0}



.page-head		{ margin:0; padding:0;}
.page-head .page-head-title	{ display:block; margin:0 !important; padding:1.8em 1.4em; width:auto; font-size:2rem; font-weight:normal; text-align:center; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,.25); background:#3071D2;}





/**
 * - 5.5 footer Include
 */

#footer { padding:40px 5% 0; text-align:left; border-top:1px solid #000;}
#credit		{ margin:0 auto; padding:40px 0; max-width:1440px; font-size:1.3rem; color:#ccc; line-height:1.25;}
#credit .site-title { margin:0 0 1rem; height:34px; font-size:0; background:url(../img/common/logo-header-wh.png) no-repeat left top / 190px auto;}
#credit .tel,
#credit .fax { display:block; margin:0;}
#credit .tel a,
#credit .fax a { font-size:1.6rem; font-weight:400; color:#fff;}

#footer .searchform	{ display:block;}

#copyright { margin:2rem 0; padding:0; color:#999; font-size:1.2rem;}



/**
 * - 5.6 Column Layout
 */

.col2 > div h1:first-child,
.col2 > div h2:first-child,
.col2 > div h3:first-child,
.col2 > div h4:first-child,
.col2 > div h5:first-child,
.col2 > div h6:first-child,
.col3 > div h1:first-child,
.col3 > div h2:first-child,
.col3 > div h3:first-child,
.col3 > div h4:first-child,
.col3 > div h5:first-child,
.col3 > div h6:first-child { margin-top:0 !important;}


ul.col2 { margin:0; padding:0;}
ul.col2 li { margin:0; padding:0;}
ul.col2 li:before { background:none; border:0;}

ul.col3 { margin:0; padding:0;}
ul.col3 li { margin:0; padding:0;}
ul.col3 li:before { background:none; border:0;}

ul.col4 { margin:0; padding:0; font-size:0;}
ul.col4 li { display:inline-block; vertical-align:top; margin:0; padding:0; width:50%; text-align:left;}
ul.col4.separate li { display:inline-block; vertical-align:top; margin:0 0 3rem; padding:0; width:47%;}
ul.col4.separate li:nth-child(2n) { margin-left:6%;}
ul.col4 li:before { background:none; border:0;}



	/**
 * - 6.6 block Layout
**/

.blocks	{}
	.block	{}
	.block-child25	{ width:50%;}
	.block-child50	{}

.block-2	{}
	.block-2 > div	{}

.block-3	{}
	.block-3 > div	{}

.block-1-2	{}
	.block1-2 > div	{}

.block-2-1	{}
	.block2-1 > div	{}

.block-4	{}
	.block-4 > div	{}

.blocks .content	{}

ul.blocks	{ margin:0; padding:0;}
ul.blocks li	{ margin:0; padding:0;}
ul.blocks li:before	{ background:none; border:0;}


/* 
----------------------------------------------- */
.borderwrap { margin:0 auto 4rem; padding:2rem 4%; border:1px solid #4DB8E0; border-radius:5px;}
.borderwrap h1:first-child,
.borderwrap h2:first-child,
.borderwrap h3:first-child,
.borderwrap h4:first-child,
.borderwrap h5:first-child,
.borderwrap h6:first-child	{ margin-top:0 !important;}
.borderwrap p:last-child	{ margin-bottom:0;}

.filledwrap { margin:0 auto 4rem; padding:2rem 4%; background-color:#E6F0F6; border-radius:5px;}
.filledwrap p:last-child	{ margin-bottom:0;}




/* **************************************************************************** */
/*
/* 6.0 - clearfix
/*
/* **************************************************************************** */

.cf:before, .cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}/* For IE 6/7 (trigger hasLayout) */

.clearfix:after,
.container:after,
.content:after,
.page-content:after,
.entry-content:after,
.archive-content:after,
p:after	{ content:" "; display:block; clear:both;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .clearfix,*:first-child+html .clearfix { zoom: 1; } /* IE6,IE7 */

#container:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html #container,*:first-child+html #container { zoom: 1; } /* IE6,IE7 */

.content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .content,*:first-child+html .content { zoom: 1; } /* IE6,IE7 */

.column:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .column,*:first-child+html .column { zoom: 1; } /* IE6,IE7 */

section:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html section,*:first-child+html section { zoom: 1; } /* IE6,IE7 */

.section:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .section,*:first-child+html .section { zoom: 1; } /* IE6,IE7 */

.entry-content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .entry-content,*:first-child+html .entry-content { zoom: 1; } /* IE6,IE7 */

.entry-content p:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .entry-content p, *:first-child+html .entry-content p { zoom: 1; } /* IE6,IE7 */





/* **************************************************************************** */
/*
/* .page
/*
/* **************************************************************************** */

.page-header	{ margin:0 0 5px; padding:0; background:#fff;}
.page-header .page-title	{ margin:0; padding:1em 1.4em; font-size:2.4rem; font-weight:normal; text-align:center; color:#111; text-shadow:2px 2px 4px rgba(0,0,0,.25);}
.page-header img { width:100%; height:auto;}

img.size-thumbnail { width:46% !important; height:auto !important;}
img.size-medium,
img.size-large,
img.size-full	{ width:100% !important; height:auto !important;}

ul.searchlist	{ margin:0;}
ul.searchlist li{ margin:0;}
article .search-article { float:none; width:auto; background-color:#fff; box-shadow:1px 2px 8px rgba(0,0,0,.15);}
.search-article .entry-header	{ position:relative; text-align:left; margin:0 0 2em;}
.search-article .entry-header .entry-title	{ font-size:1.8rem !important;}
.search-article .entry-summary 	{ padding:0 34px 4px;}




/* **************************************************************************** */
/*
/* .entry-content
/*
/* **************************************************************************** */

.single-header { margin:0; padding:0; background:url(../img/headline/h_page-header.png) repeat-y left top;}
.single-header .single-title { margin:0 !important; padding:1em 1.4em; font-size:2.4rem; font-weight:normal; text-shadow:2px 2px 4px rgba(0,0,0,.25);}

.entry-header { padding:35px 35px 11px 35px; }
.entry-header .entry-title { margin:0; padding:12px 11px 11px 11px; font-size:18px; background-color:#f0f0f0; border:1px solid #ddd;}

.entry-content	{ margin:0 auto; padding:0 4% 30px;}
.entry-content img{ border-radius:3px; box-shadow:1px 1px 6px rgba(0,0,0,.1);}
.entry-content img{ width:100%; height:auto; }

.entry-content img.size-thumbnail	{ margin:0 0 1em; width:50%; height:auto; }
.entry-content img.size-medium,
.entry-content img.size-large		{ margin:0 0 9px; width:100%; height:auto; }
.entry-content .alignleft,
.entry-content .alignright,
.entry-content .alignnone { margin:0 12px 9px;}
.entry-content .alignleft img,
.entry-content .alignright img,
.entry-content .alignnone img { margin:0 0 9px ;}

.entry-footer { padding:0.5em 16px 0; text-align:left; color:#999; border-top:1px solid #eee;}
.entry-meta { margin:11px 35px; padding:4px 0; font-size:11px; font-size:1.1rem; color:#999; border-top:1px solid #ddd;}




/* **************************************************************************** */
/*
/* .archive-content
/*
/* **************************************************************************** */

.archive-header { margin:0; padding:0; background:url(../img/headline/h_page-header.png) repeat-y left top;}
.archive-header .archive-title { margin:0; padding:1em 1.4em; font-size:2.4rem; font-weight:normal; text-shadow:2px 2px 4px rgba(0,0,0,.25);}




/* **************************************************************************** */
/*
/* widget
/*
/* **************************************************************************** */

.s-p .widget-area { font-size:1.3rem;}
.s-p .widget-area .widget_categories ul		{ font-size:0;}
.s-p .widget-area .widget_categories ul li	{ display:inline-block; padding:1em 0; width:50%; font-size:1.3rem;}





/* **************************************************************************** */
/*
/* 6.0 Forms
/*
/* **************************************************************************** */

button,
input,
select,
textarea {
	background-color: #fafafa;
	border-radius: 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	border: 1px solid #cecece;
}

input:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #aaa;
	color: #333;
}

input:focus,
select:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
	cursor: default;
	opacity: .5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	background-color:#70B3F1; 
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 700;
	padding:20px 64px;
	min-width:210px;
	text-transform: uppercase;
	transition:background-color 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color:#8DC3F6;
	outline: 0;
}

input[type="reset"]  { background-color:#cc3a2a; border-color:#cc3a2a;}
input[type="reset"]:hover,
input[type="reset"]:focus {
	border-color:#F74B37;
	background-color:#F74B37;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin:0 0 5px;
	padding: 0.375em;
	width: 100%;
}
input[type="tel"]{ max-width:15em;}
input[type="number"]{ max-width:10em;}


textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin:0 3px 0 0; padding:0;
	vertical-align:baseline;
}


/**
 * mailform additional
 */

.mailform-input 	{ padding:2em 0;}
.mailform-input p 	{ margin:0; padding:0;}
.mailform-input h4 	{ font-size:16px; font-size:1.6rem; border-bottom:1px solid #ccc;}
.mailform-input dl	{ line-height:1.4; border-top:1px solid #ddd;}
.mailform-input dt	{ margin:1em 0 0 0; width:auto; line-height:1;}
.mailform-input dd	{ margin:0; padding:1em 0 1em 0; line-height:1; border-bottom:1px solid #ddd;}
.mailform-input .captcha img { vertical-align: middle;}
.mailform-input .required { padding:2px 4px; color:#fff; font-size:1.2rem; font-weight:normal; line-height:1.2; background-color:#f22; border-radius:3px;}
.mailform-input dt.required { color:#111;}
.mailform-input dt.required:after { content:'*'; color:#f00; }

#zip,
.zip	{ width:10em !important;}
.telnumber	{ width:14em;}
input.wpcf7-submit { margin:0.6em 0 0.6em 0; font-size:14px; font-size:1.4rem;}
.confirmpp { margin:1em 0; text-align: center;}
.submit { text-align:center;}
.submit input { margin:0 1em 10px;}

.sanka1 .wpcf7-list-item,
.sanka2 .wpcf7-list-item,
.sanka3 .wpcf7-list-item	{ display:block; margin:0 0 0.5em 0; }
.sanka1 label,
.sanka2 label,
.sanka3 label	{ display:block; margin:0; padding:1rem; background-color:#fafafa; border:1px solid #fafafa; border-radius:5px;}
.vertical .wpcf7-list-item { display:block; margin:0 0 0.5em 0;}



/* :: */
label a { text-decoration:underline;}
.wpcf7-list-item	{ position:relative; margin:0; padding:0;}

label input[type="radio"],
label input[type="checkbox"]{ display:none;}
label{
	display:inline-block; position:relative; margin-right:20px; padding:6px 0 6px 30px;
	font-weight:normal; color:#000; letter-spacing:0;
	cursor:pointer;
}
label .wpcf7-list-item-label:before{
	position:absolute; top:2px; left:0; content:'';
	display:inline-block; vertical-align:middle;
	margin:0 8px 0 0; width:22px; height:22px;
	background:#fff; border:2px solid #ccc; border-radius:50px;
	-webkit-transition:all 200ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 200ms cubic-bezier(1, 0, 0, 1); transition:all 200ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
label .wpcf7-list-item-label:after{
	content:'';
	position:absolute; top:9px; left:9px;
	width:4px; height:6px;
	border-right:2px solid #ddd; border-bottom:2px solid #ccc;
	transform:rotate(40deg); opacity:1;
	-webkit-transition:all 200ms cubic-bezier(1, 0, 0, 1); -moz-transition:all 200ms cubic-bezier(1, 0, 0, 1); transition:all 200ms cubic-bezier(1, 0, 0, 1);
	-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1); -moz-transition-timing-function:cubic-bezier(1, 0, 0, 1); transition-timing-function:cubic-bezier(1, 0, 0, 1);
}
label input[type="radio"]:checked + .wpcf7-list-item-label:before,
label input[type="checkbox"]:checked + .wpcf7-list-item-label:before	{
	top:-1px; left:-3px; width:28px; height:28px; border:0; background-color:#4DB8E0;
}
label input[type="checkbox"]:checked + .wpcf7-list-item-label:after	{
	top:6px; left:7px; width:7px; height:10px; border-color:#fff; transform:rotate(40deg);
}

label input[type="radio"] + .wpcf7-list-item-label:after{
	top:11px; left:9px; width:4px; height:4px;
	background:#ddd; border:0; border-radius:50px;
}
label input[type="radio"]:checked + .wpcf7-list-item-label:after{
	top:9px; left:7px; width:8px; height:8px; background-color:#fff; border:0; border-radius:50px;
}




/**
 * mailform sent complete
 */

.sent-complete { display:none;}
.sent .mailform-input { display:none;}
.wpcf7-mail-sent-ok {display:none!important;}
.sent .sent-complete { display:block;}

.sent-complete, .sent-complete-page { padding:0 100px;}
.sent-complete p, .sent-complete-page p{ padding:0 0 15px 0;}

	.sent-complete, .sent-complete-page { padding:0 0;}



/**
 * searchform
 */

.searchform			{ display:block; vertical-align:bottom;}
.searchform	form	{ width:100%;}
.searchform #s { 
	display:block; padding:4px 4px 4px 44px !important; width:100%; height:50px; color:#ddd; line-height:41px; 
	background:#666 url(../img/common/icon-search.png) no-repeat center center; background-size:20px 20px;
	border:0; outline:0 !important;
	transition-duration: 200ms;
	transition-property: width, background-color;
	transition-timing-function: ease;
}
.searchform #s:focus{ padding-left:36px !important; width:100%; background-color:#111 !important; border:0; border-bottom:1px solid #ddd; background-position:left 8px center !important;}
.searchform .assistive-text, .searchform #searchsubmit, .searchform .screen-reader-text { display:none;}

#header .searchform			{ display:inline-block; vertical-align:top;}
#header .searchform #s 		{ margin:4px 0 0; padding:4px 4px 4px 24px; width:50px; height:50px; color:#ddd;}
#header .searchform #s:focus{ width:200px; background-color:#222; border-bottom:1px solid #ddd; background-color:#ccc; background-position:left 2px center;}





/* **************************************************************************** */
/*
/* Media Queries
/*
/* **************************************************************************** */


/* 420px <=                             */
@media screen and (min-width: 420px) {


}


/* 720px <=                             */
@media screen and (min-width: 720px) {

	.spn 	{ display:none;}
	.pc		{ display:block;}

	/**
	 * - 1.5 Table
	 */
	
	table,
	caption,
	th,
	td 		{}
	th, td 	{ padding:0.6em 0.3em;}



	/**
	 * 2.0 Alignments
	 */
	
	.alignleft {
		display: inline-block;
		float: left;
	}
	
	.alignright {
		display: inline-block;
		float: right;
	}
	
	.aligncenter {
		display: block;
		margin:0 auto .8em;
	}
	
	img.alignleft	{ margin:0 2.6em 1.6em 0;}
	img.alignright	{ margin:0 0 1.6em 2.6em;}
	img.alignnone	{ margin:0 auto 1.6em;}
	
	div.alignleft	{ margin:0 2.6em 1.6em 0;}
	div.alignright	{ margin:0 0 1.6em 2.6em;}
	div.alignnone	{ margin:0 auto 1.6em;}

	/**
	 * form
	 */
	.sanka1 .wpcf7-list-item,
	.sanka2 .wpcf7-list-item,
	.sanka3 .wpcf7-list-item	{ display:inline-block; vertical-align:top; width:48%; margin:0 2% 0.5em 0;}
	.vertical .wpcf7-list-item { display:block;}


	/**
	 * header
	 */

	#headerwrap 	{ background: #111 url(../img/common/rainbow_hr_head.png) repeat-x center top;}
	#header	{ padding:20px 0 0 0;}



	/**
	 * footer
	 */

	#footer	 { padding:20px 0% 0;}
	#footer #credit		{ padding:40px 20px;}
	#footer #credit .tel,
	#footer #credit .fax	{ display:inline-block;}
	#footer #credit .tel:after{ margin:0 0.6em 0 0.6em ; content:'|';}
	#footer .searchform	{ display:none;}


	#footnav	{ padding:0 0 20px; border-width:0 0 1px 0;}
	#footnav ul	{ margin:0 auto; padding:0;}
	#footnav ul li	{ display:inline-block; margin:0;}
	#footnav ul li:first-child	{ float:left; margin:0;}
	#footnav li a	{ margin:0 0 0 1.5em; padding:0 0 0 10px;}

	#footerwrap .sns { margin:44px 8px 44px;}
	#footerwrap .sns ul li	{ margin:0 0.8rem 12px; width:18%; max-width:188px; text-align:left; border:solid #555; border-width:0px;}
	
	#footerwrap .sns ul li a	{ display:block; padding:6px 8px 6px 0; border-radius:0;}
	#footerwrap .sns ul li a span	{ display:inline-block; width:52px; height:46px; border-right:1px solid #fff; border-radius:0;}
	#footerwrap .sns ul li a:hover	{ opacity:0.7;}
	#footerwrap .sns ul li a:after { position:absolute; top:50%; left:60px; margin:-7px 0 0; width:auto; height:1.5rem; font-size:1.1rem; text-align:left; color:#fff;}
	#footerwrap .sns ul li.sns-yt a:after { content:"公式YouTubeチャンネル";}
	#footerwrap .sns ul li.sns-tw a:after { content:"公式Twitter";}
	#footerwrap .sns ul li.sns-xs a	{ border:1px solid #333;;}
	#footerwrap .sns ul li.sns-xs a:after { content:"公式X";}
	#footerwrap .sns ul li.sns-xs a span	{ border-width:0 1px 0 0;}
	#footerwrap .sns ul li.sns-tk a	{ border:1px solid #333;;}
	#footerwrap .sns ul li.sns-tk a:after { content:"公式TikTok";}
	#footerwrap .sns ul li.sns-tk a span	{ border-width:0 1px 0 0;}
	#footerwrap .sns ul li.sns-ig a:after { content:"公式Instagram"; color:#222;}
	#footerwrap .sns ul li.sns-ig a span	{ border-right-color:#444;}
	#footerwrap .sns ul li.sns-ln a:after { content:"公式LINE";}
	#footerwrap .sns ul li.unilif a:after { content:"UniLife 学生マンション";}
	
	#footerwrap .sns ul li.liner	{ display:inline-block; vertical-align:bottom; margin:0 0.8rem 12px; width:18%; max-width:202px;}
	#footerwrap .sns ul li.liner a	{}
	#footerwrap .sns ul li.liner a span	{ height:46px; border:0 !important;}
	#footerwrap .sns ul li.lines	{ display:inline-block; vertical-align:bottom; margin:0 0.8rem 12px; width:18%; max-width:202px;}
	#footerwrap .sns ul li.lines a	{}
	#footerwrap .sns ul li.lines a span	{ height:46px; border:0 !important;}
	#footerwrap .sns ul li.casec	{}
	#footerwrap .sns ul li.casec a	{}
	#footerwrap .sns ul li.casec a span	{}
	#footerwrap .sns ul li.image	{ display:inline-block; vertical-align:bottom; margin:0 0.8rem 8px; padding:0 !important; width:18%; max-width:202px;}
	#footerwrap .sns ul li.image a	{ padding:0 !important;}


	/**
	 * container
	 */

	#containerwrap	{}
	#container	{ padding:0 3% 20px;}

	.page-head	{ margin:36px 0 12px; text-align:left;}
	.page-head .page-head-title	{ 
		display:inline-block; vertical-align:top; 
		margin:0; padding:0; width:30%; 
		text-align:left; font-size:2.6rem; line-height:1; color:#fff;
		background:none;
	}
	
	.page-head .page-head-nav	{ display:inline-block; vertical-align:top; margin:0.1em 0 0; width:69%; height:auto; text-align:left; background:none;}
	.page-head .page-head-nav > div { width:100%; height:auto; min-height:6rem;}
	.page-head .page-head-nav ul		{ display:inline-block;}
	.page-head .page-head-nav ul li		{ position:relative; display:inline-block; vertical-align:top; margin:0.2rem 10px 0.6rem; width:auto; text-align:left; font-size:13px; font-size:1.3rem;}
	.page-head .page-head-nav ul li a	{ padding:2px 8px; color:#eee; text-decoration:none;}
	.page-head .page-head-nav ul li a:hover { color:#fff;}
	.page-head .page-head-nav ul li a:after { display:block; content:'';position:absolute; bottom:-2px; left:50%; width:0; border-bottom:1px solid #fff; transition:all 0.2s ease;}
	.page-head .page-head-nav ul li a:hover:after { left:0; bottom:-2px; width:100%; border-bottom:1px solid #fff;}
	.page-head .page-head-nav ul li.current-menu-item a { color:#aaa;}
	.page-head .page-head-nav ul li.current-menu-item a:after { left:0; bottom:-2px; width:100%; border-bottom:1px solid #aaa;}




	/**
	 * container > layout
	 */
	
	.col2 .content,
	.col3 .content,
	.col4 .content	{ padding:0 4%;}

	.mailform-input 	{ padding:2em 5%;}
	.mailform-input dt	{ float:left; margin:1.6em 0 0 0; width:12em;}
	.mailform-input dd	{ padding:1em 0 1em 13em;}
	input.half	{ width:50%;}


	/* 2column
	--------------------- */
	.col2	{ text-align:center; font-size:0;}
	.col2 > div,
	ul.col2 li { display:inline-block; vertical-align:top; margin:0 0 4rem; padding:0; width:50%; text-align:left; font-size:1.4rem;}
	ul.col2 li:before { background:none; border:0;}
	.col2.separate > div { width:48%;}
	.col2.separate > div:nth-of-type(odd) { margin-right:4%;}


	/* 3column
	--------------------- */
	.col3   { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
	.col3 > div,
	ul.col3 li		{ margin:0 0 4rem; width:calc(100% / 3); text-align:left;}
	.col3 > div.w2	{ width:calc(100% / 3 * 2);}

	.col3.separate > div,
	ul.col3.separate li { margin:0 5% 4rem 0; width:30%;}
	.col3.separate > div:nth-of-type(3n),
	ul.col3.separate li:nth-of-type(3n) { margin-right:0%;}

	.col3.separate > div.w2 { margin-right:0; width:65%;}


	/* 4column
	--------------------- */
	.col4	{ text-align:center; font-size:0;}
	.col4 > div { display:inline-block; vertical-align:top; margin:0 0 4rem; width:50%; text-align:left; font-size:1.4rem;}
	.col4.separate > div { width:48%;}
	.col4.separate > div:nth-of-type(odd) { margin-right:4%;}


	/* 5column
	--------------------- */
	.col5   { text-align:center; font-size:0;}
	.col5 > div { display:inline-block; vertical-align:top; margin:0 0 4rem; width:33.3333; width:calc(100% / 3); text-align:left; font-size:1.4rem;}
	.col5.separate > div { margin:0 5% 4rem 0; width:30%;}
	.col5.separate > div:nth-of-type(3n) { margin-right:0%;}


	/* 6column
	--------------------- */
	.col6   { text-align:center; font-size:0;}
	.col6 > div { display:inline-block; vertical-align:top; margin:0 2% 4rem 0; width:32%; text-align:left; font-size:1.4rem;}
	.col6 > div:nth-of-type(3n) { margin-right:0%;}


	/* 2:1 column
	--------------------- */
	.col2-1 { text-align:center; font-size:0;}
	.col2-1 > div	{ display:inline-block; vertical-align:top; margin:0 0 4rem; text-align:left; font-size:1.4rem;}
	.col2-1 > div:nth-child(1) { margin-right:5%; width:65%;}
	.col2-1 > div:nth-child(2) { width:30%;}


	/**
	 * - 6.6 block Layout
	**/
	.blocks	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;}
	.blocks.reverse	{ flex-flow:row-reverse wrap;}

	.block-2	{ justify-content:space-between;}
	.block-2 > div,
	.block-2 > li	{ width:50%;}
	.block-2.separate > div,
	.block-2.separate > li	{ width:48%;}
	
	.block-3 > div,
	.block-3 > li	{ width:calc( 100% / 3 );}
	.block-3.separate > div,
	.block-3.separate > li	{ margin-right:2%; width:32%;}
	.block-3.separate > div:nth-child(3n),
	.block-3.separate > li:nth-child(3n)	{ margin-right:0;}

	.block-4	{ justify-content:space-between;}
	.block-4 > div,
	.block-4 > li	{ width:50%;}
	.block-4.separate > div,
	.block-4.separate > li	{ width:48%;}

	.block-2-1	{ justify-content:space-between;}
	.block-2-1 > div:nth-child(1)	{ width:66%;}
	.block-2-1 > div:nth-child(2)	{ width:34%;}
	.block-2-1.separate > div:nth-child(1)	{ width:64%;}
	.block-2-1.separate > div:nth-child(2)	{ width:32%;}
	
	.block-1-2	{ justify-content:space-between;}
	.block-1-2 > div:nth-child(1)	{ width:34%;}
	.block-1-2 > div:nth-child(2)	{ width:66%;}
	.block-1-2.separate > div:nth-child(1)	{ width:32%;}
	.block-1-2.separate > div:nth-child(2)	{ width:64%;}

	.blocks .content	{ padding:2rem 5%;}



	/**
	 * container > .page
	 */
	.page-header { background:url(../img/headline/h_page-header.png) repeat center top;}
	.page-header .page-title { margin:0; padding:1em 1.4em; text-align:left; font-size:2.8rem;}







}


/* 1024px <=                             */
@media screen and (min-width: 1024px) {


	h1	{ font-size:3rem;}
	h2	{ font-size:2.8rem;}
	h3	{ font-size:2.4rem;}
	h4	{ font-size:2.0rem;}
	h5	{ font-size:1.7rem;}
	h6	{ font-size:1.6rem;}

	table,
	caption,
	th,
	td 		{ font-size:13px; font-size:1.3rem;}
	th, td 	{ padding:0.6em 0.8em;}


	/**
	 * 4.0 Navigation
	 */

	#staticnav	{ display:block;}
	#headnav	{ display:block;}
	#headnav  	{ margin:0 0 20px; height:auto; background-color:#666;}
	#headnav > div { height:auto;}
	#headnav ul li 	{ vertical-align:middle; font-size:1.3rem; letter-spacing:0.1em;}
	#headnav ul li a	{ 
		padding:1.8rem 2rem;  color:#fff;
		transition:background-color 0.2s ease-in-out; -moz-transition:background-color 0.2s ease-out; -webkit-transition:background-color 0.2s ease-out;
	}
	#headnav ul li a:hover { background-color:#aaa; color:#fff;}
	#headnav ul li a:hover:after { border:none;}
	
	#headnav li.gn_home			{ width:55px;}
	#headnav li.gn_home a		{ text-indent:-999px;  white-space:nowrap; overflow:hidden; background:url(../img/nav/gn_home.png) no-repeat center center / auto 22px;;}
	
	#headnav li.current-menu-item a,
	#headnav li.current-page-ancestor a { color:#fff; background-color:#999;}



	/**
	 * header
	 */
	.billboardwrap { padding:0 20px;}

	#headerwrap	{ position:relative;}
	#header { position:relative; margin:0 auto; padding:20px 24px 16px 3%; text-align:left;}
	#branding .site-title		{ margin:0; width:185px; height:42px;}
	#branding .site-title a		{ width:185px; height:44px; background-size:185px 44px;}


	/**
	 * footer
	 */
	#footer 	{ 
		position:relative; margin:0; 
		text-align:left; line-height:1.2; 
	}


	/**
	 * container
	 */
	#containerwrap { padding:0;}
	.home #container	{ margin:0 auto; padding:0; width:100%;}

	#container.s-p{ 
		margin:0 auto; padding:32px 3% 32px; max-width:1440px;
		display:flex; flex-flow:row-reverse wrap; justify-content:space-between; align-items:flex-start;
	}
	.s-p #primary	{ width:70%;}
	.s-p #secondary	{ width:25%;}
	#primary		{ }
	#secondary		{ margin:0 0 9px 0;}


	.page-content,
	.archive-content,
	.entry-content { padding:0 4vw 25px;}
	.page-content section,
	.archive-content section,
	.entry-content section { margin:35px 0;}



	/**
	 * container > layout
	 */	

	/* 4column
	--------------------- */
	.col4	{ text-align:center; font-size:0;}
	.col4 > div { display:inline-block; vertical-align:top; margin:0 0 4rem; width:25%; text-align:left; font-size:1.4rem;}
	.col4.separate > div,
	ul.col4.separate li { margin:0 2.5% 4rem 0; width:23%;}
	.col4.separate > div:nth-of-type(2n),
	ul.col4.separate li:nth-of-type(2n) { margin:0 3% 4rem 0;}
	.col4.separate > div:nth-of-type(4n),
	ul.col4.separate li:nth-of-type(4n) { margin-right:0%;}


	/* 5column
	--------------------- */
	.col5	{ text-align:center; font-size:0;}
	.col5 > div { display:inline-block; vertical-align:top; margin:0 0 4rem; width:20%; font-size:1.4rem;}


	/* 6column
	--------------------- */
	.col6	{ text-align:center; font-size:0;}
	.col6 > div { display:inline-block; vertical-align:top; margin:0 2% 4rem 0; width:15%; font-size:1.4rem;}
	.col6 > div:nth-of-type(3) { margin-right:2%;}
	.col6 > div:nth-of-type(6) { margin-right:0;}


	/* 2:1 column
	--------------------- */
	.col2-1 { text-align:center; font-size:0;}
	.col2-1 > div	{ display:inline-block; vertical-align:top; margin:0 0 4rem; text-align:left; font-size:1.4rem;}
	.col2-1 > div:nth-child(1) { margin-right:5%; width:65%;}
	.col2-1 > div:nth-child(2) { width:30%;}

	.col1-2 { text-align:center; font-size:0;}
	.col1-2 > div	{ display:inline-block; vertical-align:top; margin:0 0 4rem; text-align:left; font-size:1.4rem;}
	.col1-2 > div:nth-child(1) { margin-right:5%; width:30%;}
	.col1-2 > div:nth-child(2) { margin-right:0; width:65%;}


	/**
	 * - 6.6 block Layout
	**/	
	.block-4	{ justify-content:flex-start;}
	.block-4 > div,
	.block-4 > li	{ width:25%;}
	.block-4.separate > div,
	.block-4.separate > li	{ margin-right:2.5%; width:23%;}




	.mailform-input 	{ margin:0 auto; padding:2em 0; max-width:880px;}


}



/* 1280px <=                             */
@media screen and (min-width: 1280px) {


	body { font-size: 15px; font-size: 1.5rem;}
	#headnav ul li 	{ font-size:1.5rem;}
	#headnav ul li a	{ padding:2.0rem 2.8rem;} 


	/**
	 * form
	 */
	.sanka1 .wpcf7-list-item,
	.sanka2 .wpcf7-list-item,
	.sanka3 .wpcf7-list-item	{}
	.vertical .wpcf7-list-item { display:block;}

}