@charset "utf-8";



/* 全体

------------------------------------------------------------*/

html {

  font-size: 100%;

  width: 100%;

}

body {

  color: #000000;

  font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;

  font-weight: 500;

  background-color: #ccdfcd;

  font-size: 1.0rem;

  line-height: 1.65rem;

  word-wrap: break-word;

  font-feature-settings: "palt"; /* カーニング */

  letter-spacing: 0.03em; /* 文字間隔調整 */

}

sup{

	font-size: 75%;

	vertical-align: top;

}

#layer{

	position: fixed;

	top: 0;

	z-index: 2;

	display: none;

	width: 100%;

	height: 100%;

  overflow: hidden;

	background-color: #2b2b2b79;

  backdrop-filter: blur(4px);

}



/* リンク設定 */

a:link {

  color: #016FBB;

  text-decoration: underline;

}



a:visited {

	color: #016FBB;

	text-decoration: none;

}



a:hover {

  color: #016FBB;

	text-decoration: none;

}

a:active, a:focus {

  outline: 0;

}



a.border_none {

  text-decoration: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

  empty-cells: show;

  font-size: 100%;

}



.width_max{

	width: 100%;

}

.width_3rem{

	width: 3rem;

}

.width_10rem{

	width: 10rem;

}



/* text-color */

.txt_red{

	color: #FF0000;

}

.txt_org {

  color: #F26802;

}

.txt_blue{

	color: #1779C5;

}

.txt_lightblue{

	color: #9fc9ed;

}

.note1 {

  color: #FF0000;

}



/* text-size */

.txt_9rem {

	font-size: 0.9rem;

}

.txt_10rem {

	font-size: 1.0rem;

}

.txt_11rem {

	font-size: 1.1rem;

}

.txt_12rem {

	font-size: 1.4rem;

}



.bold {

  font-weight: bold;

}

.underline{

	text-decoration: underline;

}





/* text-align */

.txt_left{

	text-align: left;

}

.txt_right{

	text-align: right;

}

.txt_center{

	text-align: center;

}

.txt_nowrap {

  white-space: nowrap;

}

.txt_middle{

  vertical-align: middle;

}



/* マージン・パディング */

.mar-t10 {

  margin-top: 10px;

}

.mar-t20 {

  margin-top: 20px;

}

.mar-t30 {

  margin-top: 30px;

}

.mar-b10 {

  margin-bottom: 10px;

}

.mar-b20 {

  margin-bottom: 20px;

}

.mar-b30 {

  margin-bottom: 30px;

}

.mar-b40 {

  margin-bottom: 40px;

}

.mar-b50 {

  margin-bottom: 50px;

}

.mar-b200 {

  margin-bottom: 200px;

}

.mar-l20 {

  margin-left: 20px;

}

.mar-r20 {

  margin-right: 20px;

}

.pad-l1 {

/*padding-left: 1rem;*/

padding-left: 16px;

}

.pad-l2{

padding-left: 32px;

}





/* 字下げ */

p.indent-1 {

/*padding-left:1em;

text-indent:-1em;*/

padding-left: 16px;

text-indent: -16px;

}





/* float */

.float-left{

	float: left;

}

.float-right{

	float: right;

}

.float-center{

  margin-left: auto;

  margin-right: auto;

}



/* list-icon */

.list-icon{

  margin-right: 5px;

  vertical-align: middle;

}





/* btn */

.btn:hover{

  opacity: 0.7;

  cursor: pointer;

}





/* ヘッダー

------------------------------------------------------------*/

#header h1{

  text-indent: -9999px;

  float: left;

}





/*スライダー

------------------------------------------------------------*/

.slider ul:before,

.slider ul:after,

.sliderWrap:before,

.sliderWrap:after {

	content: " ";

	display: table;

}

.slider ul:after,

.sliderWrap:after {clear: both;}

.slider ul,

/* .sliderWrap {*zoom: 1;} */





/*コンテンツ

------------------------------------------------------------*/

.box-def {

  border: 1px solid #000000;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  display: inline-block;

  position: relative;

}

.box1 {

  position: relative;

  margin-left: 10px;

  width: auto;

  margin-right: 10px;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  border: 1px solid #000000;

}

.box1red {

  position: relative;

  margin-left: 10px;

  width: auto;

  margin-right: 10px;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  border: 1px solid #FF0000;

}

.box2 {

  position: relative;

  height: 1%;

  margin-left: 10px;

  margin-right: 10px;

}

.box3 {

  position: relative;

  margin-left: 10px;

  width: auto;

  margin-right: 10px;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  border: 2px solid #0076ce;

  background-color: #D1EBFF;

  border-radius: 10px;

  margin-bottom: 10px;

}

.box4 {

  position: relative;

  width: auto;

  margin-right: 10px;

  padding-top: 10px;

  padding-right: 20px;

  padding-left: 20px;

  border: 1px solid #ec6941;

  margin-left: 10px;

  margin-top: 10px;

  margin-bottom: 10px;

}

.box1b {

  position: relative;

  width: auto;

  margin-right: 10px;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  border: 1px solid #1779C5;

}



/* border-color */

.border_black {

  border-bottom: 1px solid #000;

  padding-top: 4px;

  padding-bottom: 7px;

}

.border_blue {

  border-bottom: 4px solid #006600;

  padding-top: 4px;

  padding-bottom: 7px;

}

.border_org {

  border-bottom: 4px solid #F26802;

  padding-top: 4px;

  padding-bottom: 7px;

}

.border-red {

  border: 2px solid #CC0000;

}



.border_blue-light {

  color: #016FBB;

  text-decoration: underline;

}



a:hover .border_blue-light {

  text-decoration: none;

}





/*リスト

------------------------------------------------------------*/



ul.basicList {

  margin-bottom: 0.5rem;

}



ul.basicList li {

  margin-left: 1.2rem;

  padding-left: 0;

  list-style-type: disc;

  list-style-position: outside;

}



dl.basicList:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}



dl.basicList {

  margin-bottom: 0.5rem;

}



dl.basicList.primary dt {

	float:left;

	width: 0.6rem;

}



dl.basicList.primary dd {

	padding-left: 0.6rem;

}



dl.basicList.secondary dt {

	float:left;

	width: 2.4rem;

}



dl.basicList.secondary dd {

	padding-left: 2.4rem;

}



dl.basicList.tertiary dt {

	float:left;

	width: 8.4rem;

}



dl.basicList.tertiary dd {

	padding-left: 8.4rem;

}





/* --------------------------------------------------------

 Learn More

-------------------------------------------------------- */



#learnMore01,

#learnMore02 {

    width: 100%;

   }

#learnMore01 dt,

#learnMore02 dt {

	display: block;

	padding: 12px 0px 5px 15px;

	font-size: 108%;

	border: 1px solid #4e4e4e;

	color: #4e4e4e;

	font-weight: bold;

	text-decoration: none;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

  cursor:pointer;

  background:url('../img/common/swich.png')  97% -70px no-repeat #ffffff;

	max-height: 100%;

	margin-bottom: 20px;

}

#learnMore01 h3,

#learnMore02 h3 {

	margin-bottom: 0px;

	font-size: 116%;

	color: #4e4e4e;

	font-weight: bold;

}

#learnMore01 h4,

#learnMore02 h4 {

	margin-bottom: 0px;

	font-size: 98%;

	color: #4e4e4e;

	font-weight: bold;

}



#learnMore01 dd,

#learnMore02 dd {

  display:none;

  padding: 0 0 30px 0;

	max-height: 100%;

    }

#learnMore01 dt.active,

#learnMore02 dt.active {

    background:url('../img/common/swich.png') 97% 18px no-repeat #ffffff;

    }





/* TVCM動画

------------------------------------------------------------*/

.thimg {

	border: 2px solid #008FD5;

}







.txt-indent {

  text-indent: -1em;

  padding-left: 1em;

}





br.sp {

  display: block;

}

br.pc {

  display: none;

}

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

  br.sp {

    display: none;

  }

  br.pc {

    display: block;

  }

}

ul#uketsuke li {

  margin-bottom: 7px;

  padding: 5px 10px;

  background-color: #e4f3e0;

}