/*!
Theme Name: incloop
Theme URI: https://incloop.com/
Author: incloop
Author URI: https://incloop.com/
Description: themes
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: incloop
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Common
# Flex
# Layout


--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15;}body{margin:0;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline dotted;}b,strong{font-weight:bolder;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}main,details{display:block;}pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}template,[hidden]{display:none;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,optgroup,textarea{color:#555;font-family:'Noto Sans JP', sans-serif;font-size:17px;line-height:2.0;}h1,h2,h3,h4,h5,h6{clear:both;margin:0;}p{margin-bottom:1.5em;}dfn,cite,em,i{font-style:italic;}blockquote{margin:0 1.5em;}address{margin:0 0 1.5em;}pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:0.9375rem;}abbr,acronym{border-bottom:1px dotted #666;cursor:help;}mark,ins{background:#fff9c0;text-decoration:none;}big{font-size:125%;}

h1{font-size:2rem;}
h2{font-size:1.6rem;}
h3{font-size:1.4rem;}
h4{font-size:1.3rem;}
h5{font-size:1.1rem;}
h6{font-size:1rem;}

@media (max-width: 600px) {
h1{font-size:1.8rem;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
h4{font-size:1.2rem;}
h5{font-size:1.0rem;}
h6{font-size:1rem;}
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{box-sizing:border-box;height: 100%;}*,*:before,*:after{box-sizing:inherit;}body{background:#fff;height: 100%;}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}ul,ol{margin:0;}ul{list-style:disc;}ol{list-style:decimal;}li > ul,li > ol{margin-bottom:0;margin-left:1.5em;}dt{font-weight:700;}dd{margin:0 1.5em 1.5em;}img{height:auto;max-width:100%;}figure{margin:1em 0;}table{margin:0 0 1.5em;width:100%;}s
.site-main ul,.site-main ol{margin:0 0 em 0.5em;padding-inline-start:30px;}li > ul {list-style: circle; margin-left: 1rem;    padding: 10px;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"]{background:#e6e6e6;border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;color:rgba(0, 0, 0, 0.8);font-size:0.75rem;line-height:1;padding:0;}button a{padding:.6em 1em .4em;}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;}input[type="submit"]:hover,button:hover{background:#fff;color:#000;}input[type="submit"],button{cursor:pointer;font-size:1rem;margin:5px auto;padding:5px;}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{border:1px solid #ccc;border-radius:3px;color:#666;padding:3px;}

@media screen and (max-width: 600px) {
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{width:100%;}
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111;}select{border:1px solid #ccc;}textarea{width:100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a{color:#FD3804;transition : all 0.3s ease 0s;text-decoration: none;}
a:visited{color:#FD3804;}
a:hover, a:focus, a:active{color:#000;}
a:focus{outline:thin dotted;}
a:hover, a:active{outline:0;}

a img{transition : all 0.3s ease 0s;}
a img:hover{opacity: 0.5}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a { width: 200px; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li { position: relative; }

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
.menu-toggle{display:none;}
.main-navigation ul{display: flex; display: -ms-flexbox; -ms-flex-flow: row wrap; flex-flow: row wrap;}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}#content[tabindex="-1"]:focus{outline:0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft{display:inline;float:left;margin-right:1.5em;}
.alignright{display:inline;float:right;margin-left:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed;}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget{margin:0 0 1em;} .widget select{max-width:100%;}

/*--------------------------------------------------------------
# Contents
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky{display:block;}.updated:not(.published){display:none;}.page-content,.entry-content,.entry-summary{margin:1em 0 0;}.page-links{clear:both;margin:0 0 1em;}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a{word-wrap:break-word;}.bypostauthor{display:block;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none;}.infinity-end.neverending .site-footer{display:block;}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0;}embed,iframe,object{max-width:100%;}.custom-logo-link{display:inline-block;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption{margin-bottom:1.5em;max-width:100%;}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}.wp-caption .wp-caption-text{margin:0.8075em 0;}.wp-caption-text{text-align:center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery{margin-bottom:1.5em;}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%;}.gallery-columns-2 .gallery-item{max-width:50%;}.gallery-columns-3 .gallery-item{max-width:33.33%;}.gallery-columns-4 .gallery-item{max-width:25%;}.gallery-columns-5 .gallery-item{max-width:20%;}.gallery-columns-6 .gallery-item{max-width:16.66%;}.gallery-columns-7 .gallery-item{max-width:14.28%;}.gallery-columns-8 .gallery-item{max-width:12.5%;}.gallery-columns-9 .gallery-item{max-width:11.11%;}.gallery-caption{display:block;}

/*--------------------------------------------------------------
## Flex
--------------------------------------------------------------*/

/****flexbox @flexy Copyright (c) 2018 Vladimir Carrer****/

* {box-sizing: border-box;}

.flex{display: flex; display: -ms-flexbox; -ms-flex-flow: row wrap; flex-flow: row wrap;}

.dp10,.dp12,.dp17,.dp20,.dp25,.dp33,.dp40,.dp50,.dp60,.dp67,.dp75,.dp80,.dp83,.dp100,.fluid{margin:0 5px}

.dp10{width:calc(10% - 10px)}
.dp12{width:calc(12.5% - 10px)}
.dp17{width:calc(16.6667% - 10px)}
.dp20{width:calc(20% - 10px)}
.dp25{width:calc(25% - 10px)}
.dp33{width:calc(33.3334% - 10px)}
.dp40{width:calc(40% - 10px)}
.dp50{width:calc(50% - 10px)}
.dp60{width:calc(60% - 10px)}
.dp67{width:calc(66.6667% - 10px)}
.dp75{width:calc(75% - 10px)}
.dp80{width:calc(80% - 10px)}
.dp83{width:calc(83.3334% - 10px)}
.dp100{width:calc(100% - 10px)}

.fluid{-ms-flex: 2;flex:2}
.clear{width: 100%}

.f-center{justify-content: center;align-items: center;}
.f-right{justify-content: flex-end;align-items: center;}

@media (max-width: 600px) {
  .dp10,.dp12,.dp17,.dp20,.dp25,.dp33,.dp40,.dp50,.dp60,.dp67,.dp75,.dp80,.dp83,.dp100,.fluid {width:100%; margin:0}}

/*--------------------------------------------------------------
## Common
--------------------------------------------------------------*/
.main-container {
display: flex;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
flex-flow: column;
min-height: 100vh;
}
.site-content {
-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
}
 .site-main {
    max-width: 960px;
    margin: 40px auto;
}
button a {
    display: block;
}
.pc-on{display:block;}
.sp-on{display:none;}
@media (max-width: 600px) {
.pc-on{display:none;}
.sp-on{display:block;}
.site-main {
    padding: 0px 20px;
}  
}

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

.breadcrumbs {
    background: #fff7e5;
    font-size: 0.8rem;
    font-weight: 100;
    padding: 5px;
}

/***nav-link***/
.nav-links {
    margin: 10px 0;
}
.nav-links span, .nav-links a {
    padding: 5px;
    font-weight: bold;
}

.no-margin {
    margin: 0;
}


/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/

/*****header*****/
.header{background:#FFC53E;color:#FFF;}
.header-container{width:90%;margin:auto;padding:5px;}
.header-right-container a{color:#FFF;padding:0 10px;}
.header-right-container a:hover{color:#FD3804;}
.header-right-container ul{font-size:0.9rem;list-style:none;}
.tel{text-align:right;}
.tel span{background:#FFF;color:#ffc53e;font-size:0.8rem;border-radius:3px;display:inline-block;position:relative;top:-3px;margin:0 0 0 10px;padding:0 10px;}
.tel a{font-size:1.6rem;font-weight:700;}
.tel a:before{font-family:"dashicons";content:"\f525";position:relative;top:3px;left:-5px;}
.header-right-container ul li{border-right:1px solid #fff;}
.header-right-container ul li:last-child{border-right:none;}

@media (max-width: 600px) {
.site-branding{width:80px;}
.header-container,.header-container .dp25{width:auto;}
.header-container .flex{display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;}
.tel{text-align:center;width:50%;font-size:1rem;padding:5px;}
.tel span{display:block;margin:5px 0;padding:0;}
.tel-btn,.contact-btn{width:calc(25% - 10px);margin:0 5px;}
.tel-btn a,.contact-btn a{background:#FFF;color:#ffc53e;width:100%;height:100%;border-radius:3px;}
.header-right-container .dashicons{font-size:2rem;width:auto;height:auto;}
.header-container .widget{margin:0;}
.header-right-container.sp-on.flex {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
    padding: 5px;
    width: 100%;
    background: #ffc53e;
}  
}

/*****Top View*****/
.topview{height:calc(100vh - 90px);}
.topview .flex{height:100%;}
.content01{width:50%;text-align:center;}
.sentence p{font-size:1.8vh;margin-bottom:2vh;}
.topview-contentbox h1{font-size:0;}
.content02,.content03{width:25%;color:#FFF;text-align:center;padding:5px;}
.content02{background:#FF9100;}
.content02 h2,.content03 h2{margin-bottom:3vh;font-size:2.8vh;}
.content02 .sentence,.content03 .sentence{margin-top:10vh;}
.arrow {
    position: relative;
    height: 5rem;
}
.arrow:before{font-family:"dashicons";content:"\f140";position:absolute;top:-40px;left:48%;transform:translateX(-50%);font-size:5rem;text-shadow:0 5px 5px rgba(100, 100, 100, 0.7);}
.content03{background:#00CBFF;}
.topview-contentbox img {
    height: 15vh;
}
.topview-contentbox h1 img {
    height: 15vh;
}
.topview-contentbox h2 {
    font-size: 3vh;
}
.topview-contentbox .oy-b-btn a {
    font-size: 2.5vh;
}

.bg-w {
    background: #FFF;
    padding: 10px 15px;
}
.bg-shadow {
    padding: 20px 40px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
/*Button*/
.oy-b-btn a,.o-b-btn a,.b-b-btn a,.o-back-btn a,.blue-back-btn01 a
{display:inline-block;border:3px solid #ffc53e;background:#FFF;font-size:1.2rem;border-radius:100px;color:#ffc53e;font-weight:700;box-shadow:0 5px 5px rgba(100, 100, 100, 0.5);z-index:999;position:relative;padding:10px 40px;}

.oy-b-btn a:hover,.o-b-btn a:hover,.b-b-btn a:hover,.o-b-btn a:hover,.blue-back-btn01 a:hover
{background:#ffc53e;color:#FFF;border:3px solid #fff;}

.o-b-btn a{border:3px solid #ff9100;color:#ff9100;}
.o-b-btn a:hover{background:#ff9100;}
.o-back-btn a{border:3px solid #ff9100;color:#fff;background:#ff9100;}
.o-back-btn a:hover{background:#fff;color:#ff9100;}
.blue-back-btn01 a{border:3px solid #00cbff;color:#fff;background:#00cbff;}
.blue-back-btn01 a:hover{background:#fff;color:#00cbff;}
.b-b-btn a{border:3px solid #00cbff;color:#00cbff;}
.b-b-btn a:hover{background:#00cbff;}
.more-btn{text-align:center;margin:20px auto;}
.more-btn a{border:1px solid #CCC;border-radius:3px;padding:2px 20px;}
.more-btn a:hover{background:#fd3804;color:#FFF;}
.o-back-btn,.blue-back-btn01{text-align:center;}
.project-btn a {
    padding-left: 60px !important;
    display: block;
}
.project-btn a span {
    position: relative;
}
.project-btn a span:before {
    font-family: "dashicons";
    content: "\f139";
    font-size: 2.0rem;
    position: absolute;
    top: -15px;
    left: -30px;
}


@media (max-width: 1000px) {
.topview,.topview .flex{height:auto;}
.content01{width:100%;padding:20px 10px 50px;}
.content02,.content03{width:50%;}
.topview-contentbox h2{font-size:1.1rem;}
}
@media (max-width: 600px) {
.oy-b-btn a,.o-b-btn a,.b-b-btn a,.o-back-btn a,.blue-back-btn01 a{font-size:1rem;padding:5px 20px;}

.topview-contentbox h2{font-size:0.9rem;}
  .project-btn {
    margin: 10px auto;
}
.project-btn a {
    padding-left: 0;
    padding: 10px 20px 10px 40px !important;
}
.project-btn a:before {
    left: 10px;
}
.bg-shadow {
    padding: 20px;
}  
}

/***Front-contents***/
.w-700{max-width:700px;margin:auto;}
.w-960{max-width:960px;margin:auto;}
h2.red-h2{color:#fd3804;text-align:center;}
section.info-area{padding:40px 0;}
h3.front-info{border-bottom:1px solid #CCC;font-weight:400;font-size:1.175rem;text-align:left;padding:10px 0;}
span.date.update{background:#ffc53e;color:#FFF;font-size:0.8rem;border-radius:3px;margin-right:10px;padding:2px 10px;}
p.headerline-detail{margin:20px auto 0;}
.system{padding:50px;}
.margin-p-none p{margin:5px 0;}
.list-item01{text-align:left;max-width:420px;border:1px solid #CCC;margin:40px auto;padding:20px;}
.list-item02 ul{list-style:none;background:#fff7e5;max-width:600px;font-size:1.3rem;text-align:left;counter-reset:number;margin:auto;padding:20px;}
.list-item02 ul li{background:#fff;border-radius:100px;border:3px solid #ff9100;margin:10px auto;}
.list-item02 ul li:before{counter-increment:number;content:counter(number);width:2.4rem;height:2.4rem;line-height:1.8;background:#FF9100;display:inline-block;text-align:center;border-radius:100px;color:#FFF;position:relative;left:-1px;margin-right:5px;}
.photo{max-width:162px;}
.profile-area{padding-top:20px;}
ul.prof-list{margin:0;padding:0 0 0 20px;}
h3.prof-detail2{border-bottom:1px solid #CCC;padding:5px 0;}
.allow2:before{left:calc(50% - 5px);color:#FFC53E;}
.learn-flex div{background:#FFF;padding:20px;}
.sub-title{margin:5px auto;}
.sub-title span{background:#00cbff;color:#FFF;border-radius:30px;padding:2px 20px;}
.learn-flex h4{text-decoration:underline;margin:10px auto 20px;}
.learn-flex h5{border-bottom:1px solid #CCC;margin:10px auto;padding:5px 0;}
.other-link a{font-size:1rem;padding:5px 30px;}
.method-minbtn a{font-size:1rem;font-weight:400;border-width:1px;padding:5px 20px;}
.method-minbtn a:hover{border-width:1px;}

.performance-area .bg-w {
    margin: 10px;
}
.performance-area h3 {
    font-size: 1.1rem;
}
.performer-area02 h3 {
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}
.select-list {
    counter-reset: list;
    padding: 20px 0;
}
.select-list h4:before {
    counter-increment: list;
    content: counter(list);
}
.select-list h4 {
    color: #FFF;
    background: #ff9100;
    display: inline;
    padding: 0 20px;
    margin: 0;
}
.select-list h4:before {
    counter-increment: list;
    content: counter(list);
    margin-right: 10px;
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 40px;
    color: #ff9100;
    line-height: 1.4;
}
.select-list h4 {
    color: #FFF;
    background: #ff9100;
    display: inline;
    padding: 3px 20px 3px 3px;
    margin: 0;
}
.select-list-box {
    background: #ff9100;
    padding: 2px;
    margin-bottom: 30px;
}
.select-list-box p {
    background: #FFF;
    padding: 10px;
    display: block;
    margin: 0;
}
.border-h h4 {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}
.bg-w.step-flow h3 {
    font-size: 1rem;
}

@media (max-width: 600px) {
section.info-area{padding:40px 20px;}
h3.front-info a{display:block;padding-top:5px;}
.has-background,.w-960{padding:0 10px;}
.w-700,.profile-area{padding:0 20px;}
.system{padding:20px 0;}
.list-item02 ul li:before{position:absolute;display:block;left:-2px;top:-2px;}
.list-item02 ul li{border-radius:20px;position:relative;padding:5px 5px 5px 45px;}
.profile-area .wp-block-image{text-align:center;}
.front-entry h3{font-size:4.8vw;}
.learn-flex div, .step-flow {
    margin: 10px 0;
    padding: 5px;
}
  .other-link a {font-size: 0.8rem;padding: 5px 10px;}

}

/****Footer****/
footer.site-footer {
    background: #ffc53e;
    text-align: center;
    color: #FFF;
}
.site-info{font-size:0.8rem;padding:20px 0 40px;}

/****Archive****/
.archive-container {
    padding: 100px 0;
}


/****Page****/
h1.entry-title {
    color: #FD3804;
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}

/****Mail****/
.mail-title-box {
    width: 20%;
    background: #ffc53e;
    color: #FFF;
    padding: 5px 10px;
    border: 1px solid #ffb200;
}
.mail-detail-box {
    width: 80%;
    padding: 5px 10px;
    border: 1px solid #ffc53e;
}
.mail-detail-box input,.mail-title-minbox,.mail-detail-minbox,select#c-select,select.ca-select01,select.ca-day {
    width: 100%;
}
.mail-title-minbox {
    padding: 5px 0;
}
.mail-detail-minbox {
    padding-bottom: 5px;
}
.mail-title-box span {
    font-size: 0.7rem;
}
span.red {
    color: #f00;
}
.send {
    text-align: center;
    margin: 50px auto;
}
input.c-send {
    background: #FFC53E;
    color: #FFF;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 50px;
    border: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
.mail-title-box,.mail-detail-box {width: 100%;}

  
}