/* ---------- basic ---------- */
html {font-size:100%;line-height:1.8;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:normal;letter-spacing:0;}
body {font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo;box-sizing:content-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body.fixed {width:100%!important;height:100%!important;position:fixed!important;}
img {height:auto;-webkit-user-drag:none;-moz-user-select:none;}
.pageframe img {width:50%;margin:0 auto;display:block;}
h1,h2,h3,h4,h5,h6 {line-height:1.4;}
h2 {margin:.5rem 0;font-size:250%;}
h3 {margin:.5rem 0;padding:.6rem;font-size:160%;}
h4 {color:#333;font-size:130%;}
ul,ol {margin:0 0 0 2rem;}
a {color:#2956C9;transition: all .6s ease-out;cursor: pointer;}
a:hover {color:#000;}
.pagesection p {margin:1rem 0;padding:.5rem;}
.postsection p {padding:.5rem;}
header {z-index:2;}

/* ---------- size ---------- */
.mze {width:1200px;margin:4rem auto 0 auto;}
.columndata {display:flex;justify-content:flex-start;}
.columndata div {margin:1rem;}
.columndata div img {width:100%;height:auto;}
.columndata div img.lineshadow {border:2px solid #0064bc;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .4);}
.columndata.col2 div {width:calc(100%/2);}
.columndata.col3 div {width:calc(100%/3);}
.columndata.col4 div {width:calc(100%/4);}

/* ---------- main ---------- */
.frontsection h1 {margin:4rem 0;padding:1rem;color:#fff;font-size:180%;letter-spacing:.6rem;background:#2956C9;}
.frontsection h2 {margin:4rem 0;font-size:160%;text-align:center;letter-spacing:.6rem;}
.frontsection h2 span.h2smalltxt {margin:1rem 0 0 0;font-size:70%;letter-spacing:1rem;display:block;}
.frontsection h3 {margin:3rem 0;padding:.6rem;font-size:130%;border-bottom:5px solid #2956C9;}
.frontsection h4 {margin:.6rem 0;padding:.6rem 0;font-size:120%;color:#2956C9;}

.pagesection h1 {margin:4rem 0;padding:1rem;color:#fff;font-size:180%;letter-spacing:.6rem;background:#2956C9;}
.pagesection h2 {margin:4rem 0;font-size:160%;text-align:center;letter-spacing:.6rem;}
.pagesection h2 span.h2smalltxt {margin:1rem 0 0 0;font-size:70%;letter-spacing:1rem;display:block;}
.pagesection h3 {margin:3rem 0;padding:.6rem;font-size:130%;border-bottom:5px solid #2956C9;}
.pagesection h4 {margin:.6rem 0;padding:.6rem 0;font-size:120%;color:#2956C9;}

.singleframe h1 {padding:1rem;font-size:180%;letter-spacing:.6rem;border-bottom:2px solid #2956C9;}
.singleframe h2 {margin:2rem 0;font-size:160%;letter-spacing:.6rem;}

.infosection h1,.seminarsection h1  {margin:4rem 0;padding:1rem;color:#fff;font-size:180%;letter-spacing:.6rem;background:#2956C9;}

.information div {padding:2rem 0;border-bottom:1px solid #000;}
.information div:last-child {border-bottom:0;}
.infodate {font-size:70%;}

/* ---------- home ---------- */
.hometopics h3 {min-height:6vh;margin:0;padding:1rem;color:#fff;font-size:130%!important;text-align:center;border-radius:.5rem .5rem 0 0;background:#2956C9;display:flex;justify-content:center;align-items:center;}
.hometopics img {vertical-align:bottom;}

/* ---------- header ---------- */
header {top:0;width:100%;background:#fff;box-shadow: 0px 0px 15px -5px #777777;position:fixed;}
.webtitle a {padding:2rem;color:#000;text-decoration:none;display:inline-block;}
#spnavbtn {display:none;}
#glnavlist {position:relative;}
#subnavlist {top:0;right:1rem;position:fixed;}
ul#menu-global_nav {width:100%;margin:0;display:flex;justify-content:center;align-items:center;}
ul#menu-global_nav li {width:calc(100%/5);list-style-type:none;}
ul#menu-global_nav li a {height:65px;padding:0 .3rem;color:#000;font-size:92%;line-height:1.4;text-decoration:none;border-right:1px solid #b0c3eb;border-bottom:2px solid #fff;border-collapse:collapse;display:flex;justify-content:center;align-items:center;}/* border:1px solid #2956C9; */
ul#menu-global_nav li a:hover {color:#2956C9;border-bottom:2px solid #2956C9;}
ul#menu-global_nav li:nth-child(5) a {border-right:0;transition:.2s all ease-in;}
ul#menu-global_nav li:last-child {top:0;right:.8rem;width:auto;position:fixed;}
ul#menu-global_nav li:last-child a {height:auto;padding:.8rem;color:#fff;font-size:80%;text-decoration:none;background:#2956C9;display:block;}

/* ---------- footer ---------- */
footer {padding:3em 0;}
.copyright {font-size:80%;text-align:center;}
a.pagetopmove {bottom:1rem;right:0;padding:1rem;color:#fff;font-size:60%;letter-spacing:.2rem;line-height:1.1;text-decoration:none;background:#116A7B;box-shadow: 0 0 .6rem 0 rgba(0, 0, 0, .2);opacity:0;position:fixed;transition:all .3s ease-out;}
a.pagetopmove:hover {color:#fff;}
a.pagetopmove.views {opacity:1;}
#footnavlist ul {width:100%;margin:0;text-align:center;}
#footnavlist ul li {margin:.3rem;list-style-type:none;display:inline-block;}
#footnavlist ul li a {font-size:90%;display:block;}

/* ---------- form ---------- */

/* ---------- === formsize ---------- */


/* ---------- addicon ---------- */
.addicon {padding:0 0 0 1.5em;display:inline-block;position:relative;}
.addicon::before {top:-3px;left:0;font-family:'Material Icons';font-size:120%;position:absolute;}
/* ---------- === icon++ ---------- */
span.login::before {content:"\e7fd";}
span.create::before {content:"\e3c9";}
span.check::before {content:"\e86c";}
span.menu::before {content:"\ea19";}
span.search::before {content:"\e8b6";}
span.question::before {content:"\eb8b";}

/* ---------- table ---------- */
.datalist {width:100%;border-collapse:collapse;}

.scrolltable {margin:1em 0;overflow: auto;white-space: nowrap;}
.scrolltable::-webkit-scrollbar {height:.6em;}
.scrolltable::-webkit-scrollbar-track {background: #eee;}
.scrolltable::-webkit-scrollbar-thumb {background: #a1bad4}

/* ==================== wpcf7 /// */
.formframe {width:70%;margin:0 auto;}
input[type="text"],input[type="email"],textarea,input[type="submit"] {padding:.3rem;border:1px solid #ccc;outline: none;}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{box-shadow: 0 0 7px #29B6F6;border: 1px solid #3498db;}
input[type="submit"],input[type="button"] {margin:.3rem;padding:.6rem .8rem;color:#fff;font-weight:bold;border:0;background:#29B6F6;}
textarea {width: 98%;line-height: 2;}
label span.title {margin:1rem 0;padding:.5rem;font-weight:bold;display:block;}
.userdata input[type="text"]{width: 50%;}
.userdata input[type="email"]{width: 80%;}
.submitmail {padding:.5rem;}
.wpcf7-form-control-wrap label {margin: 0 1rem 0 0;padding:.3rem .5rem;border:2px solid #B2DFDB;background: #E0F2F1;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display: inline-block;}
.wpcf7-list-item-label {margin: 0 .5rem 0 0;}
.wpcf7-not-valid-tip {margin:.3rem;padding:.3rem .6rem;color:#fff!important;font-size:80%!important;font-weight:bold!important;letter-spacing:2px;background:#FF5252;display:inline-block!important;}
.screen-reader-response {display: none!important;}
.wpcf7-response-output {border:2px solid #F9D949;background:#F9E2AF;}
.wpcf7-mail-sent-ok,.wpcf7-mail-sent-ng,.wpcf7-spam-blocked,.wpcf7-validation-errors{padding: .6rem;}
.wpcf7-mail-sent-ok {background: #fff7e2;border:1px solid #ffe2b0;}
.wpcf7-mail-sent-ng,.wpcf7-spam-blocked,.wpcf7-validation-errors {background: #ffe2e2;border:1px solid #ffb0b0;}
/* .wpcf7c-elm-step1 {}
.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {} */
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #ffe2e2; color: black;}

/* ==================== sitemap /// */
#sitemap_list {margin:0;}
#sitemap_list li {width:47.5%;margin:1%;list-style-type:none;vertical-align:top;display:inline-block;}
#sitemap_list li a {padding:.5rem .6rem;text-decoration:none;display:inline-block;transition: all .6s ease-out;display:block;}

/* ---------- option ---------- */
.pagenation {margin:1em 0;text-align:center;}
.pagenation a,
.pagenation span {
margin:0 .3em 0 0;
padding:0 .6em;
color:#fff;
font-size:90%;
text-align:center;
background:#3C486B;
border:2px solid #3C486B;
text-decoration:none;
display:inline-block;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.pagenation a:hover,.pagenation span.current {color:#3C486B;background:#fff;border:2px solid #3C486B;}
.pagenation span.dots {color:#3C486B;background:#fff;border:none;}
.infoframe {padding:1rem;border:2px solid #2956C9;border-radius:10px;}
.imgfix {width:100%!important;height:auto;}
.imgcontents {width:980px!important;height:auto;margin:1.5rem auto!important;display:block;}
img.aligncenter {margin:0 auto;display:block;}
.addshadow {filter:drop-shadow(.2rem .2rem .6rem rgba(0, 0, 0, .3));transform: translateZ(0);}
.transfade {transition: all .6s ease-out;}
.linemarker {margin:.2em;padding:0 .2em;display:inline-block;}
.linemarker.pink {color:#E82424;background:linear-gradient(to bottom, transparent 0 50%, #FFE1E1 50% 100%);}
.linemarker.yellow {background:linear-gradient(to bottom, transparent 0 50%, #fcf52b 50% 100%);}
.linemarker.lime {background:linear-gradient(to bottom, transparent 0 50%, #CCEB11 50% 100%);}
.btnlink a {width:200px;margin:1rem auto;padding:.6rem 2rem .6rem .8rem;color:#fff;font-size:90%;text-decoration:none;background:#3C486B;display:block;position:relative;}
.btnlink a::after {
content: "";
top: 40%;
right: 10px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
position: absolute;}
.addmarc {margin:0 0 0 1.5em;padding:.5em 0 .5em 2rem!important;position:relative;}
.addmarc.home {margin-left:0;}
.addmarc a {text-decoration:underline;}
.addmarc.nolink {color:#666;}
.addmarc.kome::before {content:"\e1eb";top:.5em;left:.8em;font-weight:bold;font-family:'Material Icons';position:absolute;}
.addmarc.cursol-right::before {content:"\e5c8";top:.5em;left:.8em;font-weight:bold;font-family:'Material Icons';position:absolute;}
.addmarc.alert::before {content:"\e86c";top:.5em;left:.8em;font-weight:bold;font-family:'Material Icons';position:absolute;}
.addmarc.link::before {content:"\e157";top:.5em;left:.8em;font-weight:bold;font-family:'Material Icons';position:absolute;}
.contentspace {margin:3em 0;}
.txtcontent {margin:.5em 0;padding:1em;}
.caption {margin:1em 0;font-size:90%;line-height:1.3;text-align:center;}
.mt-high {margin-top:3em;}
.mt-basic {margin-top:2em;}
.mt-small {margin-top:1em;}
.mb-high {margin-bottom:3em;}
.mb-basic {margin-bottom:2em;}
.mb-small {margin-bottom:1em;}
.typo-xl {font-size:150%;}
.typo-l {font-size:120%;}
.typo-m {font-size:90%;}
.typo-s {font-size:75%;}
.typo-xs {font-size:60%;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.pcview {display:block;}
.spview {display:none;}

@media screen and (max-width: 830px) {
	.pageframe img {width:70%;margin:0 auto;display:block;}
	/* .singleframe img {width:70%;margin:0 auto;display:block;} */
	.mze {width:96%;}
	.columndata {display:block;}
	.columndata.col3 div {width:40%;margin:2rem auto;}
	#spnavbtn {display:block;z-index:9999;}
	#spnavbtn {top:10px;right:10px;width:48px;height:48px;background:#fff;border-radius: 6px;cursor:pointer;position:fixed;}
	#spnavbtn span {left:27%;width:50%;height:.2rem;background-color:rgba(0, 0, 0, 1);display:inline-block;transition:all .4s ease-out;position:absolute;}
	#spnavbtn span:nth-of-type(1) {top:1rem; }
	#spnavbtn span:nth-of-type(2) {top:1.5rem;}
	#spnavbtn span:nth-of-type(3) {top:2rem;}
	#spnavbtn.activenav span:nth-of-type(1) {top:1rem;left:.8rem;width:55%;transform:translateY(6px) rotate(-45deg);}
	#spnavbtn.activenav span:nth-of-type(2) {opacity: 0;}
	#spnavbtn.activenav span:nth-of-type(3) {top:1.75rem;left:.8rem;width: 55%;transform: translateY(-6px) rotate(45deg);}
	#spnavbtn .menutxt {top:2.4rem;left:.3rem;font-size:.5rem;letter-spacing:.2rem;position:absolute;}
	#glnavlist {opacity:0;z-index:-1;}
	#glnavlist.panelactive {opacity:1;z-index:9990;display:flex;}
	#glnavlist {top:0;left:0;width:100vw;height:100vh;background:#fff;display:none;justify-content:center;align-items:center;position:fixed;transition:all .3s ease-out;overflow-y:auto;}
	ul#menu-global_nav {width:90vw;display:block;}
	ul#menu-global_nav {width:300px;margin:0 auto;display:block;}
	ul#menu-global_nav li {width:100%;list-style-type:none;}
	ul#menu-global_nav li a {height:auto;margin:.6rem;padding:.8rem 1rem;color:#000!Important;font-size:90%;line-height:1.4;border-radius:.5rem;text-decoration:none;border:1px solid #2956C9!important;background:#fff!important;display:block;}
	ul#menu-global_nav li:last-child {right:0;position:relative;}
}

@media screen and (max-width: 668px) {
	.pcview {display:none;}
	.spview {display:block}

	.pageframe img {width:80%;margin:0 auto;display:block;}
	/* .singleframe img {width:80%;margin:0 auto;display:block;} */
	.mze {width:96%;}
	.formframe {width:100%;}
	.columndata {display:block;}
	.columndata.col2 div {width:80%;margin:1rem auto;}
	.columndata.col3 div {width:80%;margin:1rem auto;}
	.columndata.col4 div {width:80%;margin:1rem auto;}

	.imgcontents {width:100%!important}

	.webtitle {padding:1.8rem 1rem 1.8rem 0;font-size:90%;}
	.frontsection h2 {margin:2.5rem 0;font-size:140%;}
	.hometopics h3 {font-size:120%!important;}

	.pagenation {width:100%;}
	.pagesection h1 {margin:2.5rem 0;font-size:160%;}
	.infosection h1,.seminarsection h1  {margin:2.5rem 0;font-size:160%;}
	.pagesection h2 {margin:2rem 0;font-size:140%;}
	.singleframe h1 {font-size:160%;}
	.singleframe h2 {font-size:140%;}

	.information div {padding:1rem 0;}

	.wpcf7-form-control-wrap label{margin: .5rem;padding: .3em .5em;display: block;}
	input[type="text"],.userdata input[type="text"],.userdata input[type="email"] {border: 1px solid #3498db;outline: none;}
	.userdata input[type="text"],.userdata input[type="email"]{width: 97%;}
	/* ==================== sitemap /// */
	#sitemap_list {margin:0;}
	#sitemap_list li {width:98%;margin:1%;list-style-type:none;vertical-align:top;display:inline-block;}
	#sitemap_list li a {padding:.5rem .6rem;text-decoration:none;display:inline-block;transition: all .6s ease-out;display:block;}
}