@charset "utf-8";

h1,h2,h3,h4,h5,h6,a,ul,ol,dl,li,dt,dd,table,th,td,p,blockquote{
margin:0px;
padding:0px;
}

img{
border:none;
vertical-align:bottom;
}

body{
    font-family: Meiryo, Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", sans-serif;
    line-height:1.8;
    margin:0px;
    color:#333;
    background:#ffffff url(/media_library/common/images/bg_body_simple.gif) 0 0 repeat-x;
    font-size:94% ;
}
img {
    max-width:100%;
    width /***/:auto; /* IE8のみ */
    height:auto;
    vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6{
    font-weight:bold;
}

h2{
    font-size:24px;
    text-align:center;
    text-decoration:underline;
    margin:10px 0;
    font-weight:bold;
}
h3{
    font-size:18px;
    margin-bottom:20px;
    border-left:8px solid #207ac7;
    line-height:1;
    padding:5px 0 1px 10px;
}
.header{
    width:100%;
    height:27px;
    padding:13px 0;
}
.hero{
    width:100%;
    background-color:#207ac7;
}
.section{
    width:100%;
    padding:20px 0 0 0;
}

/*.intro_txt{
    background-color:#e4eff5;
}*/
.intro_txt p{
    font-size:20px;
}

.bg_all{
    background-color: #fff9d9;
/*  border-top:2px solid #ffbf7f;
    border-bottom:2px solid #ffbf7f;
*/
}
.bg_all_title {
margin-left: 30px;
}
.explanation1{
}
.explanation2{
}


.header .header_innner,
.hero .hero_innner,
.section .section_innner,.main_naiyou
.footer .footer_innner{
    width:800px;
    margin:0 auto;
}

.hero .hero_innner{
    padding:10px 0;
    color:#FFF;
}

.hero .hero_innner span.cap{
    display:block;
}

.hero .hero_innner span.title{
    display:block;
    font-size:26px;
    text-align:center;
}

.hero .hero_innner span.logo{
    display:block;
    text-align:center;
}
.hero .hero_innner span.logo img{
    width: 170px;
}


.footer{
    width:100%;
    border-top: 1px solid #d2d2d2;
    background: #e9e9e9;
    color: #6b5f5f;
    padding:30px 0;
}
.footer address{
    text-align:center;
    font-style:normal;
}

.txC {text-align: center;font-weight:bold;}
.txL {text-align: left;}

.BtmCv_btn {
    text-align: center;
    margin-bottom:20px;
    font-weight:bold;
}
.BtmCv_btn_inner {
    display: inline-block;
    color: #fff;
    background: #0d66ab;
    border-radius: 10px;
    border: 1px solid #0073b4;
    box-sizing: border-box;
    text-decoration: none;
    padding: 15px 25px;
    font-size: 18px;
    font-weight:bold;
    transition: all 0.1s ease 0s;
}
.BtmCv_btn_inner:hover {
    text-decoration: none;
    background: #36a6fd;
    border: 1px solid #fff;
    font-weight:bold;
    color: #fff;
}
.BtmCv_btn_inner:after {
    margin: -3px 0 0 10px;
    content: " ";
    display: inline-block;
    width: 10px;
    height: 12px;
    background: url(/media_library/lp/images/icon_arrow01.svg) right 50% no-repeat;
    background-size: contain;
}

.logo{
    font-weight:bold;
    font-size:150%;
    color: #fff
}
.advArea_5{
    width: 230px;
    height: 80px;
    text-align: center;
    line-height: 1.5;
    color: #325F9E;
    font-weight: bold;
    background-color: #d7e7fc;
    background-repeat: no-repeat;
}

.content{
    margin-left:60px;
    float:left;
    font-weight:bold;
    font-size:110%;
    list-style: none;
    margin-bottom: 5px;
}
ul li {
  position: relative;
  list-style: none;
}
.br-pc { 
  display:block; 
}
.br-sp { 
  display:none; 
}
  
.present {
    text-align:center;
    clear:both;
    font-size:110%;
}
.present_jpg {
    text-align:center;
    margin-top:25px;
    margin-bottom:40px
}
.marker-tool {
	background-image:linear-gradient(90deg,	#fff 0%,#d2fdb2e0 15%,#d2fdb2e0 85%,#fff 100%);
    padding: 5px 10px 0 10px;
    margin: 0 5px 10px 5px;
    font-size:140%;
    font-weight:bold;
    color:#207ac7;
    line-height: 1.5em;
}
.nouhau {
    font-size:22px;
    font-weight:bold;
    padding-bottom:10px;
    letter-spacing: 1.1px;
    text-align: center;
    padding-top: 10px;
}
/*.nouhau:before, .nouhau:after {background: #70a83a;content: '';display: block;height: 40px;position: absolute;top: -12px;-webkit-transform-origin: top center;-moz-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;width: 3px;}
.nouhau:before { left: 0; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); }
.nouhau:after { right: 0; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); }*/
.nouhau_span {
    border-bottom:3px solid #207ac7;
    color: #207ac7;
}
.application{
    text-align:center;
    clear:both;
    font-size:110%;
    padding:40px 0 60px 0;
}
.present_tools{
    text-align : left;
    display: inline-block;
    font-size:110%;
    font-weight: bold;
    margin-left: 20px;
    padding-bottom: 30px;
}
.main_naiyou{
   background: #e9e9e9;
   padding-bottom: 10px;
}
.naiyou{
    text-align : left;
    display: inline-block;
    font-size: 15px;
}
    
/*******************************************************
ClearFix
********************************************************/
.clearfix {zoom:1;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clear{
clear:both !important;
}


/*===============================================

  画面の横幅が767px以下

===============================================*/
@media screen and (max-width: 767px) {
/*@media only screen and (max-width: 1024px){*/
html{
    -webkit-text-size-adjust: 100%;
}
.header .header_innner, .hero .hero_innner, .section .section_innner,.main_naiyou .footer .footer_innner {
    width: 95%;
    font-size:95%;
    margin: 0 auto;
}
.header {
    display: table;
    height: auto;
}
.header_innner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 2%;
}
.header_innner img {
    display: block;
    width: 70px;
}
.bg_all_title {
margin-left: 0;
}

.footer address {
    font-size: 12px;
}
.content {
     margin-left:30px;
     clear:both;
}
.BtmCv_btn_inner {
    padding: 15px 15%;
    font-size: 17px;
}
.br-pc { 
    display:none; 
}
.br-sp { 
    display:block; 
}
p{
    text-align:center;
    clear:both;
    font-size:90%;
}
.application{
    text-align:center;
    clear:both;
    font-size:80%;
    padding:40px 0 60px 0;
}
}
/*@media screen and (min-width:750px) {
.br-sp { 
    display:none; 
}
}*/
p.ouen_info_txt{
font-size: 18px;
}
@media only screen and (max-width: 1024px) {
  p.ouen_info_txt{
   font-size: 14px; } }
@media only screen and (max-width: 1024px) {
.br-pc { 
    display:none; } }
@media only screen and (max-width: 1024px) {
.marker-tool{
font-size: 100%; } }