::selection {
    background: #accb2a;
    color: #fff;
}

/*Firefox */
::-moz-selection {
    background: #accb2a;
    color: #fff;
}

.bg-green {background: #accb2a; }

header.masthead {background-image: url(../images/bg02.jpeg);}

img {max-width: 100%;}

.heading_box{border:3px solid #accb2a; text-align: left; padding:20px; box-sizing: border-box; background: #fff;border-radius: 5px;}
.section_sub {display: block; font-size:60%;}

.box_title {font-weight: bold;font-size:120%; margin:5px 0 20px 0; min-height: 3em;}
#mainNav {background: #fff !important;}

#mainNav a {color:#000 !important; font-weight: bold !important;}
#mainNav .navbar-nav .nav-item .nav-link.active, 
#mainNav .navbar-nav .nav-item .nav-link:hover {color:#accb2a !important;}
.navbar {box-shadow: 0 0 6px rgba(50,50,50,0.5);}

.green_band {background:#accb2a; color:#fff; text-align: center; font-size:28px; font-weight: bold;padding:10px;text-shadow:-1px -1px 2px #333}
.green_band_lite {background:#CEECA7; color:#000; text-align: center; font-weight: bold;padding:10px; font-size:2em}
.green_band_lite strong {font-size:1.5em}

.green_band h2,
.green_band_lite h2{margin:20px 0;}

.inner_border {border:1px solid #ccc; margin:5px;padding:8px; background: #fff;}

.large_text {font-size:1.2em; font-weight: bold;}

.marker {background: linear-gradient(transparent 80%, #ffff66 60%);padding:0 10px;}

.marker_red {background: linear-gradient(transparent 90%, #EE4A4D 20%);padding:0 10px; font-size:110%;}

section h2.section-heading {font-size:32px;}
h3 {margin:1em 0 1.5em;}

h2.small_under {font-size:18px; border-bottom:1px solid #ccc; padding:5px;}

.fullwidth {text-align: center;padding-bottom:1em;}

.no-padding {padding:0 !important;}

.large_red {font-size:2em; background:#F12E31; color:#fff; font-weight: bold; padding:15px; border-radius: 30px;}

.small {font-size:80%;}


.font-push {color:#FF5C00; text-shadow: #fff 2px 2px; font-size:120%;padding:0 5px;}

.clogo {height:100px; line-height: 100px;}



.form {width:800px; margin: auto;}

/* */
.title04 {
margin-bottom: 16px;
    padding: 8px 8px 6px 8px;
    background-color: #f5f9e6;
    border: 2px solid #8ba82e;
    color: #8ba82e;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
}

.red_text {
color: #f95c4c;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.fl-imgleft {
    float: left;
}

.fl-imgright {
    float: right;
}
table.box01 td.gray {
    background-color: #f3f3f3;
}
table.box01 td {
    padding: 5px 20px;
    font-size: 14px;
}

table, th, td {
    /* border: none; */
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 160%;
    list-style-type: none;
}

.clear {
    clear: both;
    font-size: 1%;
    line-height: 1%;
    width: 1%;
    overflow: hidden;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
}

.norwrap {white-space: nowrap;}

input,
textarea {max-width: 100%;}


.mbtm30 {
    margin-bottom: 30px !important;
}

table.box02 {
    width: 920px;
    margin: 0 auto;
    border-top: 1px solid #d3d3d3;
}

.form {background: #f9f9f9; border:1px solid #ccc; }
form dt {
clear: left;
float: left;
padding:20px 10px;
}

form dd {
background: #fff;
margin-bottom:2px;
padding:20px 10px;
border-bottom:1px solid #ccc;
margin-left:180px;
}


@media (min-width: 1200px) {
.container {max-width: 1080px !important}
.section_text {margin:2em 100px;}
}

@media (min-width: 768px) {
section {padding: 30px 0;}
header.masthead .intro-text .intro-heading {font-size:50px;}
header.masthead .intro-text {padding:150px 0 50px;}

.form dt {width: 180px;}

}

@media (max-width: 767px) {
.name_field {clear: left;}

section {padding:30px 0;}
.heading_box {margin:10px; box-sizing: border-box;max-width:95%;}

.intro-heading {font-size:40px !important;}

.intro-text {text-align: left !important;}

.green_band_lite {font-size:130%;}

.large_red {font-size:1.5em;}

.form {width:100%;}

.form dt {width: 100%;padding:5px}
.form dd {
width: 100%;
margin-left:0;
padding:10px;
}

.form dt,
.form dd {}

}

/*=====================================
2020.10.22追加
=====================================*/

/* CTA用ボタン設定 */

div.topbutton {
	width: 100%;
	height: auto;
    margin: 0 auto;
	padding: 5px 0px 30px 0px;
	background-color: #accb2a;
	text-align: center;
}

.btn,
a.btn,
button.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  border-radius: 0.5rem;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #DD5B00;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #FF7719;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1.5rem;
}

/* ITレビュー受賞バッジ設定用 */

div.one_third {width:33%; box-sizing: border-box; float:left;}
div.one_third:first-child .inner_box {margin-right:5px;}
div.one_third:nth-child(2) .inner_box {margin-right:2.5px;margin-left:2.5px;}
div.one_third:nth-child(3) .inner_box {margin-left:5px;}
div.two_third {width:66%; box-sizing: border-box; float:left;}


.fullwidth {width:100%;}
.fullwidth .inner {width:980px; margin: auto; padding:20px 10px;}
.bg_green {background: #DDF0CD;}
.bg_gray {background: #f1f1f1;}
.bg_white {background: #fff;}
.bg_global {background: url("/new_img/global_bg.png")}

.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}

.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #414993;
}
.btn--blue:hover,
a.btn--bluee:hover {
  color: #fff;
  background: #30B6D2;
}

/* Youtube動画埋め込み調整用 */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 100px;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}