@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2020.03
==================================================== */
html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
}
body {
    background: #FFFFFF;
    color: #000;
    font-size: 1.5rem;
    font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ","Meiryo", sans-serif;
}




a,body,button,div,form,h1,h2,html,img,input,li,p,span,table,td,textarea,tr,ul {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}









input, .button, button, textarea, *:before, *:after {
	font-family: Arial, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ","Meiryo", sans-serif;
}

p {margin: 0 0 1em;}
p:last-of-type {margin-bottom: 0;}
a {
		text-decoration:none; color: #272727;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.alignL {text-align: left !important; }
.alignC {text-align: center !important; }
.alignR {text-align: right !important; }

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


/* ######################################################################################

　フレーム

###################################################################################### */
/* ====================================================
　header / footer
==================================================== */
.header_sample{background: #1C8D4F; text-align: center; height: 70px; display: flex; align-items: center; justify-content: center; color: #fff;}
.header_sample.gray{background: #F7F8FA; color: #000;}
.footer_sample{background: #fff; border-top: 1px solid #ddd; text-align: center; height: 84px; display: flex; align-items: center; justify-content: center;}
.copyright{text-align: center; font-size: 1.3rem; color: #8B8B8B;}
/* ====================================================
　web用 header 緑帯付き
==================================================== */
.header_web{background: #1C8D4F; text-align: center; height: 70px; display: flex; align-items: center; justify-content: center; color: #fff;}
.header_web .groupName{
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
}

/* =======================================================
　contents
========================================================== */
.contents {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width:800px;
  padding-right: 15px;
  padding-left: 15px;
}
.contents.narrow{padding-left: 35px; padding-right: 35px;}
.contents.narrow2{padding-left: 25px; padding-right: 25px;}
.contents.wide{padding-left: 22px; padding-right: 22px;}
.contents.full{padding-left: 0; padding-right: 0;}
.contents + .contents{margin-top: 25px;}

.contents.green{
  background: #FFF9E4;
}

.wideContents{margin-left: -15px; margin-right: -15px;}
.wideContents.white{
	background: #fff;
	box-shadow: 0 2px 6px rgba(44, 40, 40, 0.11);
}
.wideContents.white.border{
  box-shadow: none;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.wideContents__inner{
  padding: 1.35em 15px;
}
.wideContents__inner.gray{
  background: #f7f8fa;
}
.wideContents__inner.narrow{
  padding: 0.85em 15px;
}

.wideContents__inner.between{
  display: flex;
  justify-content: space-between;
}
.wideContents__inner.between p{
  margin-bottom: 0;
}
.wideContents__inner.between p .ico_delete{
  position: relative;
  top: -0.1em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
}

.wideContents__inner.link{
  padding: 0;
}
.wideContents__inner.link a{
  display: block;
  width: 100%;
  padding: 0.85em 15px;
}
.wideContents__inner.link .centerBlueLink{
  text-align: center;
  font-size: 1.8rem;
  color: #2376C8;
  font-weight: bold;
}

.wideContents__inner + .wideContents__inner{
  border-top: 1px solid #eee;
}
.wideContents__inner p{
  font-size: 1.6rem;
}
.wideContents__inner p.text-small{font-size: 1.4rem;}


/* ######################################################################################

　theme Yellow

###################################################################################### */
.themeYellow .header_web{background: #F7D560;}
.themeYellow .contents.green {background: #faedbf;}