@charset 'utf-8';
/*!
 * ress.css
 */
html{
  word-break: break-word;
  box-sizing: border-box;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
}
*,
::before,
::after{
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}
::before,
::after{
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
*{
  margin: 0;
  padding: 0; /* Reset `padding` and `margin` of all elements */
}
hr{
  height: 0; /* Add the correct box sizing in Firefox */
  overflow: visible; /* Show the overflow in Edge and IE */
}
details,
main{
  display: block; /* Render the `main` element consistently in IE. */
}
summary{
  display: list-item; /* Add the correct display in all browsers */
}
small{
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden]{
  display: none; /* Add the correct display in IE */
}
abbr[title]{
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}
a{
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}
a:active,
a:hover{
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp{
  font-family: monospace, monospace; /* Specify the font family of code elements */
}
pre{
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong{
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}
/* https://gist.github.com/unruthless/413930 */
sub,
sup{
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub{
  bottom: -.25em;
}
sup{
  top: -.5em;
}
@media screen{
  [hidden~='screen']{
    display: inherit;
  }
  [hidden~='screen']:not(:active):not(:focus):not(:target){
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy='true']{
  cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls]{
  cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled]{
  cursor: default;
}


/*   オリジナルここから   */
.wrapper{
  display: block;
  margin: 30px auto;
  width: 80%;
}
.wrapper .btn-pink a{
  display: block;
  margin-bottom: 120px;
  padding: 10px;
  font-size: 13px;
  color: #fff;
  background-color: #f9a3be;
  border: 1px solid #f9a3be;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
.mouseover__conts{
  position: relative;
}
.btn-mouseover:hover + .mouseover__box{
  display: block;
}
.mouseover__box:hover{
  display: block;
}
.mouseover__box{
  display: none;
  position: absolute;
  top:0;
  left:0;
  width: 200px;
  padding: 15px;
  font-size: 13px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.overlay-modal{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}
.overlay-modal__overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.6);
}
.overlay-modal__body{
  width: 100%;
  position: absolute;
  top: 50px;
  -webkit-transition: .4s;
  transition: .4s;
}
.overlay-modal__inner{
  margin: 0 auto;
 padding: 40px;
  padding-top: 50px;
  padding-bottom: 50px;    
  width: 990px;
  position: relative;
  background-color: #fffde9;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.overlay-modal__inner p{
  font-size: 13px;
  padding: 20px;
}


.flex-container {
  display: flex;
  flex-flow: row;
}
.flex-item {
  padding: 10px;
  width: 50%;    
}

.cathicon {
 display: inline-flex;
float: left;
margin-right: 20px;
margin-top: 10px;    
}

.cath {
margin-top: 20px;
}

.textleft{
    text-align: right;
}


 .list {
      list-style-type: none;
      padding: 0;
      margin: 10px;
      display: flex;
      flex-wrap: wrap;
    }
    .item {
      color: #0000000;
         background: url(../img/docreq_list.png) left 0px top 1px no-repeat;    
      margin: 5px;
        padding-left: 35px;
      width: calc(50% - 10px);
    }


.rightimg {
    max-width: 100%;
    padding-right: 20px;
   margin-bottom: 20px;
}

.rightimg  img {
    max-width: 99%;
}


.button {
  display: block;
  background: #ff7e00;
  width: 100%;
  padding: 1.5rem;
  border-radius: .6rem;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .1rem;
  transition: .5s;
}

.button:hover {
  background: #ff9b39;
}

.button span {
  position: relative;
  font-size: 1.8em;
}

.button span:after {
  content: url(../img/docreq_newwin.png);
  position: absolute;
  margin-left: 12px;    
}



.overlay-modal__close{
  position: absolute;
  top: 20px;
  right: 20px;
}
body.modal-open{
  width: 100%;
  height: 100%;
  position: fixed;
}


@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
    
.overlay-modal__body {
    top: 0px;

}    
    
.overlay-modal {
    overflow: scroll;
}    
    
.overlay-modal__inner {
    margin: 0 auto;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    position: relative;
    background-color: #fffde9;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}    
    
    .flex-container {
  display: block;
  flex-flow: row;
}
.flex-item {
  padding: 10px;
  width: 100%;    
}
    
.item {
    width: calc(100% - 10px);
}
    
.cathicon {
    /* display: block; */
    float: unset;
    margin-right: 20px;
    margin-top: 10px;
}
.cath {
    margin-top: 0px;
}
    
.maintit img {
    max-width: 95%;
    }
    
.rightimg {
    max-width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
} 
.button span {
    padding-right: 30px;
}
.overlay-modal__close {
    top: 10px;
    right: 10px;
}    
    
}