@charset "UTF-8";
/*
Theme Name:dan
Theme URI: http://
Author:
Author URI:
Description:
Version: 1.1
*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

BODY {
  font-size: 1.4rem;
  font-family: "Noto Sans Japanese",YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;
 background: linear-gradient(90deg, rgb(6, 75, 175), rgb(198, 107, 229));

}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  text-decoration: none;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.clear {
  clear: left;
}

small {
  font-size: 0.75em;
  line-height: 1;
}

.red{
   color: red;

}

section {
  /*width: 960px;*/
  width: 90%;
  margin: 0 auto;
  background-color: white;

}

.inner {
  width: 960px;
  margin: 0 auto;
}

header {
  width: 100%;
  padding: 3rem 0;
}
.top-bg {
  width: 100%;
  padding: 3rem 0;
  background-color: #00B9E7;
}


.copy-bg {
 background: linear-gradient(90deg, rgb(6, 75, 175), rgb(198, 107, 229));
}


.copy {
  padding: 3rem 0;
  line-height: 2;
  color: white;
}
.h1title{
  text-align: center;

  font-weight: bold;
  font-size: 1.8rem;

  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
 margin-bottom: 5px;
}
.h2title{
  text-align: center;
  font-size: 1.4rem;
 color: #333;
}



/*youtubeボタン*/
a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 350px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #ff9933;
	background: #fff000;
	color: red;
	margin-bottom: 60px;
}
a.btn_05:hover {
	background: #fcfadb;
	color: #ff000;
}
/*youtubeボタン*/




.ttl-pgm {
  padding: 1rem 0;
  font-weight: bold;
  text-align: left;
  border-radius:10px;

}

.ttl-pgm-profile {
  background-color: #333333;
  color: white;
  padding: 1rem 0;
  font-weight: bold;
  text-align: center;

}


.ttl-pgm-gray {
  background-color: #405065;
  color: white;
  padding: 1rem 0;
  font-weight: bold;
  font-size: 1.4rem;
padding-left:2rem;
}




.aowaku {
  padding: 1.5rem;
  margin-bottom: 2rem;
 border: 1px solid;
 border-color:#333366;
  background-color: #dbeef4;
  border-radius:10px;
}

.step1 {
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: #e7fdff;
  border-radius: 10px;
}

.step2 {
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: #b1f9fd;
  border-radius: 10px;

}
.step3 {
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: #5ff4fb;
  border-radius:10px;
}


.ptitle {
  padding: 0.5rem;
  margin-top: 1rem;

  margin-bottom: 1rem;
  background-color: #405065;
  border-radius: 10px;
 color:#fff;

}
.ptitle p {
    margin: 0; 
    padding: 0;
  margin-left: 1rem;

}

.midashi{
  font-size: 1.2rem;
 border-radius: 10px;
 color:#fff;
 text-align:center;
 padding: 10px; 
  background-color: #405065;
  margin-top: 5rem;
  margin-bottom: 10px;

}
.midashi2{

  font-size: 1.2rem;
}
.midashi3{
  font-size: 1.6rem;

  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #333333;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #003399;/*左線*/
  margin-bottom: 15px;
background: #e2e9f9;/*背景色*/
 font-weight:bold;

}
.midashi4{

  color: #333333;/*文字色*/
  font-size: 1.6rem;
 font-weight:bold;

}


.kakomikuko{
	border: solid 1px #333333;
  padding: 0.25em 0.25em;

}
p.indent3{
  text-indent: 3em;
}

.koushi_title {
  padding: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  border-bottom: 5px solid #4f81bd;
}
.koushi_title p {
    margin: 0; 
    padding: 0;
}

.circle img {
  width: 180px;
  height: 180px;
  border-radius: 50%; 
}
.strongunder{
  font-weight: bold;
  text-decoration: underline;
}


ul.disc {
padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}
li {
  /*text-indent: 1em;
  padding-left: 1em;*/
}

p.ind{

  padding-left: 1em;

}
p.righttext{

  text-align:right;

}


.data-box h3 {
  font-weight: normal;
  font-size: 1.4rem;

}

.data-box .ttl {
  background-color: #5185C5;
  color: white;
  font-weight: bold;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.data-box .ttl2 {
  background-color: white;
  font-size: 1.3rem;
  color: #009999;
  font-weight: bold;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.data-box .name-block {
  margin-bottom: 2rem;
}

.data-box .name-block .katagaki {
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 1em;
}

.data-box .name-block .name {
  font-weight: bold;
  display: inline-block;
}

.data-box .name-block .katagaki2 {
  font-weight: bold;
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 1em;
}

.data-box .name-block .name2 {
  font-weight: bold;
  font-size: 1.6rem;
  display: inline-block;
}


.data-box .name-block .namedl {
  color: blue;
text-decoration: underline;
  font-weight: bold;
  display: inline-block;
}

.data-box .blue {
  color: #5185C5;
}

.top-lead-box {
  border: solid 2px #333333;
  padding: 3rem;
  margin-bottom: 5rem;
 font-weight:bold;
 background:#795ECF;
}




.ura .ttl {
  background-color: #5185C5;
  padding: 1rem;
  text-align: center;
  margin-bottom: 2rem;
}

.ura .ttl h4 {
  color: white;
  font-size: 1.8rem;
}

.ura .ttl h3 {
  color: white;
  font-size: 2.2rem;
}

.ura .date {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
}





.ura .btn-area .btn a {
  color: white;
  padding: 2rem 5rem;
  background-color: #5185C5;
  border-radius: 10px;
  font-weight: bold;
}

  .ura .btn-area .btn2 {
    text-align: center;
    margin: 5rem auto;
  }
  .ura .btn-area .btn2 a {
    color: white;
    padding: 2rem 5rem;
    background-color: #ff9900;
    border-radius: 10px;
    font-weight: bold;
  }
  .ura .btn-area .btn3 {
    text-align: center;
    margin: 5rem auto;
  }
  .ura .btn-area .btn3 a {
    color: white;
    padding: 2rem 5rem;
    background-color: #5185C5;
    border-radius: 10px;
    font-weight: bold;
  }
.contents {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 2rem;
  background-color: white;
  margin-bottom: 3rem;
  border-radius:10px;

}
.profile {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 2rem;
  background-color: white;
  margin-bottom: 5rem;
}

.profile h3 {
  margin-bottom: 2rem;
}

.profile .name-left {
  width: 95%;
  float: left;
  margin-right: 5%;
}

.profile .name-right {
  width: 20%;
  float: left;
}

.profile .name {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.profile p {
  margin-bottom: 5rem;
}

.profile img {
  margin-bottom: 1rem;
}

/* flexbox */
.div2 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div2 li {
  width: 47.5%;
  margin-bottom: 2rem;
}

.div3 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div3 li {
  width: 30%;
  margin-bottom: 2rem;
}

.div3::after {
  content: "";
  display: block;
  width: 30%;
}

.div4 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div4 li {
  width: 23%;
  margin-bottom: 2rem;
}

.reverse {
  flex-direction: row-reverse;
}

footer {
  text-align: center;
  background-color: #009999;
  color: white;
  padding: 2rem;
}

footer a {
  font-weight: bold;
  text-decoration: underline;
}

/* フォーム */
.contact-header {
  width: 800px;
}

.otoiawase {
  text-align: center;
  margin-bottom: 5rem;
}

.otoiawase h2 {
  font-size: 2.4rem;
  background-color: #5185C5;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  color: white;
}

.contact-box {
  width: 800px;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.contact {
  width: 55%;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 4em;
  font-family: sans-serif;
  font-weight: normal;
}

.wpcf7 {
  margin: 0;
}

.wpcf7 .wpcf7 p {
  margin-bottom: 1em;
}

.wpcf7 small {
  font-size: 0.85em;
  margin-bottom: 1em;
}

.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 textarea {
  background-color: #fff;
  color: #333;
  width: 95%;
  border: 1px solid #ddd;
  font-size: 100%;
  padding: 0.6em;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.wpcf7 input[type="submit"] {
  font-size: 100%;
  padding: 1em;
  background: #008EFF;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-appearance: none;
}

.wpcf7 input[type="submit"]:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2) inset;
}

.wpcf7 p {
  margin-bottom: 1em;
}

.wpcf7 .ttl {
  text-align: left;
  margin-bottom: 0.5em;
}

.wpcf7 .content {
  margin-bottom: 1em;
}

.wpcf7 .asterisk {
  margin: 0 0 0 0.2em;
  color: red;
}
/* CF7チェックボックスとラジオボタンを縦並びに */

span.wpcf7-list-item {
display: block!important;
}

/* エラーメッセージの上部を消去 */
div.screen-reader-response{
  display: none;
}

form.sent .cf7wrap{
display:none;
}



div.wpcf7-response-output {
	color: red;
font-weight:bold;
font-size:120%;
}


/*フォーム */
/* pc-sp switch PC */
.pc {
  display: block;
}

.sp {
  display: none;
}

/* トップにもどる */
#page-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  font-size: 77%;
}

#page-top a {
  text-decoration: none;
  color: #5DBDDD;
  width: 100px;
  padding: 10px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
}

#nav-toggle {
  display: none;
}

#gloval-nav {
  display: none;
}



/* モバイル設定 **********************************************************************************/
@media (max-width: 960px) {
BODY {
 background: linear-gradient(90deg, rgb(6, 75, 175), rgb(198, 107, 229));

}
  header {
    width: 100%;
 /*background: linear-gradient(90deg, rgb(6, 75, 175), rgb(198, 107, 229));*/

    padding: 2rem 0;
  }
  section {
    width: 90%;
    margin: 0 auto;
  }
  .inner {
    width: 90%;
    margin: 0 auto;
  }
  .copy {
    width: 90%;
    margin: 0 auto;
  }
  .data-box {
    padding: 2rem;
    position: relative;
    margin-bottom: 3rem;
    padding-top: 3rem;
  }
  .data-box h2 {
    text-align: center;
    font-size: 1.6rem;
    background-color: #5DBDDD;
    margin-bottom: 3rem;
    border-radius: 50px;
    display: inline-block;
    padding: 5px 1em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -20px;
  }
  .data-box h3 {
    font-size: 1.4rem;
  }
  .ura .ttl {
    margin-bottom: 2rem;
  }
  .ura .ttl h4 {
    color: white;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .ura .ttl h3 {
    color: white;
    font-size: 2rem;
  }
  .ura .date {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
  }

  .ura .btn-area {
    margin-bottom: 5rem;
  }
  .ura .btn-area .btn {
    text-align: center;
    margin: 5rem auto;
  }
  .ura .btn-area .btn a {
    color: white;
    padding: 2rem 5rem;
    background-color: #5185C5;
    border-radius: 10px;
    font-weight: bold;
  }


  .ura .btn-area .btn2 {
    text-align: center;
    margin: 5rem auto;
  }
  .ura .btn-area .btn2 a {
    color: white;
    padding: 2rem 5rem;
    background-color: #ff9900;
    border-radius: 10px;
    font-weight: bold;
  }

  small {
    line-height: 0.7;
  }
  .profile {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 2rem;
    background-color: white;
    margin-bottom: 5rem;
  }
  .profile h3 {
    margin-bottom: 2rem;
  }
  .profile .name-left {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .profile .name-right {
    width: 100%;
    float: none;
  }
  .profile .name {
    color: #5185C5;
  }
  .profile p {
    margin-bottom: 1rem;
  }
  .profile img {
    margin-bottom: 2rem;
  }
  .otoiawase {
    text-align: center;
    margin-bottom: 2rem;
  }
  .otoiawase h2 {
    font-size: 2rem;
    background-color: #5185C5;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    color: white;
  }
  .contact-box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 5rem;
  }
  .contact-header {
    width: 90%;
  }
  /* flexbox */
  .div2 li {
    width: 100%;
  }
  .div3 li {
    width: 100%;
  }
  .div4 li {
    width: 100%;
  }
  .reverse {
    flex-direction: row;
  }
  /* pc-sp switch sp */
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}