/*
Theme Name: PhD x FUTURE.
Author: MoON Graphica Inc./
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #333;
	overflow: hidden;
}

ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
/*
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
*/
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
}
.cf::after{
	content: "";
   display: block;
   clear: both;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}
.hide_sp{
	display: block;
}
.show_sp{
	display: none;
}
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
/*
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}
*/

/* Shared Post Format styling */
/*
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
*/

/* Form fields, general styles first */
/*
button,
input,
select,
textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
*/
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
/*
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border-color: transparent;
}
.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
*/

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	/*height: auto;  Make sure images with WordPress-added height and width attributes are scaled correctly */
/*   	max-height: 250px; */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	/*height: auto; Make sure images with WordPress-added height and width attributes are scaled correctly */
  	max-height: 200px;
    object-fit: cover;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */


/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: 'Jost', Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	text-rendering: optimizeLegibility;
	background-color: #fff;
}

a {
	outline: none;
	text-decoration: none;
	color: #333333;
}
a:hover {
	opacity: 0.8;
	transition: 0.2s;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
/* Footer */
/* =Main content and comment content
-------------------------------------------------------------- */
/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Front page template
-------------------------------------------------------------- */

/* =Plugins
----------------------------------------------- */
img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}
/* =Media queries
-------------------------------------------------------------- */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	
}


/* ----------------210824-------------- */

/* common */
/*#page{
	max-width: 1280px;
	margin: auto;
}*/
.show750{
	display: none;
}
/* header */
header{
	
	width: 100%;
	padding: 20px 30px 20px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(0,182,202,16%);
	background-color: #fff;
	z-index:10000;
}
header .container {
	/*max-width: 1280px;*/
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .container .items {
   display: flex;
   align-items: center;
   gap: 0.75rem;
}
header.site-header-2 .right-header{
	float: right;
	display: flex;
	align-items: center;
}
.ctcbtnhead{
	color: #00B6CA;
	border-radius:15px;
	border:1px solid #00B6CA;
	padding: 7px 15px;
}
.rlogo{
	margin-right: 25px;
}
.ctcbtnhead p{
	color: #00B6CA;
}
header h1.sub-site-title{
	max-width: 200px;
  	margin-right: 15px;
}
header h2.sub-site-title{
	max-width: 110px;
    margin: 0 15px;
}

header h2.sub-site-title1{
	max-width: 60px;
    margin: 0 15px;
  	padding-top: 6px;
  	opacity: 0.85;
}

header nav{
	float: right;
}
/*
header nav ul li{
	box-sizing: border-box;
	margin: 10px 0 0;
	padding: 0 10px 0;
	font-size: 13px;
}
header nav ul li a i{
	color:#00B6CA;
	font-size: 24px;
}
header nav ul li a i.tohome{
	color: #000;
	font-size: 12px;
	padding-right: 5px;
}
header nav ul li a i:hover {
    opacity: 0.7;
    transition: 0.2s;
}
*/
.sub-site-title2 {
	margin: 0 20px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1rem;
	color: #00B6CA;
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
}
.stu_btn,
.cam_btn,
.head-pd_btn {
	display: block;
    width: 180px;
    padding: 18px 0;
    box-sizing: border-box;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1rem;
    text-align: center;
}
.cam_btn {
	background: #B8E9EF;
}
.stu_btn {
	background: #00B6CA;
	color: #fff;
	width: 240px;
}
.head-pd_btn {
	background: #00B6CA;
	color: #fff;
}

/* ハンバーガーメニュー */
#hamburger {
	z-index: 9998;
}
#hamburger .btn_gNav {
	position: relative;
    width: 40px;
    height: 40px;
    z-index: 9999;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
#hamburger .btn_gNav span {
	position: absolute;
	left: 27%;
	width: 30px;
	height: 2px;
	background: #333;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}
#hamburger .btn_gNav span:nth-child(1) {
	top: 7px;
}
#hamburger .btn_gNav span:nth-child(2) {
	top: 17px;
}
#hamburger .btn_gNav span:nth-child(3) {
	width: 24px;
	top: 27px;
	left: 40.7%;
}
#hamburger .btn_gNav.open span:nth-child(1) {
	background: #00B6CA;
	top: 20px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#hamburger .btn_gNav.open span:nth-child(2){
	top: 20px;
	background: #00B6CA;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#hamburger .btn_gNav.open span:nth-child(3) {
    display: none;
}
#gNav {
	position: fixed;
    top: 0;
    right: -100%;
    width: 25%;
    height: 100%;
    background: #B8E9EF;
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2;
    padding-top: 50px;
    transition: .3s;
}
#gNav.open {
	right: 0px;
}
#gNav .gNav_menu {
	padding: 30px 30px 0;
	height: 90%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;

}
#gNav .gNav_menu ul li {
	margin-bottom: 30px;
	padding-left: 1rem;
	position: relative;
}
#gNav .gNav_menu ul li:before {
	position: absolute;
    top: -10%;
    left: 0;
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 5px;
    background: #00B6CA;
}
#gNav .gNav_menu ul li a {
	font-size: 15px;
	font-weight: 700;
}
#gNav .gNav_menu .wrap p {
	max-width: 140px;
    margin-bottom: 8px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    color: #00B6CA;
    position: relative;
}
#gNav .gNav_menu .wrap p:before {
	position: absolute;
	top: -5%;
	left: 0;
}
#gNav .gNav_menu .wrap p:after {
	position: absolute;
	top: -5%;
	right: 0;
}
#gNav .gNav_menu .wrap p:before,
#gNav .gNav_menu .wrap p:after {
	content: "";
	width: 1px;
	height: 16px;
	background: #00B6CA;
}
#gNav .gNav_menu .wrap a {
	display: inline-block;
	margin-bottom: 25px;
	padding: 10px 30px;
	border: 1px solid #00B6CA;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.05rem;
	color: #00B6CA;
	background: #fff;
}

#gNav .gNav_menu .wrap a:nth-child(2) {
	margin-right: 10px;
}
#gNav .gNav_menu .link_area a {
	display: block;
	margin-bottom: 18px;
	font-size: 12px;
}
#gNav .gNav_menu .bottom_link_area a {
 	display: block;
    margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.25;
/* 	font-weight: 700; */
	position: relative;
}
#gNav .gNav_menu .bottom_link_area a.link_area_arrow:before {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: -15px;
}
#gNav .gNav_menu .bottom_link_area a i {
    padding-left: 10px;
    vertical-align: middle;
	color: #fff;
}

/*front-page*/
/* 動画 */
iframe{
	width: 80%;
	margin: auto;
	margin-bottom: 80px;
}

section.top1 {
	padding-bottom: 20px;
	box-sizing: border-box;
}
section.top1 .ttl{
	text-align: center;
	margin-bottom: 90px;
	padding-top: 100px;
}
section.top1 .ttl h2{
    margin: 0 0 15px;
	letter-spacing: 0.1rem;
	color: #333333;
	font-size: 27px;
	font-weight: bold;
    font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
}
section.top1 .ttl h4{
	font-size: 20px;
	color: #333333;
	padding-top: 20px;
}
section.top1 .ttl p{
	color: #00B6CA;
	font-size: 24px;
	padding:11px 80px;
	margin-top: 20px;
	display: inline-block;
	border-top: 2px solid #00B6CA;
	border-bottom: 2px solid #00B6CA;
    font-weight: bold;
}
section.top1 .prebtn{
	text-align: center;
    margin-bottom: 50px;
}
section.top1 .prebtn a{
	display: inline-block;
    color: #fff;
    background-color: #00B6CA;
    font-size: 20px;
    padding: 30px 60px;
    border-radius: 5px;
    letter-spacing: 1.2px;
}
section.top1 .prebtn i{
	margin-left: 8px;
}


section.top1 .nwsbox{
	background-color: #fff;
	border-radius: 5px;
	opacity: 0.85;
	max-width: 690px;
	width: 100%;
	margin: 0 auto 20px;
	padding: 20px 18px 20px 25px;
	box-sizing: border-box;
}
section.top1 .nwsbox h3{
	font-size: 16px;
	letter-spacing: 0.8px;
	color: #333333;
	margin-bottom: 20px;
}
section.top1 .nwsbox h3 span{
	letter-spacing: 0.28px;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	padding-left: 17px;
	text-decoration: underline;
}
section.top1 .nwsbox .atcl {
	height:160px;
	overflow-y: scroll;
}
section.top1 .nwsbox ul li{
	margin-bottom: 5px;
	display: block;
	line-height: 23px;
}
section.top1 .nwsbox ul li a{
	display: inline-block;
	width: 98%;
}
section.top1 .nwsbox ul span{
	font-size: 13px;
    padding-right: 10px;
    width: 15%;
    float: left;
    box-sizing: border-box;
}
section.top1 .nwsbox ul p{
	width: 85%;
    float: right;
    text-align: justify;
}
section.top2{
	padding: 50px 0 115px 0;
}
section.top2 h2{
	text-align: center;
	max-width: 450px;
	margin: 0 auto 10px;
	font-size: 30px;
	letter-spacing: 2.25px;
	line-height: 40px;
}
section.top2 h3{
	text-align: center;
	max-width: 450px;
	margin: 0 auto 55px;
	font-size: 18px;
	letter-spacing: 1.5px;
    line-height: 1.8rem;
}
section.top2 .message_from {
    text-align: center;
    margin: -30px auto 35px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.8rem;
}
section.top2 h3 img {
    width: 30%;
    margin: 0 5px 0 0;
    vertical-align: top;
}
.wht,
.splmv,
.ctc,
.pre_register{
	max-width: 690px;
	width: 100%;
	margin: 0 auto;
}
.wht ,.ctc{
	background-color:#fff;
	padding: 60px 0;
	box-sizing: border-box;
}
.wht p{
	text-align: justify;
}
.wht p ,.ctc p{
	max-width: 450px;
	width: 100%;
	margin:0  auto;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.75px;
}
.ctc{
    margin: 0 auto;
    padding: 60px 0 0;
	text-align: center;
}
.ctc a{
	display: inline-block;
	background: #00B6CA 0% 0% no-repeat padding-box;
	border: 1px solid #00B6CA;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	padding: 20px 50px;
	box-sizing: border-box;
	margin-top: 30px;
}
.ctc a:hover {
    transition: 0.3s;
}
.ctc a i{
	padding-right: 10px;
}
.splmv{
	margin: 0 auto;
	position: relative;
	background: -moz-linear-gradient(top left,#D9ECC4, #8EDEE7); 
	background: -webkit-linear-gradient(top left, #D9ECC4,#8EDEE7); 
	background: linear-gradient(to bottom right,#D9ECC4,#8EDEE7);
	text-align: center;/* 動画用  */
}
.splmv2 {
  padding: 60px 0 60px;
  background: #f1f1f1;
}
.splmv1 h2{
	position: absolute;
	top: -18px;	
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.splmv h3{
	padding-top: 48px;
	box-sizing: border-box;
}
.splmv2 h3 {
    padding-top: 0;
}
p.ftrli{
	margin-top: 80px;
    padding: 0 0 20px;
	font-size: 12px;
	text-align: center;
    line-height: 1;
}
/* 動画　代用セクション */
.wid500 {
	max-width: 500px;
	margin: 0 auto;
}
.splmv_inn_wrap {
    margin-top: -20px;
	padding: 40px 50px 10px; 
    border-radius: 3px;
	background: #fff;
	text-align: left;
	letter-spacing: 0.05rem;
	color: #333;
}
.splmv_inn_wrap h4 {
	margin: 0 0 18px;
	padding: 0 0 5px  5px;
	border-bottom: 1px solid #4FB4C7;
	font-size: 18px;
}
.splmv_inn_wrap ul {
	margin: 0 0 40px;
}
.splmv_inn_wrap ul li {
	margin: 0 0 1rem;
	padding: 0 0 0 1.8rem;
	font-size: 14px;
	line-height: 1.3rem;
	position: relative;
}
.splmv_inn_wrap ul li:before {
	content: "";
    position: absolute;
	top: 15%;
    left: 1%;
    width: 11px;
    height: 5px;
    border-left: 3px solid #4FB4C7;
    border-bottom: 3px solid #4FB4C7;
    transform: rotate(-45deg);
}
.splmv p:nth-child(4) {
	padding: 50px 0 25px;
	font-size: 30px;
	letter-spacing: 0.075rem;
    color: #00B6CA;
	font-family: "Jost-Medium",sans-serif;
}
.splmv p:nth-child(5) {
	padding: 0 0 50px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.050rem;
	line-height: 2rem;
	color: #333;
}
/* 動画　代用セクションここまで↑ */
/* プレ登録の流れ */
.pre_register {
	background: #fff;
}

.pre_register .contents {
	max-width: 560px;
	margin: 0 auto 60px;
	padding: 60px 60px 80px;
}

/*
.toggle_contents {
	display: none;
}
*/

.pre_register .contents h3 {
	margin-bottom: 25px;
	font-size: 28px;
}

.pre_register .contents .top_txt {
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.75px;
}

.pre_register .contents h4 {
	margin-bottom: 40px;
	padding: 40px 0 0 8px;
	border-top: 1px solid #4FB4C7;
	font-size: 18px;
	color: #00B6CA;
	position: relative;
}

.pre_register .contents h4:before {
	content: "";
	width: 2px;
	height: 20px;
	background: #4FB4C7;
	position: absolute;
	top: 65%;
	left: 0;
}

.toggle_icon {
	color: #00b6ca;
    font-weight: normal;
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    cursor: pointer;
}

.toggle_icon.open {
	transform: rotate(45deg);
	transition: 0.3s;
}

.doc_flow {
	margin-bottom: 50px;
}

.pre_register .contents .flow_step {
	margin-bottom: 30px;
}

.pre_register .contents .flow_step .top_deco {
	margin-right: 22px;
	display: inline-block;
	font-size: 12px;
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
	font-weight: 700;
	vertical-align: top;
	color: #00B6CA;
}

.pre_register .contents .flow_step .top_deco span {
	padding-left: 3px;
	font-size: 16px;
}

.pre_register .contents .flow_step .explan_wrap {
	display: inline-block;
	max-width: 480px;
}

.pre_register .contents .flow_step .explan_wrap h5 {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
}

.pre_register .contents .flow_step .explan_wrap p {
	font-size: 15px;
	line-height: 1.6;
    letter-spacing: 0.75px;
}

.pre_register .contents .doc_regi_btn a {
	display: block;
	width: 260px;
	margin: 50px auto 30px;
	padding: 30px 20px 30px 10px;
	box-shadow: 0px 3px 5px rgb(0 182 202 / 15%);
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.75px;
	color: #fff;
	background: #00B6CA;
	position: relative;
}

.pre_register .contents .doc_regi_btn a:after {
	content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 4%;
}

.pre_register .contents .doc_regi_btn p {
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	color: #00B6CA;
	margin-bottom: 3rem;
}

.pre_register .contents .company_flow .doc_regi_btn a {
	color: #333;
	background: #B8E9EF;
}

.pre_register .contents .company_flow .doc_regi_btn a:after {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}

/* プレ登録の流れここまで↑ */
/* Archive */
.whtbg{
	max-width: 690px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
.headt{
	font-size: 20px;
	padding: 85px 0 60px;
	text-align: center;
	letter-spacing: 2.25px;
}
.navwrap a{
	display: inline-block;
}
.arcl p{
	float: right;
    width: 80%;
	letter-spacing: 1.85px;
	text-align: justify;
    line-height: 1.8rem;
}
.single-page ul {
    list-style: circle;
}
.single-page li {
    margin-bottom: 1.5rem;
}
.arcl li {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}
.arcl .pgntn ul li.previous,arcl .pgntn ul li.next{
	letter-spacing: 0.08rem;
}
.arcl .pgntn ul li.previous span ,.arcl .pgntn ul li.next span{
	width: auto;
	letter-spacing: 1px;
}
.arcl li span{
	padding-right: 12px;
    display: block;
    float: left;
    width: 20%;
    box-sizing: border-box;
}
/* single */
.single-page{
	width: 100%;
	max-width: 500px;
	margin: auto;
    text-align: justify;
}
.single-page .news_single_ttl{
	font-size: 16px;
    padding: 20px 0 10px;
    font-weight: bold;
    line-height: 1.6rem;
    letter-spacing: 0.05rem;
}
.single-page .cttp{
/*	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.5px;
	padding-bottom: 70px;
 */
}
.arcl.single p{
	float: none;
	width: 100%;
}
.arcl.single {
	margin-bottom: 0;
}
.single-page a {
    text-decoration: underline;
}
.single-page p{
	margin-bottom: 1.5rem;
	clear: both;
}
.imgwr{
	margin-bottom:31px;
}
.navwrap{
	width: 90%;
    margin: 55px auto 0;
}
.navwrap td{
	text-align: center;
	line-height: 1.3rem;
}
.nav-previous{
	width: 32%;
}
.nav-next{
	width: 36%;
}

/* Resposinve */
/* Minimum width of 750 pixels. */
@media screen and (max-width: 750px) {
/* 	common */
	.show750{
		display: block;
	}
	.hide750{
		display: none;
	}
	.graybg{
		padding-bottom: 0;
	}
/* 	header */
	header{
	padding: 20px 10px 15px;
	border-bottom: 1px solid #dddddd;
	}
	header h1{
	width: 85px;
	display: inline-block;
	float: left;
	clear: both;
	}
/* 	front */
	section.top1 .ttl{
        margin: 0 0 60px;
		padding-top: 70px;
	}
    section.top1 {
      background-image: url(./img/bgmainsp.png);
      background-size: cover;
      background-attachment: unset;
    }
	section.top1 .ttl h2 {
    font-size: 12px;
    }
	.ttlimgbox{
    width: 90%;
    margin: 0 auto;
	}
	section.top1 .ttl h4{
	padding-top: 10px;
	font-size: 11px;
	}
	section.top1 .ttl p{
	width: 70%;
    font-size: 18px;
    padding: 11px 0;
    margin: auto;
    text-align: center;
	}
	section.top1 .nwsbox{
		width: 90%;
	}
	section.top1 .nwsbox ul span{
		width: auto;
		font-size: 0.9rem;
       margin: 0 0 8px;
	}
	section.top1 .nwsbox ul p{
		width: auto;
		font-size: 0.9rem;
		line-height:1.6;
	}
	section.top2{
		padding: 0;
        background-image: none;
	}
	section.top2 h2{
		font-size: 24px;
		line-height: 41px;
		margin: 0 auto 3px;
	}
	section.top2 h3{
		font-size: 16px;
		margin-bottom: 33px;
	}
   section.top2 h3 img {
        vertical-align: baseline;
    }
  	section.top2 .message_from {
        margin: -10px auto 50px;
        line-height: 1.6rem;
	}
	.wht, .ctc{
		width: 100%;
	}
	.wht p, .ctc p{
		font-size: 13px;
	}
  	.wht p {
    	width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
  	}
	.splmv h2{
		width: 100%;
		top:-20px;
	}
	p.ftrli{
		font-size: 10px;
        padding: 0 0 10px;
	}
	section.top1 .prebtn a {
	    padding: 25px 15px;
	    margin: 0 20px;
	    font-size: 15px;
	    line-height: 1.4;
	}
/* 	archives */
	.nwsttlbox{
		display: none;
		width: 230px;
		padding-left: 10px;
		margin-bottom: 16px;
	}
	.nwsaicatch{
		background-image: url(./img/bgmain.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 60px 0;
	}
	.archive-bg{
        padding: 0px;
        height: auto;
	}
   .headt {
        padding: 65px 0 50px;
   }
	.arcl li{
		margin-bottom: 25px;
	}
	.arcl li span{
		width: auto;
        margin: 0 0 10px;
	}
	.arcl p{
		width: auto;
	}
	.single-page .news_single_ttl {
      	padding: 20px 0 25px;
    }
	.navwrap {
		width: 97%;
		margin-left: 3%;
    }
/* 動画　代用セクション */
	.splmv_inn_wrap {
       margin: 0 5% 0;
       padding: 35px 26px 5px;
	}
	.splmv_inn_wrap h4 {
		font-size: 17px;
	}
	.splmv_inn_wrap ul li {
		margin: 0 0 1.1rem;
		font-size: 13px;
	}
	.splmv p:nth-child(4) {
   	 padding: 45px 0 20px;
      font-size: 25px;
	}
	.splmv p:nth-child(5) {
    	padding: 0 0 50px;
		font-size: 16px;
	}
   iframe{
	width: 100%;
  }
/*   プレ登録の流れ */
  .pre_register .contents {
    padding: 60px 5% 80px;
 }
.pre_register .contents .flow_step .top_deco {
    margin-bottom: 10px;
}
}

/*
--------------------------------------------
	2021.09.01 moongraphica
	企業申請お問合せフォーム
--------------------------------------------
*/

/* iOSでのデフォルトスタイルをリセット */
textarea,
input[type="text"],
input[type="checkbox"], 
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

textarea::-webkit-search-decoration, 
input[type="checkbox"]::-webkit-search-decoration, 
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

textarea::focus,
input[type="checkbox"]::focus, 
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

input[type=checkbox] {
    appearance: none;
    display: none;
}

input[type=checkbox] + span:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c8";
    display: inline-block;
    margin-right: 0.3em;
    font-weight: 400;
    color: #9AA6B4;
}

input[type=checkbox]:checked + span:before {
    content: "\f14a";
    font-weight: 400;
  	color: #00b6ca;
}


input[type="radio"] {
  appearance: none;
  display: none;
}

input[type="radio"] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1.7rem;
}

input[type="radio"] + span:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  display: inline-block;
  margin-right: 0.5em;
  font-weight: 400;
  color: #9AA6B4;
}

input[type="radio"]:checked + span:before {
  content: "\f192";
  font-weight: 400;
  color: #00b6ca;
}


.wid750 {
	max-width: 750px;
	margin: 0 auto;
}

.wid530 {
	max-width: 530px;
	margin: 0 auto;
}
.contact_all_wrap {
    background: #fff;
}
.contact_wrap {
	padding: 80px 0 115px;
}
.app_all_wrap {
	padding: 80px 0 115px;
	background: #E9F7F8;
}
.app_all_wrap .contact_wrap {
	padding: 30px 0 80px;
    background: #fff;
}
.page-id-50 .wrapper,
.page-id-58 .wrapper,
.page-id-56 .wrapper,
.page-id-61 .wrapper,
.page-id-65 .wrapper,
.page-id-63 .wrapper {
    background: #E9F7F8;
}

.page-id-58 .wrapper {
	height: 100vh;
}

.page-id-63 .wrapper {
    height: 100vh;
}

.contact_wrap h2 {
	padding: 70px 0 15px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #3B4043;
	line-height: 1.3;
}

.contact_thanks_wrap h2 {
    padding: 90px 0 15px;
}

.contact_wrap .top_text {
	margin: 0 auto 70px;
	font-size: 16px;
	line-height: 2rem;
	color: #3C4043;
}

.contact_wrap .top_text p:nth-child(1) {
    margin-bottom: 2rem;
}

.contact_wrap dt {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: #3C4043;
}

/*
.contact_wrap dt span {
	display: inline-block;
    color: #fff;
    background: #00B6CA;
    padding: 3px 5px 2px;
    margin-left: 0.5rem;
    border-radius: 3px;
    font-size: 10px;
    vertical-align: bottom;
}
*/

.contact_wrap .require {
	display: inline-block;
    color: #fff;
    background: #00B6CA;
    padding: 3px 5px 2px;
    margin-left: 0.5rem;
    border-radius: 3px;
    font-size: 10px;
    vertical-align: bottom;
}

.contact_wrap input,
.contact_wrap textarea,
.contact_wrap select {
	width: 100%;
	margin: 0 0 5px;
	padding: 10px;
	border: 1px solid #9AA6B4;
	box-shadow: none;
	-webkit-appearance: none;
}

.contact_wrap input[type="radio"] {
	width: auto;
	display: none;
}

.teaser_contact_confirm_wrap .contact_wrap input[type="radio"] {
	display: block;
	width: 100%;
}

.contact_wrap .mwform-checkbox-field label, .mwform-radio-field label {
    font-weight: normal;
    margin-bottom: 0;
}

.contact_wrap .wid160 {
    width: 160px !important;
}

input#privacypolicy-1 {
    width: auto;
    margin: 0 5px 0 0;
}

.form_privacy {
    text-align: center;
}

.contact_link {
	text-decoration: underline;
}

.min_txt {
    font-size: 10px;
    padding: 0 0 0 0.5rem;
}

input.confirmBtn,
input.backBtn {
    width: 240px;
    display: block;
    margin: 0 auto;
    padding: 12px 0;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #00B6CA;
}

input.backBtn {
	background: #b7c5c7;
}

input.confirmBtn:hover,
input.backBtn:hover {
	color: #fff;
    background: #00B6CA;
}

input.backBtn:hover {
    background: #b7c5c7;
}

.contact_wrap small {
	display: block;
	margin: 80px 0 0;
	padding: 0 0 10px;
	font-size: 12px;
	text-align: center;
	color: #595757;
}

.contact_wrap span.error {
	font-size: 93%;
    color: #B70000;
    border: 2.5px solid;
    padding: 5px;
    border-radius: 4px;
    font-weight: bold;
}

.contact_confirm_wrap dl {
    max-width: 485px;
    margin: 0 auto;
    box-sizing: border-box;
}

.contact_confirm_wrap dt { 
    float: left;
    clear: both;
    width: 45%;
	margin: 0 0 30px;
}

.contact_confirm_wrap dd {
    margin: 0 0 30px;
    overflow-wrap: break-word;
	width: 55%;
	float: right;
}

.contact_confirm_wrap .form_privacy {
    display: none;
}

.contact_confirm_wrap input.confirmBtn {
	clear: both;
    margin: 180px auto 25px;
}

.contact_margin {
	margin: 0 auto 40px;
}

.top_back {
    display: block;
    max-width: 240px;
    margin: 0 auto;
    background: #00B6CA 0% 0% no-repeat padding-box;
    border: 1px solid #00B6CA;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 17px 50px;
    box-sizing: border-box;
    letter-spacing: 0.1rem;
}
.top_back:hover {
    color: #fff;
}

/* Resposinve */
/* Minimum width of 750 pixels. */
@media screen and (max-width: 750px) {	
	.contact_wrap h2 {
	    padding: 70px 0 60px;
	    font-size: 24px;
	    line-height: 2.4rem;
    }
    
	.contact_wrap .top_text {
	    margin: 0 20px 70px;
	    font-size: 15px;
	    line-height: 1.8rem;
    }
    
    .contact_inn_wrap {
		width: 90%;
	    margin: 0 auto;
	}
	
	.contact_confirm_wrap dl {
    	display: block;
	}
	
	.contact_confirm_wrap dt {
    	margin: 0 0 15px;
		float: none;
        width: 100%;
	}
	
	.contact_confirm_wrap dd {
    	margin: 0 0 30px;
    	line-height: 1.7rem;
      	width: 100%;
	}
		
	span.mwform-radio-field-text {
		line-height: 2rem;
	}
	
	.sp_radio .horizontal-item:nth-child(3) {
		margin-left: 0;
	}
	
	.contact_thanks_wrap h2 {
    	padding: 80px 0 10px; 
    }
    
    .contact_confirm_wrap input.confirmBtn {
	    margin: 100px auto 25px;
	}
}

/*
--------------------------------------------
	2021.09.01 moongraphica
	PhDティザーサイト お問合せフォーム
--------------------------------------------
*/
.ctcerror {
	display: none;
}
.mw_wp_form_error .ctcerror{
	font-size: 18px;
    color: #B70000;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    display: block;
    border: none;
}


.teaser_contact_wrap textarea {
    height: 20vh;
}

.teaser_contact_wrap dt {
	margin: 30px 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: #3C4043;
}

.teaser_contact_wrap input {
    margin: 0 auto 5px;
}

.teaser_contact_wrap .top_text {
    margin: 0;
}

.teaser_contact_wrap .app_link {
	display: block;
    margin: 25px 0 35px;
	color: #00B6CA;
}

.teaser_contact_wrap h2 {
    padding: 70px 0 50px;
}

.teaser_contact_wrap .form_privacy {
	margin: 25px auto 40px;
    vertical-align: middle;
    line-height: 1.6;
}

.teaser_contact_wrap .mw_wp_form .error {
    display: inline-block;
}

.teaser_contact_wrap .form_privacy .error {
    margin-top: 0.8rem;
}

.contact_margin2 {
	margin: 0 auto 40px;
}

.teaser_contact_wrap h3,
.contact_confirm_wrap h3 {
	margin-bottom: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #00B6CA;
	font-size: 16px;
	color: #00B6CA;
	clear: both;
}

.contact_confirm_wrap h3:nth-child(2) {
    padding-top: 20px;
}

.contact_confirm_wrap h3:not(:nth-child(2)) {
    padding-top: 50px;
}

.teaser_contact_wrap .left_gap {
	margin-left: 0.5rem;
}

.teaser_contact_wrap .border {
	margin: 70px 0 50px;
	border-bottom: 1px solid #00B6CA;
}

.teaser_contact_wrap h3:not(:first-child) {
    margin-top: 85px;
}

.contact_inn_wrap h3:nth-child(2) {
    margin: 0;
}

.teaser_contact_wrap .bottom_txt {
	margin: 60px 0 30px;
    font-size: 13px;
    line-height: 2rem;
    color: #3C4043;
}

.teaser_contact_wrap .bottom_txt a {
    display: inline-block;
    line-height: 1.1;
    border-bottom: 1px solid #333;
}

.teaser_contact_wrap .bottom_txt a i {
    padding: 1px 4px;
}

.fa-window-restore:before {
    color: #00B6CA;
}

.teaser_contact_wrap .middle_txt {
	margin: 30px 0 -15px;
	font-size: 16px;
	font-weight: 700;
	color: #3C4043;
}

.teaser_contact_wrap .triangle_deco {
	position: relative;
}

.teaser_contact_wrap .triangle_deco:before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-bottom: solid 1px #3B4043;
    border-left: solid 1px #3B4043;
    position: absolute;
    top: 40%;
    left: 27%;
    margin-top: -4px;
    transform: rotate(-45deg);
}

.teaser_contact_wrap .triangle_deco2 {
	position: relative;
}

.teaser_contact_wrap .triangle_deco2:before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    position: absolute;
    top: 37%;
    right: 29.5%;
    margin-top: -4px;
    transform: rotate(-45deg);
}

.teaser_contact_wrap .hide_elem,
.contact_wrap .hide_elem {
	display: none;
}

.contact_wrap .top_deco {
	margin-bottom: 50px;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
	color: #00B6CA;
}

.contact_confirm_wrap h2 {
    padding: 70px 0 60px;
}

.contact_confirm_wrap .middle_txt {
	display: none;
}

.contact_confirm_wrap .bottom_txt,
.contact_confirm_wrap .min_txt {
	display: none;
}

.teaser_contact_wrap1 .top_text {
    margin: 0 auto 100px;
}

.teaser_contact_wrap1 .form_privacy {
    margin: 85px auto 40px;
}

.teaser_contact_wrap1 .form_privacy .error {
    margin: 0.8rem 0.8rem;
}

.teaser_contact_confirm_wrap1 dt {
    float: left;
    width: 50%;
    clear: both;
}

.teaser_contact_confirm_wrap1 dd {
    width: 50%;
    float: right;
    margin-bottom: 40px;
}

.teaser_contact_confirm_wrap1 .form_privacy {
    clear: both;
    margin: 25px auto 40px;
}

.contact_wrap1 h2 {
    padding: 70px 0 55px;
}

/* Resposinve */
/* Minimum width of 750 pixels. */
@media screen and (max-width: 750px) {
	.teaser_contact_confirm_wrap form {
	    width: 85%;
	    margin: 0 auto;
	}
	
	.teaser_contact_wrap .form_privacy .error {
		margin: 10px 0 0 0;
	}

	.contact_wrap h2 {
	    padding: 60px 0 40px;
	    font-size: 20px;
    }
    
    .teaser_contact_wrap .triangle_deco:before {
	    left: 42%;
	}
}


/*
--------------------------------------------
	2021.10.20 moongraphica
	PhD×Future 本公開サイト
--------------------------------------------
*/

/* 共通 */
.common_top_head {
	padding: 70px;
	text-align: center;
	background: #E9F7F8;
}

.common_top_head p {
	margin-bottom: 10px;
	font-size: 14px;
	font-family: "Jost-Medium",sans-serif;
	letter-spacing: 0.03rem;
	color: #00B6CA;
}

.common_top_head h1 {
	font-size: 22px;
	letter-spacing: 0.1rem;
	color: #333;
}

.notit {
    letter-spacing: 0.1rem;
}

.common_bottom_start {
	padding: 60px;
	padding: 70px 20px 60px;
    background-size: cover;
	background-image: url(./img/common_bottom_startbg.png);
}

.common_bottom_start h2 {
	margin-bottom: 40px;
	font-size: 30px;
	letter-spacing: 0.05rem;
	line-height: 2.8rem;
	text-align: center;
}

.common_bottom_start h2 img {
	width: 200px;
    margin: 0 5px 0 0;
}

.common_bottom_start .top_txt {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 16px;
	text-align: center; 
}

.common_bottom_start .btn_wrap {
	max-width: 500px;
	display: flex;
	margin: 0 auto;
}

.phd_btn,
.com_btn {
    width: 45%;
}

.phd_btn {
	margin-right: 10%;
}

.btn_wrap .btn {
	display: block;
/* 	max-width: 230px; */
	padding: 15px 0;
	padding-right: 4px;
	border: 1px solid #fff;
	box-shadow: 0 0 0 5px #00B6CA;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	line-height: 2rem;
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: #fff;
	background: #00B6CA;
	position: relative;
}

.btn_wrap .btn:after {
	content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 62%;
    right: 4%;
}

.btn_wrap .btn span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.15rem;
	color: #B8E9EF;
}

.phd_btn a:last-child {
	display: block;
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    position: relative;
}

.phd_btn a:last-child:after {
	content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 23%;
    right: 12%;
}

.common_head {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.1rem;
	text-align: center;
	line-height: 4.2rem;
}

.common_head span {
	color: #00B6CA;
	background:linear-gradient(transparent 65%, #E8F26E 0);
}

#about .mission .common_head {
	font-family: "Jost-Medium",sans-serif;
}

.middle_head {
	margin-bottom: 50px;
	font-weight: 700;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.1rem;
    line-height: 2.2rem;
    font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
	color: #00B6CA;
}

.common_side_border_head {
	width: 200px;
	margin: 0 auto 70px;
	text-align: center;
	position: relative;
}

.common_side_border_head p:nth-child(1) {
	margin-bottom: 8px;
	font-size: 30px;
	letter-spacing: 0.04rem;
	color: #00B6CA;
}

.common_side_border_head p:nth-child(2) {
	font-weight: 700;
	font-size: 12px;
}

.common_side_border_head:before {
	content: "";
	width: 2px;
	height: 60px;
	background: #00B6CA;
	position: absolute;
	top: -10%;
    left: 10%;
}

.common_side_border_head:after {
	content: "";
	width: 2px;
	height: 60px;
	background: #00B6CA;
	position: absolute;
	top: -10%;
    right: 10%;
}

.common_btn {
	display: block;
    width: 280px;
    margin: 0 auto;
    padding: 25px 40px;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    color: #fff;
    background: #00B6CA;
    position: relative;
}

.common_btn:after {
	content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 43%;
    right: 6%;
}

.common_btn2 {
	display: block;
	width: 320px;
	margin: 0 auto;
	padding: 15px 40px;
	border: 1px solid #00B6CA;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: #00B6CA;
	background: #fff;
	position: relative;
}

.common_btn2:after {
	content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #00B6CA;
    border-right: 2px solid #00B6CA;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 5%;
}


.common_minhead {
	margin-bottom: 90px;
	text-align: center;
}

.common_minhead p:nth-child(1) {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
	color: #00B6CA;
}

.common_minhead p:nth-child(2) {
	font-size: 12px;
	letter-spacing: 0.05rem;
	font-weight: 700;
}

.post_none_txt {
	text-align: center;
}

.show_tablet {
	display: none;
}

/* IOSリセット */
input[type="search"] {
  -webkit-appearance: none;
  border-radius: 0;
}

@media screen and (max-width: 1200px) {
	.hide_tablet {
		display: none;
	}
	
	.show_tablet {
		display: block;
	}
	
	.app_all_wrap .contact_thanks_wrap {
	    margin-bottom: 36vh;
    }
}

/* フッター */
footer {
	background: #333;
}

footer a {
	font-size: 14px;
	letter-spacing: 0.06em;
	font-weight: 700;
	color: #fff;
}

footer .wrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 45px 0 15px;
}

footer .top_wrap img {
	float: left;
	max-width: 200px;
}

footer .top_wrap .link_area {
/* 	float: right; */
	max-width: 350px;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 30px;
}

footer .top_wrap .link_area a {
	font-size: 12px;
	font-weight: 500;
}

footer .top_wrap .link_area a {
/* 	padding-right: 20px; */
	position: relative;
}

footer .top_wrap .link_area a i {
    padding-left: 8px;
    vertical-align: middle;
}

footer .top_wrap .link_area a.link_area_arrow:before {
	content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: -15px;
}

footer .top_wrap .link_area a:nth-child(2) {
    vertical-align: middle;
}

footer .link_wrap {
	clear: both;
	display: flex;
	padding: 55px 0 70px;
	gap:1rem;
}

footer .link_wrap .inn_wrap.fooder_stu, 
footer .link_wrap .inn_wrap.fooder_cam,
footer .link_wrap .inn_wrap.fooder_pd {
	width: 15%;
/* 	margin-right: 3%; */
}

footer .link_wrap .inn_wrap.fooder_page {
	width: 44%
}
footer .link_wrap .inn_wrap.fooder_guide {
	width: 16%;
	margin-left: 2%;
}

footer .link_wrap .inn_wrap.fooder_stu,
footer .link_wrap .inn_wrap.fooder_cam,
footer .link_wrap .inn_wrap.fooder_pd {
	position: relative;
}

footer .link_wrap .inn_wrap.fooder_stu:before,
footer .link_wrap .inn_wrap.fooder_cam:before,
footer .link_wrap .inn_wrap.fooder_pd:before {
	content: "";
    width: 2px;
    height: 80px;
    background: #00B6CA;
    position: absolute;
    top: -3%;
    left: 0;
}

footer .link_wrap .inn_wrap.fooder_stu a,
footer .link_wrap .inn_wrap.fooder_cam a, 
footer .link_wrap .inn_wrap.fooder_pd a {
	display: block;	
}

footer .link_wrap .inn_wrap.fooder_stu a,
footer .link_wrap .inn_wrap.fooder_cam a,
footer .link_wrap .inn_wrap.fooder_pd a {
/* 	margin: 0 0 1.2rem 18px; */
	margin: 0 0 1.2rem 1rem;
	font-size: 12px;
}

footer .link_wrap .inn_wrap.fooder_stu p,
footer .link_wrap .inn_wrap.fooder_cam p,
footer .link_wrap .inn_wrap.fooder_pd p {
/* 	margin: 0 0 1.2rem 10px; */
	margin: 0 0 1.2rem 0.6rem;
	font-size: 14px;
	font-weight: 700;
	color: #00B6CA;
}

footer .link_wrap .inn_wrap .link_items{
	display: flex;
    gap: 0.6rem;
}

footer .link_wrap .inn_wrap .link_items:nth-child(1),
footer .link_wrap .inn_wrap .link_items:nth-child(2) {
	margin-bottom: 25px;
}

/*
footer .link_wrap .inn_wrap .link_items:nth-child(1) a:not(:last-child),
footer .link_wrap .inn_wrap .link_items:nth-child(2) a:not(:last-child) {
	margin-right: 1rem;
}
*/

footer .link_wrap .inn_wrap .link_items:nth-child(1) a,
footer .link_wrap .inn_wrap .link_items:nth-child(2) a {
	padding-left: 0.6rem;
	position: relative;
}

footer .link_wrap .inn_wrap .link_items:nth-child(1) a:before,
footer .link_wrap .inn_wrap .link_items:nth-child(2) a:before {
	content: "";
    width: 2px;
    height: 16px;
    background: #00B6CA;
    position: absolute;
    top: 5%;
    left: 0;
}

footer .link_wrap .inn_wrap .link_items:nth-child(3) a {
	margin-right: 1rem;
	font-size: 12px;
	font-weight: 500;
}

footer .bottom_wrap small {
	display: block;
	font-size: 10px;
	text-align: center;
	color: #fff;
}

footer .bottom_wrap .flex-wrap{
  	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  	gap: 15px;
}

footer .bottom_wrap img {
	max-width: 110px;
    display: block;
    margin: -30px 0 0 auto;
}

.sp_footer {
	padding: 20px;
}

.sp_footer small {
	display: block;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

/* お知らせ一覧 */
/* topics サイドバー */
.cms_topback {
	display: block;
	margin: -10px 0 30px;
    padding-right: 10px;
	text-align: right;
	font-weight: 700;
	color: #835FD6;
}
#matching .cms_topback {
	color: #00B6CA;	
}

.sidebar .cms_topback {
	color: #00B6CA;
}

#info .wp-block-group__inner-container,
.topics_sidebar .wrap {
	max-width: 250px;
	margin-bottom: 15px;
	padding: 35px 25px;
	border-radius: 4px;
	letter-spacing: 0.06rem;
	background: #fff;
}

.topics_sidebar .wrap li {
    list-style: none;
}

.topics_sidebar .wrap li a {
    display: block;
}

#info .wp-block-group__inner-container h2,
.topics_sidebar .wrap h2 {
	margin-bottom: 20px;
	padding-left: 10px;
	color: #835FD6;
	position: relative;
}

#sidebar .wrap h2,
#info .wp-block-group__inner-container h2 {
	color: #00B6CA;
}

#info .wp-block-group__inner-container h2:before,
.topics_sidebar .wrap h2:before {
	content: "";
	width: 2px;
	height: 16px;
	background: #835FD6;
	position: absolute;
	top: 0;
	left: 0;
}

#sidebar .wrap h2:before {
	background: #00B6CA;
}

#info .wp-block-group__inner-container h2:before{
	background: #00B6CA;
}

.topics_sidebar .wrap .content {
	width: 100%;
	margin: 0 auto;
}

.imgwr img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    max-height: inherit;
}

.topics_single_ttl {
	position: relative;
    margin: 20px 0;
    border-bottom: 1px solid #835FD6;
	padding: 0 12px 16px 4px;
	line-height: 1.4rem;
}

.topics_single_ttl:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #835FD6;
	border-right: 2px solid #835FD6;
	transform: rotate(45deg);
    position: absolute;
    bottom: 20%;
    right: 2%;
}

.topics_single_cate {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 2px 2px 0 0;
	font-size: 11px;
	color: #835FD6;
	background: #F1EBFF;
}

.topics_sidebar .post_year li {
	border-bottom: 1px solid #835FD6;
}

.topics_sidebar .post_year li a {
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;	
}



/* マッチング事例サイドバー */


.matching_sidebar .wrap {
	max-width: 250px;
	margin-bottom: 15px;
	padding: 35px 25px;
	border-radius: 4px;
	letter-spacing: 0.06rem;
	background: #fff;
	box-sizing: border-box;
}

.matching_sidebar .wrap li {
    list-style: none;
    
}

.matching_sidebar .wrap li a {
    display: block;
}

.matching_sidebar .wrap h2 {
	margin-bottom: 20px;
	padding-left: 10px;
	color: #00B6CA;
	position: relative;
}


.matching_sidebar .wrap h2:before {
	content: "";
	width: 2px;
	height: 16px;
	background: #00B6CA;
	position: absolute;
	top: 0;
	left: 0;
}

.matching_sidebar .wrap .content {
	width: 100%;
	margin: 0 auto;
}

.imgwr img {
    width: 100%;
    object-fit: cover;
}

.matching_single_ttl {
	position: relative;
    margin: 20px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #00B6CA;
    line-height: 1.3rem;
}

.matching_single_ttl:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #00B6CA;
	border-right: 2px solid #00B6CA;
	transform: rotate(45deg);
    position: absolute;
    bottom: 50%;
    right: 2%;
}

.matching_single_cate {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 2px 2px 0 0;
	font-size: 11px;
	color: #00B6CA;
	background: #E9F7F8;
}

.matching_sidebar .post_year li {
	border-bottom: 1px solid #00B6CA;
}

.matching_sidebar .post_year li a {
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;	
}
.matching_sidebar .wrap .content .imgwr{
	width: 100%;
    overflow: hidden;
    height: 120px;
    margin: 0 auto -21px;
}
.matching_solo_wrap .thumb_wrap .imgwr img {
	height:180px;
}

/* infomation お知らせ一覧ページ */
#info,
#info_single {
	background: #F4FDFD;
}

#info .common_top_head,
#info_single .common_top_head {
	background: #B8E9EF;
	background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,0.3), rgba(255,255,255,0.3) 2px,transparent 0, transparent 14px);
}

#info .archive-bg {
	background: none;
}

#info .single-page {
    display: flex;
    margin-bottom: 45px;
}

#info .single-page p {
    margin-bottom: 0.4rem;
}

#info .single-page .cttp {
    margin-bottom: 20px;
    line-height: 1.8rem;
    font-size: 13px;
}

#info .single-page .time {
	width: 15%;
	margin-right: 5%;
	padding-top: 2.5px;
}

#info .single-page .contents {
	width: 80%;
}

#info .single-page .news_single_ttl {
    font-size: 14px;
    padding: 15px 0;
    font-weight: normal;
}

#info_single .topics_single_cate {
    display: inline;
    margin-right: 15px;
    padding: 3px 10px;
    letter-spacing: 0.05rem;
}

#info_single .topics_single_cate a {
	text-decoration: none;
}

#info .topics_single_cate,
#info_single .topics_single_cate,
#top .news .topics_single_cate {
	border-radius: 2px;
}

#info .topics_single_cate a,
#info_single .topics_single_cate a,
#top .news .topics_single_cate {
	font-weight: 700;
}

#info .contents_wrap .student,
#info_single .contents_wrap .student,
#top .news .student,
#top_single .student a {
	background: #00B6CA;
}

#info .contents_wrap .student a,
#info_single .contents_wrap .student a,
#top .news .student,
#top_single .student a {
	color: #fff;
}

#info .contents_wrap .enterprise,
#info_single .contents_wrap .enterprise,
#top .news .enterprise {
	background: #B8E9EF;
}

#info .contents_wrap .phd_student,
#info_single .contents_wrap .phd_student,
#top .news .phd_student {
	background: #E8F26E;
}

#info .contents_wrap .phd_student a,
#info_single .contents_wrap .phd_student a,
#top .news .phd_student {
	color: #00B6CA;
}

#top .news .enterprise {
    color: #333;
}

#top .topics_single_cate {
	margin-bottom: 5px;
    padding: 4px 7px;
    line-height: 1rem;
}

#info .single-page a {
    text-decoration: none;
}

#info_single .arcl.single p.time {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}

#info_single .arcl .img {
    margin-bottom: 25px;
}

/***:************ yuta.css 2021.11.12 お知らせ追記 *********************/
p.time{
	margin-left: 0.6rem;
	color: #A0A0A0;
}
form#searchform{
	position: relative;
}
input[type="search"]{
	width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #8B8B8B;
}
.search_icon{
	position: absolute;
	right: 12px;
    bottom: 6px;
    background-image: url(./img/search_icon.svg);
    background-color:rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 23px;
}
/* 検索結果-Not found */
h1.entry-title{
	font-size: 20px;
    margin-bottom: 45px;
}

.not-found h2{
	font-size: 16px;
}

.not-found h2 a{
	text-decoration: underline;
}

/* 年度 */
.post_year li{
	border-bottom: 1px solid #00B6CA;
    margin-bottom: 20px;
    padding-bottom: 5px;
    box-sizing: border-box;
    position: relative;
}

/* topics 一覧ページ */
#topics,
#topics_single {
    background: #F1EBFF;
}

#topics .common_top_head,
#topics_single .common_top_head {
	background: #835FD6;
	background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,0.1), rgba(255,255,255,0.1) 2px,transparent 0, transparent 14px);
}

#topics .common_top_head p,
#topics_single .common_top_head p {
	color: #F1EBFF;
}

#topics .common_top_head h1,
#topics_single .common_top_head h1 {
	line-height: 2rem;
	color: #fff;
}

#info .all_wrap,
#info_single .all_wrap,
#topics .all_wrap,
#topics_single .all_wrap,
#matching .all_wrap,
#matching_single .all_wrap
 {
	max-width: 980px;
	margin: 50px auto 0;
	padding-bottom: 100px;
	display: flex;
	align-items: flex-start;
}

.topicscopy {
	max-width: 530px;
	margin:0 auto ;
	margin-top: 50px;
	line-height: 2;
	font-size: 15px;
}

#info .sidebar,
#info_single .sidebar,
#topics .topics_sidebar,
#topics_single .topics_sidebar,
#matching .matching_sidebar,
#matching_single .matching_sidebar
{
    width: 26%;
    margin-right: 1%;
}

#info .contents_wrap,
#topics .contents_wrap,
#topics_single .contents_wrap,
#info_single .contents_wrap,
#matching .contents_wrap,
#matching_single .contents_wrap
 {
	width: 74%;
	padding: 60px 45px;
	border-radius: 4px;
	background: #fff;
}

#topics_single .contents_wrap,#matching_single .contents_wrap  {
    padding: 40px 55px;
}

.cat-item {
    list-style: none;
}

.wp-block-archives li,
.cate_wrap .cat-item,
.archive_wrap .cat-trig .children li {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 1px solid #835FD6;
	position: relative;
}

#matching .cate_wrap .cat-item, .archive_wrap .cat-trig .children li{
	border-bottom: 1px solid #00B6CA;
}



#sidebar .cate_wrap .cat-item,
.wp-block-archives li {
	border-bottom: 1px solid #00B6CA;
}

.wp-block-archives li:after,
.cate_wrap .cat-item:after,
.archive_wrap .cat-trig .children li:after,
.post_year li:after {
	content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #835FD6;
    border-right: 1px solid #835FD6;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 2%;
}



#sidebar .cate_wrap .cat-item:after,
.wp-block-archives li:after,
#matching .cate_wrap .cat-item:after,
#matching .post_year li:after 
{
	border-top: 1px solid #00B6CA;
    border-right: 1px solid #00B6CA;
}

.topics_sidebar .cate_wrap h2,
.topics_sidebar .archive_wrap h2 {
	margin-bottom: 50px;
}

#info .tag_wrap ul li,
#info_single .tag_wrap ul li,
.wp-block-tag-cloud,
.tag_wrap .cat-item,
#sidebar .tag-list li,
.tag_icon {
	display: inline-block;
	margin: 0 5px 15px 0;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 11px;
	line-height: 1;
	background: #F1EBFF;
}
#matching .tag_wrap ul li,
.matching_sidebar .tag_wrap li{
	background: #E9F7F8;
}

#info .tag_wrap ul li,
#info_single .tag_wrap ul li,
.wp-block-tag-cloud,
#sidebar .tag-list li {
	background: #E9F7F8;
}

.tag_wrap .cat-item a,
.tag_icon a {
	padding: 0 4px;
	color: #835FD6;
	text-decoration: none;
}
#matching .tag_wrap .cat-item a,
#matching .tag_icon a{
	color: #00B6CA;
}
#matching .tag_wrap  .cat-item a{
	color: #00B6CA;
}

#info .tag_wrap ul li a,
#info_single .tag_wrap ul li a,
.wp-block-tag-cloud a,
#sidebar .tag-list li a {
	color: #00B6CA;
	text-decoration: none;
}

.archive_wrap .cat-trig h4 {
	margin-bottom: 15px;
}

.archive_wrap .cat-trig .children li {
	padding-bottom: 5px;
	margin-bottom: 25px;
	border-bottom: 1px solid #835FD6;
}

.search_wrap .searchform {
    width: 200px;
    border: 1px solid #835FD6;
    border-radius: 2px;
}

.search_wrap .searchform {
  position: relative;
}
 
.search_wrap .searchfield {
  font-size: 14px;
  width: 100%;
  padding: 10px;
}
 
.search_wrap .searchsubmit {
  font-family: FontAwesome;
  font-size: 1.6em !important;
  position: absolute;
  top: 8%;
  right: 7%;
  padding: 0 !important;
  box-shadow: none !important;
  color: #CECECE !important;
  background: transparent !important;
}
 
.search_wrap .searchsubmit:hover {
  opacity: .6;
}

#topics .single-page .txt_wrap ,#matching .single-page .txt_wrap {
	float: left;
	width: 50%;
	margin: 0 5% 0 0;
}

#topics .single-page .thumb_wrap ,#matching .single-page .thumb_wrap {
	float: right;
	width: 45%;
	margin-bottom: 15px;
}
#matching .single-page .thumb_wrap{
	max-width: 270px;
}

#topics .single-page .thumb_wrap .imgwr,#matching .single-page .thumb_wrap .imgwr {
    margin-bottom: -23px;
}
#matching .single-page .thumb_wrap .imgwr {
/*
	overflow: hidden;
    height: 150px;
*/
}

.topics_sidebar .wrap .content .imgwr,.matching_sidebar .wrap .content .imgwr {
    margin-bottom: -21px;
}

.topics_sidebar .wrap .imgwr img {
    height: 144px;
}

#topics .single-page .tag_wrap ,#matching .single-page .tag_wrap {
	clear: both;
	padding-top: 20px;
}
#topics .single-page .news_single_ttl {
    padding: 0;
}

#topics .single-page .news_single_ttl a {
	text-decoration: none;
}

#topics .single-page p {
    margin-bottom: 0;
} 
#topics .single-page .time {
	margin-top: 10px;
	font-size: 11px;
	color: #A0A0A0;
}  

#topics .single-page .cttp {
	margin-top: 10px;
    font-size: 13px;
    line-height: 1.5rem;
    letter-spacing: 0.05rem;
    position: relative;
}

#topics .single-page .cttp a {
    text-decoration: none;
}

#topics .single-page .cttp .link {
    color: #00B6CA;
}

#topics .single-page {
    max-width: none;
    padding-bottom: 20px;
    margin-bottom: 60px;
    border-bottom: 1px solid #00B6CA;
}

#topics .single-page .imgwr img {
    max-width: 270px;
    height: 160px;
}

/* トピックス　シングルページ */
#topics_single .news_single_ttl {
	margin: 15px 0 25px;
	font-size: 18px;
	font-weight: 700;
	line-height: 2rem;
} 

#topics_single .contents_wrap img {
    max-height: 320px;
    height: 100%;
}

#topics_single .time {
	margin-bottom: 35px;
	font-size: 13px;
}

#topics_single .cttp {
	font-size: 13px;
	line-height: 2rem;
}

#topics_single .cttp a {
	color: #835FD6;
}

#topics_single .single_tag_wrap {
    padding-top: 100px;
    clear: both;
}

/* matching マッチング事例ページ */
#matching {
	background: linear-gradient(to bottom right,#D9ECC4,#8EDEE7);
	padding-bottom: 6rem;
}

.bottom_gap {
	padding: 160px 0 0;
}

#matching .common_top_head {
	background: none;
    padding: 70px 0 30px;
}

#matching .pagination {
    padding: 30px 0;
    margin: 0;
}
.matching_solo_wrap {
	border-bottom: 1px solid #00B6CA;
}

.matching_solo_wrap .left_wrap{
	width: 65%;
	float: left;
	padding-top: 18px;
	padding-right: 30px;
    box-sizing: border-box;
}

.matching_solo_wrap .right_wrap{
	width: 35%;
	float: right;
}

/* マッチング　シングルページ */
#matching .contents_wrap{
	width: 74%;
	background-color: #fff;
	padding-bottom: 3rem;
}
#matching .single-page {
    max-width: 1000px;
    margin-bottom: 60px;
    box-sizing: border-box;
/*     box-shadow: 0 3px 6px rgba(0,182,202,0.16); */
    background: #fff;
}
.content_m_archieve a{
	text-decoration: none;
	color: #00B6CA;
}

.match_ttl{
	margin-bottom: 1.5rem;
	color: #00B6CA;
}
.match_ttl p{
float: left;
width: 10%;
border-right: 1px solid #00B6CA;
border-left: 1px solid #00B6CA;
padding: 10px 3px;
font-size: 14px;
text-align: center;
box-sizing: border-box;
margin-bottom: 0;
line-height: 1.1;
letter-spacing: 0.08rem;
}
.m_single .match_ttl p{
	width: 12%;
}
.match_ttl p span{
	font-size: 23px
}
.match_ttl .matchings_single_ttl{
    float: left;
    width: 90%;
    box-sizing: border-box;
	padding: 0 0 0 16px;
	line-height: 1.4;
    font-size: 18px;
    letter-spacing: 0.06em;
}
.m_single .matchings_single_ttl{
	font-size: 22px;
	width: 88%;
}

.profile_wrap{
	margin-bottom: 2rem;
}
.profile_wrap .imgwl{
	float: left;
	max-width: 180px;
	width: 40%;
}
.profile_wrap .imgwl img{
	max-height:inherit;
	height: 240px;
}

.profile_wrap .profile{
	float: left;
	width: 	60%;
	padding-left: 20px;
    box-sizing: border-box;
}
.profile .profile_name{
	border-left: 2px solid #00B6CA;
    padding-left: 5px;
}
.profile .profile_name h3{
	font-size: 12px;
    line-height: 1.6;
	margin-bottom: 0.8rem;  
	letter-spacing: 0.05rem;
}
.profile .profile_name h3 span{
	font-size: 14px;
}
.left_wrap p.time{
    font-weight: lighter;
    padding-left: 5px;
    box-sizing: border-box;
}
.content_m_archieve{
	padding-left: 5px;
    box-sizing: border-box;
}
.content_m_archieve p{
	line-height: 1.7
}
.content_m_archieve p span{
	  color: #00B6CA;
}
.profile .about_matching {
	line-height: 1.5;
    font-size: 12px;
}
.matching_detail{
	padding: 32px 40px;
    box-sizing: border-box;
    background-color:#E9F7F8;
    line-height: 1.8;
    font-size: 13px;
    margin-bottom: 3rem;
}
.matching_detail p{
	margin-bottom: 0;
	font-size: 12px;
}
.txt_sec h4{
	font-size: 15px;
    border-left: 2px solid #00B6CA;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 1.4;
    margin-bottom: 1.4rem;
}
.txt_sec p{
	line-height: 2;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 4rem;
    font-size: 13px;
}
.nav_sec_line{
	width: 100%;
	border-bottom: 1px solid #00B6CA;
}
.matching_bottom_slide{
	margin-top:4rem;
}
.matching_bottom_slide .ttl{
	text-align: center;
    margin-bottom: 5rem;
}
.matching_bottom_slide .ttl p{
	font-size: 18px;
    font-weight: bold;
}

/* サロンシステムについて */
#about {
	background: #fff;
}

#about .top_photo {
	height: 540px;
    background-size: cover;
	background-image: url(./img/about_top.jpg);
}

#about .top .wrap {
	max-width: 1000px;
    margin: -240px auto 45px;
    padding: 60px;
    border-radius: 4px;
    position: relative;
    background: #fff;
}

#about .top .wrap .disc {
	max-width: 530px;
	margin: 50px auto 0;
	line-height: 2rem;
	letter-spacing: 0.05rem;
}

#about .mission {
	padding: 80px;
	background: linear-gradient(to bottom right,#D9ECC4,#8EDEE7);
}

#about .mission .wrap {
	max-width: 750px;
	margin: 0 auto;
	padding: 70px;
	border-radius: 4px;
	background: #fff;
	position: relative;
}

#about .mission .wrap:before {
	content: "";
	width: 1px;
	height: 60px;
	background: #00B6CA;
	position: absolute;
	top: 0;
	right: 50%;
}

#about .mission .wrap .disc {
	max-width: 530px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 2.2rem;
	letter-spacing: 0.02rem;
}

#about .start .common_bottom_start {
	background: #F4FDFD;
}

#about .start .common_bottom_start .phd_btn a:last-child {
    color: #00B6CA;
}

#about .start .common_bottom_start .phd_btn a:last-child:after {
    border-top: 1px solid #00B6CA;
    border-right: 1px solid #00B6CA;
}

#about .message {
	max-width: 750px;
	margin: 0 auto;
	padding: 85px 0 200px;
}

#about .message .wrap {
	display: flex;
}

#about .message .wrap:nth-child(2) {
	margin-bottom: 100px;
	padding-bottom: 120px;
	border-bottom: 1px solid #00B6CA;
}

#about .message .wrap .disc_wrap {
	width: 55%;
}

#about .message .wrap .teach_wrap {
	width: 35%;
}

#about .message .wrap .teach_wrap img {
	box-shadow: 20px 20px #e8f26e;
	border-radius: 4px;
}

#about .message .wrap:nth-child(2) .teach_wrap {
	margin-right: 10%;
}

#about .message .wrap:nth-child(3) .teach_wrap {
	margin-left: 10%;
}

#about .message .wrap .teach_wrap p {
	font-weight: 700;
}

#about .message .wrap .teach_wrap p:nth-child(2) {
	margin: 35px 0 10px;
	font-size: 12px;
}

#about .message .wrap .teach_wrap p:nth-child(3),
#about .message .wrap:nth-child(3) .teach_wrap p:nth-child(4) {
	font-size: 22px;
}

#about .message .wrap:nth-child(3) .teach_wrap p {
	text-align: right;
}

#about .message .wrap:nth-child(3) .teach_wrap p:nth-child(3) {
    margin: 10px 0;
    font-size: 12px;
    line-height: 1rem;
}

#about .message .wrap .disc_wrap h3 {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.1rem;
	line-height: 2.7rem;
}

#about .message .wrap .disc_wrap p {
	font-size: 15px;
	letter-spacing: 0.05rem;
	line-height: 2.2rem;
}

#about .message .wrap .disc_wrap .star{
	line-height: 1.5rem;
  	margin-top: 1.5rem;
}


/* トップページ */
#top .top1 {
	height: 90vh;
    background-image: url(./img/bgmain.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#top .top1 .container {
	height: 90vh;
    background-image: url(./img/top_bg.png);
    background-size: cover;
}
 
#top .top1_2 {
	max-width: 1000px;
	margin: -30vh auto 0;
	padding: 55px 0;
	border-radius: 8px;
	background: rgba(255,255,255,0.8);
}

#top .top1_2 .txt_wrap {
	max-width: 530px;
	margin: 55px auto 0;
	font-size: 18px;
	line-height: 2.5rem;
}

#top .top1_2 .txt_wrap p:not(:last-child){
	margin-bottom: 2rem;
}

#top .for_disc {
	max-width: 1000px;
	margin: 15px auto 10px;
	display: flex;
} 

#top .for_disc .phd_wrap,
#top .for_disc .company_wrap {
	width: 48%;
	padding: 20px;
	border-radius: 8px 8px 0 0;
}

#top .for_disc .phd_wrap {
	margin-right: 2%;
	background: #B8E9EF;
}

#top .for_disc .company_wrap {
	background: #E9F7F8;
}

#top .for_disc .phd_wrap .head,
#top .for_disc .company_wrap .head {
	margin-bottom: 15px;
	text-align: center;
}

#top .for_disc .phd_wrap .head p:nth-child(1),
#top .for_disc .company_wrap .head p:nth-child(1) {
	margin-bottom: 8px;
	font-size: 14px;
	letter-spacing: 0.15rem;
    font-weight: 700;
	color: #00B6CA;
}

#top .for_disc .phd_wrap .head p:nth-child(2),
#top .for_disc .company_wrap .head p:nth-child(2) {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.03rem;
}

#top .for_disc .phd_wrap ul,
#top .for_disc .company_wrap ul {
	margin-bottom: 30px;
}

#top .for_disc .phd_wrap ul li,
#top .for_disc .company_wrap ul li {
	margin-bottom: 8px;
	padding: 15px 15px 15px 40px;
	border-radius: 4px;
	font-weight: 700;
	line-height: 1.5rem;
	background: #fff;
	position: relative;
}

#top .for_disc .phd_wrap ul li:before,
#top .for_disc .company_wrap ul li:before {
	content: "";
    position: absolute;
    top: 40%;
    left: 3%;
    width: 11px;
    height: 5px;
    border-left: 3px solid #4FB4C7;
    border-bottom: 3px solid #4FB4C7;
    transform: rotate(-45deg);
}

#top .for_disc .phd_wrap .btn_area p,
#top .for_disc .company_wrap .btn_area p {
	margin-bottom: 15px;
	text-align: center;
	letter-spacing: 0.05rem;
	font-weight: 700;
	color: #00B6CA;
}

#top .for_disc .phd_wrap .btn_area a,
#top .for_disc .company_wrap .btn_area a {
	display: block;
    max-width: 320px;
    margin: 0 auto;
    padding: 15px;
    border-radius: 2px;
    box-sizing: border-box;
    letter-spacing: 0.05rem;
    color: #fff;
    background: #00B6CA;
    position: relative;
}

#top .for_disc .phd_wrap .btn_area a:after,
#top .for_disc .company_wrap .btn_area a:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 4%;
}

#top .for_disc .phd_wrap .btn_area a:nth-child(2),
#top .for_disc .company_wrap .btn_area a:nth-child(2) {
	margin: 0 auto 40px;
}

#top .for_disc .phd_wrap .min_txt,
#top .for_disc .company_wrap .min_txt {
	margin-top: 25px;
	text-align: center;
	font-size: 12px;
}

#top .for_disc .phd_wrap .min_txt span,
#top .for_disc .company_wrap .min_txt span {
	font-weight: 700;
}

#top .start {
	padding: 80px 0 20px;	
	background: #fff;
}

#top .start .wrap {
	height: auto;
	max-width: 1000px;
	margin: 0 auto 100px;
	display: flex;
    align-items: flex-start;
}

#top .start .wrap .photo,
#top .start .wrap .disc_wrap {
	width: 48%;
}

#top .start .wrap .photo {
	max-height: 300px;
    margin: 50px 4% 0 0;
}

#top .start .wrap .disc_wrap {
	padding-top: 145px;
	position: relative;
}

#top .start .wrap .disc_wrap:before {
	content: "";
	width: 4px;
	height: 120px;
	background: #E8F26E;
	position: absolute;
	top: 0;
	left: 5%;
}

#top .start .wrap .disc_wrap h3 {
	font-size: 30px;
	letter-spacing: 0.05rem;
	line-height: 3rem;
}

#top .start .wrap .disc_wrap h3 img {
	width: 200px;
    margin: 0 5px 0 0;
}

#top .start .wrap:nth-child(1) .disc_wrap h3 {
	margin-bottom: 25px;
}

#top .start .wrap:nth-child(2) .disc_wrap h3 {
	margin-bottom: 10px;
	font-weight: 500;
}

#top .start .wrap .disc_wrap p {
	font-size: 15px;
	letter-spacing: 0.05rem;
	line-height: 2rem;
}

#top .start .wrap .disc_wrap .bottom_head {
	margin-bottom: 20px;
    font-weight: 700;
	font-size: 18px;
}

#top .start .wrap .disc_wrap .btn_wrap {
	position: relative;
}

#top .start .wrap .disc_wrap .btn_wrap a:nth-child(1) {
    display: block;
    margin-top: 72px;
    font-size: 17px;
    font-weight: 700;
    color: #00B6CA;
    position: relative;
}

#top .start .wrap .disc_wrap a:before {
	content: "";
    width: 80px;
    height: 1px;
	background: #00B6CA;
	position: absolute;
    top: 47%;
    left: 21%;
    transition: all .3s;
}
#top .start .wrap .disc_wrap a:nth-child(1):after {
    content: '';
    width: 15px;
    height: 1px;
    background: #00B6CA;
    transform: rotate(45deg);
	position: absolute;
    top: 17%;
    left: 35%;    
    transition: all .3s;
}

#top .start .wrap .disc_wrap a:hover::before{
    left: 24%;
}

#top .start .wrap .disc_wrap a:hover::after{
    left: 38%;
}



#top .start .wrap .disc_wrap .btn_wrap a:nth-child(2):before {
    content: "";
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background: transparent;
    border: 1px solid #00B6CA;
    border-radius: 50%;
    position: absolute;
    top: 47%;
    left: 30%;
    transition: all .3s;
}
#top .matching {
	padding: 65px 0 100px;
	background: linear-gradient(to bottom right,rgba(217,236,196),rgba(142,222,231));
}

#top .matching .common_side_border_head {
    max-width: 300px;
    width: 100%;
}

#top .matching .common_side_border_head:before {
    left: -4%;
    width: 1px;
}

#top .matching .common_side_border_head:after {
    right: -4%;
    width: 1px;
}
.matching .common_btn{
	width: 320px;
}


.pdf_guide{
	max-width: 240px;
    margin: 0 auto;
    padding-top: 120px;
}
/* スライダー */
#top .matching .bx-wrapper {
	max-width: 1000px !important;
    margin-bottom: 140px;
}

#top .matching .contents .wrap ,.matching_bottom_slide .contents .wrap{
	position: relative;
/* 	height: 380px; */
	padding: 30px 30px 50px 30px;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(0,182,202,16%);
	background: #fff;
	box-sizing: border-box;
}
#top .matching .contents .wrap .img_wrap ,.matching_bottom_slide .contents .wrap .img_wrap{
	height: 190px;
    overflow: hidden;
}
#top .matching .contents .wrap img ,.matching_bottom_slide .contents .wrap img{
	max-height: inherit;
	margin: 0 auto;
}
#top .matching .contents .wrap img{
	height: 240px;
}
.matching_bottom_slide .contents .wrap img{
	object-fit: cover;
    height: 180px;
}
#top .matching .contents .wrap .title ,.matching_bottom_slide .wrap .title{
	margin: 20px 10px 15px;
	font-weight: 700;
	line-height: 1.7rem;
}

#top .matching .contents .wrap .txt ,.matching_bottom_slide .wrap .txt{
	margin: 0 10px;
	font-size: 13px;
	letter-spacing: 0.05rem;
	line-height: 1.5rem;
}

#top .matching .contents .wrap .btn,.matching_bottom_slide .contents .wrap .btn{
	position: absolute;
	bottom: 6%;
	left: 15%;
	display: inline-block;
/*
	max-width: 260px;
	width: 100%;
	margin: 15px 10px 0;
*/
	padding: 8px 20px;
	border: 1px solid #4FB4C7;
	border-radius: 16px;
	text-align: center;
	color: #00B6CA;
	box-sizing: border-box;
}
#top .matching .bx-wrapper .bx-prev {
    left: -3%;
    background: url(img/controls1.png) no-repeat 0;
}

#top .matching .bx-wrapper .bx-next {
    right: -6%;
    background: url(img/controls2.png) no-repeat 0;
}

#top .matching .bx-wrapper .bx-controls-direction a {
    height: 40px;
}


#top .matching .bx-wrapper .bx-pager,
#top .matching .bx-wrapper .bx-controls-auto {
    bottom: -10%;
}

#top .matching .bx-wrapper .bx-pager.bx-default-pager a {
    background: #E9F7F8;
}

#top .matching .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top .matching .bx-wrapper .bx-pager.bx-default-pager a.active,
#top .matching .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #fff;
}

#top .topics {
    padding: 65px 0 100px;
    background: #fff;
}

#top .topics .wrap {
	max-width: 1000px;
	margin: 0 auto;
}

#top .topics .wrap .contents_wrap:nth-child(1),
#top .topics .wrap .contents_wrap:nth-child(3) {
	float: left;
	width: 48%;
	margin-right: 4%;
}

#top .topics .wrap .contents_wrap:nth-child(2),
#top .topics .wrap .contents_wrap:nth-child(4) {
	float: right;
	width: 48%;
}

#top .topics .common_btn {
	clear: both;
}

#top .topics .wrap .contents_wrap {
	margin-bottom: 40px;
}

#top .topics .wrap .contents_wrap:nth-child(3),
#top .topics .wrap .contents_wrap:nth-child(4) {
    margin-bottom: 80px;
}

#top .topics .wrap .contents_wrap .topics_single_cate {
	display: block;
    margin-bottom: 25px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 14px;
}

#top .topics .wrap .contents_wrap .items_wrap {
	display: flex;
}

#top .topics .wrap .contents_wrap .items_wrap .items:nth-child(1) {
	width: 65%;
	margin-right: 5%;
}

#top .topics .wrap .contents_wrap .items_wrap .items:nth-child(2) {
	width: 30%;
}

#top .topics .wrap .contents_wrap .items_wrap .items .ttl {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7rem;
    font-weight: 700;
}

#top .topics .wrap .contents_wrap .items_wrap .items .time {
	margin-bottom: 10px;
	font-size: 11px;
	color: #A0A0A0;
}

#top .topics .wrap .contents_wrap .items_wrap .items .cttp {
    font-size: 13px;
    line-height: 1.7rem;
}

#top .topics .wrap .contents_wrap .items_wrap .items .cttp .span {
    color: #835FD6;
}

#top .topics .wrap .contents_wrap .items_wrap .items:nth-child(2) img {
    height: 145px;
    border-radius: 2px;
    object-fit: cover;
}

#top .news {
	padding: 65px 0 100px;
	background: #E9F7F8;
	background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,0.4), rgba(255,255,255,0.4) 2px,transparent 0, transparent 14px);
}

#top .news .common_btn {
    margin-top: 80px;
}

#top .news .common_btn:after {
    top: 40%;
}

#top .news .nwsbox {
    max-width: 750px;
    width: 100%;
    margin: 0 auto 20px;
    padding: 35px 20px 25px 80px;
    border-radius: 16px;
    box-sizing: border-box;
    background: #fff;
}

#top .news .nwsbox .atcl {
    height: 300px;
    overflow-y: scroll;
}

#top .news .nwsbox ul li {
    margin-bottom: 5px;
    display: block;
    line-height: 23px;
}

#top .news .nwsbox ul li a {
    display: inline-block;
    width: 98%;
}

#top .news .nwsbox ul span:nth-child(1) {
    font-size: 13px;
    padding-right: 10px;
/*     width: 12%; */
	display: inline-block;
    float: left;
    box-sizing: border-box;
    font-weight: 700;
}

#top .news .nwsbox ul p {
    margin-bottom: 20px;
}

#top .campany {
	padding: 65px 0 150px;
	background: #fff;
}

#top .campany .common_minhead p:nth-child(1) {
    margin-bottom: 20px;
    letter-spacing: 0.06rem;
    font-weight: 700;
}

#top .campany .lists {
	max-width: 750px;
	line-height: 2.3;
	margin: -40px auto -30px;
	text-align: left;
	letter-spacing: 0;
	font-size: 15px;
}



/* ご利用方法 */
/* タブ切り替え */
.tab {
	overflow: hidden;
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
}

.tab a {
	display: block;
	padding: 35px 0 25px;
	flex: 1;
	border-radius: 16px 16px 0 0;
	text-align: center;
	font-size: 22px;
	letter-spacing: 0.01rem;
	font-weight: 700;
}

.tab a:nth-child(1) {
	margin-right: 20px;
	background: #B8E9EF;
}

.tab a:nth-child(2) {
	background: #E9F7F8;
}

.tab a li span {
	margin-right: 20px;;
	font-size: 24px;
	font-family: "Jost-Medium",sans-serif;
}

.howto_contents {
	padding: 100px 0 0;
	background: #fff;
}

.howto_top_txt {
	padding-bottom: 80px;
	font-size: 16px;
	line-height: 1.8rem;
	font-family: "游ゴシック", "YuGothic","Yu Gothic",sans-serif;
	text-align: center;
}

/* タブ中身 */
.tab_wrap .container {
	max-width: 1000px;
	margin: 0 auto;
}

.phd_contents_wrap .top_wrap,
.company_contents_wrap .top_wrap {
	padding: 90px 0 115px;
}

.phd_contents_wrap .top_wrap {
	background: #B8E9EF;
}

.company_contents_wrap .top_wrap {
	background: #E9F7F8;
}

.tab_wrap .top_wrap h2 {
	margin-bottom: 70px;
	padding: 25px 0;
	border-radius: 48px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05rem;
	text-align: center;
	background: #E9F7F8;
	position: relative;
}

.tab_wrap .top_wrap h2 img {
	max-width: 200px;
	padding-right: 8px;
}

.tab_wrap .top_wrap h2:after {
	position: absolute;
    bottom: -35%;
    right: 47%;
    content: "";
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #E9F7F8;
}

.tab_wrap .company_contents_wrap .top_wrap h2 {
	background: #fff;
}

.tab_wrap .company_contents_wrap .top_wrap h2:after {
    border-top: 30px solid #fff;
}

.tab_wrap .company_contents_wrap .top_wrap .top_txt {
	max-width: 600px;
	margin: 0 auto 60px;
	font-size: 15px;
	letter-spacing: 0.05rem;
	line-height: 2rem;
}

.tab_wrap .top_wrap .item_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.tab_wrap .top_wrap .item_wrap:after {
	display: block;
	content:"";
	width: 492px;
}

.tab_wrap .top_wrap .item_wrap .items {
	max-width: 492px;
	margin-bottom: 15px;
	padding: 35px 35px 45px;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(0,182,202,16%);
	box-sizing: border-box;
	background: #fff;
}

.tab_wrap .top_wrap .item_wrap .items:nth-child(odd) {
	margin-right: 16px;
}

.tab_wrap .top_wrap .item_wrap .items .head_deco {
	display: inline-block;
    margin-bottom: 20px;
    padding: 8px 15px 6px;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1rem;
    color: #E8F26E;
    background: #00B6CA;
}

.tab_wrap .top_wrap .item_wrap .items .head_decoB {
	color: #00B6CA;
    background: #E8F26E;
}

.tab_wrap .top_wrap .item_wrap .items h3 {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.01rem;
}

.tab_wrap .top_wrap .item_wrap .items .desc {
	font-size: 15px;
	letter-spacing: 0.05rem;
	line-height: 2rem;
}

.tab_wrap .bottom_wrap {
	padding: 100px 0;
	background: #fff;
}

.tab_wrap .bottom_wrap .container {
	max-width: 750px;
}

.tab_wrap .bottom_wrap .head {
	margin-bottom: 60px;
	text-align: center;
	font-weight: 700;
}

.tab_wrap .bottom_wrap .head p {
	margin-bottom: 15px;
	font-size: 22px;
	letter-spacing: 0.1rem;
	color: #00B6CA;
}

.tab_wrap .bottom_wrap .head h2 {
	font-size: 30px;
	letter-spacing: 0.05rem;
}

.tab_wrap .bottom_wrap .head h2 span {
	padding: 0 2px;
    vertical-align: middle;
	color: #00B6CA;
}

.tab_wrap .bottom_wrap .head h2 .deco {
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 16px;
	background: #E8F26E;
	position: relative;
}

.tab_wrap .bottom_wrap .head h2 .deco:after {
	position: absolute;
    top: 33%;
    right: 0;
    margin-right: -5px;
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #E8F26E;
}

.tab_wrap .bottom_wrap .head h2 .lage,
.tab_wrap .bottom_wrap .head h2 .middle {
	font-weight: 500;
	font-family: "Jost-Medium",sans-serif;
}

.tab_wrap .bottom_wrap .head h2 .lage {
	font-size: 55px;
}

.tab_wrap .bottom_wrap .step_wrap .step {
	margin-bottom: 65px;
	padding: 30px 65px;
	border: 1px solid #4FB4C7;
	box-shadow: 0px 0px 0px 10px #E9F7F8;
	background: #E9F7F8;
	position: relative;
}

.tab_wrap .bottom_wrap .step_wrap .step:not(:last-child):before {
	position: absolute;
    bottom: 0;
    left: 48%;
    margin-bottom: -35px;
    content: "";
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #E9F7F8;
}

.tab_wrap .bottom_wrap .step_wrap .step .head_deco {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0.01rem;
	text-align: center;
	color: #00B6CA;
}

.tab_wrap .bottom_wrap .step_wrap .step .head_deco span {
	padding-left: 5px;
	font-size: 25px;
}

.tab_wrap .bottom_wrap .step_wrap .step h3 {
	margin-bottom: 35px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.01rem;
	text-align: center;
}

.tab_wrap .bottom_wrap .step_wrap .step .desc {
	font-size: 14px;
    line-height: 2rem;
}

.tab_wrap .bottom_wrap .step_wrap .step .common_btn {
    width: 280px;
    margin: 30px auto 0;
    padding: 15px;
    font-size: 16px;
}

.tab_wrap .bottom_wrap .step_wrap .step .common_btn:after {
    top: 38%;
}

.tab_wrap .bottom_wrap .bottom_link_wrap p {
	margin-bottom: 15px;
	letter-spacing: 0.01rem;
	font-weight: 700;
	text-align: center;
	color: #00B6CA;
}

.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(2),
.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(4) {
	font-size: 16px;
	text-align: left;
}

.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(2),
.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(7) {
	margin-bottom: 40px;
}

.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(4) {
	padding: 15px 40px;
	font-weight: 500;
}

.tab_wrap .bottom_wrap .bottom_link_wrap a:nth-child(4):after {
	top: 40%;
}

.tab_wrap .bottom_wrap .bottom_link_wrap .min_txt {
	margin: 40px 0 55px;
	font-size: 12px;
	font-weight: 500;
	color: #333;
}

.tab_wrap .bottom_wrap .bottom_link_wrap .min_txt span {
	font-weight: 700;
}

.tab_wrap .bottom_wrap .bottom_link_wrap .lage_txt {
	margin-bottom: 70px;
	font-size: 20px;
	letter-spacing: 0.01rem;
	line-height: 2.2rem;
}

/* スライダー スリック */
.slick-dots li button:before {
    line-height: 0;
}

.slick-dots li {
	margin: 0;
}

.topics_sidebar .slick-dots li button:before {
    color: #835FD6;
}

#top .slick-dots li button:before {
    color: #fff;
}

#top .slick-dotted.slick-slider ,.matching_bottom_slide .slick-dotted.slick-slider{
    margin-bottom: 80px;
}

#top .slick-initialized .slick-slide,.matching_bottom_slide .slick-initialized .slick-slide {
	padding: 0 18px;
	box-sizing: border-box;
}
#top .slick-initialized .slick-slide {
}

#top .slick-list.draggable {
    max-width: 900px;
    max-height: 380px;
    margin: 0 auto;
}
.matching_bottom_slide .slick-list.draggable{
	max-width: 900px;
	margin: 0 auto;
}

#top .slick-dots,.matching_bottom_slide .slick-dots {
	position: static;
	margin-top: 40px;
}

#top .slick-prev ,.matching_bottom_slide .slick-prev{
	left: 6%;
}

#top .slick-next ,.matching_bottom_slide .slick-next {
	right: 6%;
}

#top .slick-prev:before, .matching_bottom_slide .slick-prev:before{
    font-family: none;
    content: url(./img/slick_prev.png) !important;
}

#top .slick-next:before, .matching_bottom_slide .slick-next:before  {
    font-family: none;
    content: url(./img/slick_next.png) !important;
}

/* 20220217Inaba */

.matching_desc{
	max-width: 530px;
    margin: 0 auto 5rem;
    width: 100%;
}

.matching_desc p{
	line-height: 2;
    font-size: 15px;
}
.show769{
	display: none
}
/* Resposinve　タブレット */
@media screen and (max-width: 768px) {
	.show769{
		display: block;
	}
	/* 	トップページ */
	#top .matching .bx-wrapper .bx-next {
	    right: 0;
	}

	#top .matching .bx-wrapper .bx-prev {
	    left: 3%;
    }
    
    #top .matching .bx-viewport {
	    width: 87% !important;
		margin: 0 auto;
    }
    
    #hamburger {
    	margin-left: auto;
    }
    
    header h1.sub-site-title {
	    margin-left: 0;
	    margin-right: 20px;
	}
	
	#gNav {
    	width: 42%;
    }
    
    #top .top1_2 {
	    margin: -30vh auto 0;
    }
    
    #top .top1_2,
    #top .for_disc,
    #top .start .wrap,
    #top .topics .wrap,
    #top .news .nwsbox {
	    width: 94%;
    }
    
    #top .news .nwsbox {
	    padding: 35px 15px 25px 25px;
    }
    
    #top .news .nwsbox ul span:nth-child(1) {
    	width: 22%;
    }
    
    #top .campany .lists {
	    width: 90%;
	    margin: 20px auto -30px;
    }
    
    #top .start .wrap .disc_wrap a:before {
    	left: 30%;
    }
    
    #top .start .wrap .disc_wrap .btn_wrap:after {
	    left: 43%;
	}
	
	#top .start .wrap .disc_wrap a:after {
	    left: 49%;
    }
    
    #top .slick-list.draggable {
	    max-width: 620px;
    }
  
    #top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):after {
      left: 47%;
  }
  
    #top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):before {
      left: 28%;
  }
  
 	 #top .start .wrap .disc_wrap .btn_wrap a:nth-child(2):before {
   		 left: 40%;
	}
	#top .slick-list.draggable,#matching .slick-list.draggable{
	    max-width: 620px;
    } 
	/* ヘッダー */
	header h2.sub-site-title {
	    margin: 0;
	}
    
	/* フッター */
    footer .wrap {
    	width: 95%;
    }
    
    footer .link_wrap .inn_wrap.fooder_stu, footer .link_wrap .inn_wrap.fooder_cam {
	    width: 19%;
	    margin-right: 3%;
	}

    footer .link_wrap .inn_wrap.fooder_page {
	    width: 56%;
	}
	
	footer .link_wrap .inn_wrap .link_items:nth-child(1) a,
	footer .link_wrap .inn_wrap .link_items:nth-child(2) a {
	    margin-right: 20px;
	    line-height: 2.5rem;
    }
    
    footer .link_wrap .inn_wrap .link_items:nth-child(2) {
    	margin-bottom: 10px;
	}
	
	footer .link_wrap .inn_wrap .link_items:nth-child(1), footer .link_wrap .inn_wrap .link_items:nth-child(2) {
	    margin-bottom: 0;
	}
		
	/* about */
	#about .message {
    	width: 90%;
    }
    
	/* ご利用方法 */
	.tab {
    	width: 90%;
    }
    
    .tab a {
	    padding: 30px 0 20px;
	    font-size: 20px;
    }
    
    .tab a li span {
	    margin-right: 15px;
	    font-size: 22px;
    }
    
    .tab_wrap .top_wrap h2 {
	    width: 90%;
	    margin: 0 auto 70px;
	    padding: 20px 0;
	    font-size: 28px;
	    line-height: 2rem;
    }
    
    .tab_wrap .top_wrap .item_wrap .items:nth-child(odd) {
	    margin-right: 0;
	}
	
	.tab_wrap .top_wrap .item_wrap .items {
	    width: 47%;
	    padding: 35px 25px 40px;
	}
	
	.tab_wrap .top_wrap .item_wrap:after {
	    width: 47%;
	}
	
	.tab_wrap .top_wrap .item_wrap .items .head_deco {
	    margin-bottom: 15px;
    }
    
	.tab_wrap .top_wrap .item_wrap .items h3 {
	    margin-bottom: 25px;
	    font-size: 18px;
	    line-height: 2rem;
    }
    
    .tab_wrap .bottom_wrap .container {
    	width: 90%;
    }
    
	/* トピックス一覧 */
	.topicscopy {
	    margin: 80px auto 0;
    }
    
   #info .all_wrap,
    #info_single .all_wrap,
    #topics .all_wrap,
    #topics_single .all_wrap,
    #matching .all_wrap, 
	#matching_single .all_wrap  {
	    margin: 80px auto 0;
    }
    
	#info .all_wrap,
	#info_single .all_wrap,
	#topics .all_wrap,
	#topics_single .all_wrap, 
	#matching .all_wrap, 
	#matching_single .all_wrap {
    	width: 95%;
    }
    
	/* 企業・団体利用登録申請フォーム */
	.app_all_wrap .contact_wrap {
    	width: 90%;
    }
    /*     20220221 */
	#top .matching .contents .wrap .img_wrap, .matching_bottom_slide .contents .wrap .img_wrap{
		height:140px;
	}
	#top .matching .contents .wrap .btn, .matching_bottom_slide .contents .wrap .btn{
		padding: 8px 10px;
		font-size: 12px;
		left: 23%;
	}
    .match_ttl p{
	    width: 18%;
    }
    .match_ttl .matchings_single_ttl{
	   width: 82%;
	   font-size: 16px;
    }
    .m_single .match_ttl p{
	    width: 18%;
    }
    .m_single .matchings_single_ttl{
	    width: 82%;
    }
    .matching_sidebar .wrap h2{
	    line-height: 1.4;
    }

}

/* Resposinve　スマホ */
@media screen and (max-width: 480px) {
	.show769{
		display: none;
	}
	.hide_sp{
		display: none;
	}
	.show_sp{
		display: block;
	}
	/* 共通部分 */
	.common_bottom_start {
    	padding: 80px 20px;
	    background-image: url(./img/common_bottom_startspbg.jpg);
	}
	
	.common_bottom_start .top_txt {
	    font-size: 18px;
    }
    
    .common_bottom_start .btn_wrap {
    	display: block;
    }
    
    .phd_btn, .com_btn {
    	width: 100%;
    }
    
    .phd_btn {
	    margin: 0 0 40px;
	}

	.btn_wrap .btn {
	    margin: 0 auto;
    }
    
    .phd_btn a:last-child:after {
	    right: 24%;
	}
	
	.common_top_head {
    	padding: 45px;
    }
    
    .common_head {
	    font-size: 26px;
    }
    
    /* ヘッダー */
	header h2.sub-site-title {
	    margin-left: 10px;
          width: 80px;
	}
  	header h2.sub-site-title1 {
	    margin-left: 15px;
          width: 42px;
	}
    
	/* 	トップページ */
	#top .top1 .container {
	    background-image: url(./img/top_spbg.png);
		background-position: bottom;
	}

	header h1.sub-site-title {
	    width: 35%;
	    margin: 0 5px;
	}
	
	#gNav {
	    width: 90%;
	    padding: 0;
	}
	
	#top .top1_2 {
	    padding: 40px 0;
    }
    
	#top .common_head {
		padding: 0 35px;
	    line-height: 4.2rem;
	    font-size: 38px;
	    text-align: left;
    }
	
	#top .top1_2 .txt_wrap {
	    margin: 40px 35px 0;
	    font-size: 16px;
	    line-height: 2rem;
	}
	
	#top .for_disc {
	    display: block;
	}
	
	#top .for_disc .phd_wrap, #top .for_disc .company_wrap {
	    width: 100%;
	    box-sizing: border-box;
	    border-radius: 8px;
    }
    
    #top .for_disc .phd_wrap {
    	margin-bottom: 30px;
    }
    
    #top .for_disc {
	    margin: 15px auto 80px;
    }
    
    #top .start .wrap {
	    display: block;
	}
    
    #top .start {
    	padding: 0;
    }
    
    #top .start .wrap .photo {
	    display: block;
	    width: 100%;
    	height: auto;
    }
    
    #top .start .wrap .disc_wrap {
	    display: block;
	    width: 90%;
	    margin: 0 auto;
		padding-top: 100px;
	}
    
/*
    #top .start .wrap .disc_wrap:before {
	    left: 50%;
	    height: 80px;
    }
    
    #top .start .wrap .disc_wrap a:before {
	    left: 46.5%;
	}
	
	#top .start .wrap .disc_wrap a:after {
	    left: 66.5%;
    }
*/
#top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):before {
	    left: 46%;
	    width: 24%;
	}
	
	#top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):after {
	    left: 66%;
	    width: 4.5%;
	}
	
	#top .start .wrap .disc_wrap .btn_wrap a:nth-child(2):before {
	    left: 58%;
	    top: 25%;
	}
	
	
    
    #top .start .wrap .disc_wrap .btn_wrap:after {
	    left: 58%;
    }
    
    #top .start .wrap .disc_wrap h3 {
        line-height: 2.8rem;
		text-align: center;
    }
    
    #top .matching .contents .wrap {
/*     	margin: 0 16px; */
    }
    
    #top .matching .bx-wrapper .bx-controls-direction a {
	    height: 20px;
	}
	
	#top .matching .bx-viewport {
    	width: 90% !important;
    }
    
    #top .matching .bx-wrapper .bx-prev {
	    left: 4%;
	}
	
	#top .matching .bx-wrapper {
	    margin-bottom: 100px;
	}
	
	#top .topics .wrap .contents_wrap:nth-child(1),
	#top .topics .wrap .contents_wrap:nth-child(3),
    #top .topics .wrap .contents_wrap:nth-child(2),
    #top .topics .wrap .contents_wrap:nth-child(4) {
	    float: none;
	    width: 100%;
		margin: 0 auto 40px;
	}
	
	#top .topics .wrap .contents_wrap .topics_single_cate {
	    border-radius: 0;
    }
	
	#top .topics .wrap .contents_wrap .items_wrap {
    	width: 94%;
		margin: 0 auto;
    }
    
    #top .topics .wrap .contents_wrap .items_wrap .items:nth-child(2) {
	    order: 1;
	    width: 50%;
	    margin-right: 3%;
	}
    
    #top .topics .wrap .contents_wrap .items_wrap .items:nth-child(1) {
    	order: 2;
    	width: 47%;
		margin-right: 0;
    }
    
    #top .topics .wrap .contents_wrap .sp_ttl {
	    margin: 0 10px 20px;
	    font-size: 16px;
	    font-weight: 700;
	    line-height: 2rem;
    }
    
	#top .common_btn {
    	width: 280px;
	    margin-top: 80px;
	    padding: 15px 25px;
	    font-size: 16px;
	    text-align: left;
    }
    
    #top .middle_bg img {
	    height: 100px;
		object-fit: cover;
    }
    
    #top .start .wrap,
    #top .topics .wrap {
	    width: 100%;
    }
    
    #top .start .wrap .disc_wrap a {
    	padding-left: 60px;
    }
    #top .start .wrap .disc_wrap .pdf_guide{
	    max-width: 220px;
    }
    #top .start .wrap .disc_wrap .pdf_guide a{
	    padding-left: 0;
    }
    
    #top .start .wrap:nth-child(1) .disc_wrap h3 {
	    margin-bottom: 35px;
	}

	#top .start .wrap:nth-child(2) .disc_wrap h3 {
	    margin-bottom: 15px;
    }
    
	#top .start .wrap .disc_wrap .bottom_head {
	    margin-bottom: 35px;
	    font-size: 16px;
	    text-align: center;
	}
	
	#top .news .nwsbox ul span:nth-child(1) {
	    width: 28%;
	}
  
/*
      #top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):before {
        left: 46%;
    }
  
    #top .start .wrap .disc_wrap .btn_wrap a:nth-child(1):after {
      left: 66%;
  }
  
    #top .start .wrap .disc_wrap .btn_wrap a:nth-child(2):before {
      left: 58%;
      top: 25%;
  }
*/

	/* about */
	#about .top .wrap {
	    margin: -180px auto 20px;
	    padding: 40px 20px;
    }
    
    .common_minhead {
    	margin-bottom: 45px;
    }
    
    #about .mission {
    	padding: 40px 20px;
    }
    
    #about .mission .wrap {
	    margin: 0 auto;
	    padding: 55px 20px 40px;
    }
    
    .middle_head {
	    margin-bottom: 30px;
	    font-size: 18px;
    }
    
	#about .mission .wrap:before {
	    height: 45px;
    }
    
    #about .mission .wrap .disc {
	    font-size: 16px;
	}
	
	#about .message .wrap {
	    flex-direction: column;
	}
	
	#about .message .wrap:nth-child(2) .teach_wrap,
	#about .message .wrap:nth-child(3) .teach_wrap {
	    margin: 0 auto;
	}
	
	#about .message .wrap .teach_wrap {
	    width: 75%;
	    padding-bottom:30px;
	}
	
	#about .message .wrap .disc_wrap {
	    width: 90%;
	    margin: 35px auto 0;
	}
	
	#about .message .wrap:nth-child(2) {
	    margin-bottom: 60px;
	    padding-bottom: 70px;
    }
    
    #about .message .wrap .disc_wrap h3 {
	    font-size: 20px;
	    line-height: 2.5rem;
	}
	
	#about .message .wrap:nth-child(3) .disc_wrap {
	    order: 2;
	}
	
	#about .message .wrap:nth-child(3) .teach_wrap p {
	    text-align: left;
	}
	
	#about .message {
	    padding: 60px 0 100px;
	}
	
	#about .top_photo {
		background-size: contain;
		background-image: url(./img/about_sptop.jpg);
	}
	
	/* ご利用方法 */
	.howto_contents {
    	padding: 60px 0 0;
    }
    
    .howto_top_txt {
    	padding-bottom: 60px;
    }
    
    .tab {
	    width: 95%;
	}
    
    .tab a li span {
	    margin-right: 0;
	    font-size: 18px;
	}
	
	.tab a {
	    padding: 20px 0 10px;
	    font-size: 16px;
	    line-height: 1.5rem;
	}
	
	.tab a:nth-child(2) {
    	padding-top: 30px;
    }
    
    .tab a:nth-child(1) {
    	margin-right: 10px;
    }
    
    .tab_wrap .top_wrap h2 {
	    padding: 15px 0;
	    font-size: 23px;
	}
	
	.tab_wrap .top_wrap h2 img {
	    max-width: 150px;
	    padding-right: 5px;
	}
	
	.tab_wrap .top_wrap h2:after {
	    bottom: -27%;
	    right: 42%;
	    border-left: 25px solid transparent;
	    border-right: 25px solid transparent;
	    border-top: 25px solid #E9F7F8;
	}
	
	.tab_wrap .top_wrap .item_wrap .items {
    	width: 93%;
    }
    
    .tab_wrap .top_wrap .item_wrap .items {
	    margin-bottom: 25px;
    }
    
    .phd_contents_wrap .top_wrap,
    .company_contents_wrap .top_wrap {
	    padding: 60px 0 80px;
	}
	
	.tab_wrap .bottom_wrap {
    	padding: 80px 0;
    }
    
    .tab_wrap .bottom_wrap .head h2 {
    	font-size: 20px;
    }
    
    .tab_wrap .bottom_wrap .head h2 .lage {
	    font-size: 37px;
	}
	
	.tab_wrap .bottom_wrap .head h2 .deco {
	    padding: 3px 5px;
	    font-size: 12px;
    }

	.tab_wrap .bottom_wrap .step_wrap .step {
	    padding: 30px 20px;
	}
	
	.tab_wrap .bottom_wrap .step_wrap .step h3 {
    	margin-bottom: 25px;
    	font-size: 18px;
    	line-height: 2rem;
    }
    
    .tab_wrap .bottom_wrap .bottom_link_wrap .lage_txt {
	    margin-bottom: 50px;
	    font-size: 18px;
    }
    
    .tab_wrap .company_contents_wrap .top_wrap .top_txt {
    	width: 90%;
    }
    
    .tab_wrap .bottom_wrap .step_wrap .step:not(:last-child):before {
    	left: 43%;
    }
    
    .tab_wrap .bottom_wrap .head p {
    	line-height: 2rem;
    }
    
    .tab_wrap .bottom_wrap .head p .sp_min {
        font-size: 16px;
    }
    
	/* トピックス一覧 */
	#info .all_wrap,
	#info_single .all_wrap,
	#topics .all_wrap,
	#topics_single .all_wrap,
    #matching .all_wrap,
    #matching_single .all_wrap {
	    flex-direction: column;
	}
	
	#info .sidebar,
	#info_single .sidebar,
	#topics .topics_sidebar,
	#topics_single .topics_sidebar,
	#matching .matching_sidebar,
	#matching_single .matching_sidebar {
	    width: 100%;
	    margin-right: 0;
	    order: 2;
	}
	
	#info .wp-block-group__inner-container,
	.topics_sidebar .wrap,
	.matching_sidebar .wrap{
		max-width: 330px;
    	margin: 0 auto 15px;
    }
    
    #topics .single-page .thumb_wrap {
    	float: none;
		width: 100%;
    }
    
    #info .contents_wrap,
    #info_single .contents_wrap,
    #topics .contents_wrap,
    #topics_single .contents_wrap,
    #matching .contents_wrap,
    #matching_single .contents_wrap {
	    width: 100%;
	    margin: 0 auto 15px;
	    padding: 40px 20px;
		box-sizing: border-box;
		word-break: break-all;
    }
    
    #topics .single-page {
	    display: flex;
	    flex-direction: column;
    }
    
    #topics .single-page .txt_wrap {
	    float: none;
	    order: 2;
	    width: 100%;
	    margin: 0;
	}
	
	#topics .single-page .thumb_wrap {
	    float: none;
	    width: 100%;
	    margin-bottom: 15px;
	}
	
	#topics .single-page .tag_wrap {
	    order: 3;
	    clear: both;
	    padding-top: 30px;
	}
	
	.topicscopy{
	    width: 86%;
	    margin: 60px auto 0;
    }
    
    #topics .single-page .imgwr img {
    	max-width: 315px;
    }
    
    #info .all_wrap,
    #info_single .all_wrap,
    #topics .all_wrap,
    #topics_single .all_wrap,
    #matching .all_wrap,
    #matching_single .all_wrap {
	    margin: 60px auto 0;
	}
	
	/* お知らせ */
	#info .single-page .time {
		width: 25%;
	}
	
	#info .single-page .contents {
	    width: 75%;
	}

	/* 企業・団体利用登録申請フォーム */
	.app_all_wrap {
    	padding: 40px 0 100px;
    }
    
	.app_all_wrap .contact_wrap {
    	width: 95%;
    	padding: 0 15px 60px;
		box-sizing: border-box;
    }
    
    .app_all_wrap .contact_thanks_wrap {
	    margin-bottom: 0;
	}
    
    .app_all_wrap .contact_inn_wrap {
    	width: 96%;
	}
	
	.app_all_wrap .contact_confirm_wrap {
	    padding: 0 0 115px;
	}
	
	/* お問い合わせフォーム */
	.teaser_contact_wrap1 .top_text {
	    margin: 0 20px 60px;
	}
	
	
	#matching{
		padding-bottom: 2rem;
	}
	
	#top .slick-initialized .slick-slide,
	.matching_bottom_slide .slick-initialized .slick-slide{
		padding: 0 55px;
	}
	.m_single .match_ttl p{
		font-size: 10px;
		padding: 7px 3px;
	}
	.m_single .matchings_single_ttl{
		font-size: 16px;
	}
	.match_ttl p span{
		font-size: 20px;
	}
	.profile .profile_name h3{
		font-size: 10px;
	}
	.matching_sidebar .wrap .content .imgwr{
		height: 160px;
	}
	.matching_sidebar .wrap .content .imgwr img{
		height: 160px;
	}
	.matching_desc{
		width: 86%;
	}
	#matching .tag_wrap ul li, .matching_sidebar .tag_wrap li{
		margin-bottom: 20px;
	}
	.matching_detail{
		padding: 24px 32px;
	}
	.sp_footer .show_sp{
		 max-width: 180px;
		 margin: 1rem auto 2rem;
	}
	.profile_wrap .imgwl img{
		height:180px;
	}
}



/* 企業団体フォーム追記2023-09 */
.sangyo{
	width: 55% !important;
}
.triangle_deco.sangyo::before{
	left: 94% !important;
}
@media screen and (max-width: 480px) {
	.sangyo{
	width: 100% !important;
	}
}

/*
.corpinfo-wrapper{
}
*/
.corpinfo-wrapper h3.toggle{
	margin-top: 85px;
	margin-bottom: 50px;
	position: relative;
}
.ccorpinfo-wrapper .toggle i.toggle_icon {
	transition: .2s;
}
.corpinfo-wrapper .triangle.toggle_icon {
    font-weight: 600;
    right: 1rem;
}
.corpinfo-wrapper .triangle.toggle_icon.open {
	transform: rotate(180deg);
}
.corpinfo-wrapper .close {
	display:none;
}
.corpinfo-wrapper .close .close_first dt{
	margin-top: 0;
}

.corpinfo-wrapper input[type="checkbox"] + span {
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0.05rem;
    margin: 0 10% 0 0;
    line-height: 1.8;
}
.corpinfo-wrapper .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}

.corpinfo-wrapper .urlwrap{
	clear:  both;
}
.corpinfo-wrapper .urlwrap .middle_txt{
	margin-bottom: 20px;
}
.corpinfo-wrapper .urlwrap dt{
    float: left;
    clear: both;
    width: 15%;
/*     margin-top: 14px !important; */
}
.corpinfo-wrapper .urlwrap dd{
    margin: 0 0 30px;
    overflow-wrap: break-word;
    float: left;
}
.corpinfo-wrapper .border{
	clear:  both;
}
/* 企業団体フォーム 確認画面 追記2023-09*/
.contact_confirm_wrap .corpinfo-wrapper .close{
	display: block;
}

.contact_confirm_wrap .corpinfo-wrapper .urlwrap dd{
	display: block;
	margin-top: 0 !important;
}

.contact_confirm_wrap .corpinfo-wrapper .triangle.toggle_icon {
    display: none;
}

.contact_confirm_wrap .corpinfo-wrapper h3.toggle{
	margin-top: 0;
	margin-bottom: 50px;
}

.contact_confirm_wrap .urlwrap dd{
	margin-top: 0 !important;
}

/* Xロゴ改修2023-10-18追記*/

.sns-link img {
  height: 24px;
}
.sns-link{
	display: flex;
	gap: 10px;
}


/* トップページ改修 improve 2024-03 */

.page_link_wrap .btn_wrap {
	max-width: 750px;
    margin: 15px auto 65px;
    display: flex;
    gap:32px;
}

.page_link_wrap .btn{
	max-width: 750px;
	padding-right: 15px;
}
.page_link_wrap .about_btn,
.page_link_wrap .start_btn{
	width: 100%;
}
.page_link_wrap .btn_wrap .btn:after {
	top: 42%;
}

.news.improve{
	margin-top: 65px;
}
.campany.improve{
	padding-top: 0 !important;
}

.common_bottom_start.improve {
	background-image:none;
	background-color: #E9F7F8;
}

.common_bottom_start.improve .btn_wrap{
	max-width: 1000px;
    display: flex;
    margin: 0 auto;
    gap: 20px;
    justify-content: center;
	
}
.common_bottom_start.improve .bottom_note{
	margin-top: 1rem;
	line-height: 1.2em;
}

.common_bottom_start.improve .phd_btn{
	margin-right: 0;
}
.common_bottom_start.improve .btn_wrap .btn_item{
	width: 50%;
}

@media screen and (max-width: 768px){
	.page_link_wrap .btn_wrap {
		width: 94%;
	}
	.common_bottom_start.improve .phd_btn {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 768px){
	.page_link_wrap .btn_wrap {
	    flex-direction: column;
	}
	.common_bottom_start.improve .btn_wrap {
	    flex-direction: column;
	}
	.common_bottom_start.improve .btn_wrap .btn_item {
		width: 100%;
	}
}

/* トップページ改修 ポスドクリンク対応 improve 2024-03 */

#top .for_disc_improve {
	max-width: 1000px;
	margin: 15px auto 10px;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
} 

#top .for_disc_improve .flex_content{
	display: flex;
	gap: 2rem;
}

#top .for_disc_improve .checklist_area,
#top .for_disc_improve .btn_area{
	width: 50%;
}

#top .for_disc_improve .phd_wrap,
#top .for_disc_improve .company_wrap,
#top .for_disc_improve .postdoc_wrap {
	padding: 32px 32px;
	border-radius: 8px 8px 0 0;
}

#top .for_disc_improve .company_wrap {
	background: #E9F7F8;
}
#top .for_disc_improve .phd_wrap {
	background: #B8E9EF;
}
#top .for_disc_improve .postdoc_wrap {
	background: #B8E9EF;
}

#top .for_disc_improve .head {
margin-bottom: 2.25rem;
text-align: center;
}

#top .for_disc_improve .head p:nth-child(1) {
	margin-bottom: 8px;
	font-size: 14px;
	letter-spacing: 0.15rem;
	font-weight: 700;
	color: #00B6CA;
}

#top .for_disc_improve .head p:nth-child(2) {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.03rem;
}

#top .for_disc_improve ul li {
	margin-bottom: 1rem;
	padding: 15px 15px 15px 40px;
	border-radius: 4px;
	font-weight: 700;
	line-height: 1.5rem;
	background: #fff;
	position: relative;
}

#top .for_disc_improve ul li:before {
	content: "";
    position: absolute;
    top: 40%;
    left: 3%;
    width: 11px;
    height: 5px;
    border-left: 3px solid #4FB4C7;
    border-bottom: 3px solid #4FB4C7;
    transform: rotate(-45deg);
}

#top .for_disc_improve .btn_area p {
	margin-bottom: 8px;
	text-align: center;
	letter-spacing: 0.05rem;
	font-weight: 700;
	color: #00B6CA;
}

#top .for_disc_improve .btn_area a,
#top .for_disc_improve .coming-soon{
	display: block;
    max-width: 380px;
    margin: 0 auto;
    padding: 15px;
    border-radius: 2px;
    box-sizing: border-box;
    letter-spacing: 0.05rem;
    color: #fff;
    background: #00B6CA;
    position: relative;
}

#top .for_disc_improve .coming-soon{
	background: #eee;
	margin: 0 auto 1.5rem !important;
	color: #888 !important;
	font-weight: normal !important;
/* 	text-align: left !important; */
	}

#top .for_disc_improve .btn_area a:after {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 4%;
}

#top .for_disc_improve .btn_area a:nth-child(2) {
	margin: 0 auto 1.5rem;	
}

#top .for_disc_improve .min_txt {
	margin-top: 1.5rem;
	text-align: center;
	font-size: 12px;
	margin-bottom: 0 !important;
	color: #333 !important;
	font-weight: 500 !important;
}

#top .for_disc_improve .min_txt span {
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	#top .for_disc_improve{
	    width: 94%;
    }
    
}
@media screen and (max-width: 480px) {
	#top .for_disc_improve .flex_content{
		flex-direction: column;
	}
	
	#top .for_disc_improve .checklist_area,
	#top .for_disc_improve .btn_area{
	width: 100%;
	}
	
}