@charset "UTF-8";
/* ================================================
reset
================================================ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html::-webkit-scrollbar {
  width: 1px;
}

html::-webkit-scrollbar-thumb {
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

header, nav, footer, section {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

img {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* ================================================
rem
================================================ */
html {
  font-size: 625%;
}

@media (min-width: 751px) and (max-width: 1280px) {
  html {
    font-size: calc(100vw / 12.8);
  }
}


@media (min-width: 751px) and (max-width: 1000px) {
  html {
    font-size: calc(100vw / 9.8);
  }
}




@media (max-width: 750px) {
  html {
    font-size: calc(100vw / 7.67);
  }
}

/* ================================================
text-shadow
================================================ */


/* ================================================
layout
================================================ */
body {/*snake*/
	height: 100%;
	line-height: 1.6;
	background: url(https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/bg.jpg);
	background-attachment:fixed;
	background-size: cover;
	font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;
	font-size: .18rem;
	font-feature-settings: 'palt';
	-webkit-font-feature-settings: 'palt';
	letter-spacing: .08em;
}

@media (max-width: 750px) {
  body {
    font-size: .24rem;
  }
}

.wrapper {/*shiyo*/
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1200px;
}

@media (min-width: 751px) {
  .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.contents {/*snake bodyの背景色*/
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  color: #000;
  background: rgb(208,204,218,80%)/*rgb(245,243,239,80%)*/;
  box-shadow: 0 0 5px rgb(0,0,0,55%);
}

@media (min-width: 751px) {
  .contents {
    margin: 0 0 0 auto;
    padding: .3rem .5rem;
    width: calc(100% - 240px);
  }
}

@media (max-width: 750px) {
  .contents {
    padding: 1.4rem .3rem;
  }
}
/*
.contents p, .contents dl, .contents ul {
  text-shadow: #000 2px 0 2px, #000 -2px 0 2px, #000 0 -2px 2px, #000 0 2px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px, #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px, #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px, #000 -2px -1px 2px;
}
*/
.sidebar {/*shiyo*/
  -webkit-box-shadow: 0 0 0.1rem 0 rgba(215,202,136, 0.7);
          box-shadow: 0 0 0.1rem 0 rgba(215,202,136, 0.7);
  position: fixed;
  z-index: 50;
  width: 100%;
  background: url(https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/menu_bg.jpg);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar {
  display: none;
}

@media (min-width: 751px) {
  .sidebar {
    width: 240px;
    height: 100%;
  }
}

.sidebar .qr {
  margin: 26px 0 0 0;
  color: #54451f;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 750px) {
  .sidebar .qr {
    display: none;
  }
}

.sidebar .qr img {
  margin: 0 0 20px 0;
  width: 82px;
}



/* ================================================
nav snake
================================================ */
nav {
  line-height: 1;
  text-align: center;
  letter-spacing: .02em;
}

@media (min-width: 751px) {
  nav {
/*    padding: 10px;*/
    border-top: .01rem solid #452819/;
    border-bottom: .01rem solid #452819/;
    display: block !important;
    /* font-size: .12rem; */
    font-size:14px;
  }
}

@media (max-width: 750px) {
  nav {
    padding: .1rem;
    display: none;
    background: #211D12/*#ede4cd*/;
    font-weight: bold;
    font-size: .3rem; 
  }
}


nav dl,nav ul{margin: 0 0 0 0;}


nav dt {
	color:#fff;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s;
	cursor:pointer;
	border-bottom:1px solid #fff;
/*background: #1A0058;
background: -moz-linear-gradient(top,  #af924d 0%, #84713c 100%);
background: -webkit-linear-gradient(top,  #af924d 0%,#84713c 100%);
background: linear-gradient(to bottom,  #af924d 0%,#84713c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af924d', endColorstr='#84713c',GradientType=0 );*/
background: #233044/*#af924d*/;
background: -moz-linear-gradient(top,  #233044 0%, #6A50A8 100%);
background: -webkit-linear-gradient(top,  #233044 0%,#6A50A8 100%);
background: linear-gradient(to bottom,  #233044 0%,#6A50A8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233044', endColorstr='#6A50A8',GradientType=0 );
	background-repeat: repeat-x;

}

nav dt a {
  pointer-events: none;
	margin:0;
	color:#fff;
	text-decoration:none;
	display:block;
}



nav dt:hover {/*きいてないような*/
	opacity:0.65;
	color: #1221ff/*#ffa800*/;
}




nav dd {
  display: none;
 background: rgb(245,243,239);
}

nav dd a {
  color: #1A0058/*#926d1f*/;
}

nav dd a.current {/*navの現在p*/
   color: #6A50A8/*#926d1f*/;
	  background: rgba(106,80,168, 0.4)/*rgba(241,223,180, 0.9)/*rgba(33,29,18, 0.8)/*/;
/*  background: url("../images/common/nav_current.png") no-repeat center/contain;*/
}

@media (max-width: 750px) {
  nav dd a.current {
	  background: rgba(106,80,168, 0.4)/*rgba(241,223,180, 0.9)*/;
    /*background-image: url("../images/common/nav_current_sp.png");*/
  }
}

nav dd a:hover {/*使用中*/
  color: #fff;
  font-weight: bold;
  background:#3f351d;
  /*
  text-shadow:
  #fff 2px 0 2px, 
  #fff -2px 0 2px, 
  #fff 0 -2px 2px, 
  #fff 0 2px 2px, 
  #fff 2px 2px 2px, 
  #fff -2px 2px 2px, 
  #fff 2px -2px 2px, 
  #fff -2px -2px 2px, 
  #fff 1px 2px 2px, 
  #fff -1px 2px 2px, 
  #fff 1px -2px 2px, 
  #fff -1px -2px 2px, 
  #fff 2px 1px 2px, 
  #fff -2px 1px 2px, 
  #fff 2px -1px 2px, 
  #fff -2px -1px 2px;
  */
}

nav a {
  padding: 1em 0;
  display: block;
}

nav dd ul li{
	width: 100%;
	border-bottom: 1px #D0CCDA/*#f2e3c6*/ solid;
	margin:0 1em 0em 0;
}
nav dd ul li:last-child{
border-bottom: none;
}


/* ================================================
header
================================================ */
@media (max-width: 750px) {
  header {
    padding: 0 .8rem 0 .3rem;
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: .8rem;
    background: #fff;
  }
}

header a {/*Webマニュアル snake*/
  line-height: 1.2;
  color: #1a0058/*#7b672e*/;
  font-weight: bold;
}

header a:hover {
  color: #000;
}

@media (min-width: 751px) {
  header a {
	  
    padding: 10px 0 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 170px;
    font-size: 16px;
    background: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/logo.png") no-repeat center 0px/180px/*14px/212px*/;
  }
}

header a span {
  display: none;
}

@media (max-width: 750px) {
  header a span {
    display: block;
  }
}

header .toggle {
  position: absolute;
  top: .1rem;
  right: .1rem;
  width: .6rem;
  height: .6rem;
  background: #1a0058/*#7b672e*/;
  cursor: pointer;
}

@media (min-width: 751px) {
  header .toggle {
    display: none;
  }
}

header .toggle.open span {
  background: none;
}

header .toggle.open span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

header .toggle.open span::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

header .toggle span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: .4rem;
  height: .02rem;
  background: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

header .toggle span::before, header .toggle span::after {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .02rem;
  content: '';
  background: #fff;
  -webkit-transition: .2s;
  transition: .2s;
}

header .toggle span::before {
  -webkit-transform: translateY(-0.08rem);
          transform: translateY(-0.08rem);
}

header .toggle span::after {
  -webkit-transform: translateY(0.08rem);
          transform: translateY(0.08rem);
}

/* ================================================
main
================================================ */
main section {
  margin: -.3rem 0 .5rem 0;
  padding: .3rem 0 0 0;
}

@media (max-width: 750px) {
  main section {
    margin-top: -1.1rem;
    padding-top: 1.1rem;
  }
}

main section:last-child {
  margin-bottom: 0;
}

main .sec {
  margin: 0 0 2em 0;
}

main .sec:last-child {
  margin-bottom: 0;
}

main .w80 {
  margin: 1em auto;
  width: 80%;
}

@media (max-width: 750px) {
  main .w80 {
    width: 90%;
  }
}

main p {
  margin: 0 0 .2em 0;
}

main p:last-child {
  margin-bottom: 0;
}

main p img {
  margin: 0 .5em 0 0.5em;
}

main p img, main dl img, main ul img {
  width: auto;
  height: 1.5em;
}
main .disc{padding:1% 0 2% 0;}
main .disc li {
  margin: 0 0 0 1.5em;
  list-style: disc outside;
}

main .reference, main .reference_list li {
  padding: 0 0 0 0em/*0 0 0 1em*/;
  color: #222222;
  font-size: .16rem;
  /*text-indent: -1em;*/
}

@media (max-width: 750px) {
  main .reference, main .reference_list li {
    font-size: .2rem;
  }
}
/*
main .reference::before, main .reference_list li::before {
  margin: 0 .2em 0 0;
  content: '\203b';
  font-family: ‘Hiragino Kaku Gothic ProN’,’ヒラギノ角ゴ ProN W3′,’Meiryo UI’,Meiryo,sans-serif;
}
*/

main .ic_list {
  margin: 1em 0;
}

main .ic_list:last-child {
  margin-bottom: 0;
}

main .ic_list li {
  margin: 0 0 .2em 0;
}

main .ic_list li:last-child {
  margin-bottom: 0;
}

main .ic_list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

main .ic_list dt {
  white-space: nowrap;
}

main .ic_list dt::after {
  margin: 0 .2em;
  content: '：';
}


/* ================================================
link
================================================ */
main + .pagination {
  margin: .5rem 0 0 0;
}

.pagination {/*shiyo*/
  margin: 0 0 .2rem 0;
  line-height: 1;
}

.pagination li {
  display: inline-block;
}

.pagination li.prev {
  margin: 0 0 0 .15rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
	
}



@media (max-width: 750px) {
  .pagination li + li {
    margin: 0 0 0 .2rem;
  }
}

.pagination a {
  display: block;
  width: .8rem;
  height: .4rem;
/*  background: url("../images/common/back.png") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;*/
}
.pagination a.next {
  background: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/next.png") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}
.pagination a.prev {
  background: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/back.png") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}


/*
.buttonnext {
  background: url("../images/common/next.png") no-repeat center/100%;
  -webkit-transition: none;
  transition: none;
}

*/


@media (max-width: 750px) {
  .pagination a {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.pagination a:hover {
  /* background-image: url("../images/common/next.png"); */
  opacity:0.65;
}

/* ================================================
rim・table
================================================ */
.rim {
  margin: 1em 0;
  border: .01rem solid #3F83A6;
  background: #333;
}

.rim:last-child {
  margin-bottom: 0;
}

.rim.in_table {
  padding: .1rem;
}

.rim.in_table .ttl_bar {
  margin: 0 0 .1rem 0;
}

.rim.in_table table {
  margin: 0;
}

.rim.in_grad .txtarea {
  padding-top: 1em;
}

.rim .ttl_grad {
  margin: 0;
}

.rim .txtarea {
  padding: 1.2em 1em 1em 1em;
}

.rim p, .rim dl, .rim ul {
  text-shadow: none;
}

table {/*snake*/
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  line-height: 1.2;
  color: #000;
  background: rgba(255, 255, 255, 0.8);
}

table:last-child {
  margin-bottom: 0;
}

table th, table td {
  padding: .5em;
  border: dotted .01rem #444;
}

table th {/*snake　th*/
  width: 35%;
  background: rgba(20,0,71, 1.0)/*rgba(33, 29, 18, 0.6)/*rgba(35, 48, 68, 0.8)/*rgba(8, 15, 49, 0.8)/*#354698/*rgba(123, 103, 46, 0.8)*/;
  font-weight: bold;
  /* text-align: center; */
  text-align: left;
	color: #D0CCDA;
}

.green {
	color: #a9d0ad;
}
.d_green {
	color: #78b57e;
}

.red {
	color: #d0ada9;
}
.d_red {
	color: #b57e78;
}



table th > span {/*thの改行*/
	display: inline-block;
}

@media (min-width: 751px) {
  table th br {
    display: none;
  }
}
table th > span.red {/*redは改行させない*/
	display: inline;
}



table th.hd {
  background: #00af9a;
}

table td {
  width: 65%;
}

table img {
  margin: 0 .5em;
  width: auto;
  height: 1.2em;
}

table.table_btn {
  table-layout: fixed;
}

table.table_btn th, table.table_btn td {
  width: auto;
}

table.table_btn td {
  text-align: center;
}


/* ================================================
ph
================================================ */
.ph {
  margin: 1em auto;
  border: solid .01rem #F1F6D5/*元エメラルドグリーン#30cfc3*/;
}

.ph.controller {
  border: none;
}
/*　tile 未使用
.tile {
  margin: .4rem auto;
  display: -ms-grid;
  display: grid;
  gap: .4rem .2rem;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  width: 80%;
  line-height: 1.4;
  color: #3F83A6;
  font-size: .16rem;
  text-align: center;
}

@media (max-width: 750px) {
  .tile {
    width: 90%;
    font-size: .2rem;
  }
}

.tile.img_cover dt {
  height: 1.8rem;
}

.tile dt {
  margin: 0 0 .15rem 0;
  border: solid .01rem #3F83A6;
}

.tile img {
  margin: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
*/


.licence_oya {
	margin-top: 2em;
	padding: 1em 1em 1em 0em;
	background-color: rgba(208,204,218, 0.8);
}

.licence li{
	margin-bottom: 0.8em;
	font-size: .16rem;
}

.kakomi {
	margin-top: 1.5em;
	/*border: 1px solid white;*/
	padding: 1em;
	/*background: rgba(255,255,255, 0.2);*/
	background-color: rgba(208,204,218, 0.8);
	margin-bottom: 1em;

}



/* ================================================
flexbox
================================================ */
.flexbox_reverse, .sw .flexbox_sw {
  margin: 1em 0;
}

@media (min-width: 751px) {
  .flexbox_reverse, .sw .flexbox_sw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@supports (display: grid) {
  .flexbox_reverse, .sw .flexbox_sw {
    display: -ms-grid;
    display: grid;
    gap: 1em;
  }
  @media (min-width: 751px) {
    .flexbox_reverse, .sw .flexbox_sw {
      -ms-grid-columns: auto 40%;
          grid-template-columns: auto 40%;
    }
  }
}

@media (min-width: 751px) {
  .flexbox_reverse .txt, .sw .flexbox_sw .txt .txt_g{
    margin: 0 1em 0 0;
    width: 60%;
  }
 }
@media (min-width: 751px) {
	.txt1 txt2 {
    width: 100%;				
	}


  @supports (display: grid) {
    .flexbox_reverse .txt, .sw .flexbox_sw .txt {
      width: auto;
    }
  }
}

@media (max-width: 750px) {
  .flexbox_reverse .txt, .sw .flexbox_sw .txt {
    margin: 0.25rem 0 1em 0;
  }
}



.flexbox_reverse .ph, .sw .flexbox_sw .ph {
  margin: 0 auto;
}

@media (min-width: 751px) {
  .flexbox_reverse .ph, .sw .flexbox_sw .ph {
    width: 60%;
  }
  @supports (display: grid) {
    .flexbox_reverse .ph, .sw .flexbox_sw .ph {
      width: 100%;
    }
  }
}

@supports (display: grid) {
  @media (max-width: 750px) {
    .flexbox_reverse .txt {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .flexbox_reverse .ph {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
    }
  }
}


@supports (display: grid) {
  @media (max-width: 750px) {
	  
    .txt1 .txt2{
	  margin: 0.25rem 0 1em 0;
	  width: 100%;
	}  
    .txt1 {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 1;
              order: 1;
    }
	.txt2 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 3;
              order: 3;
    }
    .ph {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 2;
              order: 2;
    }
  }
}


/*------------------------------------
pagejump 使用せず
------------------------------------*/
/*
.pagejump {
  margin: 0 auto .5rem auto;
  display: table;
  text-align: center;
}

@media (max-width: 750px) {
  .pagejump {
    font-size: .28rem;
  }
}

.pagejump li {
  margin: 0 1em 0 0;
  display: inline-block;
}

.pagejump li:last-child {
  margin-right: 0;
}

.pagejump a {
  padding: 0 0 0 1.2em;
  position: relative;
  color: #3F83A6;
}

.pagejump a::before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1em;
  height: 1em;
  content: '';
  background: url("../images/common/pagejump_ic.svg") no-repeat center/100%;
}

.pagejump a:hover {
  color: #ffa800;
  text-decoration: underline;
}
*/

/* ================================================
title
================================================ */
/*------------------------------------
ttl_primary 使用せず
------------------------------------*/
/*

.ttl_primary {
  margin: 0 0 .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: .8rem;
  background: url("../images/common/ttl_primary.png") no-repeat center/100%;
  font-weight: bold;
  font-size: .32rem;
}

@media (max-width: 750px) {
  .ttl_primary {
    margin: 0 -.3rem .2rem -.3rem;
    height: 1.1rem;
    background-image: url("../images/common/ttl_primary_sp.png");
    font-size: .42rem;
  }
}

@media (min-width: 751px) {
  .ttl_primary br {
    display: none;
  }
}
*/









/*------------------------------------
ttl_secondary 使用せず
------------------------------------*/
/*
.ttl_secondary {
  margin: 0 0 .2rem 0;
  border: .01rem solid #3F83A6;
  position: relative;
  max-width: calc(100% - .02rem);
  background: #000;
  font-size: .24rem;
}

@media (max-width: 750px) {
  .ttl_secondary {
    font-size: .34rem;
  }
}

.ttl_secondary::before, .ttl_secondary::after, .ttl_secondary h2::before, .ttl_secondary h2::after {
  border-top: .03rem solid #3F83A6;
  border-left: .03rem solid #3F83A6;
  position: absolute;
  width: .15rem;
  height: .15rem;
  content: '';
}
@media (max-width: 750px) {
  .ttl_secondary::before, .ttl_secondary::after, .ttl_secondary h2::before, .ttl_secondary h2::after {
    border-width: .05rem;
    width: .25rem;
    height: .25rem;
  }
}

.ttl_secondary::before {
  top: -.02rem;
  left: -.02rem;
}

@media (max-width: 750px) {
  .ttl_secondary::before {
    top: -.03rem;
    left: -.03rem;
  }
}

.ttl_secondary::after {
  top: -.02rem;
  right: -.02rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (max-width: 750px) {
  .ttl_secondary::after {
    top: -.03rem;
    right: -.03rem;
  }
}

.ttl_secondary h2 {
  padding: 0 .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: .52rem;
}

@media (max-width: 750px) {
  .ttl_secondary h2 {
    height: .76rem;
  }
}

.ttl_secondary h2::before {
  bottom: -.02rem;
  left: -.02rem;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

@media (max-width: 750px) {
  .ttl_secondary h2::before {
    bottom: -.03rem;
    left: -.03rem;
  }
}

.ttl_secondary h2::after {
  right: -.02rem;
  bottom: -.02rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 750px) {
  .ttl_secondary h2::after {
    right: -.03rem;
    bottom: -.03rem;
  }
}

.ttl_secondary img {
  margin: 0 .5em;
  max-width: 1.2em;
}
*/

.ttl_grad {
  margin: 0 0 .5em 0;
  padding: .2em .6em;
  line-height: 1.2;
  color: #F6EBD5;/*Cカラー*/
		background-color: rgba(63,131,166,0.4);/*b1カラー*/
	background: -moz-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: -webkit-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: linear-gradient(to right, rgba(63,131,166,0.9), transparent);

  /*background: url("../images/common/ttl_tertiary.png") no-repeat center/cover;*/
  font-weight: bold;
  font-size: .22rem;
	margin-top: 1em;
}

@media (min-width: 751px) {
  .ttl_grad br {
    display: none;
  }
}

@media (max-width: 750px) {
  .ttl_grad {
	  background-color: rgba(63,131,166,0.4);/*b1カラー*/
	background: -moz-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: -webkit-linear-gradient(left, rgba(63,131,166,0.9), transparent);
  background: linear-gradient(to right, rgba(63,131,166,0.9), transparent);
    /*background-image: url("../images/common/ttl_tertiary_sp.png");*/
    font-size: .3rem;
  }
}
/*
.ttl_num {
  margin: 0 0 .1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c4a048;
  font-weight: bold;
  font-size: .22rem;
  text-shadow: 0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000,0 0 .04rem #000;
  text-shadow: #000 2px 0 2px, #000 -2px 0 2px, #000 0 -2px 2px, #000 0 2px 2px, #000 2px 2px 2px, #000 -2px 2px 2px, #000 2px -2px 2px, #000 -2px -2px 2px, #000 1px 2px 2px, #000 -1px 2px 2px, #000 1px -2px 2px, #000 -1px -2px 2px, #000 2px 1px 2px, #000 -2px 1px 2px, #000 2px -1px 2px, #000 -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_num {
    font-size: .3rem;
  }
}

.ttl_num img {
  margin: 0 .1rem 0 0;
  max-width: 1.65em;
}

.ttl_bar {
  margin: 1em 0 .3em 0;
  padding: 0 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: .34rem;
  color: #000;
/*  background: url("../images/common/ttl_bar.png") no-repeat center/100%;
  font-weight: bold;
  font-size: .2rem;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_bar {
    height: .58rem;
/*    background-image: url("../images/common/ttl_bar_sp.png");
    font-size: .28rem;
  }
}
*/

/*
.ttl_rim {
  padding: 0 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: .34rem;
  color: #000;
/*  background: url("../images/common/ttl_rim.png") no-repeat center/100%;*
  font-weight: bold;
  font-size: .2rem;
  text-shadow: rgba(255, 255, 255, 0.3) 2px 0 2px, rgba(255, 255, 255, 0.3) -2px 0 2px, rgba(255, 255, 255, 0.3) 0 -2px 2px, rgba(255, 255, 255, 0.3) 0 2px 2px, rgba(255, 255, 255, 0.3) 2px 2px 2px, rgba(255, 255, 255, 0.3) -2px 2px 2px, rgba(255, 255, 255, 0.3) 2px -2px 2px, rgba(255, 255, 255, 0.3) -2px -2px 2px, rgba(255, 255, 255, 0.3) 1px 2px 2px, rgba(255, 255, 255, 0.3) -1px 2px 2px, rgba(255, 255, 255, 0.3) 1px -2px 2px, rgba(255, 255, 255, 0.3) -1px -2px 2px, rgba(255, 255, 255, 0.3) 2px 1px 2px, rgba(255, 255, 255, 0.3) -2px 1px 2px, rgba(255, 255, 255, 0.3) 2px -1px 2px, rgba(255, 255, 255, 0.3) -2px -1px 2px;
}

@media (max-width: 750px) {
  .ttl_rim {
    height: .5rem;
/*    background-image: url("../images/common/ttl_rim_sp.png");*
    font-size: .28rem;
  }
}

.ttl_rim::before {
  position: absolute;
  bottom: -.08rem;
  left: .01rem;
  width: calc(100% - .03rem);
  height: .08rem;
  content: '';
  background: repeating-linear-gradient(90deg, transparent, transparent 2px, #aaa 2px, #aaa 5px);
}

*/



/* ================================================
footer
================================================ */
footer {
  margin: .2rem 0 0 0;
}

footer .copyright {
  font-size: .12rem;
  text-align: center;
  letter-spacing: .05em;
}

@media (max-width: 750px) {
  footer .copyright {
    font-size: .2rem;
  }
}

footer .pagetop {
  display: block;
  position: fixed;
  right: .3rem;
  bottom: .3rem;
  z-index: 10;
  width: .3rem;
  height: .44rem;
  content: '';
  background: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/totop.png") no-repeat center/100%;
}

@media (max-width: 750px) {
  footer .pagetop {
    width: .4rem;
    height: .6rem;
  }
}

footer .pagetop:hover {
  opacity: .8;
}

/* ================================================
TOP
================================================ */
.top {
		/* background:#ede4cd; */
}

@media (min-width: 751px) {
  .top {
    padding: 0 .3rem .3rem .3rem;
  }
}

@media (max-width: 750px) {
  .top {
    padding-top: .8rem;
  }
}

.top .mv {
  margin: 0 -.3rem;
  height: 5.5rem;
  background: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/0000/mv2.jpg") no-repeat center/cover;
}

@media (max-width: 750px) {
  .top .mv {
    height: 3.5rem;
    background-image: url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/0000/mv_sp2.jpg");
  }
}

.top p, .top dl, .top ul {
  text-shadow: none;
}

.top .link {
  margin: 2em 0;
  line-height: 1;
  font-weight: bold;
}

@media (min-width: 751px) {
  .top .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .14rem;
  }
  @supports (display: grid) {
    .top .link {
      display: -ms-grid;
      display: grid;
      gap: .1rem;
      -ms-grid-columns: 1fr 1fr 1fr;
          grid-template-columns: 1fr 1fr 1fr;
    }
  }
}

@media (min-width: 751px) {
  .top .link .col {
    width: calc(100% / 3);
  }
  @supports (display: grid) {
    .top .link .col {
      width: auto;
    }
  }
}

@media (max-width: 750px) {
  .top .link .col {
    margin: 0 0 2em 0;
  }
  .top .link .col:last-child {
    margin-bottom: 0;
  }
}

.top .link dl {/*top目次リンク　項目名左ライン*/
  margin: 0 0 2em 0;
  padding: 0 0 0 1.5em;
  /* border-left: .01rem solid #af9b7c; */
}
.top .link dl:last-child {
  margin-bottom: 0;
}

.top .link dt {/*top目次リンク　項目名　見出し snake*/
  margin: 0 0 1em 0;
  padding:0.5em 0;
  color: #391F77/*#7b672e*/;
  border-top: solid 1px #1A0058/*#d3c9b8*/;
  border-bottom: solid 1px #1A0058/*#d3c9b8*/;
}

.top .link li {
  margin: 0 0 1em 0;
}

.top .link li:last-child {
  margin-bottom: 0;
}

.top .link .pagejump {
  margin: .8em 0 0 0;
  padding: 0 0 0 1em;
  display: inherit;
  font-weight: normal;
  text-align: left;
}

.top .link .pagejump li {
  display: inherit;
  margin: 0 0 .5em 0;
}

.top .link .pagejump li:last-child {
  margin-bottom: 0;
}

.top .reference_list {
  margin: 2em 0;
}

.top .reference_list li {
  color: #011824;
  font-size: .12rem;
}

@media (max-width: 750px) {
  .top .reference_list li  {
    font-size: .2rem;
  }
}

.top .reference_list img {
  height: 1.2em;
}



.top .reference_list img.ps4 {
  height: .8em;
}
/*# sourceMappingURL=style.css.map */

.infomation {
		all:initial;
}
.infomation p {
	padding: 1em;
	margin: 0em 1em;
	background: #a399bc;
	color: #f0f0f0;
}

.infomation span {
	display: inline-block;
	margin: 0.5em 0;
	padding: 0.5em; 
	background-color: #d1ccdd;
}
@media (max-width: 750px) {
  .infomation  {
    font-size: .18rem;
  }
}


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

dk_original 03
pの天地二倍のimg
================================================ */
p > img.double {
   width: auto;
  height: 2em;	
}

/* ================================================
ユーザーサポート
================================================ */
.column {
 /* display: grid;
  grid-template-columns: 1fr 4fr;
  grid-auto-rows: minmax(30px, auto);*/
	padding: 0em;
	 margin: 0em 0em 1em 0em;
	background: rgba(255,255,255, 0.5);
	border: double 1px #211d12/*#1a0058/*#7b672e*/;
}


.column > div > p {
	text-shadow: inherit;
	font-weight: normal;
	color: #800000;
}

.column > div > p.bold {
	font-weight: bold;
	color: #000;
}


@media (max-width: 750px) {
	.column {
/*  display: grid;
  grid-template-columns: 1fr 4fr;*/
	}
}
.column div.column_ttl {
	/*
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
background: linear-gradient(to right, transparent 0%, rgba(121,91,29, 0.7) 30%, rgba(121,91,29, 0.7) 70%, transparent 100%);*/
/*	  display: flex;*/
/*  justify-content: center;
  align-items: center;*/
}

.column > div > h4 {/*コラム名、見出し列*/
    color: #fff;
    font-size: 0.2rem;
/*	text-align: center;*/
	background: #211d12/*#1a0058*/;
		margin-top:0em;
	margin-bottom:0em;

}

.column_txt {/*キャラなし見出しとテキストのみ*/
/*	grid-column-start: 1;
  	grid-column-end: 3;
  	grid-row-start: 2;
  	grid-row-end: 3;
	font-weight: bold;
	color: #F6EBD5;/*Cカラー*/
	margin: 8px 8px 4px 8px;
/*	text-align: center;*/
}






/*----------------------------------
以下は信長の野望・新生より移植
----------------------------------*/




h1	{
	position: relative;
	text-align:center;
	color: #1a0058;
    font-size:55px;
	font-weight: bold;
	padding: 20px 5px; 
	margin-bottom:0.5em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2em;
/*	snake*/
	background-position: center bottom;
	background-size: 100% 45% ;
	background-repeat: no-repeat;
	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/common/light.png");	
}
h1 > span {
	font-weight: bold;
	}

h2	{
	position: relative;
	font-size: 25px;
	font-weight: bold;
	color: #fffe;
	line-height: 1.2em;
	text-align: center;
	padding: 10px 10px 10px 10px;  
	margin-bottom:0.5em;
	z-index: 4;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2em;
	border: double 3px #fff;
	background: rgba(54,12,6, 0.9);
	/*
	background-image:url("../images/midashi_h2_02.png");
	background-position: center center;
	background-size: 100% 100% ;
	background-repeat: no-repeat;
	*/
}
/*
h2:before {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/midashi_h2_01.png");
	background-position: center top;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}

h2:after {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/midashi_h2_03.png");
	background-position: center bottom;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}
*/

h2 img { 
	height:30px;
	vertical-align:middle;
	padding:0px 5px;
}

.before { /*スマホヘッダー固定用の空白 shiyo*/
	height:40px;
}

h3	{/*snake*/
	clear: both ;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #1a0058/*#403719*/;
	line-height: 1.2em;
	text-align: center;
	padding: 1.3% 10px; 
	margin-top:1em;
	margin-bottom:0.5em;
	z-index: 4;
	border: solid 1px #1a0058/*#403719*/;
	border-radius: 8px;
	background-color: #e2ded7;
}
/*
h3:before {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/midashi_h3_01.png");
	background-position: center top;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}

h3:after {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -1;
  	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/midashi_h3_03.png");
	background-position: center bottom;
	background-size: 100% auto ;
	background-repeat: no-repeat;
}
*/

h3 img {
	height:22px;
	padding:0px;
	margin:0px 5px ;
	vertical-align: middle;
}



h4 {	
	/*width: 100%;*/
	font-size:20px;
	clear: both ;
	color:#49241e;
	font-weight: bold;
	line-height: 1.2em;
	padding: 3px 0px 5px 10px; 
	margin-top:1em;
	margin-bottom:0.5em;
/*	padding: 3px 0px 5px 30px; 
	background-image:url("../images/kamon_05.png");
	background-position: left center;
	background-size: auto 20px ;
	background-repeat: no-repeat; */

	border-bottom: 1px solid rgba(85,71,56,0.5);
  position: relative;
  padding-bottom: 5px;
}

h4 img {
	height:25px;
	vertical-align:middle;
	padding:0px 0px 0px 0px;
}

h4 a {
	text-decoration: none;
	color:#72640c;
}


h4::after {
  position: absolute;
  left:  -10px;
  bottom: -3px;
  display: block;
  content: " ";
  width: 20%;
  border-bottom: 3px solid #be0006;
}

h4.us::after{border-bottom: none;}



h5 {	
	/*width: 100%;*/
	font-size:18px;
	clear: both ;
	color:#6a1917;
	font-weight: bold;
	line-height: 1.2em;
	padding: 3px 0px 5px 0px; 
	margin-top:3%;
	margin-bottom:0.5em;
	/*text-shadow: 0px 0px 5px #000;*/
	/*background: rgba(85,71,56,0.3);*/
	/*background-image:url("../images/kamon_05.png");
	background-position: left center;
	background-size: auto 20px ;
	background-repeat: no-repeat;*/
	/*background: linear-gradient(rgba(100,100,100,1), rgba(100,100,100,1),rgba(100,100,100,0.2));*/
	/*box-shadow: 0px 0px 10px #000;*/
	border-bottom: 2px solid rgba(85,71,56,0.5);/*#554738*/
}

h5 img {
	height:1.5em;/*25px;*/
	width: 2em;
	vertical-align:middle;
	padding:0px 10px 0px 0px;
	
}


h6 {	
	/*width: 100%;
	font-size:18px;*/
	clear: both ;
/*	color:#1A0058;*/
	font-weight: bold;
	line-height: 1.2em;
/*	padding: 3px 0px 5px 0px; 
	margin-top:3%;*/
	margin-bottom:0.5em;
	border-bottom: 2px solid #1A0058;
}
h6.office {
	margin-top: 20px;
}


section {
	overflow: hidden;
	margin-bottom:0.5em;
	clear: both ;
}
a {
	color:#6b0000;
	/*font-weight: bold;*/
}
a:hover {
	color:#004714/*#7b672e*/;
	/*font-weight: bold;*/
	opacity:0.65;
}
p {
	margin:0 0 1em 0;
}
img {
	vertical-align:middle;
}
img.frame {/*shiyo*/
	border:1px solid #b8860b;
	background-color: rgba(0,0,0,0.5);
}
img.frame_02 {/*mishiyo*/

}
ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
		list-style-type: none;
/*	list-style:disc;*/
}

li {
	margin-left:2em;
}

ul.maru li {/*leo shiyo*/
	list-style:disc;
	text-indent: -0em;
	padding-left: 1em;
}



@media screen and (max-width:1000px) {
h1	{font-size:5vw;}
}



@media screen and (max-width:767px) {
h1	{
    font-size:40px;
}
}


/*================================================
 *  表
 ================================================*/
table {/*snake ボーダー外枠
/*	width:100%;
	border-collapse:collapse;
	margin-top: 0.5em;
  	margin-bottom:2.5em;*/
	border: solid 4px #211D12/*#233044/*#6A50A8/*#391F77/*#1A0058 /*#7b672e*/;
}

th {
	text-align:left;
	font-weight:bold;
	/* font-size:18px; */
/*	padding:4px 10px;
/*	background: rgba(0,0,0,0.6);*/
	/*width:30%;*/
}



td {
	text-align:left;
	/* font-size:18px; */
	color:#000;
	padding:2px 10px;
	background: rgba(255,255,255,0.3);
}
th img {
	height:30px;
	vertical-align:middle;
	margin:5px;
}

th img.ps4icon {
	height:25px;
	vertical-align:middle;
	margin:5px;
}


td img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}
th,td {
  	border: solid 1px #7b672e;
	vertical-align: middle; 
}
/*
.hyou_02 {shiyo
	text-align:left !important;
	 font-size:18px; 
	color:#000;
	padding:2px 10px;
	background: rgba(0,0,0,0.2);
	width: 30%;
}

.hyou_04 {/*leo追加 shiyo
	text-align:left !important;
	/* font-size:18px; 
	color:#fff;
	padding:2px 0.5em 2px 10px;
	background: #b6a983;
	width: 15%;
}
*/

.sousa span {/*leo追加　span内の文字色を赤にする*/
	color: #dc351d;
}
img.tall {/*leo追加 ボタン画像を大きめに*/
	height: 2.5em;
}

table.th10 th{/*leo追加 th10%を一括で*/
	width: 10%;
}
table.th20{margin-top:3%;}
table.th20 th{/*leo追加 th20%を一括で*/
	width: 20%;
}
table.th25 th{/*leo追加 th25%を一括で*/
	width: 25%;
}

table.th30 th{/*leo追加 th30%を一括で*/
	width: 30%;
}



/*================================================
 *  表（テキストセンター）
 ================================================*/
.center th {
  	text-align: center;
}
.center td {
  	text-align: center;
}


/*================================================
 *  クラス
 ================================================*/

/*.box_right {
	float: right;
	width:20%;
	margin-top: 0.25em;
  	margin-bottom:1em;
}
.box_left {
	float: left;
	width:20%;
	margin-top: 0.25em;
  	margin-bottom:1em;
	margin-right: 1em;
}*/

.float_clear{
	clear: both ;
}
.line { 
	display: inline-block;
}
.text_main{/*shiyo*/
	margin-top: 0.5em;
  	margin-bottom:0.5em;
	padding:0;
	text-align: justify;
}
.text_main img {/*shiyo*/
	height:22px;
	margin:5px;
}


.point_box{padding: 10px; margin-bottom: 10px; background: rgba(123,103,46,0.2);}

@media screen and (max-width:767px) {
	.text_main img {/*shiyo*/
	height:15px;
	}
}



/*================================================
 *  photo
 ================================================*/
.photo_em {
	width:100%;
}
.photo_main {/*snake*/
	width:100%;
	padding:2.5%;
	margin: 0 auto;
	text-align: center;
	/* border:2px solid #b8860b; */
	background-color:rgba(33, 29, 18, 0.6);
/*	background-color: rgba(53,70,152,0.9)/*#354698/*rgba(255,255,255,0.5)*/;
}
.photo_right_cap {/*capあり shiyo*/
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:1.5px solid #b8860b;*/
}
.photo_left_cap {/*capあり */
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:1.5px solid #b8860b;*/
}
.photo_right {
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;
	background-color: rgba(0,0,0,0.5);*/
}
.photo_right_02 {
	float: right;
	width:30%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
}
.photo_left {
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;
	background-color: rgba(0,0,0,0.5);*/
}
.photo_left_02 {
	float: left;
	width:30%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
	}
.photo_left_03 {
	float: left;
	width:15%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	/*border:2px solid #b8860b;*/
	}

/*================================================
 *  cap
 ================================================*/
.cap {/*本文より小さいテキスト*/
	margin-top: 0.5em;
	font-size:17px;
}
.cap img {
	height:20px;
	margin:5px;
}

.capblue{/*画像cap shiyo*/
	margin-top: 0.5em;
	font-size:17px;
	color:#6a1917;
	text-align: justify;
}
.capblue img {/*shiyo*/
	height:20px;
	margin:5px;
}

@media (max-width: 750px) {
	.capblue{
	font-size:12px;
	}
	.capblue img {
	height:15px;
	}
}




.capcenter, .capcenter2 , .capcenter3 , .capcenter4 {/*h2へのリンク shiyo*/
	margin: 0px;
	font-size:17px;
	text-align:center;
}
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {/*shiyo*/
	display: inline-block;
	background:#be0006; 
	padding:1% 0; 
	color: #f5f3ef;
	margin:0 0.5% 1% 0.5%;
	font-size: 14px;

}
.capcenter a{width: 25%; border-radius: 5px;}
.capcenter2 a{width: 18%; border-radius: 5px;}
.capcenter3 a{width: 15%; border-radius: 5px;}
.capcenter4 a{width: 20%;}


.capright {/*他ページへのリンク shiyo*/
	margin-top: 0.5em;
	font-size:17px;
	text-align:left;
	clear: both ;
}
.capright a {/*shiyo*/
	padding-left: 25px;
	/*text-decoration: none;*/
	background-image:url("https://www.koeitecmoamerica.com/manual/wo3u/en/images/sankaku.png");
	background-position: left ;
	background-size:20px;
	background-repeat: no-repeat;
	margin-left: 10px;
	display: inline-block;
}
.capleft {/*一番上のcap*/
	margin-bottom: 1.5em;
	font-size:15px;
	text-align:left;
	clear: both ;
}

@media (max-width: 1000px) {
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {
	font-size: 12px;
}
}



@media (max-width: 750px) {
.capcenter a , .capcenter2 a , .capcenter3 a , .capcenter4 a {padding:2% 1%;}
.capcenter a {
	width: 47%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter2 a {
	width: 31%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter3 a {
	width: 31%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

.capcenter4 a {
	width: 47%;
	margin:0 0.5% 1% 0.5%;
	font-size: 3vw;
}

}