@charset "UTF-8";

body{
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:11pt;
	color:#333;
}

p{
	margin: 0 0 0.5em;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea{
	padding:.5em;
}

input[type="text"]{
	width:300px;
}

input[type="email"]{
	width:400px;
}

input[type="submit"]{
	padding: 10px;
}

textarea{
	width:600px;
}

table{
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

tr,
th,
td{
	padding: 5px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.pattern1{
	border-top: 2px solid #000;
	border-left: 2px solid #000;;
	border-bottom: 2px solid #000;;
	border-right: 2px solid #000;;
}

table .tbl_title1{
	width: 25%;
	background-color: #66D4EE;
}

.under-line{
	border-bottom: 1px dashed #dda0dd;
}

th{
	background-color: transparent;
}

.head_col0{
  display: inline-flex;
  width: 100%;
  align-items:center;
}
.head_col1{
  box-sizing: border-box;
  width: 80%;
}
.head_col2{
  box-sizing: border-box;
  width: 20%;
}

.site-header-conts{
	background-color: transparent;
	padding: 5px 0;
}

.global-nav{
	background: #81d8d0;
	position: relative;
	padding: 15px 0;
}

.global-nav-in ul,
.global-nav-in li{
	border: none;
}

.global-nav-in li a{
	margin:	0 2px;
	background-color:transparent;
  padding: 7px 2px;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
}

.global-nav-in:first-child{
  border-left: 1px solid #fff;
}

.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	background-color: #008080;
	color: #fff;
}

.global-nav li ul li a{
	background:#3cb371;
	padding: 12px;
	color:#fff;
	font-size: 14px;
}

.global-nav li ul li a:hover,
.global-nav li ul li a:active,
.global-nav li ul li a:focus{
	background-color: #008b8b;
	color: #fff;
}

.global-nav li ul li ul li a{
	background:#20b2aa;
}

.main-conts{
	line-height: 1.7;
}

.main-image{
	position: relative;
	border-bottom:none;
	border-top:none;
	background: url(/images/top_bg01.jpg) repeat #fff;
	margin-bottom:13px;
}

.img_shadow{
  box-shadow: 3px 3px 10px -3px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
  -webkit-box-shadow: 3px 3px 10px -3px #000;
  -moz-box-shadow: 3px 3px 10px -3px #000;
  border-radius: 5px;
}

.main-body h1{
	font-size: 2.5em;
	margin: 0 0 10px;
	color: #81d8d0;
  padding: 0px;
	border-top: none;
	border-bottom: none;
	background: none;
  font-weight: normal;
  clear: both;
}

.main-body h2{
	margin: 0 0 25px;
	font-size: 2.2em;
	color:#fff;
	font-weight: normal;
	background: #c8bc84;
	padding: 3px 20px;
	clear: both;
}

.main-body h3 {
  margin: 0 0 25px;
  padding: 3px 20px;
	font-weight: normal;
	font-size: 1.8em;
	border: none;
	color: #800000;
	background: #e7f7f7;
	clear: both;
}

.main-body h4 {
  position: relative;
  padding: 5px 0 5px 20px;
  border-bottom: 1px solid #c8bc84;
  font-size: 1.8em;
  font-weight: normal;
}

.main-body .frame_item_75 h4 {
  position: relative;
  padding: 0 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c8bc84;
  font-size: 1.4em;
  font-weight: normal;
}

.main-body h4::after {
  position: absolute;
  top: .5em;
  left: 0em;
  content: '';
  width: 4px;
  height: -webkit-calc(100% - 0.8em);
  height: calc(100% - 0.8em);
  background-color: #81d8d0;
  border-radius: 4px;
}

.main-body h5{
	margin: 30px 0 15px;
	padding: 5px 10px;
  border-left: none;
	border-bottom: 2px dotted #81d8d0;
	font-weight: normal;
	font-size: 1.6em;
}

.kensaku{
  width: 100%;
  padding-top: 100px;
  background: url(/images/kensaku_frame.png?1) no-repeat;
  background-size:contain;
}

.ribbon1 {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 60px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #81d8d0;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

.button1{
  padding:10px 80px;
  font-size: 18px;
  background: #81d8d0;
  color: #FFF;
  border:none;
}

.button2{
  padding:10px 50px;
  font-size: 18px;
  background: #00c1ff;
  color: #FFF;
  border:none;
}

.sub-conts .section-wrap{
	margin: 0 auto 10px;
}

.section-wrap{
	margin-bottom: 60px;
	padding: 0;
	border: none;
}

.section-wrap .section-title {
  font-size: 1.7em;
  margin: 0 0 25px;
  color: #81d8d0;
  padding: 20px;
  border-top: none;
  border-bottom: none;
  background-color: none;
  font-weight: normal;
  clear: both;
}

.section-wrap .section-title a{
	color: #999;
}

.main-body .archive-title{
	background-color: transparent;
	border-bottom: 3px dotted #daa520;
	margin: 0 0 30px;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	position: relative;
	padding: 10px 0 0 20px;
  margin-bottom: 0;
	background:transparent;
  /*display: none;*/
  border: none;
}

.sub-conts .section-wrap .section-in .section-title:after,
.sub-conts .section-wrap .article-header .section-title:after,
.sub-conts .section-wrap .section-in .section-title:before,
.sub-conts .section-wrap .article-header .section-title:before {
  content:none;
}

.site-footer{
	background: #81d8d0;
}

.site-footer-in{
	padding: 5px 0;
	color: #fff;
}

.site-footer-conts-area{
	padding: 0;
}

.copyright{
	background: #c9bc85;
	color: #fff;
}

.video_container{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_container43{
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.video_container43 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.num-index{
	margin-bottom: 10px;
	width:100%;
	background:#fffafa;
	border:2px dotted #f4a460;
	border-radius:5px;
  padding: 10px;
}

ol.num{
	counter-reset:number;
	list-style: none;
	margin-left:50px;
}

ol li{
	margin-bottom: 5px;
}

ol.num li:before{
	counter-increment: number;
	content:counter(number);
	margin-left:-30px;
	margin-right: 5px;
	padding:3px 8px;
	background: #ba55d3;
	border-radius: 50%;
	color:#fff;
	font-weight: bold;
}

.frame_box {
  display: inline-flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  width:100%;
}

.frame_box_v {
  display: inline-flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  width:100%;
  flex-direction: column;
}

.intro_frame{
  box-sizing: border-box;
  padding: 0 5px;
  width:50%;
}

.intro_char{
  box-sizing: border-box;
  width:100%;
  padding: 10px;
  text-align: center;
  font-size: 24px;
  /*font-weight: bold;*/
  border-radius: 20px;
  background-color: #81D8D0;
}

.intro_char a{
  text-decoration: none;
  color: #fff;
}

.intro_char img{
  width:100%;
  height: auto;
}

.form_td_title{
  width: 25%;
  text-align:right;
  vertical-align: top;
}

.form_td_content{
  width: 75%;
}

.item_center{
  padding: 10px;
  text-align:center;
  clear: both;
}

.tbl_frame11 {
  box-sizing: border-box;
  padding: 8px 10px;
  width: 28%;
  text-align: right;
  background-color: #81D8D0;
  border-bottom: 2px dotted #fff;
  color: #fff;
}

.tbl_frame12 {
  box-sizing: border-box;
  padding: 8px 10px;
  width: 72%;
  border-right: 2px solid #81D8D0;
  border-bottom: 2px dotted #ccc;
}

.frame_item_25 {
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 2px;
  width: 25%;
  font-size: 20px;
  font-weight: bold;
  color:#696969;
  text-align: center;
}

.frame_item_25 p{
  border:6px double #66cdaa;
  border-radius: 25px;
}

.frame_item_33 {
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px;
  width: 33.33%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.frame_item_50 {
  box-sizing: border-box;
  padding: 10px;
  width: 50%;
  text-align: center;
}

.frame_item_75 {
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 20px;
  width: 75%;
  font-size: 16px;
  color:#696969;
}

.intro {
  display: inline-flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  width:33%;
}

.intro0 {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 0;
}

.intro1 {
  box-sizing: border-box;
  width: 30%;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

.intro2 {
  box-sizing: border-box;
  width: 70%;
  padding: 5px;
}

.intro11{
  background:#f2f2f2;
  border-bottom:2px solid #a3a3a3;
}

.intro12{
  border-bottom:2px solid #a3a3a3;
}

.intro21{
  background:#ffefb3;
  border-bottom:2px solid #fadf7f;
}

.intro22{
  border-bottom:2px solid #fadf7f;
}

.intro31{
  background:#dbeef4;
  border-bottom:2px solid #7fb7df;
}

.intro32{
  border-bottom:2px solid #7fb7df;
}

.intro41{
  background:#d2ffd8;
  border-bottom:2px solid #6fd97e;
}

.intro42{
  border-bottom:2px solid #6fd97e;
}

.intro51{
  background:#f5f0cb;
  border-bottom:2px solid #d6ce98;
}

.intro52{
  border-bottom:2px solid #d6ce98;
}

.intro61{
  background:#f5decb;
  border-bottom:2px solid #d9a57b;
}

.intro62{
  border-bottom:2px solid #d9a57b;
}

.intro71{
  background:#ffd8f9;
  border-bottom:2px solid #ea91dc;
}

.intro72{
  border-bottom:2px solid #ea91dc;
}

.intro81{
  background:#f4e3cf;
  border-bottom:2px solid #d2a877;
}

.intro82{
  border-bottom:2px solid #d2a877;
}

.intro91{
  background:#e2d0ed;
  border-bottom:2px solid #c981f2;
}

.intro92{
  border-bottom:2px solid #c981f2;
}

.blog_date{
  font-weight: bold;
  color:#81d8d0;
}

.blog_title {
  font-weight: bold;
}

.blog_title a {
  color:#000;
  text-decoration: none;
}

.h3_kippo0{
  display: inline-flex;
  width:100%;
  flex-direction: row;
}

.h3_kippo1{
  width: 40%;
}

.h3_kippo2{
  width: 60%;
  font-size: 22px;
  text-align: right;
}

.profile_40{
  box-sizing: border-box;
  width: 40%;
  padding: 10px;
}

.profile_60{
  width: 60%;
  box-sizing: border-box;
  padding: 10px;
}

.sns_25{
  width: 25%;
  box-sizing: border-box;
  padding: 5px;
}

.box_menu {
	width: 33.33%;
	padding: 14px;
  box-sizing: border-box;
	text-align: left;
}

ul.kigaku_list1{
  list-style: none;
  margin:0;
  padding: 20px 20px 10px 45px;
  line-height: 25px;
  background-color: #f3f3e7;
  border-radius: 15px;
  font-weight: bold;
}

ul.kigaku_list1 li:before{
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: .5em;
  margin-left:-17px;
  background: #cab984;
  transform: rotate(45deg);
  vertical-align: 2px;
}

ul.kigaku_list2{
  margin-top:0;
  line-height: 18px;
  color:#c71585;
  font-weight: bold;
  font-size: 1.2em;
}

.kigaku_bold{
  color:#c71585;
  font-weight: bold;
  font-size: 1.2em;
}

.kigaku_comment{
  padding: 20px;
  background-color: #f3f3e7;
  border-radius: 15px;
}

.kippo_0{
  width: 100%;
  background-color: #f3f3e7;
  border-radius: 15px;
  padding: 20px;
  float: left;
}

.kippo_1{
  width: 35%;
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  background: #cab984;
  font-weight: bold;
  float: left;
  clear: both;
  color: #fff;
}

.kippo_2{
  width: 65%;
  margin:3px 0;
  box-sizing: border-box;
  padding: 5px;
  float: left;
}

.item_in1{
  margin: 2px 0;
  padding: 5px 5px;
  box-sizing : border-box;
  /*float: left;*/
  width: 30%;
  text-align: right;
  clear:both;
}

.item_in2{
  margin: 2px 0;
  padding: 5px 5px;
  box-sizing : border-box;
  /*float: left;*/
  width: 70%;
  border-bottom: dotted 1px #62481C;
}

.sub-conts .item_in1,
.sub-conts .item_in2{
  width: 100%;
  text-align: left;
}

.sub-conts .item_in1{
  margin-top: 15px;
}

button.btn_1{
  background-color: transparent;
  border: 2px solid #fd91a3;
  border-radius: 4px;
  box-sizing: border-box;
  color:  #fd91a3;
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin: 10px auto;
  padding: 16px 4px 16px 4px;
  text-align: center;
  float:right;
}

button.btn_1:hover{
  background-color: #fc7189;
  color:  #fff;
  opacity: 1;
  transition: 0.5s;
}

.side_btn_flame{
  display: flex;
  padding-top: 80px;
  flex-direction: column;
  box-sizing: border-box;
  /*width: 100%;*/
}

.member_only{
  margin-top: 50px;
  padding: 10px 5px 10px;
  border-radius: 10px;
  background: #f4f2e6;
}

.member_only img{
  margin: -60px auto 0;
}

.side_btn{
  width: 98%;
  margin: 3px auto;
  padding: 4px 0 4px 40px;
  color:#999;
  text-align: left;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left:none;
  border-bottom:1px dotted #555;
}

.side_btn a{
  color:#2c53fb;
}

.side_btn a:hover{
  color:#008080;
}

.icon1{
  background: url(//kmsys.net/images/icon1.png) no-repeat;
}
.icon4{
  background: url(//kmsys.net/images/icon4.png) no-repeat;
}
.cart{
  background: url(//kmsys.net/images/icon_cart.png) no-repeat;
}
.human{
  background: url(//kmsys.net/images/icon_human.png) no-repeat;
}
.member{
  background: url(//kmsys.net/images/icon_member.png) no-repeat;
}
.pencil{
  background: url(//kmsys.net/images/icon_pencil.png) no-repeat;
}
.seminar{
  background: url(//kmsys.net/images/icon_seminar.png) no-repeat;
}

.character{
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  width: 100%;
}

button a{
  text-decoration: none;
}

.err_msg{
	margin: 5px 0;
	padding: 5px 5px;
	box-sizing : border-box;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: dotted 1px #62481C;
	font-weight: bold;
	font-size: 18px;
	color: #f00;
}

/*--------------------------------------------------------
ショップ関連
--------------------------------------------------------*/

.cat_title{
  margin: 0 0 10px;
  padding: 3px 0 3px 20px;
  font-size: 20px;
  color:#545454;
  background-color: #f8ffc4;
  clear: both;
}

.cat_explanation{
  margin :20px auto;
  width: 80%;
  padding:20px;
  border:1px solid #000;
}

.products_frame{
  display: flex;
  flex-direction: row;
  padding: 10px 60px;
}

.products_img{
  margin: 2px 0;
  padding: 0;
  text-align: right;
  width:35%;
  box-sizing: border-box;
}

.products_data{
  margin: 2px 0;
  padding: 0 20px;
  width:65%;
  box-sizing: border-box;
}

.price{
  font-weight:bold;
  color:#b82704;
}

.prd_title{
  margin: 0 0 0px;
  padding: 10px 20px 10px;
  box-sizing : border-box;
  width:100%;
  color:#545454;
  background-color: #f8ffc4;
  font-size: 16px;
  line-height: 1.2em;
  clear: both;
}

.prd_code{
  margin: 0 0 0px;
  padding: 2px 20px;
  box-sizing : border-box;
  width:100%;
  border-bottom:2px dotted #b8860b;
  background-color: #f4a460;
  /*font-size: 12px;*/
  color: #fff;
  text-align: right;
  clear: both;
}

.prd_explanation{
  float: left;
  box-sizing : border-box;
  width:100%;
  margin: 10px 0;
  line-height: 1.6em;
  clear:both;
}

.exp1{
  padding: 30px 30px;
  border:6px double #81D8D0;
  border-radius: 20px;
}

.exp2{
  box-sizing : border-box;
  width:100%;
  padding: 20px;
}

.exp3{
  box-sizing : border-box;
  width:100%;
  padding: 20px;
}

.prd_status {
 width: 50px;
 height: 50px;
}

.prd_data_20{
  margin: 0px;
  padding:5px;
  box-sizing : border-box;
  width: 20%;
  float: left;
}

.prd_data_25{
  margin: 0px;
  padding:5px;
  box-sizing : border-box;
  width: 25%;
  float: left;
}

.prd_data_50{
  margin: 0px;
  box-sizing : border-box;
  width: 50%;
  padding: 20px;
  float: left;
}

.prd_data_75{
  margin: 0px;
  padding:5px;
  box-sizing : border-box;
  width: 70%;
  float: left;
}

.prd_data1{
  margin: 0 0 5px;
  clear:both;
  width: 30%;
  text-align: right;
  float: left;
}

.prd_data2{
  margin: 0 0 5px;
  width: 70%;
  float: left;
}

.tbl_data0{
  clear:both;
  box-sizing : border-box;
  width:100%;
  float: left;
  border-bottom: 1px dotted #f00;
}

.tbl_data1{
  clear:both;
  padding:5px;
  text-align:right;
  box-sizing : border-box;
  width:25%;
  color: #000080;
  font-weight: bold;
  float: left;
}
.tbl_data2{
  padding:5px;
  box-sizing : border-box;
  width:75%;
  float: left;
}

.cart_in0{
  margin: 2px 0;
  padding: 10px 0 5px 20px;
  box-sizing : border-box;
  float: left;
  width: 100%;
  clear:both;
  border-bottom: 2px dotted #62481C;
}

.cart_in_title{
  padding: 12px;
  color:#333;
  font-weight:bold;
  font-size:1.2em;
  border-radius:2px;
}

.cart_in1{
  float: left;
  width: 50%;
  clear:both;
}

.cart_in2{
  float: left;
  width: 20%;
}

.cart_in3{
  float: left;
  width: 10%;
  text-align: center;
}

.cart_in1 p,
.cart_in2 p{
  margin: 2px 0;
  padding: 0;
  line-height: 1.0;
}

.cart_in2 p{
  text-align: right;
}

.cart_in3 input[type="submit"]{
  padding: 0px 3px;
}

.cart_total1{
  float: left;
  width: 55%;
  clear:both;
}

.cart_total2{
  float: left;
  width: 20%;
}

.item_in1{
  margin: 2px 0;
  padding: 5px 5px;
  box-sizing : border-box;
  float: left;
  width: 30%;
  text-align: right;
  clear:both;
}

.item_in2{
  margin: 2px 0;
  padding: 5px 5px;
  box-sizing : border-box;
  float: left;
  width: 70%;
  border-bottom: dotted 1px #62481C;
}

.shop_prev{
  margin: 30px 0 0;
  padding: 10px;
  box-sizing : border-box;
  width: 45%;
  float: left;
  clear: both;
}

.shop_next{
  margin: 30px 0 0;
  padding: 10px;
  width: 45%;
  text-align: right;
  float: left;
}

.price{
  font-weight:bold;
  color:#b82704;
}

.btn_shop{
  margin: 20px 0px;
  padding: 10px 0;
  float: left;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color:#fff;
  text-align: center;
  border:2px solid #3cb371;
  border-radius: 25px;
  clear:both;
}

.btn_shop:hover{
  background-color: #7fffd4;
}

.btn_crt{
  background: url(/images/icon_cart.png) no-repeat #81d8d0;
  background-position: 12px 10px;
}
.btn_back{
  background: url(/images/icon_back.png) no-repeat #81d8d0;
  background-position: 12px 7px;
}
.btn_reg{
  background: url(/images/icon_reg.png) no-repeat #81d8d0;
  background-position: 12px 7px;
}
.btn_pay{
  background: url(/images/icon_pay.png) no-repeat #81d8d0;
  background-position: 12px 8px;
}
.btn_cnf{
  background: url(/images/icon_cnf.png) no-repeat #81d8d0;
  background-position: 12px 5px;
}
.btn_snd{
  background: url(/images/icon_snd.png) no-repeat #81d8d0;
  background-position: 12px 3px;
}

.btn_100_2{
  margin: 10px 0 10px;
  padding: 5px 0;
  float: left;
  width: 100%;
  font-size: 16px;
  color:#fff;
  text-align: center;
  border:2px solid #b8860b;
  border-radius: 20px;
  background: linear-gradient(to bottom, #cd5c5c, #800000);
  clear:both;
}

.btn_100_2:hover{
  background: linear-gradient(to bottom, #cd5c5c, #b22222);
}

.err_msg{
  margin: 5px 0;
  padding: 5px 5px;
  box-sizing : border-box;
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: dotted 1px #62481C;
  font-weight: bold;
  font-size: 18px;
  color: #f00;
}

.dummy{
  /*これは、ダミーのCSSで、WPの中で、このCSSを非表示にするときに使う*/
}

.check_list_box {
  border: 3px solid #555;
  margin: 10px auto;
  padding:10px;
  width: 80%;
}

.check_list {
  margin-top: -20px;
  padding: 0;
  position: relative;
}

.check_list li {
  line-height: 1.0;
  padding: 0.5em 0.5em 0.5em 12.0em;
  list-style-type: none!important;
  font-size: 18px;
}

.check_list li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  position: absolute;
  left : 10.0em; /*左端からのアイコンまでの距離*/
  color: #008080; /*アイコン色*/
}

.fsize_chg{
  font-size: 22px;
}

.note_exp{
  display: inline-flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width:33.33%;
  padding: 30px;
  background-color: #fff5ee;
}

.note_exp_icon{
  float: left;
  margin: 0 1em 1em 0;
}

.note_exp_title{
  width: 100%;
  font-weight: bold;
  color: #33cccc;
  font-size: 18px;
  border-top: 3px solid #20b2aa;
}

.note_img{
  box-sizing: border-box;
  width: 100%;
  padding: 0px 50px;
}
.note_img img{
  border:5px solid #ffc0cb;
  padding-bottom: 0;
  margin-bottom: 0;
}

.note_rem{
  box-sizing: border-box;
  width: 100%;
}

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

  .intro_frame{
    margin: 5px 0;
    width:100%;
  }


}/*解像度736px以下*/