@charset "UTF-8";

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

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:100%;
box-sizing:border-box;
}

a:link {color:#206CFF;text-decoration:none;}
a:visited {color:#206CFF;text-decoration:none;}
a:hover {color:#3b5998;text-decoration:underline;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

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


h1{}
h2{}
h3{}
h4{}

header {
margin:0;
padding:0;
height:48px;
background-color:#f2f2f2;
}
.login{
margin:0;
padding:9px 0 0 10px;
line-height:100%;
color:#2020ff;
}
.login a:link {color:#000;text-decoration:none;}
.login a:visited {color:#000;text-decoration:none;}
.login a:hover {color:#000;text-decoration:none;}

.login_link{
margin:0;
padding:0 10px 0 0;
font-size:100%;
display:table-cell;
vertical-align:middle;
}
.login_name{
margin:0;
padding:0 0 0 10px;
font-size:100%;
display:table-cell;
vertical-align:middle;
border-left:solid 1px #ccc;
}

header nav {
margin:0;
padding:0;
font-size:100%;
line-height:120%;
}
ul.menu {
margin:0;
padding:0 0 0 15px;
list-style:none;
z-index:9999;
}
ul.menu li {
margin:0;
padding:0;
color:#fff;
border-bottom:solid 1px #444;
text-align:left;
}
ul.menu li a {
display:block;
padding:12px 15px 10px 0;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
@media screen and (min-width:769px){
ul.menu li a {
padding:16px 15px 14px 0;
}
}
ul.menu li a:hover {
color:#999;
}

header a:link {color:#333;text-decoration:none;}
header a:visited {color:#333;text-decoration:none;}
header a:hover {color:#333;text-decoration:none;}

header a:link {
-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;
}
header a:hover {
opacity:0.6;
filter:alpha(opacity=60);
-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;
}

.click {
background:transparent url(../../img/twg/btn.png) no-repeat 0 0;
background-size:70px 35px;
display:block;
width:35px;
height:35px;
position:absolute;
top:0;
right:0;
cursor:pointer;
z-index:9999;
}
.peke {
background-position:-35px 0;
}
.drawr {
display:none;
background-color:rgba(0,0,0,0.80);
position:absolute;
top:0;
right:0;
width:280px;
padding:45px 0 20px 0;
z-index:9990;
}


#logo{
margin:0;
padding:20px 0;
text-align:center;
}
@media screen and (min-width:901px){
#logo{
padding:25px 0;
}
}
#logo img{
width:90%;
}
@media screen and (max-width:640px){
#logo img{
width:90%;
}
}
@media screen and (min-width:641px){
#logo img{
width:640px;
}
}


#news{
margin:0;
padding:6px 20px 12px 20px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}
@media screen and (min-width:841px){
#news{
width:840px;
margin:0 auto;
padding:15px 0;
}
}
#news a:link {color:#d81c25;text-decoration:none;font-weight:bold;}
#news a:visited {color:#d81c25;text-decoration:none;}
#news a:hover {color:#d81c25;text-decoration:underline;}

#news dl{
margin:0;
padding:0;
}
#news dl dt{
float:left;
margin:0;
padding:14px 0 5px 0;
}
#news dl dt span{
padding:2px 5px;
font-size:80%;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#d81c25;
}
#news dl dd{
margin:0 0 0 60px;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
border-bottom:1px dotted #999;
}
@media screen and (min-width:841px){
#news dl dd{
font-size:21px;
}
}
#news dl dd:last-child {
padding:10px 0 0 0;
border-bottom:none;
}

@media screen and (max-width:640px){
#banner_box{
margin:0;
padding:15px 15px 10px 15px;
border-top:solid 3px #eee;
}
}
@media only screen and (min-width:641px) and (max-width:1024px){
#banner_box{
margin:0;
padding:15px 15px 10px 15px;
border-top:solid 3px #eee;
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;
}
}
@media screen and (min-width:1025px){
#banner_box{
width:1024px;
margin:0 auto;
padding:30px 0 0 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
}

#banner_box img{
width:100%;
}
@media screen and (max-width:640px){
.banner{
margin:0 0 10px 0;
padding:0;
}
}
@media screen and (min-width:641px){
.banner{
width:49%;
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
}
}


@media screen and (max-width:640px){
.link_title{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
}
@media screen and (min-width:641px){
.link_title{
margin:0;
padding:45px 0 0 0;
font-size:24px;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
}
.link_box{
margin:0;
padding:0 15px;
}
@media screen and (min-width:1025px){
.link_box{
width:1024px;
margin:0 auto;
padding:5px 0 0 0;
}
}
.link_guide{width:100%;margin:0;padding:0;}
.link_program{width:100%margin:0;padding:0;}
.link_menu{width:100%margin:0;padding:0;}

@media screen and (min-width:901px){
.link_guide{
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
}
@media screen and (min-width:901px){
.link_guide::after{
content:"";
display:block;
width:32%;
}
}
@media screen and (min-width:901px){
.link_program{
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
}
@media screen and (min-width:901px){
.link_menu{
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
}


@media screen and (max-width:901px){
.link{
margin:0;
padding:0;
border-bottom:solid 1px #ededed;
}
}
@media screen and (min-width:901px){
.link{
width:32%;
margin:0;
padding:0 0 5px 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
}
}

.link a:link {color:#000;text-decoration:none;display:block;padding:10px 0;}
.link a:visited {color:#000;text-decoration:none;}
.link a:hover {color:#000;text-decoration:none;}

@media screen and (max-width:640px){
.link_img {
height:75px;
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
}
}
@media only screen and (min-width:641px) and (max-width:900px){
.link_img {
height:100px;
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
}
}
@media screen and (min-width:901px){
.link_img {
margin:0;
padding:0;
text-align:center;
}
}
.link_img img{
height:100%;
}
@media screen and (min-width:901px){
.link_img img{
height:217px;
}
}

@media screen and (max-width:901px){
.link_txt {
margin:0;
padding:0 0 0 15px;
display:table-cell;
vertical-align:middle;
}
}
@media screen and (min-width:901px){
.link_txt {
margin:0;
padding:0;
}
}
.link_ttl{
margin:0;
padding:0;
font-size:110%;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width:901px){
.link_ttl{
margin:0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
text-align:center;
}
}
.link_ttl span{
font-size:70%;
font-weight:normal;
}
.link_category {
margin:0;
padding:0 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:901px){
.link_category {
margin:0;
padding:10px 0 2px 0;
text-align:center;
}
}
.link_category span {
padding:0 5px;
font-size:60%;
line-height:100%;
color:#fff;
background:#d81c25;
}
@media screen and (min-width:901px){
.link_category span {
padding:0 5px;
font-size:14px;
line-height:100%;
color:#fff;
background:#d81c25;
}
}
.link_detail {
margin:0;
padding:5px 0 0 0;
font-size:75%;
line-height:100%;
color:#666;
}
@media screen and (min-width:901px){
.link_detail {
margin:0;
padding:5px 0 0 0;
font-size:14px;
line-height:100%;
color:#666;
text-align:center;
}
}


#wrapper{
margin:0;
padding:10px 20px;
}
@media screen and (min-width:769px){
#wrapper{
width:768px;
margin:0 auto;
padding:0x;
}
}


/*---------- 下層ページ ----------*/

.page_title{
width:100%;
height:150px;
margin:0;
padding:0;
text-align:center;
background-repeat:no-repeat;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}
@media screen and (min-width:769px){
.page_title{
width:768px;
height:240px;
margin:0 auto;
}
}
.page_title::after {
content: "";
position:absolute;
top:0;
left:0;
height:150px;
width:100%;
background:rgba(0, 0, 0, 0.1);
background-image:url(../../img/twg/mask.png);
}
@media screen and (min-width:769px){
.page_title::after {
height:240px;
}
}

.bg_register{background-image:url(../../img/twg/bg_register.jpg);background-size:100% auto;background-position:center center;}
.bg_events{background-image:url(../../img/twg/bg_events.jpg);background-size:100% auto;background-position:center center;}
.bg_home{background-image:url(../../img/twg/bg_home.jpg);background-size:100% auto;background-position:center center;}
.bg_books{background-image:url(../../img/twg/bg_books.png);background-size:100% auto;background-position:center center;}
.bg_app{background-image:url(../../img/twg/bg_app.jpg);background-size:100% auto;background-position:center center;}
.bg_sns{background-image:url(../../img/twg/bg_sns.png);background-size:100% auto;background-position:center center;}
.bg_aboutjames{background-image:url(../../img/twg/bg_aboutjames.jpg);background-size:100% auto;background-position:center center;}
.bg_company{background-image:url(../../img/twg/bg_company.jpg);background-size:100% auto;background-position:center center;}
.bg_contact{background-image:url(../../img/twg/bg_contact.jpg);background-size:100% auto;background-position:center center;}
.bg_contact_lecture{background-image:url(../../img/twg/bg_contact_lecture.jpg);background-size:100% auto;background-position:center top;}
.bg_contact_media{background-image:url(../../img/twg/bg_contact_media.jpg);background-size:100% auto;background-position:center top;}
.bg_recruit{background-image:url(../../img/twg/bg_recruit.jpg);background-size:100% auto;background-position:center center;}
.bg_privacy{background-image:url(../../img/twg/bg_privacy.jpg);background-size:100% auto;background-position:center center;}


.page_title h1{
margin:0;
padding:0;
font-size:140%;
line-height:150%;
color:#fff;
z-index:1;
text-shadow:#4a4a4a 0 0 5px;
}
@media screen and (min-width:769px){
.page_title h1{
font-size:28px;
}
}
.bg_home span{font-size:125%;}

.page_subtitle{
margin:30px 0 0 0;
padding:10px 0;
font-size:125%;
line-height:150%;
text-align:center;
}
.page_subtitle span{
padding:5px 5px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}


.book{
margin:0;
padding:30px 0 20px 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;
border-bottom:solid 1px #ddd;
}
@media screen and (min-width:769px){
.book{
padding:30px 0;
}
}
.book_pict{
width:30%;
margin:0;
padding:0;
text-align:center;
}
@media screen and (min-width:769px){
.book_pict{
width:25%;
}
}
.book_pict img{
width:100%;
box-shadow:0px 0px 5px #594a42;
}
.book_detail{
width:65%;
margin:0;
padding:0;
}
@media screen and (min-width:769px){
.book_detail{
width:70%;
}
}
.book_new{
margin:0;
padding:0 0 10px 0;
}
.book_new span{
padding:3px 10px;
font-size:90%;
line-height:100%;
color:#fff;
background:#af9328;
}
.book_title{
margin:0;
padding:0;
font-size:100%;
line-height:150%;
}
@media screen and (min-width:769px){
.book_title{
font-size:21px;
line-height:160%;
}
}
.book_txt{
margin:0;
padding:10px 0;
font-size:85%;
line-height:160%;
}
.book_subtxt{
margin:0;
padding:10px 0 0 0;
font-size:75%;
line-height:160%;
color:#666;
}

.app_head{
margin:0;
padding:15px 0 5px 0;
font-size:120%;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.app_head{
padding:15px 0 10px 0;
font-size:24px;
letter-spacing:1px;
}
}
.app_subhead{
margin:0;
padding:0 0 5px 0;
font-size:80%;
line-height:150%;
text-align:center;
color:#666;
}
@media screen and (min-width:769px){
.app_subhead{
font-size:16px;
font-weight:normal;
letter-spacing:1px;
}
}
.app_photo{
margin:0;
padding:0 0 5px 0;
}
.app_photo img{
width:100%;
}

.app_pict{
margin:0;
padding:10px 0 0 0;
text-align:center;
}
.app_pict img{
width:100%;
}
.app_title{
margin:0;
padding:20px 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.app_title{
padding:30px 0 10px 0;
font-size:24px;
letter-spacing:1px;
}
}
.app_download{
margin:0;
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;
}
.app_btn{
width:48%;
margin:0;
padding:0;
}
.app{margin:0;padding:0;}
.app img{
height:50px;
}
@media screen and (min-width:769px){
.app img{
height:52px;
}
}
.qr{
margin:0;
padding:15px 0 0 0;
}

.app_caption{
margin:30px 0 0 0;
padding:5px 0;
color:#666;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
.app_caption p{font-size:75%;}
@media screen and (min-width:769px){
.app_caption p{font-size:12px;letter-spacing:0;}
}

.sns_box{
margin:-10px 0 0 0;
padding:0;
}
@media screen and (min-width:769px){
.sns_box{
margin:0;
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;
}
}
.sns{
margin:0;
padding:20px 0 1px 0;
border-bottom:solid 1px #ddd;
}
@media screen and (min-width:769px){
.sns{width:48%;}
}
@media screen and (min-width:769px){
.sns p{letter-spacing:0;}
}
.sns_link{
margin:0;
padding:0;
}
.sns_link a{
display:block;
}
.sns_icon{
width:75px;
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
}
.sns_icon img{
width:100%;
}
.sns_name{
margin:0;
padding:0 0 0 20px;
font-size:70%;
line-height:200%;
display:table-cell;
vertical-align:middle;
}
@media screen and (min-width:769px){
.sns_name{
font-size:12px;
}
}
.sns_name span{
font-size:170%;
}
@media screen and (min-width:769px){
.sns_name span{
font-size:21px;
}
}


.sns_caption{
margin:0;
padding:45px 0 5px 0;
color:#666;
border-bottom:solid 1px #ddd;
}
.sns_captitle{
margin:0;
padding:0;
font-size:90%;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width:769px){.sns_captitle{font-size:14px;}}
.sns_caption p{font-size:75%;}
@media screen and (min-width:769px){.sns_caption p{font-size:12px;}}

.login_alert{
margin:0 0 30px 0;
padding:15px;
font-size:100%;
line-height:150%;
text-align:center;
border:solid 2px #d81c25;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.login_alert a:link {color:#206CFF;text-decoration:underline;}
.login_alert a:visited {color:#206CFF;text-decoration:underline;}
.login_alert a:hover {color:#3b5998;text-decoration:none;}
@media screen and (min-width:769px){
.login_alert{
font-size:18px;
margin:0 90px 30px 90px;
}
}


.pp_box{
margin:0;
padding:0;
}
.pp{
margin:0;
padding:1px 15px;
border:solid 1px #ccc;
overflow:auto;
height:100px;
}
.pp p{
font-size:60%;
color:#999;
}
@media screen and (min-width:769px){
.pp p{
font-size:12px;
}
}

.event_top{
margin:0;
padding:10px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#fff;
background:#d81c25;
}
@media screen and (min-width:769px){
.event_top{
width:768px;
margin:0 auto;
padding:15px 0;
font-size:18px;
line-height:100%;
}
}

.event_box{
margin:0;
padding:0 0 20px 0;
}
.event{
margin:0;
padding:0;
border-bottom:solid 1px #ddd;
position:relative;
}
.event:after {
content:'\f054';
font-size:24px;
font-weight:bold;
font-family: "Font Awesome 5 Free";
color:#ccc;
position:absolute;
top:38%;
right:0;
}
.event a:link {color:#000;text-decoration:none;display:block;padding:10px 20px 10px 0;}
.event a:visited {color:#000;text-decoration:none;}
.event a:hover {color:#000;text-decoration:none;opacity:0.6;filter:alpha(opacity=60);}

.event_day{
margin:0;
padding:0;
font-size:150%;
line-height:150%;
color:#d81c25;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:769px){
.event_day{
font-size:28px;
}
}
.event_title{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width:769px){
.event_title{
font-size:21px;
letter-spacing:1px;
}
}
.event_place{
margin:0;
padding:3px 0 0 0;
font-size:80%;
line-height:150%;
}
@media screen and (min-width:769px){
.event_place{
font-size:14px;
letter-spacing:1px;
}
}

#wrapper nav{
margin:0;
padding:0 0 30px 0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
ul.pagination {
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
}
ul.pagination li {
display:inline;
}
ul.pagination li span,
ul.pagination li a{
display: inline-block;
list-style-type:none;
margin:0 2px;
padding:0;
font-size:14px;
width:30px;
height:30px;
line-height:30px;
border:solid 1px #8e8e8e;
text-align:center;
color:#8e8e8e;
background-color:#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;
}
ul.pagination li a:link {color:#8e8e8e;text-decoration:none}
ul.pagination li a:visited {color:#8e8e8e;text-decoration:none;}
ul.pagination li a:hover {color:#fff;text-decoration:none;background-color:#e0494b;border:solid 1px #e0494b;}
ul.pagination li.active span {
color:#fff;
background-color:#e0494b;
border:solid 1px #e0494b;
}

.event_mail{
margin:0;
padding:0 20px 20px 20px;
border:solid 2px #ddd;
background:#f9f9f9;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width:769px){
.event_mail{
margin:0;
padding:10px 45px 45px 45px;
}
}

.project_title{
width:100%;
height:150px;
margin:0;
padding:0;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
background-image:url(img/back.jpg);
background-size:100% auto;
background-position:center center;
background-repeat:no-repeat;
}
@media screen and (min-width:769px){
.project_title{
width:768px;
height:240px;
margin:0 auto;
}
}
.project_title h1{
margin:0;
padding:0;
font-size:140%;
line-height:150%;
color:#d81c25;
text-shadow:-2px -2px 10px #fff,2px 2px 10px #fff;
}
@media screen and (min-width:769px){
.project_title h1{
font-size:28px;
}
}
.project_description{
margin:0 20px;
padding:0;
}

table.detail{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
@media screen and (min-width:769px){
table.detail{
margin:0 0 30px 0;
}
}
table.detail th{
width:18%;
font-size:90%;
font-weight:normal;
line-height:150%;
padding:10px 0;
color:#fff;
background:#333;
}
@media screen and (min-width:769px){
table.detail th{
width:25%;
font-size:18px;
padding:15px 0;
}
}
table.detail td{
font-size:90%;
line-height:150%;
padding:10px;
border-bottom:solid 1px #ccc;
}
@media screen and (min-width:769px){
table.detail td{
font-size:18px;
padding:15px;
}
}
.project_subject{
margin:0;
padding:0;
font-weight:bold;
text-align:center;
}
ul.subject{
margin:0;
padding:10px 0 20px 0;
list-style-type:disc;
}
ul.subject li{
margin:0 0 5px 20px;
padding:0;
font-size:100%;
line-height:150%;
}

.contents_view{
margin:0;
padding:0;
}
@media screen and (min-width:769px){
.contents_view{
width:768px;
margin:0 auto;
}
}
.contents_view img{
width:100%;
}
.contents_title{
margin:0 0 15px 0;
padding:10px 0;
font-size:100%;
line-height:150%;
text-align:center;
color:#fff;
background:#d81c25;
}
@media screen and (min-width:769px){
.contents_title{
margin:30px 0 15px 0;
padding:15px 0;
font-size:20px;
}
}
.contents_box{
margin:0;
padding:0;
}
@media screen and (min-width:769px){
.contents_box{
width:768px;
margin: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;
}
}
.contents{
margin:0;
padding:0 0 15px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.contents{
width:49%;
font-size:18px;
}
}
.contents img{
width:100%;
margin-bottom:5px;
}

.check_box{
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.checkin{
width:48%;
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
}

table.check{
width:100%;
border-collapse:collapse;
margin:-5px 0 20px 0;
}
table.check th{
width:25px;
font-size:100%;
line-height:180%;
padding:10px 0 3px 0;
color:#d1101a;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
font-weight:bold;
line-height:150%;
padding:10px 0 3px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width:901px){
table.check th{
width:35px;
font-size:20px;
padding:5px 0 3px 0;
}
}
@media screen and (min-width:901px){
table.check td{
font-size:18px;
}
}

.price_title{
margin:0;
padding:15px 0;
font-size:125%;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.price_title{
padding:25px 0 20px 0;
font-size:24px;
}
}
.price_title span{
padding:5px 5px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}
.price{
margin:0;
padding:0 0 15px 0;
text-align:center;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.price{
font-size:24px;
letter-spacing:1px;
}
}
.price span{
font-size:80%;
line-height:150%;
font-weight:normal;
color:#666;
}
@media screen and (min-width:769px){
.price span{
font-size:16px;
line-height:120%;
}
}

.billionaire_box{
margin:0;
padding:0;
}
table.billionaire{
width:100%;
border-collapse:separate;
margin:0;
}
table.billionaire th{
width:20%;
font-size:90%;
font-weight:normal;
line-height:150%;
padding:10px 0;
color:#fff;
background:#333;
}
@media screen and (min-width:769px){
table.billionaire th{
width:25%;
font-size:18px;
padding:15px 0;
}
}
table.billionaire td{
font-size:90%;
line-height:150%;
padding:10px;
border-bottom:solid 1px #ccc;
}
@media screen and (min-width:769px){
table.billionaire td{
font-size:18px;
padding:15px;
}
}

.photo_box{
margin:0;
padding:15px 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;
}
.photo{
width:49%;
margin:0 0 10px 0;
padding:0;
}
.photo img{
width:100%;
}


.james_photo{
margin:20px 0 0 0;
padding:0;
text-align:center;
}
.james_photo img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
@media screen and (min-width:769px){
.james_photo img{
width:45%;
}
}
.james_name{
margin:0;
padding:15px 0 5px 0;
font-size:120%;
font-weight:bold;
line-height:100%;
text-align:center;
}
@media screen and (min-width:769px){
.james_name{
font-size:24px;
}
}
.james_name span{
font-size:60%;
font-weight:normal;
color:#999;
font-family:"Times New Roman", Times, serif;
}

.media_logo{
margin:0;
padding:0 0 15px 0;
text-align:center;
}
.media_logo img{
width:100%;
}
.media_tv{
margin:0;
padding:5px 0 10px 0;
text-align:center;
}
.media_tv img{
width:100%;
}
ul.media{
margin:0;
padding:0;
list-style:none;
}
ul.media li{
margin:0;
padding:10px 0 5px 0;
font-size:100%;
line-height:150%;
border-bottom:dotted 1px #999;
}
@media screen and (min-width:769px){
ul.media li{
font-size:18px;
letter-spacing:1px;
}
}

table.spec{
width:100%;
border-collapse:collapse;
margin:20px 0 0 0;
border-top:solid 1px #ddd;
}
@media screen and (min-width:769px){
table.spec{
border-collapse:separate;
border-top:none;
}
}
table.spec th{
font-size:100%;
font-weight:normal;
line-height:100%;
padding:10px 15px;
text-align:left;
background:#f2f2f2;
border-bottom:solid 1px #ddd;
display:block;
}
@media screen and (min-width:769px){
table.spec th{
width:30%;
font-size:18px;
line-height:150%;
padding:10px 15px;
text-align:left;
display:table-cell;
}
}
table.spec td{
font-size:90%;
line-height:160%;
padding:10px 0 20px 0;
border-bottom:solid 1px #ddd;
display:block;
}
@media screen and (min-width:769px){
table.spec td{
font-size:18px;
line-height:150%;
padding:10px 15px;
border-bottom:solid 1px #ddd;
display:table-cell;
}
}

table.form{
width:100%;
border-collapse:collapse;
margin:0 0 5px 0;
}
@media screen and (min-width:769px){
table.form{
margin:0 0 30px 0;
}
}
table.form th{
font-size:100%;
line-height:160%;
padding:0;
text-align:left;
display:block;
}
@media screen and (min-width:769px){
table.form th{
width:30%;
font-size:18px;
line-height:160%;
padding:15px 0 10px 0;
text-align:left;
display:table-cell;
border-bottom:solid 1px #d81c25;
}
}
table.form td{
font-size:100%;
line-height:160%;
padding:5px 0 15px 0;
display:block;
}
@media screen and (min-width:769px){
table.form td{
font-size:18px;
line-height:160%;
padding:15px 0 10px 15px;
display:table-cell;
border-bottom:solid 1px #ccc;
}
}

.req{
margin:0;
padding:0;
float:right;
text-align:right;
}
.req span{
margin:0;
padding:2px 2px 2px 2px;
font-size:80%;
font-weight:normal;
line-height:100%;
color:#fff;
background:#f49b97;
}

.form_caption{
margin:0;
padding:5px 0 0 0;
font-size:80%;
line-height:150%;
color:#555;
}
@media screen and (min-width:769px){
.form_caption{
padding:10px 0 0 0;
font-size:12px;
line-height:160%;
}
}
.form_agree{
margin:0;
padding:15px 0 5px 0;
font-size:100%;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.form_agree{
padding:20px 0 5px 0;
font-size:18px;
font-weight:bold;
line-height:150%;
text-align:center;
}
}

input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}
input[type="email"] {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="email"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}
input[type="number"] {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="number"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}

input[type="submit"],input[type="button"] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
border:solid 1px #d81c25;
box-sizing:border-box;
cursor:pointer;
webkit-transition: all .5s;transition:all .5s;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background:#d81c25;
}
/* 2019.11.18 ADD START */
button[type="submit"],button[type="button"] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
border:solid 1px #d81c25;
box-sizing:border-box;
cursor:pointer;
webkit-transition: all .5s;transition:all .5s;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background:#d81c25;
}
/* 2019.11.18 ADD END */
@media screen and (min-width:769px){
input[type="submit"],input[type="button"] {
border-radius:0;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
/* 2019.11.18 ADD START */
button[type="submit"],button[type="button"] {
border-radius:0;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
/* 2019.11.18 ADD END */
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
color:#fff;
}

.selectbox select {
background: url(../../img/twg/arrow_pull.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
background: url(../../img/twg/arrow_pull.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
background-size: 20px, 100%;
padding:10px 30px 10px 10px;
}
select::-ms-expand {
display: none;
}

.entry_box{
margin:0;
padding:10px 0 0 0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
.entry{
margin:0;
padding:0;
}
.recruit{
width:48%;
margin:0;
padding:0;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:-o-flex;
display:flex;
}

.home_box{
margin:0;
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;
}
.home{
width:49%;
margin:0;
padding:0 0 15px 0;
}
.home a:link {color:#000;text-decoration:none;display:block;}
.home a:visited {color:#000;text-decoration:none;}
.home a:hover {color:#000;text-decoration:none;}
.home img{
width:100%;
}
.home_icon{
margin:0;
padding:0 0 5px 0;
font-size:150%;
line-height:100%;
text-align:center;
color:#d81c25;
}
@media screen and (min-width:769px){
.home_icon{
font-size:28px;
}
}
.home_title{
margin:0;
padding:0 0 3px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.home_title{
padding:0 0 5px 0;
font-size:18px;
}
}
@media screen and (min-width:769px){
#modal{
width:768px;
margin:0 auto;
}
}

.online{
margin:0;
padding:25px 0 0 0;
text-align:center;
}
@media screen and (min-width:769px){
.online{
padding:45px 0 0 0;
}
}
.online img{
width:100%;
}
@media screen and (min-width:641px){
.online img{
width:640px;
}
}

.modal_title{
margin:0;
padding:10px 0 5px 0;
font-size:120%;
line-height:150%;
text-align:center;
color:#d81c25;
}
.modal_txt{
margin:0;
padding:0;
text-align:center;
}
.modal_txt img{
width:80%;
margin-top:10px;
}
@media screen and (min-width:769px){
.modal_txt img{
width:550px;
margin-top:15px;
}
}

.present_title{
margin:0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
color:#d81c25;
}

.tokuten_title{
margin:0;
padding:15px 0 5px 0;
font-size:120%;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.tokuten_title{
padding:25px 0 10px 0;
font-size:24px;
}
}
hr {
width:35px;
margin:0 auto;
padding:0;
height:0;
border:0;
border-top:3px solid #d81c25;
}

.video{
margin:0 0 15px 0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.picture{
margin:0;
padding:0;
text-align:center;
}
.picture img{
width:80%;
}

.tokuten_list{
margin:45px 0 15px 0;
padding:5px 0 5px 0;
font-size:100%;
line-height:150%;
text-align:center;
background:#ddd;
}
@media screen and (min-width:769px){
.tokuten_list{
margin:60px 0 15px 0;
padding:10px 0;
font-size:18px;
line-height:100%;
color:#fff;
background:#666;
}
}


.pdf {
margin:0;
padding:0;
max-width:768px;
}
.pdf_in {
position:relative;
height:0;
overflow:hidden;
padding-bottom:141.5%;
}
.pdf_in iframe {
position:absolute;
width:100%;
height:100%;
}

.test_tilte{
margin:0;
padding:5px 0 0 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#d81c25;
font-family:"Times New Roman", Times, serif;
}
table.test{
width:100%;
border-collapse:collapse;
margin:0 0 25px 0;
}
table.test th{
width:64%;
font-size:100%;
line-height:150%;
padding:15px 0 5px 0;
text-align:left;
border-bottom:solid 1px #ddd;
}
table.test td{
width:18%;
font-size:100%;
line-height:150%;
padding:15px 0 5px 0;
text-align:center;
border-bottom:solid 1px #ddd;
font-family:Arial, Helvetica, sans-serif;
}

.test_txt{
margin:10px 0 30px 0;
padding:20px;
font-size:100%;
line-height:160%;
border:solid 2px #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width:769px){
.test_txt{
margin:10px 0 40px 0;
padding:20px 45px;
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}


/*---------- ページ下部 ----------*/


#sns{
margin:0;
padding:0 0 5px 0;
text-align:center;
}

.sns_title{
margin:0;
padding:25px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:901px){
.sns_title{
font-size:24px;
}
}

.sns_subtitle{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
text-align:center;
color:#666;
}
@media screen and (min-width:901px){
.sns_subtitle{
font-size:16px;
}
}

.flowbtn9{
display:inline-block;	
font-size:40px;
text-decoration:none;
transition:.3s;
}
/* Twitter */
.flowbtn9 .fa-twitter-square{
color:#55acee;
}
/* Instagram */
.flowbtn9 .fa-instagram{
font-size:36px;
color:#fff;
padding:0 3px;
background:radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
border-radius:5px;
line-height:100%;
}
/* Facebook*/
.flowbtn9 .fa-facebook-square{
color:#3b5998;
}
/* YouTube */
.flowbtn9 .fa-youtube-square{
color:#fc0d1c;
}
/* LINE@ */
.flowbtn9 .fa-line{
color:#00c300;
}

#sns ul {
width:100%;
margin:0 auto;
padding:0!important;
text-align:center;
list-style:none;
}
#sns ul li {
display:inline-block;
padding:0 10px;
font-size:36px;
}

.flowbtn9:hover{
opacity:0.6;
filter:alpha(opacity=60);
}




#footer_link{
margin:0;
padding:1em 0 0 0;
background:#f0f0f0;
}
#footer_link a:link {color:#000;text-decoration:none;}
#footer_link a:visited {color:#000;text-decoration:none;}
#footer_link a:hover {color:#000;text-decoration:none;}

#footer_link ul{
width:100%; 
margin:0;
padding:0;
list-style:none;
border-top:1px solid #ddd;
}
@media screen and (min-width:901px){
#footer_link ul{
padding:0 0 30px 0;
border-top:none;
text-align:center;
}
}

#footer_link ul li{
width:50%;
float:left;
list-style:none;
margin:0;
padding:0;
font-size:80%;
line-height:100%;
text-align:center;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}
@media screen and (min-width:901px){
#footer_link ul li{
width:auto;
float:none;
list-style:none;
display: inline-block;
margin:0;
padding:0;
font-size:14px;
line-height:100%;
text-align:center;
border-right:none;
border-bottom:none;
box-sizing:border-box;
}
}

#footer_link ul li:nth-child(even){
border-right:0px;
}
#footer_link ul li a{
display:block;
padding:15px 15px 15px 15px;
text-decoration:none;
}
@media screen and (min-width:901px){
#footer_link ul li a{
display:block;
padding:0 10px;
text-decoration:none;
}
}

#footer_link ul li a:hover{
background-color:#f5f4f0;
}
@media screen and (min-width:901px){
#footer_link ul li a:hover{
background-color:none;
color:#999;
}
}


footer{
margin:0;
padding:20px 0;
font-size:75%;
line-height:150%;
text-align:center;
color:#fff;
background:#333;
font-family:"Times New Roman", Times, serif;
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#d81c25;}
.through{text-decoration:line-through;}

.center{text-align:center;}
.right{text-align:right;}


.device,.entry{
margin:0;
padding:0;
text-align:center;
}
.device,.entry a:link {color:#fff;text-decoration:none;}
.device,.entry a:visited {color:#fff;text-decoration:none;}
.device,.entry a:hover {color:#d81c25;text-decoration:none;}

.btn {
display:inline-block;
letter-spacing:1px;
text-decoration:none;
color:#fff;
border:1px solid #d81c25;
background:#d81c25;
}
.btn:hover {
background:#fff;
color:#d81c25;
-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;
}
.size_00{
width:90%;
margin:20px auto 45px auto;
padding:15px 0 15px 0;
font-size:110%;
font-weight:bold;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
@media screen and (min-width:769px){
.size_00{
width:550px;
margin:30px auto 60px auto;
padding:20px 0 20px 0;
font-size:21px;
font-weight:bold;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
}
.size_01{
width:90%;
margin:0 auto;
padding:15px 0 15px 0;
font-size:110%;
font-weight:bold;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
@media screen and (min-width:769px){
.size_01{
width:550px;
margin:0 auto;
padding:20px 0 20px 0;
font-size:21px;
font-weight:bold;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
}
.size_02{
width:100%;
margin:0 auto;
padding:15px 0 15px 0;
font-size:100%;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
@media screen and (min-width:769px){
.size_02{
padding:20px 0 20px 0;
font-size:20px;
letter-spacing:1px;
}
}
.size_03{
width:100%;
margin:0 auto;
padding:15px 0 15px 0;
font-size:100%;
font-weight:bold;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
@media screen and (min-width:769px){
.size_03{
width:550px;
margin:0 auto;
padding:20px 0 20px 0;
font-size:21px;
font-weight:bold;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
}
.size_04{
width:100%;
margin:0 auto;
padding:10px 0 10px 0;
font-size:90%;
font-weight:bold;
}

.top_reccomend_img {
	display:inline-block;
	width:70%;
	float:left
}

.top_reccomend_txt {
	display:inline-block;
	width:30%;
	float:left
}

@media screen and (max-width:769px){

	.top_reccomend_img {
		display:block;
		width:95%;
	}

	.top_reccomend_txt {
		display:block;
		width:95%;
	}

}