@charset"utf-8";
/*
Web Site ver.1  --  Primary CSS
Author : Hideyuki Koyama -MONTAGE lab.(https://www.montagelab.jp)
Latest Updated : 08 Oct., 2025
*/

/**
 * Table of Contents
 *
 * 1.0 - Typography
 * 2.0 - Elements
 * 3.0 - Alignment
 * 4.0 - Links
 * 5.0 - Navigations
 * 6.0 - layout
 * 7.0 - Clearfix
 * 8.0 - Forms
 * ex. - Media Queries
 *
 */

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


/**
 * 1.2 Typo
 */

body,
button,
input,
select,
textarea {
	font-family: "Roboto", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 { margin-top:0 !important;}

h1	{ font-size:3rem;}
h2	{ font-size:2.6rem;}
h3	{ font-size:1.9rem;}
h4	{ font-size:1.6rem;}
h5	{ font-size:1.4rem;}
h6	{ font-size:1.4rem;}

article h1,
article h2	{ margin:2em 0 1.5em; line-height:1.5;}
article h3,
article h4	{ margin:3em 0 1em; line-height:1.5;}
article h5,
article h6	{ margin:2em 0 1em; line-height:1.5;}

section h1:first-child, section h2:first-child, section h3:first-child, section h4:first-child, section h5:first-child, section 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,
.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,
.section-content h1:first-child, .section-content h2:first-child, .section-content h3:first-child, .section-content h4:first-child, .section-content h5:first-child, .section-content h6:first-child 
{ margin-top:0 !important;}

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

b,
strong 	{ font-weight: 700;}

em		{ font-style: normal;}

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.3 Lists
 */

ul,
ol { margin: 1.6em 0 1.6em; list-style-position:outside; line-height:1.5;}

ul { margin-left:0.7em; list-style: none;}

ol { margin-left:1.5em; list-style: decimal;}

li > ul,
li > ol {
	margin: 1em 0 1em 1.3333em;
}
li > ol li:before { content:''; width:0; height:0; border:0 !important;}

nav ul { margin:0;}
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.reset,
ul.reset li,
ol.reset,
ol.reset li { margin:0 !important; padding:0 !important; list-style:none !important; line-height:1.5;}
ul.reset li:before,
ul.reset li:after { content:''; width:0; height:0; border:0 !important;}

/* Unoedered list */
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;}

article ul li { position:relative; margin:0 0 0.8em; padding-left:10px;}
article ul li:before { position:absolute; content:''; top:0.55em; left:0; width:4px; height:4px; background-color:#000; border-radius:100%;}
article ul li.no-list-mark:before	{ background:none;}
article ol li { position:relative; margin:0 0 0.8em;}

ul.circle	{}
ul.circle li	{ position:relative; padding:0 0 0 1.5em;}
ul.circle li:before	{ position:absolute; top:.1em; left:0; content:''; padding:0.2em 0 0; width:1.2em; height:1.2em; text-align:center; color:#fff; background-color:#003FC3; border-radius:50px;}

ul.checklist	{ margin:0; padding:0;}
ul.checklist li	{ position:relative; padding:0px 0 1rem 30px; border-bottom:1px dashed #fff;}
ul.checklist li:before	{ top:0; left:1px; width:22px; height:22px; background:none; border:2px solid #056AAF; border-radius:0;}
ul.checklist li:after	{ position:absolute; top:2px; left:8px; content:''; width:8px; height:14px; border:solid #056AAF; border-width:0 2px 2px 0; transform:rotate(45deg);}

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;}


/* Ordered list */
article ol li { position:relative; margin:0 0 0.8em;}
article ol ul { margin-left:0.4em;}

ol.numbering	{ list-style:none; margin-left:0;}
ol.numbering li	{ position:relative; padding:0 0 0 2.2em;}
ol.numbering li:before	{ position:absolute; top:-0.15em; left:0; content:''; padding:0.2em 0 0; width:1.8em; height:1.8em; text-align:center; color:#fff; background-color:#003FC3;}
ol.numbering li:nth-of-type(1):before	{ content:'1';}
ol.numbering li:nth-of-type(2):before	{ content:'2';}
ol.numbering li:nth-of-type(3):before	{ content:'3';}
ol.numbering li:nth-of-type(4):before	{ content:'4';}
ol.numbering li:nth-of-type(5):before	{ content:'5';}
ol.numbering li:nth-of-type(6):before	{ content:'6';}
ol.numbering li:nth-of-type(7):before	{ content:'7';}
ol.numbering li:nth-of-type(8):before	{ content:'8';}
ol.numbering li:nth-of-type(9):before	{ content:'9';}

/* Definition list */
dl { margin-bottom: 1.6em; line-height:1.5;}
dt { margin-bottom: 0.6em; font-weight: bold;}
dd { padding-bottom: 1.6em;}

dl.bb	{ border:0; border-top:1px solid rgba(0,0,0,.25);}
dl.bb dt	{ padding-top: 1.6em;}
dl.bb dd	{ padding-bottom: 1.6em; border-bottom:1px solid rgba(0,0,0,.25);}

dl.faq	{}
dl.faq dt	{ position:relative; margin:1.2em 0 0.4rem; padding:0.6em 0 0.5em 3.3em;}
dl.faq dt:before	{ position:absolute; top:0; left:0px; content:"Q"; padding:8px 0 0; width:2.8em; height:2.8em; text-align:center; color:#fff; background-color:#056AAF;}
dl.faq dd	{ position:relative; padding:0.6em 0 1.8em 3.3em; border-bottom:1px solid rgba(0,0,0,.25);}
dl.faq dd:before	{ position:absolute; top:0; left:0px; content:"A"; padding:8px 0 0; width:2.8em; height:2.8em; text-align:center; color:#003FC3; background-color:#D8E4FF;}



/**
 * - 1.4 Table
 */

table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse:separate;
	border-spacing:8px;
	border-width:0;
	margin: 0 0 1.6em;
	width: 100%;
}

caption,
th,
td { text-align:left; font-weight:normal; line-height:1.5;}
th { padding: 0.8em 0.8em; font-weight: 700;}
td { padding: 0.8em 1.8em; background-color:#fff;}

caption { margin:0.3em 0; font-size:90%; caption-side:bottom; text-align:right;}

thead th { vertical-align:middle; font-weight:bold; color:#fff; background-color:#30b4e8; border-right-color:#fff; border-bottom-color:#fff;}
thead th:last-child	{ border-right-color:#38C1F8;}
thead td { vertical-align:middle; background-color:#bce9fb;}

tbody th { vertical-align:middle; text-align:center; color:#fff; background-color:#717171;}
tbody td { vertical-align:middle; border-color:#38C1F8; border-width:1px 1px 1px 1px;}

tfoot 	 { border-top:3px double #38C1F8;}
tfoot th { vertical-align:middle; font-weight:bold; color:#fff; background-color:#30b4e8; border-right-color:#fff; border-bottom-color:#fff;}
tfoot th:last-child	{ border-right-color:#38C1F8;}
tfoot td { vertical-align:middle; background-color:#bce9fb;}

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

table.text-align-center,
table.text-align-center th,
table.text-align-center td,
tr.center th,
tr.center td,
th.center,
td.center { text-align:center;}

.yscroll	{ width:100%; overflow:scroll;}
.yscroll table	{ table-layout:auto;}
.yscroll::-webkit-scrollbar			{ height: 5px;}
.yscroll::-webkit-scrollbar-track	{ background: #F1F1F1;}
.yscroll::-webkit-scrollbar-thumb	{ background: #BCBCBC;}




/**
 * - 1.5 Decoration
 */

.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;}

.bt		{ border-top:1px solid #ccc !important;}
.br		{ border-right:1px solid #ccc !important;}
.bb		{ border-bottom:1px solid #ccc !important;}
.bl		{ border-left:1px solid #ccc !important;}

.lead 	{ font-size:1.6rem;}
.attention { color:#f00;}
.note		{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.caption	{ font-size:13px; font-size:1.3rem; line-height:1.5; color:#666;}
.wp-caption-text{ margin:0.8rem 1.2rem 1.6rem; font-size:13px; font-size:1.3rem; line-height:1.5 !important; color:#666;}

.border 	{ border-bottom:1px solid #999;}
.bordered 	{ padding:0.8em; border:1px solid #6699FF; border-radius:5px;}
.filled		{ padding:0.5em 0.8em; background-color:#ededed;}
.filledwrap .filled { background-color:#fff;}

/* 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;}





/* **************************************************************************** */
/*
/* 2.0 Elements
/*
/* **************************************************************************** */

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

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}
hr.none { background-color:transparent;}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.image img { width:100%;}

figure 		{ margin:0; padding:0;}
figure img 	{ width:100%; height:auto;}
figcaption 	{}

del { opacity: 0.8;}


/**
 * - 2.1 Video Elements
 */

video	{ width:100%; height:auto;}
.video-wrap {
	position:relative; width:100%; overflow:hidden;
}
.video-wrap .video	{
	position:relative;
	padding-top:56.25%;
	width:100%; height:0;
	overflow:hidden;
}
.video-wrap .video iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.home-sns .video-wrap	{ margin:0 auto 4rem; max-width:920px;}



/* **************************************************************************** */
/*
/* 3.0 Alignments
/*
/* **************************************************************************** */

.alignleft {
	display: inline;
	float: left;
	margin:0 2.6rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin:0 0 1rem 2.6rem;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1rem;
}

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




/* **************************************************************************** */
/*
/* 4.0 Links
/*
/* **************************************************************************** */

a {
	color:#004098;
	text-decoration: none;
	outline:none;
	transition:all 0.2s ease;
}

a:hover,
a:focus {
	color: #30C6FF;
}

nav a { text-decoration:none;}




/* **************************************************************************** */
/*
/* 5.0 Navigation
/*
/* **************************************************************************** */


/**
 * - sns
 */

.sns ul,
ul.sns { margin:0; padding:0;}
.sns li	{ display:inline-block; vertical-align:middle; margin:0 8px 4px; padding:0;}
.sns li:before	{ background:none; border:0;}
.sns li a	{ 
 display:block; width:40px; height:40px; font-size:0; 
 background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:23px; 
 border:0 solid #fff; border-radius:100%;
}
.sns .fb a	{ background-color:#4267B2; background-image:url(../img/common/icon-wh-fb.png);}
.sns .fb a:hover { opacity: 0.8;}
.sns .tw a	{ background-color:#1DA1F2; background-image:url(../img/common/icon-wh-tw.png);}
.sns .tw a:hover { opacity: 0.8;}
.sns .ln a	{ background-color:#00B900; background-image:url(../img/common/icon-wh-ln.png);}
.sns .ln a:hover { opacity: 0.8;}
.sns .yt a	{ background-color:#ED3124; background-image:url(../img/common/icon-wh-yt.png);}
.sns .yt a:hover { opacity: 0.8;}
.sns .tk a	{ background-color:#000; background-image:url(../img/common/icon-tk.png); background-size:36px;}
.sns .tk a:hover { opacity: 0.8;}
.sns .ig a	{
 background:url(../img/common/icon-ig.png) no-repeat center center / 40px,linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
 background:url(../img/common/icon-ig.png) no-repeat center center / 40px, radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.sns .ig a	{
 background:#fff url(../img/common/icon-ig.png) no-repeat center center / 24px;
}
.sns .xs a	{ background-color:#000; background-image:url(../img/common/icon-wh-xs.png);}
.sns .xs a:hover { opacity: 0.8;}




/**
 * - Buttons
 */
.buttons	{}
.buttons .btn	{ margin:0 0 8px;}

div.btn	{ display:block; text-align:center;}
div.btn a	{ position:relative; display:inline-block; padding:1.5em 3rem; min-width:270px; width:100%; font-size:1.8rem; font-weight:700; text-decoration:none; letter-spacing:0.05em; color:#fff; background-color:#21337A;}
div.btn a:hover	{ color:#fff; background-color:#30C6FF;}
div.btn a:before	{ position:absolute; top:calc(50% - 5px); right:14px; content:''; width:10px; height:10px; border:solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}


/* outbound icon button */
.btn.outbound a:before	{ position:absolute; top:5px; right:7px; content:''; width:10px; height:8px; border:1px solid #000;}
.btn.outbound a:after	{ position:absolute; top:9px; right:11px; content:''; width:8px; height:6px; border:solid #000; border-width:0 0 1px 1px;}
.btn.outbound a:hover:before,
.btn.outbound a:hover:after	{ border-color:#fff;}




/* **************************************************************************** */
/*
/* 6.0 layout
/*
/* **************************************************************************** */

body{
	text-align:center;
	color:#4d4d4d;
	background-color:#fff;
	background-size:cover;
}
#wrapper 	{}

.ss		{ display:block;}	/* .ss < 420px		*/
.mm		{ display:none;}	/* .mm < 1024px		*/
.ll		{ display:none;}	/* .ll >= 1024px	*/
.spn	{ display:block;}	/* .spn < 720px		*/
.pc		{ display:none;}	/* .pc >= 1024px	*/
.hide	{ display:none;}
.still	{ visibility:hidden; opacity:0;}
.check	{ position:fixed; z-index:9999;}
.skip-link	{ display:none; font-size:0;}
.screen-reader-text { font-size:0;}



/**
 * - 6.1 loading
 */

#loading { 
	position:fixed; top:0; left:0; z-index:9999;
	width:100%; height:100%; 
	background-color:#87CDF7;
}
#loading span {
	display:block;
	position:absolute; top:50%; left:50%; margin: 0 0 0 -25px;
	width:50px; height:50px; background:url(../img/Rolling.svg) no-repeat center center / 50px;
}
#loading.loaded	{ animation:loading 0.6s ease-in-out 0s 1 normal forwards;}
@keyframes loading {
    0% { background-color:rgba(228,228,228,1);}
  100% { background-color:rgba(228,228,228,0);}
}





/**
 * - 6.2 Header Include
 */




/**
 * - 6.3 footer Include
 */

#footerwrap 	{}
.site-footer	{ padding:40px 8% 110px; text-align:left; background-color:#E6F2F7;}
#copyright p	{ margin:0; padding:0; font-family:'Roboto',sans-serif; font-size:1.1rem; line-height:1.5; letter-spacing:0; color:#004099;}
#copyright .recaptcha	{ margin:0 0 0.8rem; color:rgba(0,0,0,.25);}
#copyright .recaptcha a	{ color:rgba(0,0,0,.25);}
.grecaptcha-badge { visibility:hidden;}

#footerwrap .blocks	{ margin:0 auto; padding:6rem 0; max-width:1212px;}
.footer-address	{ padding:0 10% 4rem; text-align:left;}
.footer-address .site-title	{ margin:0 0 4rem;}
.footer-address .site-title img	{ max-width:320px;}
.footer-address p,
.footer-address address	{ margin-bottom:0.5em; font-size:1.5rem; line-height:1.6; color:#004099;}
.footer-address a[href^="mailto:"],
.footer-address a[href^="tel:"]	{ color:#004099;}

.footer-sns	{ padding:0 8%; text-align:center; font-size:1.3rem;}
.footer-sns ul	{ display:inline-block;}
.footer-sns li	{ margin:0 0 1rem; text-align:left;}
.footer-sns a	{ position:relative; display:inline-block; padding:10px 0 10px 36px; color:#000; background-repeat:no-repeat; background-position:left top; background-size:32px;}
.footer-sns a:hover	{ color:#30C6FF; opacity: 0.8;}
.footer-sns .fb a	{ background-image:url(../img/common/icon-fb.svg);}
.footer-sns .xs a	{ background-image:url(../img/common/icon-xs.svg);}
.footer-sns .ln a	{ background-image:url(../img/common/icon-ln.svg);}
.footer-sns .yt a	{ background-image:url(../img/common/icon-yt.svg);}
.footer-sns .ig a	{ background-image:url(../img/common/icon-ig.png);}
.footer-sns .tk a	{ background-image:url(../img/common/icon-tk.png);}

.static-buttons	{
	position:fixed; bottom:0; right:0; z-index:9; width:100%; transform:translate(0,100px);
	display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;
	animation:request_show 0.8s ease-out 1s 1 normal forwards;
}
.static-buttons a	{ 
	display:flex; flex-flow:row wrap; justify-content:center; align-items:center;
	padding:8px 0; width:50%;
	font-size:1.6rem; font-weight:700; line-height:1; letter-spacing:0.15em;
	color:#004098; background-color:#FFF005;
}
.static-buttons a span	{ position:relative; display:inline-block; padding:0 20px 0 10px;}
.static-buttons a span:before	{ position:absolute; top:0; right:0; content:''; width:14px; height:14px;  background:url(../img/course/quest/request-arrow.svg) no-repeat center right / 14px auto;}
.static-buttons a img	{ width:44px;}
.static-buttons a:hover	{ background-color:#ffd205;}
.static-buttons a.request	{ border:solid #fff; border-width:0 1px 0 0;}
.static-buttons a.kobetsu	{}

@keyframes request_show	{
	0%	{ transform:translate(0,100px); opacity:1;}
	100%{ transform:translate(0,0); opacity:1;}
}

/**
 * - 6.4 container Include
 * #container > article > .content
 * 	.page-header
 * 	.page-title	
 * 	.page-content
 * 
 * #container > section > .content
 * 	.section-header	{}
 * 	.section-title	{}
 * 	.section-content{}
 * 
 */

#container	{}
article		{}




/**
 * - 6.5 Column Layout
 */

.column	{ margin-left:auto; margin-right:auto; margin-bottom:5rem; padding:24px 5%;}
.column h1:first-child, .column h2:first-child, .column h3:first-child, .column h4:first-child, .column h5:first-child, .column h6:first-child	{ margin-top:0 !important;}
.column p:last-child	{ margin-bottom:0;}

.borderwrap { border:1px solid #3F7DFD; 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;}

.filledwrap { background-color:#E6EEFF; border-radius:5px;}
	.filledwrap h1:first-child,
	.filledwrap h2:first-child,
	.filledwrap h3:first-child,
	.filledwrap h4:first-child,
	.filledwrap h5:first-child,
	.filledwrap h6:first-child { margin-top:0 !important;}

.borderwrap .content,
.filledwrap .content	{}



/**
 * - 6.6 block Layout
 */

.blocks	{}
	.blocks > div	{}
	.block-child25	{ width:50%;}
	.block-child50	{}
	.block-child75	{}
	.block-child33	{}
	.block-child66	{}


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


.blocks .content	{}
.blocks .content p:last-child	{ margin-bottom:0;}


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

.block-gallery	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.block-gallery.block-2 > div, .block-gallery.block-2 > li,
.block-gallery.block-4 > div, .block-gallery.block-4 > li	{ padding:1px; width:50%;}
.block-gallery.block-3 > div, .block-gallery.block-3 > li	{ padding:1px; width:calc(100% / 3);}



/**
 * - 6.7 wp-block
 */

/* Gallery */
.wp-block-gallery{ margin:0; padding:0;}
	ul.blocks-gallery-grid	{ margin:0; padding:0;}
	ul.blocks-gallery-grid li { margin:0; padding:0;}
	ul.blocks-gallery-grid li:before { background:none; border:0;}

ul.wp-block-gallery	{}
ul.wp-block-gallery li	{ padding:0;}
ul.wp-block-gallery li:before	{ background:none; border:0;}


/* Youtube */
.wp-block-embed-youtube	{ margin:0;}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper	{
	position:relative;
	padding-top:56.25%;
	width:100%; height:0;
	overflow:hidden;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/* table */
.wp-block-table	{ margin:0;}

.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
	align-items:flex-start;
	flex-grow:unset;
}
@supports ((position: -webkit-sticky) or(position: sticky)) {
	.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
		align-items: flex-start;
	}
}






/* **************************************************************************** */
/*
/* 7.0 - clearfix
/*
/* **************************************************************************** */

.clearfix::after,
.content:after,
p:after { content:''; display:block; clear:both;}




/* **************************************************************************** */
/*
/* 8.0 - .page-content
/*
/* **************************************************************************** */


/**
 *  - #headerwrap
**/
.page-course-quest #headerwrap	{ position:relative; padding:120px 0% 320px; background:linear-gradient(0deg, #3E82BF, #3E82BF);}
.page-course-quest #headerwrap:before	{ 
	position:absolute; top:-270px; left:-250px; content:'';
	width:500px; height:530px;
	background:url(../img/course/quest/billboard-sun.webp) no-repeat center center / 500px auto;
}
.page-course-quest #headerwrap:after	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/billboard-cloud.png) no-repeat right -200px bottom -1px / 1000px auto;
}

.page-course-quest #branding	{ padding:0 8% 6rem;}
.page-course-quest #branding .site-title	{ 
	margin:0 auto; padding:0; font-size:1.1rem; text-align:center; max-width:400px;
}
.page-course-quest #branding .site-title a	{ 
	display:inline-block; vertical-align:middle; margin:0 6px 0 0; width:44px; height:44px;
}

.page-course-quest .site-header	{ position:relative; z-index:1;}
.page-course-quest .site-header p	{ position:relative; z-index:1; padding:6rem 0 2em; font-size:2.0rem; font-weight:400; line-height:3.0; color:#fff; text-shadow:7px 5px 3px rgba(0,0,0,.1);}
.page-course-quest .site-header p br	{ display:none;}
.page-course-quest .site-header p span	{ display:block;}
.page-course-quest .site-header p:before	{ 
	position:absolute; top:0; left:0; content:'';
	width:100%; height:30px;
	background:url(../img/course/quest/billboard-bird.svg) no-repeat center top -1px / 57px auto;
}
.site-header .banner	{ margin:0 auto; padding:0 8%;}
.site-header .banner img	{ width:100%; max-width:370px;}


.site-header .home-news-content	{ margin:0 auto; padding:4rem 8%; max-width:920px;}
.site-header .home-news-content ul	{
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
	margin:0; padding:0;
}
.site-header .home-news-content li	{ margin:0 0 3rem; padding:0; width:47%; text-align:left;}
.site-header .home-news-content figure	{ margin:0 0 1rem; overflow:hidden;}
.site-header .home-news-content figure img	{ transition:all 0.5s ease;}
.site-header .home-news-content .date	{ font-size:1.3rem; color:rgba(255,255,255,.6);}
.site-header .home-news-content .entry-title	{ margin:0; padding:0; font-size:1.4rem; line-height:1.6; text-shadow:0 0 0;}
.site-header .home-news-content .entry-title:before	{ width:0; height:0; background:none;}
.site-header .home-news-content a	{ color:#fff;}
.site-header .home-news-content a:hover	{ opacity:0.7;}
.site-header .home-news-content a:hover img	{ transform:scale(1.2);}
.site-header .home-news-content .btn-archive a	{ padding:1.6rem 3rem; max-width:270px; font-size:1.4rem; border-radius:50px;}
.site-header .home-news-title	{ margin:0 0 2rem; padding:1rem 0; text-align:left; font-size:1.6rem; color:#fff; border-bottom:1px solid #fff;}

.first	{ position:relative; padding:0 5% 30vh; background-color:#8AC3E2;}
.first:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/first-wave.svg) no-repeat center bottom -1px / 1080px auto;
}


/**
 *  - .graduate
**/
.graduate	{ position:relative; top:-140px; margin:0 auto; max-width:720px;}
.graduate .section-header	{ text-align:left;}
.graduate .section-title	{ display:inline-block; margin:0 0 1em; padding:0.8em 1em; font-size:2.1rem; color:#fff; background-color:#004098;}
.graduate .section-header p	{ padding:0 2.1rem; font-size:1.6rem;}
.graduate .section-content	{}
.graduate ul	{ margin:0; padding:0;}
.graduate li	{ 
	margin:0 0 16px; padding:10px 0; background-color:#fff; border-radius:55px; box-shadow:1px 2px 16px rgba(0,0,0,.05);
	display:flex; flex-flow:row wrap; justify-content:space-evenly; align-items:center;
}
.graduate li:before	{ background:none; border:0;}
.graduate li figure	{ margin:0 auto; width:88px;}
.graduate li p	{ margin:0; width:calc(80% - 88px); text-align:left; font-size:1.6rem; font-weight:700; line-height:1.4;}
.graduate li p strong	{ font-size:2.4rem;}


/**
 *  - .tanni
**/
.tanni	{ position:relative; margin:-80px auto 0; padding:0 0 8rem; max-width:920px;}
.tanni .section-header	{ text-align:left;}
.tanni .section-title	{ display:inline-block; padding:0.8em 1em; font-size:2.1rem; color:#fff; background-color:#004098;}
.tanni .section-header p	{ padding:0 2.1rem; font-size:1.6rem;}
.tanni .section-content	{}
.tanni ul	{ 
	margin:0; padding:0;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
}
.tanni li	{ margin:0 0 2rem; padding:20px 0 0; width:160px; height:160px; text-align:center; background-color:#fff; border-radius:50%; box-shadow:1px 2px 16px rgba(0,0,0,.05);}
.tanni li:before	{ background:none; border:0;}
.tanni li figure	{ margin:0 auto; width:88px;}
.tanni li p	{ font-size:1.6rem; font-weight:700; line-height:1.4;}


/**
 *  - .method
**/
.method	{ position:relative; margin:0 auto; padding:0; max-width:920px;}
.method .section-header	{ text-align:left;}
.method .section-title	{ display:inline-block; padding:0.8em 1em; font-size:2.1rem; color:#fff; background-color:#004098;}
.method .section-header p	{ padding:0 2.1rem; font-size:1.6rem;}
.method .section-content	{}
.method ul	{ margin:0; padding:0;}
.method li	{ position:relative; margin:0 0 44px; padding:0;}
.method li:before	{ background:none;}
.method li h3	{ margin:0 0 3px; padding:0.8em 0; text-align:center; font-size:1.6rem; color:#fff; background-color:#717171;}
.method li p	{ margin:0; padding:1em 2em; text-align:left; background-color:#fff; border:2px solid #717171;}
.method li:first-child:before	{ position:absolute; top:auto; bottom:-34px; left:auto; right:calc(50% - 12px); width:24px; height:24px; background:transparent url(../img/course/quest/method-plus.svg) no-repeat center / 24px;}


/**
 *  - .options
**/
.options	{ position:relative; padding:4rem 5% 1px; background:linear-gradient(0deg, #FEF6FA, #FDF6FA 20%, #A1C8EB);}
.options:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/options-wave.svg) no-repeat center bottom -1px / 1440px auto;
}

.options .section-header	{ padding:8rem 0 0; background:url(../img/course/quest/options-bird.svg) no-repeat center top / 176px auto;}
.options .section-title	{ margin:0 0 1em; text-align:center; font-size:2.1rem;}
.options .section-header p	{ padding:0 0rem; font-size:1.6rem;}
.options .section-content	{ position:relative; margin:0 auto; max-width:972px;}
.options .section-content .option	{ margin:0 0 4rem; padding:3rem 6%; text-align:left; background-color:#fff;}
.options .section-content p { margin:0;}

.options .section-content header	{ margin:0 0 2.0rem;}
.options .section-content header h3	{ margin:0 0 0.5em; font-size:1.8rem;}
.options .section-content header h3 small	{ display:block;}
.options .section-content header p	{ font-size:1.3rem; line-height:1; font-weight:700; color:#fff;}
.options .section-content header p span	{ display:inline-block; margin:0 5px 0 0; padding:0.8rem 0; width:118px; text-align:center; background-color:#717171;}
.options .section-content strong	{ font-weight:400; color:#DA3987;}
.options .section-content h4	{ margin:0 0 0.5em; font-size:1.4rem;}
.options .section-content h4 small	{ display:block; font-size:1.1rem;}
.options .section-content h4 .small	{ font-size:1.1rem;}

.options .renkei	{}
.options .renkei p.renkei	{ margin:0 0 1.6em;}
.options .renkei p.ikuei	{ margin:0 0 0.5em; font-size:1.1rem; line-height:1; border-top:1px solid #717171;}
.options .renkei p.ikuei span	{ display:inline-block; padding:0.4em 0.8rem; border:solid #717171; border-width:0 1px 1px 1px;}
.options .renkei .ikuei-content	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
.options .renkei .ikuei-content div	{ width:58%; font-size:1.2rem;}
.options .renkei .ikuei-content p		{ font-size:1.2rem;}
.options .renkei .ikuei-content figure	{ width:38%;}
.digitalfuture-qr	{ margin:0 0 1rem; text-align:center;}
.digitalfuture-qr figcaption	{ text-align:center; font-size:1.1rem;}
.digitalfuture-qr img	{ max-width:150px;}


.options .english	{}
.options .english .book	{ margin:0 0 1.6em;}
.options .english .book img	{ float:right; margin:0 0 0 4%; width:38%; max-width:140px;}
.options .english .comment	{ margin:0 0; font-size:1.1rem;}
.options .english .comment img	{ float:left; margin:0 4% 0 0; width:41%; max-width:150px;}
.options .english .shoukai	{ padding:1rem 0 0; font-size:1.1rem; border-top:1px solid #717171;}
.tsukamoto-qr	{ margin:0 0 1rem; text-align:center;}
.tsukamoto-qr figcaption	{ text-align:center; font-size:1.1rem;}
.tsukamoto-qr img	{ max-width:150px;}

.options .option-list	{ padding:0 0 6rem;}
.options .option-list ul	{ 
	margin:0; padding:0;
	display:flex; flex-flow:row wrap; justify-content:space-evenly; align-items:center;
}
.options .option-list li	{ 
	margin:0 0 16px; padding:0; width:100%;
	text-align:center; font-size:1.7rem; font-weight:700; background-color:#fff; 
	border-radius:100px; box-shadow:1px 2px 16px rgba(0,0,0,.05);
}
.options .option-list li:before	{ background:none; border:0;}
.options .option-list li a	{ position:relative; display:block; padding:14px 0; width:100%;}
.options .option-list li a:before	{ position:absolute; top:calc(50% - 4px); right:24px; content:''; width:0; height:0; border:solid transparent; border-width:4px 0 4px 7px; border-left-color:#004098;}

.options .options-gakugai	{ padding:0 0 6rem;}
.options .option-title span	{ display:inline-block; position:relative; padding:0 33px;}
.options .option-title span:before	{ position:absolute; top:50%; left:0; content:''; width:24px; height:0; border-top:1px solid #004098;}
.options .option-title span:after	{ position:absolute; top:50%; right:0; content:''; width:24px; height:0; border-top:1px solid #004098;}
.options .options-manabi	{}
.options .options-manabi ul	{}
.options .options-manabi li	{ 
	display:block; margin:0 auto 1.6rem; padding:14px 0;
	max-width:420px; text-align:center; font-size:1.7rem; color:#fff; background-color:#4585dd; 
	border-radius:55px; box-shadow:1px 2px 16px rgba(0,0,0,.05);
}
.options .options-manabi li:before	{ background:none;}

.options .options-gakugai .btn	{ margin:1.6rem;}
.options .options-gakugai .btn a	{ max-width:420px;}


/**
 *  - .start
**/
.start	{ position:relative; padding:8rem 8% 8rem; background:linear-gradient(0deg, #6ABCD2, #CAE0F5);}
.start:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/start-wave.svg) no-repeat center bottom -1px / 1440px auto;
}

.start .section-header	{ padding:8rem 0 0; background:url(../img/course/quest/start-bird.svg) no-repeat center top / 138px auto;}
.start .section-title	{ text-align:center; font-size:2.4rem;}
.start .section-content	{ margin:0 auto; max-width:1212px; text-align:left;}
.start ul	{ margin:0 auto; padding:0; max-width:290px; text-align:center; }
.start li	{ margin:0 0 28px 0; padding:0.8em 0; font-size:1.6rem; font-weight:700; background-color:#fff; border-radius:20px; box-shadow:1px 2px 3px rgba(0,0,0,.3);}
.start li:before	{ top:auto; bottom:-22px; left:calc(50% - 7px); width:14px; height:14px; background:transparent url(../img/course/quest/start-arrow.svg) no-repeat center / auto 14px;}
.start li:last-child:before { width:0; height:0;}
.start li p	{ position:relative; display:inline-block; margin:0; line-height:1.5;}
.start li p small	{ font-size:1.3rem; font-weight:400;}
.start li p sup	{ position:absolute; top:1.0rem; right:-3em; font-size:1.1rem; font-weight:400;}

.start table	{ margin:0 auto 4rem; max-width:530px;}
.start table th	{ width:28%;}

.start .tenkou	{ margin:0 auto; padding:3rem 5%; max-width:884px; text-align:center; background-color:#fff; border-radius:20px;}
.start .tenkou h3	{ color:#DA3987;}
.btn-tengaku	{ padding:0 0 0.8rem;}
.btn-tengaku a	{ max-width:420px;}


/**
 *  - .matome
**/
.matome	{ position:relative; padding:8rem 5% 14rem; background:linear-gradient(0deg, #A2BCE2, #85CED7);}
.matome:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/earth.png) no-repeat center bottom -80px / 500px auto;
}
.matome .section-content	{ margin:0 auto; max-width:1212px;}

div.rinen	{ 
	position:relative;
	margin:0 0 10rem; padding:5rem 5% 1px; max-width:884px; text-align:left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:rgba(255,255,255,.5);
}
.rinen dl	{ margin:0; padding:0;}
.rinen dt	{ margin:0 0 1em; padding:0; font-size:2.1rem; font-weight:500; letter-spacing:0.1em;}
.rinen dd	{}
.rinen p.rinen	{ margin:0; font-size:1.6rem; line-height:2.5;}
.rinen ul	{ margin:0; font-size:1.5rem;}


/*  */
.faq	{ position:relative; margin:0 0 3rem; padding:1px 5% 4rem; text-align:left; background:#fff;}
.faq h3	{ 
	position:relative; margin:0 0 1em;
	text-align:center; color:#fff; font-size:2.1rem; font-weight:700; letter-spacing:0.1em; vertical-align:baseline;
}
.faq h3 span	{ position:relative; display:flex; justify-content:center; align-items:center; margin:-80px auto 0; width:160px; height:160px; background-color:#004098; border-radius:50%;}
.faq h3 b	{ font-size:2.8rem;}
.faq dl	{}
.faq dt	{ position:relative; padding:10px 0 10px 44px;}
.faq dt:before	{ 
	position:absolute; top:0; left:0; content:'Q'; 
	display:flex; justify-content:center; align-items:center;
	width:39px; height:39px; font-size:2.0rem; ling-height:1; color:#fff; background:#717171; border-radius:50%;
}
.faq dd	{ position:relative; margin-bottom:1.6em; padding:10px 0 10px 44px;}
.faq dd:before	{ 
	position:absolute; top:0; left:0; content:'A'; 
	display:flex; justify-content:center; align-items:center;
	width:39px; height:39px; font-size:2.0rem; font-weight:700; ling-height:1; color:#717171; border:1px solid #717171; border-radius:50%;
}
.faq dd strong	{ display:block; margin:0 0 1rem;}

/*  */
.soudan	{ position:relative; margin:0 0 4rem; padding:4rem 8%; text-align:left; background:#fff;}
.soudan h3	{ margin:0 0 1.6em; text-align:center; font-size:2.1rem;}

/* LINE */
.add-line	{ position:relative; z-index:3; margin-top:4rem; background-color:#07B53B;}
.add-line .content	{ padding:3rem 8%;}
.add-line .content p	{ margin:0 0 1.6rem; text-align:center;}
.add-line .content p img	{ width:100%; max-width:380px;}
.add-line .btn	{}
.add-line .btn a	{ padding:8px 0; max-width:192px; background-color:#fff;}
.add-line .btn a:before	{ border:0;}
.add-line .btn a:hover	{ background-color:#D9F3E1;}
.add-line .btn a span	{ display:block;}




/* **************************************************************************** */
/*
/* - page
/*
/* **************************************************************************** */

#headerwrap	{ position:relative; padding:20px 0% 20px; background:linear-gradient(0deg, #3E82BF, #3E82BF);}

#branding	{ position:relative; z-index:2; padding:0 15%;}
#branding .site-title	{ 
	margin:0 auto; padding:0; font-size:1.1rem; text-align:center; max-width:300px;
}
#branding .site-title a	{ display:inline-block;}

.page-course-quest .site-header	{ position:relative; z-index:1;}
.page-course-quest .site-header p	{ position:relative; z-index:1; padding:6rem 0 2em; font-size:2.0rem; font-weight:400; line-height:3.0; color:#fff; text-shadow:7px 5px 3px rgba(0,0,0,.1);}
.page-course-quest .site-header p br	{ display:none;}
.page-course-quest .site-header p span	{ display:block;}
.page-course-quest .site-header p:before	{ 
	position:absolute; top:0; left:0; content:'';
	width:100%; height:30px;
	background:url(../img/course/quest/billboard-bird.svg) no-repeat center top -1px / 57px auto;
}

.page-options #headerwrap	{ padding:20px 0% 60px;}
.page-options #headerwrap:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/option-wave.svg) no-repeat center bottom -1px / 1080px auto;
}
.page-options .options	{}
.page-options .options .section-content	{ padding:0 0 100px;}
.page-options .options .section-content section	{ margin-bottom:64px;}


.page-options .quest-option	{ box-shadow:0 4px 20px rgba(0,0,0,.05);}
.page-options .quest-option .section-header	{ margin:0; padding:0; background:#FFFCDF;}
.page-options .quest-option .section-title	{ 
	margin:0; padding:5rem 1rem; letter-spacing:0.1em; background-color:#ccc;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}
.page-options .quest-option .section-header .content	{ padding:2rem 1.6em; text-align:left;}
.page-options .quest-option .section-header .content p	{ margin:0; color:#000; font-size:1.4rem; font-weight:400; line-height:1.8; text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.page-options .quest-option .section-content	{ padding:0; text-align:left; background-color:#fff;}
.page-options .quest-option .section-content > div	{ padding:4rem 8% 2rem;}
.page-options .quest-option .section-content > figure	{ padding:1rem;}
.page-options .quest-option .section-content h3	{ font-size:1.4rem; letter-spacing:0.1em;}
.page-options .quest-option .section-content h4	{ margin:0 0 0.3em 1em; font-size:1.3rem; color:#000;}
.page-options .quest-option .section-content h4 span	{ display:inline-block; padding:0.1em 0.5em; background-color:#ccc;}
.page-options .quest-option .section-content p	{ margin:0 0 1.0em 1.0em; font-size:1.3rem;}
.page-options .quest-option .section-content ul	{ font-size:1.3rem;}
.page-options .quest-option .section-content dl	{ font-size:1.3rem;}
.page-options .quest-option .section-content dl	{ margin:0 0 0 1em;}
.page-options .quest-option .section-content dl dt	{ display:inline-block; float:left; margin:0;}
.page-options .quest-option .section-content dl dd	{ margin:0 0 0.8em; padding:0 0 0 4em;}


.page-options .option1 .section-title	{ background-color:#9FF391;}
.page-options .option2 .section-title	{ background-color:#93E0F1;}
.page-options .option3 .section-title	{ background-color:#F3B4CD;}

.page-options .option2 .section-content h4 span	{ background-color:#93E0F1;}

.page-options .option2 .ikueikan	{ text-align:center; background-color:#fff; border-top:1px dashed #93E0F1;}
.page-options .option2 .ikueikan .ikueikan-header	{ padding:1.6rem 1em; text-align:center; background-color:#FBF265;}
.page-options .option2 .ikueikan .ikueikan-header h2	{ margin:0; font-size:1.6rem; font-weight:400; color:#000;}
.page-options .option2 .ikueikan .ikueikan-header h2 em	{ font-weight:700; color:#E02020;}
.page-options .option2 .ikueikan .content	{ padding:3rem 5%;}
.page-options .option2 .ikueikan img	{ width:100%; max-width:400px;}
.page-options .option2 .ikueikan a:hover img	{ opacity:0.7;}

.page-options .option3 .english	{ text-align:center; background-color:#fff; border-top:1px dashed #F3B4CD;}
.page-options .option3 .english .english-header	{ padding:1.6rem 1em; text-align:center; background-color:#FBF265;}
.page-options .option3 .english .english-header h2	{ margin:0;font-size:1.6rem; font-weight:700; letter-spacing:0.1em;}
.page-options .option3 .english .english-header h2 em	{ font-weight:700; color:#E02020;}
.page-options .option3 .english .content	{ padding:3rem 5%; text-align:left;}
.page-options .option3 .english h4	{ font-size:1.3rem; color:#000;}
.page-options .option3 .english h4 span	{ display:inline-block; padding:0.1em 0.5em; background-color:#FBF265;}
.page-options .option3 .english p	{ margin:0 0 1.6em 0; font-size:1.3rem;}
.page-options .option3 .english a:hover img	{ opacity:0.7;}


/**
 * ページ内アンカーリンク
**/
.options .page-anchor	{ 
	margin:0 auto; padding:2.4rem; max-width:920px;
}
.options .page-anchor li	{ 
	margin:0 auto 16px; padding:0; max-width:270px;
	text-align:center; font-size:1.7rem; background-color:#fff; 
	border-radius:55px; box-shadow:1px 2px 16px rgba(0,0,0,.05);
}
.options .page-anchor li:before	{ background:none; border:0;}
.options .page-anchor li a	{ position:relative; display:block; padding:14px 0; width:100%;}
.options .page-anchor li a:before	{ position:absolute; top:calc(50% - 4px); right:24px; content:''; width:0; height:0; border:solid transparent; border-width:7px 4px 0 4px; border-top-color:#004098;}



/**
 * 学外学修制度とは
**/
.page-gakugai-gakushu #headerwrap	{ padding:20px 0% 60px;}
.page-gakugai-gakushu #headerwrap:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/option-wave.svg) no-repeat center bottom -1px / 1080px auto;
}
.page-gakugai-gakushu .options	{}
.page-gakugai-gakushu .options .section-content	{}
.page-gakugai-gakushu .options .section-content section	{ margin-bottom:64px;}
.quest-gakugai	{ box-shadow:0 4px 20px rgba(0,0,0,.05);}
.quest-gakugai .section-header	{ margin:0; padding:0 0 1px; background:#fff;}
.quest-gakugai .section-title	{ 
	margin:0; padding:5rem 1rem; letter-spacing:0.1em; background-color:#ccc;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}
.quest-gakugai .section-header .content	{ padding:2rem 1.6em; text-align:left;}
.quest-gakugai .section-header .content p	{ margin:0; color:#000; font-size:1.4rem; font-weight:400; line-height:1.8; text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.quest-gakugai .section-content	{ padding:4rem 8% 2rem; text-align:left; background-color:#fff;}

.gakugai-challenge	{}
.gakugai-challenge dl	{}
.gakugai-challenge dt	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.gakugai-challenge dt span	{ display:inline-block; width:calc(100% - 55px);}
.gakugai-challenge dt .num	{ display:inline-block; padding:0.25em 0 0; width:40px; height:40px; text-align:center; font-size:2.0rem; background-color:#93E0F1;}
.gakugai-challenge dd	{ margin:0 0 2em; line-height:2.0;}

.gakugai-taishou .section-title	{ background-color:#93E0F1;}
.gakugai-taishou ul	{ margin:0; padding:0 0 4rem; border-top:1px solid rgba(0,0,0,.2);}
.gakugai-taishou li	{ margin:0; padding:0.8em 0; border-bottom:1px solid rgba(0,0,0,.2);}
.gakugai-taishou li:before	{ background:none;}



/**
 * 転入学
**/
.page-tengaku #headerwrap	{ padding:20px 0% 60px;}
.page-tengaku #headerwrap:before	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/option-wave.svg) no-repeat center bottom -1px / 1080px auto;
}
.page-tengaku .options	{}
.page-tengaku .options .section-content	{}
.page-tengaku .options .section-content section	{ margin-bottom:64px;}
.quest-tengaku	{ box-shadow:0 4px 20px rgba(0,0,0,.05);}
.quest-tengaku .section-header	{ margin:0 !important; padding:0 0 1px; background:#fff;}
.quest-tengaku .section-title	{ 
	margin:0; padding:5rem 1rem; letter-spacing:0.1em; background-color:#9FF391;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}
.quest-tengaku .section-header .content	{ padding:2rem 1.6em; text-align:left;}
.quest-tengaku .section-header .content p	{ margin:0; color:#000; font-size:1.4rem; font-weight:400; line-height:1.8; text-shadow:1px 1px 2px rgba(0,0,0,.2);}
.quest-tengaku .section-content	{ padding:4rem 8% 2rem; text-align:left; background-color:#fff;}

.tengaku-recommend	{ padding:6rem 0 0;}
.tengaku-recommend h3 span	{ display:inline-block; position:relative; padding:0 33px; color:#004098;}
.tengaku-recommend h3 span:before	{ position:absolute; top:50%; left:0; content:''; width:24px; height:0; border-top:1px solid #004098;}
.tengaku-recommend h3 span:after	{ position:absolute; top:50%; right:0; content:''; width:24px; height:0; border-top:1px solid #004098;}

.tengaku-flow ul	{ margin:0;}
.tengaku-flow li	{ margin:0 0 4rem;}
.tengaku-flow li:before	{ top:-24px; left:22px; content:'↓'; background:none;}
.tengaku-flow li:first-child:before	{ content:'';}
.tengaku-flow h4	{ position:relative; padding:1.1rem 0 1.1rem 50px;}
.tengaku-flow h4 span	{ position:absolute; top:0; left:0; display:inline-block; width:calc(100% - 55px);}
.tengaku-flow h4 .num	{ display:inline-block; padding:0.25em 0 0; width:40px; height:40px; text-align:center; font-size:2.0rem; background-color:#9FF391;}


.tengaku-entry	{}
.tengaku-entry h4	{ padding:0.8em 1em; border:1px solid #70cb61; border-radius:4px;}
.tengaku-entry ul	{ padding:1rem 0;}

.tengaku-voice .section-content	{ padding:4rem 8% 4rem;}
.tengaku-voice h4 span	{ display:inline-block; padding:0.8em 1em; color:#fff; background-color:#70cb61; border-radius:10px 10px 10px 0;}
.tengaku-voice p	{ padding:1.6em 1em; background-color:#d7f7d2; border-radius:0 10px 10px 10px;}
.tengaku-soudan h4	{ font-size:2.0rem !important; color:#DA3987;}
.tengaku-soudan .btn	{ padding:3rem 0;}
.tengaku-soudan .btn a,
.btn-tengaku a	{ max-width:420px;}




/**
 *
**/ 
.archive .container	{ position:relative; background:linear-gradient(0deg, #3E82BF, #3E82BF);}
.archive .container:after	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/billboard-cloud.png) no-repeat center bottom -200px / 1080px auto;
}
.archive article	{ position:relative; z-index:1;}
.archive-header		{ margin:0 auto; padding:4rem 8% 0; max-width:920px;}
.archive-title	{ margin:0 0 2rem; padding:1rem 0; text-align:left; font-size:1.6rem; color:#fff; border-bottom:1px solid #fff;}
.archive-content	{ margin:0 auto; padding:4rem 8% 6rem; max-width:920px;}
.archive-content ul	{
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
	margin:0; padding:0;
}
.archive-content li	{ margin:0 0 3rem; padding:0; width:47%; text-align:left;}
.archive-content li:before	{ background:none; border:0;}
.archive-content figure	{ margin:0 0 1rem; overflow:hidden;}
.archive-content figure img	{ transition:all 0.5s ease;}
.archive-content .date	{ font-size:1.3rem; color:rgba(255,255,255,.6);}
.archive-content .entry-title	{ margin:0; padding:0; font-size:1.4rem; line-height:1.6; text-shadow:0 0 0;}
.archive-content .entry-title:before	{ width:0; height:0; background:none;}
.archive-content a	{ color:#fff;}
.archive-content a:hover	{ opacity:0.7;}
.archive-content a:hover img	{ transform:scale(1.2);}
.archive-content .btn-archive a	{ padding:1.6rem 3rem; max-width:270px; font-size:1.4rem; border-radius:50px;}


/**
 *
**/ 
.wp-pagenavi	{ margin:0 auto; padding:4rem 0; text-align:center; font-size:0; line-height:1;}
.wp-pagenavi a, .wp-pagenavi span { 
	display:inline-block; vertical-align:top;
	margin:2px; padding:1em 0.5em 1.1em !important; width:42px;
	text-align:center; font-size:1.3rem; text-decoration: none;
	color:#fff;
	font-weight:normal;
	background:rgba(255,255,255,.2); border:0 !important; border-radius:50px; box-sizing:border-box;
}
.wp-pagenavi a:visited	{ color:#fff;}
.wp-pagenavi a:hover,
.wp-pagenavi a:active	{ color:#fff;}
.wp-pagenavi a:hover	{ background:#70CFEA; opacity:1;}

.wp-pagenavi a.previouspostslink	{}
.wp-pagenavi a.nextpostslink	{}
.wp-pagenavi a.first	{ width:4em; font-size:12px;}
.wp-pagenavi a.last		{  min-width:4em; font-size:1.3rem; width:auto;}

.wp-pagenavi span.pages	{ min-width:4em; font-size:1.3rem; width:auto;}
.wp-pagenavi span.current {
	color:#3E82BF;
	background:#fff;
}
.wp-pagenavi span.extend {}


/**
 *
**/ 
.single .container	{ position:relative; background:linear-gradient(0deg, #3E82BF, #3E82BF);}
.single .container:after	{ 
	position:absolute; bottom:0; left:0; content:'';
	width:100%; height:100%;
	background:url(../img/course/quest/billboard-cloud.png) no-repeat center bottom -200px / 1080px auto;
}
.single section.single	{ position:relative; z-index:1;}
.single-header		{ margin:0 auto; padding:4rem 5% 0; max-width:920px;}
.single-title	{ margin:0; padding:1rem 0; text-align:left; font-size:1.6rem; color:#fff; border-bottom:1px solid #fff;}
.single-content	{ margin:0 auto; padding:4rem 5% 6rem; max-width:920px;}
.single-content article	{ margin:0 auto; padding:4rem 8% 6rem; max-width:920px; text-align:left; background-color:#fff;}


.single-content	.entry-header	{ padding:0 0 20px;}
.single-content	.entry-title	{ margin:0 0 0.5em; padding:0; font-size:2.1rem;}
.single-content	.entry-header .post-date	{ margin:0; font-size:1.3rem; color:#555;}
.single-content	.entry-header .terms{ padding:1em 0;}
.single-content	.entry-content	{}

.entry-content a	{ 
	color:#3E82BF;/* #8F003F;*/ 
	text-decoration-color:#3E82BF;
	text-decoration-line:underline;
	text-decoration-thickness:1px;
}
.entry-content a:hover	{ color:#70CFEA; text-decoration-color:#70CFEA;}


/**
 *
**/ 
.entry-footer	{ padding:28px 0 28px; border-top:1px solid #3E82BF;}
.entry-footer .sns	{ text-align: center;}
.entry-footer h5	{ font-weight:400;}
.entry-footer h5 span	{ position:relative; display:inline-block; padding:8px 1em 4px;}


/**
 *
**/ 
.post-nav	{ border-top:1px solid #3E82BF;}
.nextprev-nav	{ display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; padding:14px 0;}
.nextprev-nav .prev,
.nextprev-nav .next	{ width:50%; line-height:1.5;}
.nextprev-nav .prev	{ padding:0 16px 0 0; border-right:1px dashed #3E82BF;}
.nextprev-nav .next	{ padding:0 0 0 16px;}
.nextprev-nav .prev a,
.nextprev-nav .next a	{ display:block; padding:1em 0;}
.nextprev-nav .meta-nav	{ display:block; margin-bottom:4px; font-size:1.3rem; color:#3E82BF;}
.nextprev-nav .next .meta-nav	{ text-align:right;}
.nav-archive { text-align:center;}
.nav-archive a	{ 
	position:relative; display:block; margin:0 auto; padding:1.5rem 1em; width:80%; max-width:300px;
	text-align:center; font-size:1.2rem; color:#fff !important;
	background-color:#3E82BF; border-radius:50px;
}
.nav-archive a:before	{ position:absolute; top:calc(50% - 8px); left:20px; content:''; width:16px; height:16px; background:url(../img/common/icon-archive-list.svg) no-repeat center center /16px auto;}
.nav-archive a:hover	{ background-color:#009BC7;}




/* **************************************************************************** */
/*
/* 12.0 - Animation Class
/*
/* **************************************************************************** */

.titleswipe.show b		{ animation:titleswipe 0.8s ease-out 0s 1 normal forwards;}
.titleswipe.show b:before	{ animation:showtitle_animation 0.6s ease-in-out 0s 1 normal forwards;}

.alphain.show		{ animation:alphain 1.0s linear 0s 1 normal forwards;}
.image_on_text.show		{ animation:image_on_text 0.5s linear 0s 1 normal forwards;}

.translatey	{ opacity:0;}
.translatey.show	{ animation:translatey 0.5s ease-out 0s 1 normal forwards;}
.translatel.show	{ animation:translatel 0.8s ease-out 0s 1 normal forwards;}
.translater.show	{ animation:translater 0.8s ease-out 0s 1 normal forwards;}

.rotatein.show img	{ animation:rotatein 1.6s ease-in-out 0s 1 normal none;}

.zoomin.show	{ animation:zoomin  1.0s ease-out 0s 1 normal forwards;}
.zoomout.show	{ animation:zoomout 1.0s ease-out 0s 1 normal forwards;}

.pullin-l		{ transform-origin:left center; transition:all .9s ease; transform:perspective(150px) rotateY(10deg); opacity:0;}
.pullin-l.show	{ transform:perspective(0px) rotateY(0deg); opacity:1;}
.pullin-r		{ transform-origin:right center; transition:all .9s ease; transform:perspective(150px) rotateY(-10deg); opacity:0;}
.pullin-r.show	{ transform:perspective(0px) rotateY(0deg); opacity:1;}


@keyframes titleswipe	{
	0%	{ transform:translateX(-30px);}
	100%{ transform:translateX(0);}
}
@keyframes image_on_text	{
	0%	{ color:transparent;}
	100%{ color:#fff;}
}
@keyframes alphain	{
	0%	{ opacity:0;}
	100%{ opacity:1;}
}
@keyframes translatey	{
	0%	{ transform:translateY(40px); opacity:0;}
	100%{ transform:translateY(0); opacity:1;}
}
@keyframes translatel	{
	0%	{ transform:translateX(-40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@keyframes translater	{
	0%	{ transform:translateX(40px); opacity:0;}
	100%{ transform:translateX(0); opacity:1;}
}
@keyframes zoomin	{
	0%	{ transform:scale(0.8,0.8); opacity:0;}
	100%	{ transform:scale(1.0,1.0); opacity:1;}
}
@keyframes zoomout	{
	0%	{ transform:scale(1.2,1.2); opacity:0;}
	100%	{ transform:scale(1.0,1.0); opacity:1;}
}
@keyframes rotatein	{
	0%	{ transform:scale(1.2,1.2) rotate(0deg); opacity:0;}
	100%	{ transform:scale(1.0,1.0) rotate(0deg); opacity:1;}
}




/* **************************************************************************** */
/*
/* 13.0 - Media Queries
/*
/* **************************************************************************** */

@-ms-viewport 	{ width: device-width;}
@viewport 		{ width: device-width;}


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

	.ss		{ display:none;}
	.ll		{ display:none;}
	.mm		{ display:block;}
	.spn	{ display:none;}
	.pc		{ display:block;}

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



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

	/**
	 *  - block layout 	
	**/
	.block-2,
	.block-2-1,
	.block-1-2	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin:0 auto 5rem;}

	.blocks .content,
	.block-2 .content,
	.block-2-1 .content,
	.block-1-2 .content,
	.block-3 .content,
	.block-4 .content,
	.block-5 .content	{}

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

	.block-2-1 > div:nth-child(1)	{ width:66%;}
	.block-2-1 > div:nth-child(2)	{ width:30%;}
	.block-2-1.reverse	{ flex-flow:row-reverse wrap;}

	.block-1-2 > div:nth-child(1)	{ width:30%;}
	.block-1-2 > div:nth-child(2)	{ width:66%;}
	.block-1-2.reverse	{ flex-flow:row-reverse wrap;}


	.block-gallery	{ margin-bottom:0;}
	.block-gallery.block-3 > div, .block-gallery.block-3 > li	{ width:calc( 100% / 3); padding:1px;}
	.block-gallery.block-4 > div, .block-gallery.block-4 > li	{ width:25%; padding:1px;}


	/**
	**  - #headerwrap
	**/
	.page-course-quest #headerwrap	{ padding:20vh 0% 260px;}
	.page-course-quest #headerwrap:after	{ 
		background-position:center bottom -1px;
		background-size:1280px auto;
	}
	.footer-address	{ padding:0 8%;}
	.footer-sns	{ padding:110px 1% 0;}
	.footer-sns ul	{ display:block;}


	.site-header .home-news-content	{ padding:4rem 8% 6rem;}
	.site-header .home-news-content ul	{ justify-content:flex-start;}
	.site-header .home-news-content li	{ margin:0 1% 3rem; width:23%;}
	.first	{ padding:0 5% 250px;}

	/**
	**  - .graduate	
	**/	
	.graduate	{ top:-40px; margin:0 auto 4rem;}
	.graduate ul	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.graduate li	{ display:block; padding:30px 0 0; width:210px; height:210px; text-align:center; border-radius:50%;}
	.graduate li p	{ width:100%; text-align:center;}


	/**
	**  - .tanni		
	**/	
	.tanni	{ margin:0 auto;}


	/**
	**  - .method
	**/
	.method	{ margin:0 auto; max-width:915px;}
	.method .section-content	{}
	.method ul	{ position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.method ul:before	{ position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); content:''; width:24px; height:24px; background:transparent url(../img/course/quest/method-plus.svg) no-repeat center / 24px;}
	.method li	{ position:relative; margin:0; padding:0; width:46%;}
	.method li p	{ padding:1em 1em;}
	.method li:first-child:before	{ width:0;}


	/**
	**  - .options	
	**/
	.options .toukou header	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	.options .section-content .toukou header h3	{ margin:0 16px 0 0;}
	.options .section-content .toukou header p	{ margin:0;}
	.options .renkei .ikuei-content div	{ width:70%;}
	.options .renkei .ikuei-content figure	{ width:20%;}
	.options .section-content header h3	{ margin:0 0 0.5em; font-size:2.4rem;}
	.options .section-content header h3 small	{ font-size:1.6rem;}
	.options .option-list li	{ width:30%; font-size:1.5rem;}
	.options .option-list li a	{ padding:26px 0;}
	.options .option-list li a:before	{ top:auto; bottom:12px; right:calc(50% - 3px);}


	/**
 	*  - .start
	**/
	.start ul	{ max-width:420px;}

	/**
	 *  - .matome
	**/
	div.rinen	{ margin:0 5% 10rem;}
	.rinen p.rinen	{ margin:0; font-size:1.9rem; line-height:2.5;}
	.rinen p.rinen span br { display:none;}


	/**
	 *  - .page-options
	**/
	.page-options .quest-option .section-header	{ 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;
	}
	.page-options .quest-option .section-title	{ 
		width:40%; font-size:1.6rem; padding:4rem 1rem 5rem;
		position:relative; top:-1rem;
	}
	.page-options .quest-option .section-header .content	{ width:60%;}
	.page-options .quest-option .section-content	{ 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
		padding:2rem 0 0;
	}
	.page-options .quest-option .section-content > div	{ padding:2rem 4% 2rem; width:50%;}
	.page-options .quest-option .section-content > figure	{ padding:0; width:50%;}
	.page-options .quest-option .section-content > figure img	{ height:100%; object-fit:cover;}
	
	.page-options .option2 .ikueikan .ikueikan-header h2 br	{ display:none;}
	
	.page-options .option3 .section-content > div	{ padding:2rem 4% 2rem; width:60%;}
	.page-options .option3 .section-content > figure	{ padding:0; width:40%;}
	.page-options .option3 .english .content	{ 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;
	}
	.page-options .option3 .english .content > div	{ padding:0 5% 0 0; width:60%;}
	.page-options .option3 .english .content > figure	{ width:40%;}


	/**
	 *  - 学外学修制度／転入学
	**/
	.page-gakugai-gakushu .options,
	.page-tengaku .options	{ padding:4rem 12% 1px;}




	/**
	 *  - archive / single
	**/
	.archive-title	{ margin:0; font-size:1.8rem;}
	.archive-content ul	{ justify-content:flex-start;}
	.archive-content li	{ margin:0 1% 3rem; width:23%;}
	.single-title	{ margin:0; font-size:1.8rem;}


}



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

	body,
	button,
	input,
	select,
	textarea { font-size: 1.4rem;}

	.ss		{ display:none;}
	.mm		{ display:none;}
	.ll		{ display:block;}
	.spn	{ display:none;}
	.pc		{ display:block;}

	/**
	 *  - Typography 	**/
	h1	{ font-size:3rem;}
	h2	{ font-size:2.6rem;}
	h3	{ font-size:2rem;}
	h4	{ font-size:1.6rem;}
	h5	{ font-size:1.5rem;}
	h6	{ font-size:1.4rem;}


	/**
	**  - navigation 		**/

	.static-buttons	{
		top:50%; bottom:auto; left:auto; right:0; width:80px; transform:translate(100px,-50%);
		display:flex; flex-flow:column wrap; justify-content:center; align-items:stretch;
		animation:request_show 0.8s ease-out 1s 1 normal forwards;
	}
	.static-buttons a	{ 
		display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch;
		padding:8px 0; width:auto;
		font-size:1.6rem; font-weight:700; line-height:1; letter-spacing:0.15em;
		color:#004098; background-color:#FFF005;
	}
	.static-buttons a span	{ padding:10px 10px 20px; writing-mode:vertical-rl;}
	.static-buttons a span:before	{ position:absolute; top:auto; bottom:0; right:10px; content:''; width:14px; height:14px;  background:url(../img/course/quest/request-arrow.svg) no-repeat center right / 14px auto;}
	.static-buttons a img	{ width:58px;}
	.static-buttons a:hover	{ background-color:#ffd205;}
	.static-buttons a.request	{ margin:0 0 1px; border-width:0;}
	.static-buttons a.kobetsu	{ padding:24px 0 34px;}

	@keyframes request_show	{
		0%	{ transform:translate(100px,-50%); opacity:1;}
		100%{ transform:translate(0,-50%); opacity:1;}
	}


	/**  column  **/
	
	.col2	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
	.col2 > div	{ width:50%;}

	.col3	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
	.col3 > div	{ width:calc( 100% / 3 );}

	.col4	{ display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
	.col4 > div	{ width:25%;}


	/**
	 *  - #headerwrap
	**/
	.page-course-quest #headerwrap	{ padding:20vh 0% 300px;}
	.page-course-quest #headerwrap:before	{ top:-380px; left:-300px;width:720px; height:740px; background-size:720px auto;}
	.page-course-quest .site-header p br	{ display:block;}
	.page-course-quest .site-header p span	{ display:block;}
	.site-header .home-news-content li	{ margin:0 2% 3rem; width:21%;}

	.first	{ padding:0 10% 320px;}
	.first:before	{ background-size:1440px auto;}


	/**
	*  - .graduate	**/	
	.graduate	{ top:-80px; margin:0 auto 0rem;}
	.graduate .section-header	{
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;
	}
	.graduate .section-content	{ padding:0 5%;}
	.graduate li	{ padding:38px 0 0; width:226px; height:226px;}

	/**
	**  - .tanni		
	**/	
	.tanni	{ margin:0 auto;}
	.tanni .section-header	{
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;
	}
	.tanni li	{ width:180px; height:180px;}

	/**
	**  - .method
	**/
	.method .section-header	{
		display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;
	}


	/**
	 *  - .options
	**/
	.options .section-title	{ font-size:2.4rem;}
	.options .section-header p	{ padding:0 0rem; font-size:1.6rem;}
	.options .blocks { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.options .blocks > div	{ width:48%;}
	.options .section-content .option	{ margin:0 0 4rem; padding:3rem 3%;}
	.options .section-content h4	{ font-size:1.5rem;}
	.options .section-content h4 small	{ display:block; font-size:1.3rem;}
	.options .section-content h4 .small	{ font-size:1.3rem;}
	.options .renkei .ikuei-content div	{ width:50%;}
	.options .renkei .ikuei-content figure	{ width:45%;}
	.options .renkei .ikuei-content p		{ font-size:1.3rem;}


	/**
	 *  - .start
	**/
	.start .section-title	{ font-size:2.4rem;}
	.start ul	{ margin:0 auto; padding:0; max-width:100%;
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;
	}
	.start li	{ 
		display:flex; justify-content:center; align-items:center;
		margin:0 0 20px 0; padding:0.8em 0; width:148px; height:148px; font-size:1.4rem; border-radius:50%;
	}
	.start li:before	{ top:auto; bottom:calc(50% - 7px); left:auto; right:-26px; transform:rotate(-90deg);}
	.start li p small	{ font-size:1.2rem;}
	.start li p sup	{ top:-12px; right:calc(50% - 24px);}
	.start .section-content > p	{ text-align:center;}


	/**
	 *  - .matome
	**/
	.matome	{ position:relative; padding:8rem 8% 14rem;}
	.matome:before	{ 
		position:absolute; bottom:0; left:0; content:'';
		background-position:center bottom -120px; background-size:1000px auto;
	}
	
	div.rinen	{ margin:0 auto 14rem; padding:5rem 8% 1px;}
	.rinen dt	{ 
		display:inline-block; float:left;
		margin:5px 0 1em; font-size:2.1rem; font-weight:500; letter-spacing:0.1em;
	}
	.rinen dd	{ position:relative; padding:0 0 0 14em;}
	.rinen dd:before{ position:absolute; top:18px; left:11em; content:''; width:30px; height:0; border-top:1px solid #4d4d4d;}
	.rinen p.rinen	{ font-size:1.8rem; letter-spacing:0.05em;}
	.rinen p.rinen span	{ display:inline-block; text-indent:3em;}
	.rinen ul	{ padding:11px 0; font-size:1.5rem;}


	.site-footer	{ padding:40px 8% 40px;}


	/**
	 *  - .page-options
	**/
	.page-options #headerwrap,
	.page-gakugai-gakushu #headerwrap,
	.page-tengaku #headerwrap	{ padding:20px 0% 80px;}
	.page-options #headerwrap:before,
	.page-gakugai-gakushu #headerwrap:before,
	.page-tengaku #headerwrap:before	{ 
		background-size:1280px auto;
	}

	.page-options .quest-option .section-title	{ font-size:2.3rem; padding:5rem 1rem 6rem;}
	.page-options .quest-option .section-header .content	{ padding:2rem 2.6em;}
	.page-options .quest-option .section-header .content p	{ font-size:1.6rem;}
	.page-options .quest-option .section-content	{ align-items:center; padding:3rem 0 0;}
	.page-options .quest-option .section-content h3	{ font-size:1.7rem;}
	.page-options .quest-option .section-content h4	{ font-size:1.4rem;}
	.page-options .quest-option .section-content p	{ font-size:1.4rem;}
	.page-options .quest-option .section-content ul	{ font-size:1.4rem;}
	.page-options .quest-option .section-content ul li:before	{ top:0.5em;}
	.page-options .quest-option .section-content dl	{ font-size:1.4rem;}
	.page-options .option3 .section-content > figure	{ padding:0 4rem 2rem;}
	.page-options .option3 .english h4	{ font-size:1.4rem;}
	.page-options .option3 .english p	{ font-size:1.4rem;}

	.options .page-anchor	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
	.options .page-anchor li	{ width:24%;}

	.gakugai-challenge dt	{ font-size:1.7rem;}


	/**
	 *  - archive / single
	**/
	.archive .container:after	{ background-position:center bottom -300px; background-size:1300px auto;}
	.archive-header	{ padding:4rem 4% 0;}
	.archive-title	{ font-size:2.0rem;}
	.archive-content	{ padding:4rem 4% 6rem;}
	.archive-content li	{ margin:0 2% 3rem; width:21%;}

	.single .container:after	{ background-position:center bottom -300px; background-size:1300px auto;}
	.single-header	{ padding:4rem 4% 0;}
	.single-title	{ font-size:2.0rem;}
	.single-content	{ padding:4rem 4% 6rem;}



}



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

	.page-course-quest #headerwrap	{ padding:20vh 0% 340px;}
	.page-course-quest #headerwrap:before	{ top:-540px; left:-360px; width:1000px; height:1060px; background-size:1000px auto;}
	.page-course-quest #headerwrap:after	{ background-position:center bottom -1px;background-size:100% auto;}
	.page-course-quest #branding .site-title	{ max-width:500px;}
	.page-course-quest .site-header p	{ padding:8rem 0 1.6em; font-size:2.8rem; line-height:2.5; text-shadow:10px 8px 3px rgba(0,0,0,.1);}
	.page-course-quest .site-header .banner img	{ max-width:512px;}
	.site-header .home-news-content	{ max-width:1020px;}


	/**
	*  - .graduate	**/	
	.graduate	{ top:-60px; margin:0 auto 0rem;}
	.graduate .section-header	{ margin:0 0 1em;}
	.graduate .section-header p	{ font-size:1.7rem;}

	/**
	 *  - .tanni
	**/
	.tanni .section-content	{ padding:0 5%;}
	.tanni li	{ padding:30px 0 0; width:180px; height:180px;}
	.tanni li p	{ font-size:1.6rem; font-weight:700; line-height:1.4;}


	/**
	 *  - .options
	**/
	.options .section-title	{ font-size:2.8rem;}
	.options .section-header p	{ font-size:1.8rem;}
	.options .section-content .option	{ margin:0 0 4rem; padding:3rem 4%;}
	.options .option-list li a	{ padding:36px 0; font-size:1.7rem;}
	.options .option-list li a:before	{ bottom:20px;}


	/**
	 *  - .start
	**/
	.start .section-title	{ font-size:2.8rem;}
	.start	{ padding:8rem 2% 8rem;}
	.start li	{ width:188px; height:188px; font-size:1.6rem;}
	.start li:before	{ right:-38px;}


	/**
	 *  - .matome
	**/
	.matome .block-2.separate > div	{ width:47%;}
	div.rinen	{ margin:0 auto 14rem; padding:5rem 6% 20px;}
	.rinen p.rinen	{ font-size:2.0rem;}
	.rinen dt	{ 
		display:inline-block; float:left;
		margin:10px 0 1em; font-size:2.1rem; font-weight:500; letter-spacing:0.1em;
	}
	.rinen dd:before{ top:23px;}
	.rinen ul	{ padding:15px 0; font-size:1.6rem;}

	.soudan h3	{ margin:0 0 1.6em; text-align:center; font-size:2.8rem;}
	.soudan p	{ font-size:1.6rem;}


	.buttons	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.buttons .btn	{ width:calc(50% - 5px);}
	.buttons .btn a	{ min-width:auto;}

	#footerwrap .footer-address	{ padding:0 4%;}
	#footerwrap .footer-sns	{ padding:110px 1% 0;}

	.static-buttons	{ width:90px;}
	.static-buttons a img	{ width:68px;}


	/**
	 *  - .page-options
	**/
	.page-options #headerwrap:before,
	.page-gakugai-gakushu #headerwrap:before,
	.page-tengaku #headerwrap:before	{ 
		background-size:102% auto;
	}


	/**
	 *  - archive / single
	**/
	.archive .container:after	{ background-position:center bottom -300px; background-size:102% auto;}
	.archive-header		{ padding:4rem 0 0;}
	.archive-content	{ padding:4rem 0 6rem;}

	.single .container:after	{ background-position:center bottom -300px; background-size:102% auto;}
	.single-header		{ padding:4rem 0 0;}
	.single-content		{ padding:4rem 0 6rem;}


}


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

	.page-course-quest #headerwrap	{ padding:20vh 0% 380px;}

	.first:before	{ background-size:100% auto;}
	.options:before	{ background-size:100% auto;}
	.start:before	{ background-size:100% auto;}

}

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

	.page-course-quest #headerwrap	{ padding:20vh 0% 380px;}
	.first	{ padding:0 10% 440px;}
	.archive .container:after	{ background-position:center bottom -400px;}
	.single .container:after	{ background-position:center bottom -400px;}

}


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

	.page-course-quest #headerwrap	{ padding:20vh 0% 440px;}
	.first	{ padding:0 10% 550px;}
	.page-options #headerwrap	{ padding:20px 0% 100px;}
	.archive .container:after	{ background-position:center bottom -500px;}
	.single .container:after	{ background-position:center bottom -500px;}
	.start	{ padding:8rem 8% 14rem;}


}