/* ハイブリッドセミナービジネス用 */
/* ADDED Font considerations */
body {
    padding-top:0;
    background-color: #eee; /* #000034; */
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;     font-size: 18px;
    font-weight: normal;
}

nav#top,
nav#form,
nav#second {
    margin:0;
    padding: 1em;
    background-color: #008;
    box-shadow: 0 3px 3px 3px #ccc;
}

nav#top img,
nav#form img,
nav#second img {
    width: 95%;
    margin: 0 auto;
}

nav#top .container,
.container.container-clear {
    margin: 0 auto;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

header,
header img {
    max-width: 100%; 
    margin: 0 auto;
    box-shadow: 0 2px 2px 2px #ccc;
}

/* The area under the main header */
#under-head1.container-fluid {
    background: #fff;
    box-shadow: 0 2px 2px 2px #ccc;
    margin-top: 0.25em;
    margin-bottom:0.25em;
    padding: 0.25em;
}

img.under-head1 {
    margin: 0.75em auto;
    width:100%;
}

#under-head2.container-fluid {
    background: #008;
    box-shadow: 0 2px 2px 2px #ccc;
    margin-top: 0.25em;
    margin-bottom:0.25em;
    padding: 0.5em;
}

img.under-head2 {
    margin: 0.5em auto;
    width:100%;
}

#under-head3.container-fluid {
    background: #008;
    box-shadow: 0 2px 2px 2px #ccc;
    margin: 0 auto;
    padding: 1em 3em;
}

img.under-head3 {
    margin: 1em auto;
    width: 100%;
}

#under-head4.container-fluid {
    background-image: url(../images/under-header-s2-bg-pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 2px 2px 2px #ccc;
    margin: 0 auto;
    padding: 1em 3em;
}

/* Main body */
.container {
    background-color: #fff;
    box-shadow: 0 5px 5px 5px #ccc;
    padding:0;
}

.wrapper {
    width: 85%;
    margin: 0 auto;
    padding: 0.25em 0;
    background: #fff;
    box-shadow: 0 6px 6px 6px #ccc;
}

.wrapper-no-shadow {
    width: 85%;
    margin: 0 auto;
    padding: 0.25em 0;
    background: #fff;
    box-shadow: none;
}

/* offer card */
.card.offer {
    border: 3px outset #aa8300;
    border-radius: 20px;
}

.offer .card-header {
    background-color: #ffea80;
    border-radius: 17px 17px 0 0;
}

.offer .card-body {
    border-radius: 0 0 20px 20px;
}

.card.line-at .card-header {
    border-radius: 0;
}

/* Q&A card */
.card.q-and-a {
    margin: 2em auto;
    box-shadow: 3px 3px 3px #ccc;
}

.card-header.q-and-a {
    padding: 1em 1em 1em 5em;
    background-image: url(../images/Q.png);
    background-repeat: no-repeat;
    background-position: 1em 1em;
    background-size: 3em;
}

.card-body.q-and-a {
    padding: 1em 1em 1em 5em;
    background-image: url(../images/A.png);
    background-repeat: no-repeat;
    background-position: 1em 1em;
    background-size: 3em;
}

.card-header.q-and-a p,
.card-body.q-and-a p {
    margin: 5px;
}

/* Contents Area */
.contents {
    width: 100%;
    margin: 0em auto;
    padding: 2em;
    text-align: left; 
}

.contents p {
    font-size: 1.2em;
    margin-bottom: 1.2em;
    line-height: 170%;
}


/* Sub-Title format */
.subt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}
 .subt h1 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
    color: #b00; 
    font-weight: bold;
    text-shadow: 1px 1px 1px #aaa;
    line-height: 150%;
}

.subt img {
    width: 100%;
}

/* Sub-sub header formats */
.subhead-keypoint,
.subhead-benefit {
    margin: 1em auto;
    padding: 0;
}

.subhead-keypoint img,
.subhead-benefit img {
    width: 100%;
}

/* List's font size */
ul, 
ul li,
ol,
ol li {
    font-size: 1.1em;
}

/* List with regular bullet and box around it */
ul.boxed {
    font-size: 1.2em;
    font-weight: bold;
    border: 2px outset #696969;
    border-radius: 10px;
    margin: 1em auto;
    padding:  2em;
}
ul.boxed li {
    margin-bottom: 0.5em;
    border-bottom: 1px solid #696969;
}

/*Smaller UL lists */
ul.small-list {
    font-size: 0.97em;
    line-height: 180%;
    margin: -1em auto 1em;
    padding: 1em;
    list-style-type: '＊';
}

/* List with check mark */
ul.checked-r {
    font-size: 1.25em;
    font-weight: bold;
    border: 3px outset #a00;
    border-radius: 10px;
    margin: 1em auto;
    padding:  1em 2em 1em 3.5em;
    list-style-image: url(../images/checkmark-r.png);
    background-color: #fff2f2;
}
ul.checked-r li {
    margin-bottom: 0.5em;
    border-bottom: 1px dotted #a00;
    vertical-align: middle;
}

/* Blue-toned checked list */
ul.checked-b {
    font-size: 1.25em;
    font-weight: bold;
    border: 3px outset #00a;
    border-radius: 10px;
    margin: 1em auto;
    padding:  1em 2em 1em 3.5em;
    list-style-image: url(../images/checkmark-b.png);
    background-color: #f2ffff;
}
ul.checked-b li {
    margin-bottom: 0.5em;
    border-bottom: 1px dotted #00a;
    vertical-align: middle;
}

/* List with light bulbs */
ul.light-bulb {
    font-size: 1.25em;
    font-weight: bold;
    border: 3px outset #fba900;
    border-radius: 10px;
    margin: 1em auto;
    padding:  1em 2em 1em 3.5em;
    list-style-image: url(../images/light-bulb.png);
    background-color: #fffff2;
}
ul.light-bulb li {
    margin-bottom: 0.5em;
    border-bottom: 1px dotted #008;
    vertical-align:middle;
}


/* LINE@ instruction list */
div.line-at {
    border: 2px solid #38a830;
    border-radius: 5px;
}

div.line-at-sub {
    border: 1px dotted #38a830;
    border-radius: 10px;
    margin: 0.5em;
    padding: 0.5em;
}

ol.line-sub {
    list-style-type: decimal;    
}

ol.line-sub li{
    margin-bottom: 0.5em;
} 

/* Gift details */
.gift-body .card {
    border-radius: 10px;
    box-shadow: 2px 2px 2px #ccc;
}

.gift-body .card .card-body {
    background-color: #FFFFF0;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid #ccc;
}


/* Presenters' Profile */
.profile {
    width: 95%;
    margin: 1em auto;
    padding: 1em 3em;
    text-align: left;
    border: 3px outset #ccc;
    border-radius: 10px;
    /*box-shadow: 2px 2px 10px #ccc;*/
    background-color: #f9f9ff;
}

.profile-t {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    text-shadow: 1px 1px 1px #aaa;
    padding: 0.5em 0;
    border-bottom: 2px solid #000;
    text-align: center;
    font-size: 2.25em;
}

.profile-t small {
    color: #999;
    font-size: 0.6em;
}

.profile p {
    font-size: 1.1em;
    margin-bottom: 1.2em;
    line-height: 160%;
}

img.float-right {
    margin-left: 1em;
    margin-bottom: 0.5em;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
}

img.float-left {
    margin-right: 1em;
    margin-bottom: 0.5em;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
}

img.frame {
    border: 5px solid #fff;
    box-shadow: 0 0 0 1px #ccc;
}

/* YouTube Video Embed */
.videoWrapper {
    display: block;
    margin: 1em auto;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

table#service th, td {
    padding: 0.2em;
}

/*------------------------------------------
　画像リンクにカーソル載せると半透明
--------------------------------------------*/

a img.linkalpha{
	background:none !important;
}
 
a:hover img.linkalpha{
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none !important;
}

input.linkalpha:hover {
    opacity: 0.8;
}

/* typography specs */
.ft_gothic {
    font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}

.ft_mincho {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.read {
    font-family: "ヒラギノ角ゴ StdN W8", "Hiragino Kaku Gothic StdN", "HGP創英角ｺﾞｼｯｸUB", "HGPSoeiKakugothicUB", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 150%;
    margin: 0 auto 20px;
    text-align: left;
}

.ft_italic {
    font-style: italic;
}

strong,
.b {
    font-weight: bold;
}

.ft_gothic_bigbold {
    font-family: "ヒラギノ角ゴ StdN W8", "Hiragino Kaku Gothic StdN", "HGP創英角ｺﾞｼｯｸUB", "HGPSoeiKakugothicUB", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
}

.ft_gothic_bold {
    font-family: "ヒラギノ角ゴ ProN W6", "HiraKakuProN-W6", "HGP創英角ｺﾞｼｯｸUB", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}

.u {
    text-decoration: underline;
}

.red {
    color: #b00;
}

.darkred {
    color: #900;
}

.blue {
    color: #00b;
}

.bgy {
    background: #ffd700;
    padding: 5px 0
}

.bgy_dark {
    background: #fed77d;
    padding: 5px 0
}


/* Arrow to go to page top & bottom */
/*------------------------------------
ページトップ
--------------------------------------*/

.page-top{
	position: fixed;
	right: 10px;
	bottom: 35px;
	z-index: 99;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 0;
	text-decoration: none;
}

.page-top a:link,
.page-top a:visited{
	color: #b00; /*#00b*/
	text-shadow: 1px 1px 1px #fff;
}

.page-top a:hover,
.page-top a:active{
	color: #00b; /*#b00;*/
	text-shadow: 1px 1px 1px #fff;
}


/*------------------------------------
ページボトム
-------------------------------------*/

.page-btm{
	position: fixed;
	right: 10px;
	bottom: 10px; 
	z-index: 99;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

* html .page-btm{ display: none; }

.page-btm a{
	display: block;
	padding: 0;
	text-decoration: none;
}

.page-btm a:link,
.page-btm a:visited{
	color: #b00; /*#00b;*/
	text-shadow: 1px 1px 1px #fff;
}

.page-btm a:hover,
.page-btm a:active{
	color: #00b; /* #b00;*/
	text-shadow: 1px 1px 1px #fff;
}

/* Customize container: 
   from "Jumbotron-Narrow" */
@media (min-width: 768px) {
  .container {
    max-width: 900px; /* original: 730px */
}
}

/* for larger screen spec */
@media screen and (min-width: 641px) {
    .sp {
        display: none;
    }
}

/* for smaller screen spec */
@media screen and (max-width: 640px) {
    nav#top,
    nav#form,
    nav#second,
    nav#top img,
    nav#form img,
    nav#second img,
    #under-head3.container-fluid,
    #under-head4.container-fluid  {
        width: 100%;
        margin: 0;
        padding: 0.25em;
    }

    .container,
    .contents,
    .profile,
    .cta-box,
    .wrapper,
    form  {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 5px;
    padding-left: 5px;
    }
    
    .pc {
        display:none;
    }
    
    img.under-head {
        margin: 1em auto;
    }
    
    #under-head4.container-fluid.sp {
    background-image: url(../images/under-header-s2-bg-sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 2px 2px 2px #ccc;
    margin: 0 auto;
    padding: 0.5em;
}
    
    h1,
    h1.profile-t {
        font-size: 1.5em;
        font-size: 5.9vw;
    }
    h2 {
        font-size: 1.25em;
        font-size: 4.0vw;
    }
    h3 {
        font-size: 1em;
        font-size: 3.5vw;
    }

    .contents p,
    .profile p,
    ul li,
    ol li {
        font-size: 1em;
        font-size: 3.5vw;
    }

    img.float-right,
    img.float-left {
        max-width: 30%;
    }
    
    .footer {
        margin-bottom: 2em;
    }
    
    /* Arrow to go to page top & bottom */
/*------------------------------------
ページトップ
--------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 0.8em; /*24px;*/
	width:100%;
	z-index: 99;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 1.1em;
	text-shadow: none;
}

.page-top a:link,
.page-top a:visited{
    background-color: #00b;
	color: #fff;
	text-shadow: none;
}
.page-top a:hover,
.page-top a:active {
	opacity: 0.8;
	text-shadow: none;
}

/*------------------------------------
ページボトム
-------------------------------------*/

.page-btm{
	position: fixed;
	right: 0;
	bottom: 0;
	margin-bottom:0;
	width:100%;
	z-index: 99;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

* html .page-btm{ display: none; }

.page-btm a{
	display: block;
	padding: 0;
	text-decoration: none;
	font-size: 1.1em;
}

.page-btm a:link,
.page-btm a:visited{
    background-color: #00b;
	color: #fff;
	text-shadow: none;
}

.page-btm a:hover,
.page-btm a:active {
	opacity: 0.8;
	text-shadow: none;
}
}