@charset "UTF-8";
/* CSS Document */

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#222;
background-color:#fff;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}


/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}



/*---------- ベーステキストの指定 ----------*/

p {
font-size:16px;
font-size:100%;
line-height:180%;
}

@media screen and (min-width:769px){
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
} 


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}



/*---------- ヘッダー ----------*/
.pc { display: none !important; }
.sp { display: block !important; }
img { max-width: 100%; }


@media screen and (min-width:769px){
.pc { display: block !important; }
.sp { display: none !important; }
img { max-width: 100%; }
}


/*---------- プロフィール ----------*/
.detail_box{
margin:0;
padding:25px 0 20px 0;
background-color:#f8f8f8;
}

h2{
margin:10px;
padding:0;
text-align: center;
font-size: 28px;
color:#0b3b7d;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 900;
line-height: 1.2;
}

.content_box{
margin:20px;
padding:20px;
background-color: #fff;
box-shadow:0 1px 5px rgba(0,0,0,0.3); 
}

.voice_pict{
margin:0 auto;
padding:20px 40px 0 40px;
align-items:center;
}

.voice_pict img{
width:100%;
}

.bold{
font-weight: 800;
font-size: 16px;
color: #0b3b7d;
}

.big_name{
font-weight: 800;
font-size: 24px;
color: #0b3b7d;
text-align: center;
}

.name_romaji{
font-size: 18px;
font-style: italic;
color:#3ba0ff;
font-weight: normal;
text-align: center;
}

.pro_p p{
margin:20px 0 0 0;
padding:0;
}

.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fff200 60%);
}


@media screen and (min-width:769px){
.br-sp {display: none; }

.detail_box{
margin:0;
padding:75px 0 60px 0;
background-color:#f8f8f8;
}

h2{
margin:0;
padding:0;
text-align: center;
font-size: 48px;
color:#0b3b7d;
font-family: 'Noto Sans Japanese', sans-serif;
font-weight: 900;
}

.content_box{
margin:40px auto;
padding:80px;
width: 850px;
background-color: #fff;
box-shadow:0 1px 5px rgba(0,0,0,0.3); 
}

.voice_pict{
width:240px; /* ブロックの幅を指定 */
float:right;
margin:0 0 0 30px;
padding:0;
}

.voice_pict img{width:100%;}

.bold{
font-weight: 800;
font-size: 20px;
color: #0b3b7d;
}

.big_name{
font-weight: 800;
font-size: 36px;
color: #0b3b7d;
}

.name_romaji{
font-size: 18px;
font-style: italic;
color:#3ba0ff;
font-weight: normal;
}

.pro_p p{
margin:22px 0 0 0;
padding:0;
line-height: 1.8;
}

.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fff200 60%);
}
}


/*---------- 実績 ----------*/
.detail_box2{
margin:0;
padding:25px 0 20px 0;
background-color:#e9f9ff;
}

.detail_box2 p{
margin:5px 0 20px 0;
padding:0;
text-align: center;
}

.content_box2{
margin: 20px;
padding:0;
}

.case_pict{
margin:0;
padding:0;
position:relative;
}

.case_item{
margin: 20px 30px;
padding:0;
}

.case_pict img{
width:100%;
display:block;
}


@media screen and (min-width:769px){
.br-sp {display: none; }

.detail_box2{
margin:0 0 0 0;
padding:75px 0 55px 0;
background-color:#e9f9ff;
}

.detail_box2 p{
margin:0 0 50px 0;
padding:0;
text-align: center;
}

.content_box2{
width:1000px;
margin:0 auto 0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}

.case_pict{
margin:0;
padding:0;
position:relative;
}

.case_item{
width:48%;
margin:0 0 30px 0;
padding:0;
}

.case_pict img{
width:100%;
display:block;
}
}


/*---------- BTN ----------*/
.detail_box3{
margin:0;
padding:30px 0;
background: linear-gradient(90deg,#2696ff,#58c4f0);
}

.btn_pict{
margin:0;
padding:0;
text-align: center;
}

.btn_pict img{
margin:0 auto;
padding:0;
width: 90%;
}

.content_box3{
margin:10px 20px 0 20px;
padding:20px;
background-color: #fff;
}

input[type="email"] {
width:100%;
background: #ffffff;
margin: 0px;
font-size:110%;
text-align:center;
border:none;
border:3px solid #db259d;
-webkit-border-radius:5px;
border-radius:5px;
padding:20px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

input[type="image"] {
margin:10px 0 0 0;
padding:0;
width:100%;
}

input[type="image"]:hover {
background:#fff;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.form-1 p{
margin:10px 0 0 0;
padding:0;
font-size: 13px;
color: #878787;
}


@media screen and (min-width:769px){
.br-sp {display: none; }

.detail_box3{
margin:0;
padding:75px 0 55px 0;
background: linear-gradient(90deg,#2696ff,#58c4f0);
}

.btn_pict{
margin:0;
padding:0;
text-align: center;
}

.btn_pict img{
margin:0 auto;
padding:0;
width: 58%;
}

.content_box3{
margin:40px auto;
padding:40px 80px;
width: 650px;
background-color: #fff;
}

input[type="email"] {
background: #ffffff;
width:640px;
font-size:30px;
text-align:center;
border:4px solid #db259d;
-webkit-border-radius:5px;
border-radius:5px;
padding:20px 0;
}

input[type="image"] {
margin:20px 0 0 0;
padding:0;
width: 100%;
}

input[type="image"]:hover {
background:#fff;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.form-1 p{
margin:20px 0 0 0;
padding:0;
font-size: 14px;
color: #878787;
}
}


/*---------- 動画 ----------*/
.detail_box4{
margin:0;
padding:30px 0 10px 0;
background-color:#f8f8f8;
}

.content_box4{
margin:0 30px;
padding:0;
background-color:#f8f8f8;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.detail_title2{
margin:30px 0 0 0;
padding:0;
line-height: 1.4;
}

.detail_box5{
margin:0;
padding:30px 0 20px 0;
background-color:#f8f8f8;
}

.content_box5{
margin:0 30px;
padding:0;
background-color:#f8f8f8;
}


@media screen and (min-width:769px){
.br-sp {display: none; }

.detail_box4{
margin:0;
padding:75px 0 30px 0;
background-color:#f8f8f8;
}

.content_box4{
margin:0 auto;
padding:0;
width: 750px;
background-color:#f8f8f8;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.detail_title2{
margin:70px 0 0 0;
padding:0;
line-height: 1.4;
}

.detail_box5{
margin:-40px 0 0 0;
padding:75px 0 55px 0;
background-color:#f8f8f8;
}

.content_box5{
margin:0 auto;
padding:0;
width: 750px;
}
}


/*---------- マニュアル１部公開 ----------*/
.bg-contents {
margin:0 0 0 0;
padding:0;
background-image: url("img/bg_business2.png");
background-attachment: fixed;
}

.bg{
margin:0;
padding:0 0 30px 0;
background-color: rgba(11,59,125,0.87);
width: 100%;
height: 100%;
}

.text_white{
margin:0 20px;
padding:30px 0 0 0;
text-align: center;
font-size: 28px;
font-weight: 900;
color: #fff;
}

.yellow{
color: #fff200;
}

.big_5{
font-size: 32px;
}

.topic_pict {
margin: 0 20px;
padding: 0;
text-align: center;
}

.topic_pict img{
margin: 20px 20px 0 0;
padding: 0;
}

.content_box6{
margin:0 20px;
padding:10px 20px 20px;
background-color:#fff;
}

.check{
margin: 0;
padding: 0;
}

tr{
color: #222;
font-size: 16px;
font-weight: 600;
padding-left: 50px;
vertical-align:center;
}

i{
padding-right: 10px;
color: #db259d;
}

td{
border-bottom: dotted 2px #CCC;
}

.text_open{
margin: 0;
padding: 15px 0;
line-height: 1.4;
}

.pink{
color: #db259d;
}

@media screen and (min-width:769px){
.br-sp {display: none; }

.bg-contents {
margin:0 0 0 0;
padding:0;
background-image: url("img/bg_business2.png");
background-attachment: fixed;
}

.bg{
margin:0;
padding:0 0 80px 0;
background-color: rgba(11,59,125,0.87);
width: 100%;
height: 100%;
}

.text_white{
margin:0;
padding:45px 0 0 0;
text-align: center;
font-size: 48px;
font-weight: 900;
color: #fff;
}

.yellow{
color: #fff200;
}

.big_5{
font-size: 68px;
}

.topic_pict pc{
margin: 0 auto;
padding: 0;
text-align: center;
}

.topic_pict img{
margin: 60px 55px 0 0;
padding: 0;
width: 1065px;
}

.topic_pict2 {
margin: 0 auto;
padding: 0;
text-align: center;
}

.topic_pict2 img{
margin: 60px 0 0 55px;
padding: 0;
width: 1065px;
}

.content_box6{
margin:0 auto;
padding:20px 80px;
width: 850px;
background-color:#fff;
}

.check{
margin: 40px 0;
padding: 0;
}

tr{
color: #222;
font-size: 24px;
font-weight: 600;
padding-left: 50px;
line-height: 2.5;
vertical-align:top;
}

i{
padding-right: 20px;
color: #db259d;
}

td{
border-bottom: dotted 3px #CCC;
}

.text_open{
margin: 0;
padding: 15px 0;
line-height: 1.5;
}

.pink{
color: #db259d;
}
}


/*---------- インタビュアー ----------*/
.detail_box7{
margin:0;
padding:30px 0;
background-color:#f8f8f8;
}

.content_box7{
margin: 20px;
padding:20px;
background-color: #fff;
box-shadow:0 1px 5px rgba(0,0,0,0.3); 
}

.interview_pict img{
width: 100%;
}

.text_inter{
margin: 0;
padding: 20px 0 0 0;
}

.box7_text{
margin: 30px 0 0 0;
padding: 8px 0 8px 10px;
color: #FFF;
background: #0b3b7d;
font-weight: 600;
font-size: 16px;
}

.box8_text{
margin: 0;
padding: 0;
}

.book_p{
margin: 20px 0 30px 0;
padding: 0 ;
}

.book_pict{
margin:20px;
padding:0;
}

.book_pict img{width:100%;}

.seminer_pict{
margin: 10px 0 0 0;
padding: 0 10px 10px 10px;
}

.seminer_pict img{
width:100%;
}


 /* 書籍２人目サイズ */
 
 .work_name{
 margin: 30px 0 -15px 0;
 line-height: 1.5;
 }
 
.book_pict2{
margin:20px;
padding:0;
}

.book_pict2 img{
width:80%;
margin: 0 30px;
}

.book_p2{
margin: 30px 0 90px 0;
padding: 0 ;
}

.box10_text{
margin: -60px 0 0 0; 
}

@media screen and (min-width:769px){
.br-sp {display: none; }

.detail_box7{
margin:0;
padding:75px 0 45px 0;
background-color:#f8f8f8;
}

.content_box7{
margin:40px auto;
padding:80px;
width: 850px;
background-color: #fff;
box-shadow:0 1px 5px rgba(0,0,0,0.3); 
}

.interview_pict img{
width: 100%;
}

.text_inter{
margin: 0;
padding: 30px 0 0 0;
}

.box7_text{
margin: 50px 0 0 0;
padding: 10px 0 10px 40px;
width: 810px;
color: #FFF;
background: #0b3b7d;
font-weight: 600;
font-size: 22px;
}

.box8_text{
margin: 0;
padding: 0;
}

.book_p{
margin: 30px 0 60px 0;
padding: 0 ;
}

.book_pict{
width:380px; /* ブロックの幅を指定 */
float:right;
margin:30px 30px 20px 40px;
padding:0;
}

.book_pict img{width:100%;}

.seminer_pict{
margin: 30px 0 0 0;
padding: 0 30px;
}


 /* 書籍２人目サイズ */
 
 .work_name{
 margin: 30px 0 -15px 0;
 line-height: 1.5;
 }
 
.book_pict2{
width:280px; /* ブロックの幅を指定 */
float:right;
margin:30px 30px 20px 40px;
padding:0;
}

.book_pict img{width:100%;}

.book_p2{
margin: 30px 0 90px 0;
padding: 0 ;
}
}


/*---------- BTN ----------*/
.detail_box33{
margin:30px 0 0 0;
padding:30px 0;
background: linear-gradient(90deg,#2696ff,#58c4f0);
}


@media screen and (min-width:769px){
.detail_box33{
margin:80px 0 0 0;
padding:75px 0 55px 0;
background: linear-gradient(90deg,#2696ff,#58c4f0);
}
}


 /* -------------------------- フッター --------------------------- */
#footer {
margin: 0 0 0 0;
padding: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 200%;
text-align: center;
color: #fff;
background-color: #4A4848;
}

#footer a:visited {
color: #fff;
text-decoration: none;
}