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


/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
small,
dl,
dt,
dd,
ol,
ul,
li {
  margin: 0;
  font-size: 100%;
}

ul {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

img {
  vertical-align: top;
}

li {
  list-style-type: none;
  vertical-align: baseline;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*--------------------------------------
　Base
---------------------------------------*/

body {
  color: #555555;
  font-family: "メイリオ","MS PGothic",sans-serif;
  font-size: 14px;
  word-wrap:break-word;
}

img { 
  max-width: 100%; 
  height:auto;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px !important;
}
.font19 {
    font-size: 19px !important;
}
.font20 {
    font-size: 20px;
}
.font22 {
    font-size: 22px;
}
.font24 {
    font-size: 24px;
}
.font26 {
    font-size: 26px;
}
.font28 {
    font-size: 28px;
}
.font30 {
    font-size: 30px;
}
.font32 {
    font-size: 32px;
}
.font34 {
    font-size: 34px;
}
.font38 {
    font-size: 34px;
}
.font40 {
    font-size: 40px;
}
.font42 {
    font-size: 42px;
}
.font46 {
    font-size: 46px;
}
.font54 {
    font-size: 54px;
}

.pagetop {
    bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 2;
}

.pagetop a {
  display: block;
}

.center {
    text-align: center;
}

.normal {
    font-weight: normal;
}

.min {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


@media screen and (min-width: 768px) {

/*--------------------------------------
　Base
---------------------------------------*/

.sp {
  display: none;
}

a {
  color: #555555;
  text-decoration: none;
  transition: .4s ease;
}

a:hover {
  text-decoration: none;
  opacity: .5;
  cursor: pointer;
}

p {
    vertical-align: baseline;
    line-height: 1.8em;
    font-size: 14px;
}


/*--------------------------------------
  layout
---------------------------------------*/
#contents {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

#index,
#category,
#page,
footer {
  float: right;
  width: 720px;
  margin: 0;
  padding: 0;
}

#side {
  float: left;
  width: 210px;
  margin-right: 70px;
}

.kv {
    position: relative;
}


/*--------------------------------------
　Header
---------------------------------------*/

.mainArea {
  width: 1000px;
  margin: 30px auto 3px;
}
.boxInner {
  color: #999999;
  width: 720px;
  float: right;
}
.boxInner .sitename, .sitename a {
  color: #999999;
  font-weight: normal;
  float: left;
}
.boxInner .txt  {
  font-weight: normal;
  float: right;
}

/*--------------------------------------
　Global Nav
---------------------------------------*/

header nav {
}

header nav ul {
  margin: 0;
  padding: 0;
}

header nav li {
  float: left;
  margin: 0 40px 0 0;
  padding: 0;
  font-size: 14px;
}

/*--------------------------------------
　Pankuzu
---------------------------------------*/

#pankuzu {
  font-size: 13px;
  margin: 0 auto;
  padding: 10px 0px 20px;
  width: 720px;
}
#pankuzu a{display: inline-block;}

/*--------------------------------------
bottom
---------------------------------------*/

.cont03-l h3 {
  padding-top: 38px;
  background: url("img/cont03-column-ttl.png") no-repeat left top;
}
.tbn a {
    background: #fc6f59;
    position: relative;
    display: block;
    padding: 18px 54px 15px 26px;
    color: #fff;
    text-align: center;
    transition: .4s ease;
    line-height: 1.4em;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.tbn a::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 7px;
    right: 20px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg);
    width: 7px;
}

/*--------------------------------------
　Main Contents common
---------------------------------------*/

.subttl {
    color: #569990;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.cont-read {
  margin-bottom: 30px;
}
.cont01-box, #cont02, #cont03, #cont04, #cont05, #cont06, #cont08, #cont09 {
    padding: 80px 0;
    background: url("img/line-x.png") no-repeat 0 bottom;
}
#cont10 {
  margin: 80px 0;
}
#cont01 h2, #cont03 h2, #cont04 h2, #cont05 h2, #cont08 h2, #cont10 h2 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 80px 0 0px;
}
#cont10 h2 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 0px 0 60px;
    margin-bottom: 20px;
}
#cont01 h2 {
  background: url("img/cont01-illust.png") no-repeat center top;
}
#cont03 h2 {
  background: url("img/cont03-illust.png") no-repeat center top;
}
#cont04 h2 {
  background: url("img/cont04-illust.png") no-repeat center top;
  line-height: 1.2em;
  padding-bottom: 12px;
}
#cont05 h2 {
  background: url("img/cont05-illust.png") no-repeat center top;
  line-height: 1.2em;
  padding-bottom: 12px;
}
#cont08 h2 {
  background: url("img/cont08-illust.png") no-repeat center top;
}
#cont10 h2 {
  background: url("img/cont10-illust.png") no-repeat center bottom;
}

/*--------------　Main Contents 2 box  -----------------*/
.cont01-box a, .cont03-box a, .cont05-box a, .cont08-box a {
  border-radius: 6px;
  display: block;
  float: left;
  margin-bottom: 20px;
  width: 350px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
}
.cont01-box a, .cont05-box a, .cont08-box a {
  background: url("img/cont01-ox-bg.png");
}
.cont03-box a {
  background: url("img/cont03-box-bg.png");
  height: 416px;
}
.cont05-box a {
  height: 590px;
}
.cont01-box a:nth-child(odd), .cont03-box a:nth-child(odd), .cont05-box a:nth-child(odd), .cont08-box a:nth-child(odd) {
  margin-right: 20px;
}
.cont01-box h3, .cont03-box h3, .cont05-box h3, .cont08-box h3 {
    background: url("img/arrow-blue.png") no-repeat center bottom 13px;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 30px;
    text-align: center;
}
.cont03-box a:nth-child(3) h3 {
    font-size: 24px;
}
.cont01-box h3 + p, .cont03-box h3 + p, .cont05-box h3 + p, .cont08-box h3 + p {
  color: #69aca3;
  font-weight: bold;
  padding-bottom: 3px; 
  font-size: 115%;
}

/*--------------------------------------
　Main Contents read
---------------------------------------*/

.read h2 {
    line-height: 1.2em;
    text-align: center;
    margin: 50px 0 10px;
}
.cont-menu {
  border: 1px solid #6fa3c8;
  border-radius: 6px;
  margin: 80px 0;
  padding: 24px;
}
.cont-menu-ttl {
  position: relative;
  margin-bottom: 50px;
}
.cont-menu-ttl::before {
    background: url("img/content-menu-illust.png") no-repeat;
    content: "";
    display: block;
    height: 115px;
    left: 245px;
    top: -60px;
    width: 132px;
    position: absolute;
}
.cont-menu-ttl::after {
    background: url("img/content-menu-text.png") no-repeat;
    content: "";
    display: block;
    height: 11px;
    left: 245px;
    top: 60px;
    width: 167px;
    position: absolute;
}
.cont-menu-box-l {
  float: left;
  margin-right: 10px;
}
.cont-menu-box-r {
  float: left;
}
.cont-menu-box li a {
  background: url("img/ye-bk.png") no-repeat;
  border-radius: 6px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
  width: 330px;
}
.cont-menu-box li a::after {
    border-bottom: 2px solid #fc6f59;
    border-right: 2px solid #fc6f59;
    content: "";
    display: block;
    height: 7px;
    right: 21px;
    position: absolute;
    top: 25px;
    transform: rotate(45deg);
    width: 7px;
}

/*--------------------------------------
　Main Contents 1
---------------------------------------*/

.cont01-box-1::before, .cont01-box-2::before, .cont01-box-3::before, .cont01-box-4::before {
  content: "";
  display: block;
  height: 81px;
  top: 0;
  left: 0;
  position: absolute;
  width: 81px;
}
.cont01-box-1::before {
  background: url("img/cont01-1.png") no-repeat;
}
.cont01-box-2::before {
  background: url("img/cont01-2.png") no-repeat;
}
.cont01-box-3::before {
  background: url("img/cont01-3.png") no-repeat;
}
.cont01-box-4::before {
  background: url("img/cont01-4.png") no-repeat;
}
.cont01-box-5 {
  width: 720px!important;
}

/*--------------------------------------
　Main Contents 2　Main Contents 9
---------------------------------------*/

#cont02 h2 {
  background: url("img/cont02-illust.png") no-repeat center top,
  url("img/arrow-blue.png") no-repeat center bottom 50px;
  line-height: 1.6em;
  padding: 100px 0 90px;
}
#cont09 h2 {
  background: url("img/arrow-blue.png") no-repeat center bottom 50px;
  line-height: 1.6em;
  padding: 0px 0 90px;
}
.cont02-l, .cont09-l {
  width: 320px;
}
.cont02-r, .cont09-r {
  width: 360px;
}
#cont02 .subttl, #cont09 .subttl {
  margin: 30px 0;
}
.cont02-r h3, .cont09-r h3 {
  border-top: 1px dashed #ccc;
  color: #83a6d5;
  position: relative;
  padding: 20px 0 10px 20px;
}
.cont09-r h3 {
  font-size: 18px;
}
.cont02-r h3::before, .cont09-r h3::before {
    border-bottom: 2px solid #99b3e6;
    border-right: 2px solid #99b3e6;
    content: "";
    display: block;
    height: 7px;
    left: 2px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg);
    width: 7px;
}
.cont09-r h3::before {
  top: 27px;
}
.cont02-r p, .cont09-r p {
    padding: 0 0 14px 0;
}
.cont02-r a:last-child p, .cont09-r a:last-child p {
  border-bottom: 1px dashed #ccc;
}
.cont02-r a, .cont09-r a {
  display: block;
}
.cont02-r a:hover, .cont09-r a:hover {
  background: #eff7f9;
  opacity: 1;
}

/*--------------------------------------
　Main Contents 4
---------------------------------------*/

.cont04-box a {
  background: url("img/cont04-bg.png");
  border-radius: 6px;
  display: block;
  float: left;
  padding: 8px;
  margin-left: 18px;
}
.cont04-box a:first-child {
  margin-left: 0;
}
.cont04-box a h3 {
    background: url("img/arrow-orange.png") no-repeat center right;
    color: #fc6f59;
    padding: 18px 30px 10px 0px;
    font-size: 16px;
}

/*--------------------------------------
　Main Contents 3
---------------------------------------*/

.cont03-box h3{
  border-bottom: 1px dashed #ccc;
  background: url("img/arrow-blue.png") no-repeat center bottom 20px;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

.cont03-box h3 + p {
  line-height: 1.4em;
}
#cont03 .impossible {
  background: url("img/columun-bg.png");
  width: 720px;
  padding: 30px;
  box-sizing: border-box;
}
.cont03-l {
  width: 410px;

}

/*--------------------------------------
　Main Contents 5
---------------------------------------*/

.cont05-box a {
  padding: 20px;
}
.cont05-box a img {
  margin-bottom: 20px;
}
.cont05-box a h3 {
  margin: 10px;
}
.caption {
  font-size: 10px;
  line-height: 1.4em;
  padding: 5px 0 6px;
}
#cont05 img + p {
  margin: 5px 0px 10px;
  line-height: 1.4em;
  color: #69aca3;
  font-weight: bold;
}
#cont05 .caption + p + p {
  margin: 0 10px 10px 10px;
}

/*--------------------------------------
　Main Contents 6
---------------------------------------*/

#cont06 a, .cont06-ttl {
  background: url("img/cont06-bg.png");
}
.cont06-a {
  margin-bottom: 18px;
}
.cont06-ttl {
  border: 2px solid #69aca3;
  border-radius: 6px;
  box-sizing: border-box;
  float: left;
  width: 474px;
  padding: 30px;
}
.cont06-ttl {
  height: 360px;
  padding: 50px;
}
.cont06-ttl h2 {
  color: #69aca3;
  font-size: 20px;
  text-align: center;
  line-height: 1.8em;
}
.cont06-ttl p {
    background: url("img/cont06-illust.png") no-repeat center top;
    padding-top: 60px;
    margin-top: 23px;
}
#cont06 .cont06-box {
  border: 1px solid #69aca3;
  border-radius: 6px;
  box-sizing: border-box;
  display: block;
  padding: 23px;
  width: 228px;
  float: left;
  margin-left: 18px;
}
#cont06 a h3 {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  line-height: 1.3em;
  padding: 25px 0 45px;
  background: url("img/arrow-blue.png") no-repeat center bottom;
  margin-bottom: 16px;
  height: 60px;
}
#cont06 .cont06-b a:first-child {
  margin-left: 0;
}

/*--------------------------------------
　Main Contents 7
---------------------------------------*/

#cont07 {
  background: url("img/cont07-bg-y.png");
  padding-bottom: 1px;
  margin: 80px 0 0;
}
#cont07 .cont07-l img {
  margin: -20px 0 0 -20px;
}
#cont07 .cont07-r {
    width: 400px;
    margin: 20px 30px 20px 0;
}
#cont07 .cont07-r h2 {
  line-height: 1.3em;
  margin-top: 10px;
}
.subttl-o {
    font-size: 16px;
    color: #fb6e58;
    font-weight: bold;
    line-height: 1.2em;
    padding: 14px 0 6px;
}
.google-serch {
    background: url("img/cont07-google-bg.png");
    border-radius: 6px;
    padding: 60px;
    margin: 30px;
    text-align: center;
}
.google-serch p {
    margin-bottom: 30px;
}
.google-flame img {
  margin-bottom: 10px;
}

/*--------------------------------------
　Main Contents 9
---------------------------------------*/
.cont09-subttl {
    color: #569990;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 16px 0 2px -25px;
}
.cont09-l {
  float: left;
}
#cont09 h2 {
  background: url("img/cont09-illust.png") no-repeat center top,
  url("img/arrow-blue.png") no-repeat center bottom 13px;
  padding: 90px 0 40px;
  margin-bottom: 30px;
}
.cont09-r p {
    padding: 0 0 24px 0;
}



/*--------------------------------------
　Main Contents 10
---------------------------------------*/

#cont10 {
  background: url("img/cont10-bg.png");
  border-radius: 6px;
  padding: 60px 25px 25px 25px;
}
.cont10-box {
  margin-top: 10px;
}
.cont10-box a {
  background: #fff;
  display: block;
  float: left;
  border-radius: 6px;
  padding: 20px;
  width: 330px;
  box-sizing: border-box;
  margin-top: 10px;
  position: relative;
}
.cont10-box a::after {
    border-bottom: 2px solid #99b3e6;
    border-right: 2px solid #99b3e6;
    content: "";
    display: block;
    height: 7px;
    right: 20px;
    position: absolute;
    top: 27px;
    transform: rotate(-45deg);
    width: 7px;
}
.cont10-box a:nth-child(odd) {
  margin-right: 10px;
}

/*--------------------------------------
　Side
---------------------------------------*/

#side {
    position: fixed;
    top: 30px;
}
.side {
  position: relative;
}
#side::after {
    position: absolute;
    content: "";
    display: block;
    background: url("img/line-y.png") no-repeat;
    top: 0;
    right: -35px;
    height: 821px;
    width: 1px;
}
#side .logo {
  margin: 0 30px 30px -30px;
}
#side .sttl {
  border-bottom: 1px dashed #cccccc;
}
#side .sttl a::after {
    border-bottom: 2px solid #99b3e6;
    border-right: 2px solid #99b3e6;
    content: "";
    display: block;
    height: 7px;
    right: 2px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg);
    width: 7px;
}
#side .sttl a {
    line-height: 1.2em;
    position: relative;
    display: block;
    padding: 11px 20px 10px 0px;
    position: relative;
}
#side .special {
    margin-top: 20px;
}

/*--------------------------------------
　Footer
---------------------------------------*/

footer {
    margin-top: 40px;
    padding: 60px 30px 30px;
    background: url("img/footer-gb.png");
    box-sizing: border-box;
}
footer {
  position: absolute;
}
footer .sttl {
    padding-left: 9px;
    border-left: 5px solid #69aca3;
    line-height: 1.2em;
    margin-bottom: 10px;
}
footer .sttl a {
    color: #69aca3;
  }
footer ul {
  margin-bottom: 10px;
}
footer ul li a {
    float: left;
    display: inline-block;
    padding-left: 17px;
    position: relative;
    margin-right: 10px;
    font-size: 13px;
    margin-bottom: 3px;
}
footer ul li a::after {
    border-bottom: 2px solid #69aca3;
    border-right: 2px solid #69aca3;
    content: "";
    display: block;
    height: 7px;
    left: 0px;
    top: 5px;
    transform: rotate(-45deg);
    width: 7px;
    position: absolute;
}
.menseki {
    background: #fff;
    border: #69aca3 1px solid;
    border-radius: 6px;
    padding: 14px 14px 8px 0;
    margin-top: 30px;
}
.menseki-l {
  width: 15%;
}
.menseki-l p {
    color: #69aca3;
    text-align: center;
    padding: 14px 0;
    font-weight: bold;
}
.menseki-r {
  box-sizing: border-box;
    width: 85%;
    border-left: 1px #69aca3 solid;
    padding-left: 20px;
}
.menseki-r p {
      line-height: 1.4em;
    font-size: 12px;
}
.copy {
    color: #69aca3;
    text-align: center;
    padding: 5px 0 4px;
    border-top: 1px solid #69aca3;
    border-bottom: 1px solid #69aca3;
    margin: 30px auto 0;
}
.copy a {
  color: #69aca3;
}
}

/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:767px){
body {
 overflow-x: hidden;
}
a {
  color: #333;
  text-decoration: none;
}
.pc {
  display: none;
}
.boxInner .logo, footer .logo {
  text-align: center;
  margin: 30px 50px;
}
.sitename {
  font-size: 10px;
  text-align: center;
  color: #666666;
  font-weight: normal;
}

/*--------------------------------------
　Pankuzu
---------------------------------------*/

#pankuzu {
    font-size: 13px;
    margin: 0 auto 30px;
    padding: 40px 0px 20px;
    border-bottom: 1px solid #99b4e6;
    overflow-x: scroll;
    white-space: nowrap;
}

#pankuzu a{display: inline-block;}

/*--------------------------------------
bottom
---------------------------------------*/

.cont03-l h3 {
  padding-top: 38px;
  background: url("img/cont03-column-ttl.png") no-repeat left top;
}
.tbn a {
    background: #fc6f59;
    position: relative;
    display: block;
    padding: 18px 54px 15px 26px;
    color: #fff;
    text-align: center;
    transition: .4s ease;
    line-height: 1.4em;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.tbn a::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 7px;
    right: 20px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg);
    width: 7px;
}

/*--------------------------------------
　Main Contents common
---------------------------------------*/

.subttl {
    color: #69aca3;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.cont-read {
  margin-bottom: 30px;
}
#cont02, #cont03, #cont04, #cont05, #cont06, #cont08, #cont09 {
    padding: 50px 0;
    background: url("img/line-x.png") no-repeat 0 bottom;
}
.cont01-box {
    padding: 30px 0;
    background: url("img/line-x.png") no-repeat 0 bottom;
}
#cont10 {
  margin: 80px 0;
}
#cont01 h2, #cont03 h2, #cont04 h2, #cont05 h2, #cont08 h2, #cont10 h2 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 80px 0 0px;
    line-height: 1.4em;
    margin-bottom: 20px;
}
#cont10 h2 {
    font-size: 34px;
    font-weight: normal;
    text-align: center;
    padding: 0px 0 60px;
    margin-bottom: 20px;
}
#cont01 h2 {
  background: url("img/cont01-illust.png") no-repeat center top;
}
#cont03 h2 {
  background: url("img/cont03-illust.png") no-repeat center top;
}
#cont04 h2 {
  background: url("img/cont04-illust.png") no-repeat center top;
  line-height: 1.2em;
  padding-bottom: 12px;
}
#cont05 h2 {
  background: url("img/cont05-illust.png") no-repeat center top;
  line-height: 1.2em;
  padding-bottom: 12px;
}
#cont08 h2 {
  background: url("img/cont08-illust.png") no-repeat center top;
}
#cont10 h2 {
  background: url("img/cont10-illust.png") no-repeat center bottom;
}

/*--------------　Main Contents 2 box  -----------------*/
.cont01-box a, .cont03-box a, .cont05-box a, .cont08-box a {
  border-radius: 6px;
  display: block;
  float: left;
  margin-bottom: 20px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
}
.cont01-box a, .cont05-box a, .cont08-box a {
  background: url("img/cont01-ox-bg.png");
}
.cont03-box a {
  background: url("img/cont03-box-bg.png");
}
.cont01-box h3, .cont03-box h3, .cont08-box h3 {
    background: url("img/arrow-blue.png") no-repeat center bottom 13px;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 30px;
    text-align: center;
}
.cont05-box h3 {
    background: url("img/arrow-blue.png") no-repeat right bottom 17px;
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 0px;
    border-bottom: 1px dashed #6fa3c8;
}
.cont03-box a:nth-child(3) h3 {
    font-size: 24px;
}
.cont01-box h3 + p, .cont03-box h3 + p, .cont05-box h3 + p, .cont08-box h3 + p {
  color: #69aca3;
  font-weight: bold;
  padding-bottom: 7px; 
  font-size: 115%;
}

/*--------------------------------------
　Main Contents read
---------------------------------------*/

.read h2 {
    line-height: 1.2em;
    text-align: center;
    margin: 50px 0 10px;
}
.cont-menu {
  border: 1px solid #6fa3c8;
  border-radius: 6px;
  margin: 80px 0;
  padding: 10px;
}
.cont-menu-ttl {
  position: relative;
  margin-bottom: 30px;
}
.cont-menu-ttl::before {
    background: url("img/content-menu-illust.png") no-repeat;
    content: "";
    display: block;
    height: 115px;
    left: calc(50% - 90px);
    top: -60px;
    width: 132px;
    position: absolute;
}
.cont-menu-ttl::after {
    background: url("img/content-menu-text.png") no-repeat;
    content: "";
    display: block;
    height: 11px;
    left: calc(50% - 80px);
    top: 60px;
    width: 167px;
    position: absolute;
}
.cont-menu-box li a {
  background: url("img/ye-bk.png") no-repeat;
  border-radius: 6px;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
  width: 100%;
}
.cont-menu-box li a::after {
    border-bottom: 2px solid #fc6f59;
    border-right: 2px solid #fc6f59;
    content: "";
    display: block;
    height: 7px;
    right: 21px;
    position: absolute;
    top: 25px;
    transform: rotate(45deg);
    width: 7px;
}

/*--------------------------------------
　Main Contents 1
---------------------------------------*/

.cont01-box-1::before, .cont01-box-2::before, .cont01-box-3::before, .cont01-box-4::before {
  content: "";
  display: block;
  height: 81px;
  top: 0;
  left: 0;
  position: absolute;
  width: 81px;
}
.cont01-box-1::before {
  background: url("img/cont01-1.png") no-repeat;
}
.cont01-box-2::before {
  background: url("img/cont01-2.png") no-repeat;
}
.cont01-box-3::before {
  background: url("img/cont01-3.png") no-repeat;
}
.cont01-box-4::before {
  background: url("img/cont01-4.png") no-repeat;
}


/*--------------------------------------
　Main Contents 2　Main Contents 9
---------------------------------------*/

#cont02 h2 {
  background: url("img/cont02-illust.png") no-repeat center top,
  url("img/arrow-blue.png") no-repeat center bottom 50px;
  line-height: 1.6em;
  padding: 70px 0 80px;
}
#cont09 h2 {
    background: url("img/arrow-blue.png") no-repeat center bottom 23px;
    line-height: 1.6em;
    padding: 0px 0 50px;
}
.cont09-l img p {
  margin: 20px 0 2px -25px;
}
.cont02-l img {
  text-align: center;
}
#cont02 .subttl, #cont09 .subttl {
  margin: 30px 0;
}
.cont02-r h3, .cont09-r h3 {
    font-size: 18px;
    color: #83a6d5;
    position: relative;
    padding: 15px 0 10px 25px;
}
.cont09-r h3 {
  font-size: 18px;
}
.cont02-r h3::before, .cont09-r h3::before {
    border-bottom: 2px solid #99b3e6;
    border-right: 2px solid #99b3e6;
    content: "";
    display: block;
    height: 7px;
    left: 2px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg);
    width: 7px;
}
.cont09-r h3::before {
  top: 27px;
}
.cont02-r p, .cont09-r p {
    padding: 0 0 14px 0;
}
.cont02-r a, .cont09-r a {
    display: block;
    border: 1px solid #99b3e6;
    border-radius: 6px;
    padding: 0 10px;
    margin-top: 10px;
}


/*--------------------------------------
　Main Contents 4
---------------------------------------*/

.cont04-box a {
    background: url("img/cont07-google-bg.png");
    border-radius: 6px;
    display: block;
    padding: 8px;
    margin-bottom: 10px;
}
.cont04-box a h3 {
    background: url("img/arrow-orange.png") no-repeat center right 20px;
    color: #fc6f59;
    padding: 15px 56px 15px 10px;
    font-size: 18px;
    float: right;
    line-height: 1.2em;
}
.cont04-box a:nth-child(3) h3 {
  padding: 6px 56px 6px 10px;
}
.cont04-box a img {
    width: 20%;
    float: left;
}

/*--------------------------------------
　Main Contents 3
---------------------------------------*/

.cont03-box h3{
  border-bottom: 1px dashed #ccc;
  background: url("img/arrow-blue.png") no-repeat center bottom 20px;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

.cont03-box h3 + p {
  line-height: 1.4em;
}
#cont03 .impossible {
  background: url("img/columun-bg.png");
  padding: 30px;
  box-sizing: border-box;
}


/*--------------------------------------
　Main Contents 5
---------------------------------------*/

.cont05-box a img {
  margin-bottom: 20px;
}
.cont05-box a h3 {
    margin: 0 0px 10px;
}

/*--------------------------------------
　Main Contents 6
---------------------------------------*/

#cont06 a {
  background: url("img/cont06-bg.png");
}
.cont06-ttl {
    box-sizing: border-box;
    padding: 30px 10px 30px;
}
.cont06-ttl h2 {
  color: #69aca3;
  font-size: 20px;
  text-align: center;
  line-height: 1.8em;
}
.cont06-ttl p {
    background: url("img/cont06-illust.png") no-repeat center top;
    padding-top: 60px;
    margin-top: 23px;
}
#cont06 .cont06-box {
    border: 1px solid #69aca3;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    padding: 7px 23px 23px;
    margin-bottom: 10px;
}
#cont06 a h3 {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  line-height: 1.4em;
  padding: 30px 0;
  background: url("img/arrow-blue.png") no-repeat center bottom;
  margin-bottom: 16px;
  height: 30px;
}

/*--------------------------------------
　Main Contents 7
---------------------------------------*/

#cont07 {
  background: url("img/cont07-bg-y.png");
  padding-bottom: 1px;
  margin: 80px 0 0;
}
#cont07 .cont07-l img {
  margin: 0;
}
#cont07 .cont07-r {
    margin: 20px;
}
#cont07 .cont07-r h2 {
  line-height: 1.3em;
  margin-top: 10px;
}
.subttl-o {
    font-size: 16px;
    color: #fb6e58;
    font-weight: bold;
    line-height: 1.2em;
    padding: 14px 0 6px;
}
.google-serch {
    background: url("img/cont07-google-bg.png");
    border-radius: 6px;
    padding: 30px;
    margin: 20px;
    text-align: center;
}
.google-serch p {
    margin-bottom: 30px;
}
.google-flame img {
  margin-bottom: 10px;
}

/*--------------------------------------
　Main Contents 9
---------------------------------------*/
.cont09-subttl {
    color: #569990;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 5px;
}
.cont09-l img {
  text-align: center;
}
#cont09 h2 {
  background: url("img/cont09-illust.png") no-repeat center top,
  url("img/arrow-blue.png") no-repeat center bottom 13px;
  padding: 90px 0 40px;
  margin-bottom: 30px;
}



/*--------------------------------------
　Main Contents 10
---------------------------------------*/

#cont10 {
  background: url("img/cont10-bg.png");
  border-radius: 6px;
  padding: 60px 25px 25px 25px;
}
.cont10-box {
  margin-top: 10px;
}
.cont10-box a {
  background: #fff;
  display: block;
  float: left;
  border-radius: 6px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  position: relative;
}
.cont10-box a::after {
    border-bottom: 2px solid #99b3e6;
    border-right: 2px solid #99b3e6;
    content: "";
    display: block;
    height: 7px;
    right: 20px;
    position: absolute;
    top: 27px;
    transform: rotate(-45deg);
    width: 7px;
}
/*--------------------------------------
　Footer
---------------------------------------*/
.footer-ttl {
  background: url(img/line-x.png) repeat-y;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #fff;
}
footer {
    margin-top: 40px;
    background: url("img/footer-gb.png");
    box-sizing: border-box;
}
#page footer {
  margin-top: 0;
}
footer {
  position: absolute;
}
footer .sttl a {
    border-left: 4px solid #83a6d5;
    display: block;
    padding: 18px 10px 16px 20px;
    background: url("img/cont10-bg.png");
    border-bottom: 1px solid #83a6d5;
}
footer ul {
  border-bottom: 1px solid #69aca3;
}
footer ul li a {
    font-size: 13px;
    position: relative;
    padding: 16px 0 14px 30px;
    display: block;
    border-top: 1px solid #69aca3;
}
footer ul li a::after {
    border-bottom: 2px solid #69aca3;
    border-right: 2px solid #69aca3;
    content: "";
    display: block;
    height: 8px;
    left: 7px;
    position: absolute;
    top: calc(50% - 6px);
    transform: rotate(-45deg);
    width: 8px;
}
.menseki {
    background: #fff;
    border: #69aca3 1px solid;
    border-radius: 6px;
    padding: 14px 14px 8px 0;
    margin: 20px 10px 10px;
}
.menseki-l {
  width: 21%;
}
.menseki-l p {
    color: #69aca3;
    text-align: center;
    font-weight: bold;
}
.menseki-r {
  box-sizing: border-box;
    width: 79%;
    border-left: 1px #69aca3 solid;
    padding-left: 20px;
}
.menseki-r p {
      line-height: 1.4em;
    font-size: 12px;
}
.copy {
    color: #69aca3;
    text-align: center;
    padding: 5px 0 4px;
    border-top: 1px solid #69aca3;
    border-bottom: 1px solid #69aca3;
    margin: 30px auto 0;
}
.copy a {
  color: #69aca3;
}
.cont-menu, .read, #cont01, #cont02, #cont03, #cont04, #cont05, #cont06, #cont07, #cont08, #cont09, #page .page-area, #page-special {
  margin-left: 10px!important;
  margin-right: 10px!important;
}
.pagetop img {
  width: 70%;
}
.pagetop {
    right: -5px;
}


}

@media screen and (-webkit-min-device-pixel-ratio:0) {
a {
  display: block;
}

}