@charset "utf-8";

 /*
Theme Name: lp2020
Theme URI: 
Description: 
Version: 1.0
Author: 
Author URI: 
*/

::selection {
	background-color: #333;
	color: #fff;
}

a {
	transition: all .3s;
}

a:hover {
	opacity: 0.7;
}

input,
button,
textarea {
	outline: none;
}

input:focus,
textarea:focus {
  background: #f7f7f7;
}

 /* wp -------------------*/
 
 p {
     display: block;
     margin: 1em 0;
 }
 
 strong {
     font-weight: bold;
 }
 
 em {
     font-style: italic;
 }
 
 blockquote {
     display: block;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 40px;
     -webkit-margin-end: 40px;
 }
 /* img */
 
 .aligncenter {
     display: block;
     margin: 0 auto;
 }
 
 .alignright {
     float: right;
 }
 
 .alignleft {
     float: left;
 }
 
 img[class*="wp-image-"],
 img[class*="attachment-"] {
     height: auto;
     max-width: 100%;
 }
 /* clearfix */
 
 .clearfix {
     overflow: hidden;
     zoom: 1;
 }
 
 .clearfix:after {
     content: "";
     display: block;
     clear: both;
 }
 /* --------------------- */

.sp {
	display: none;
}

#wrap {
  width: 960px;
  margin: 0 auto;
}

.guide h2 {
  background: #b83434;
  padding: 13px 0;
  text-align: center;
}

.line {
  display: flex;
  background: #fffae8;
  padding: 20px 70px;
}

.line .sub {
  padding: 0 15px;
}

.line .sub h3 {
  font-size: 28px;
  color: #47b718;
  background: linear-gradient(transparent 60%, #fef200 0%);
  line-height: 1.3em;
  padding: 0 0 0 4px;
}

.line .sub p {
  font-size: 16px;
  line-height: 1.4em;
  margin: 5px 0;
}

.line .sub dl {
  display: table;
  width: 100%;
}

.line .sub dl dt {
  display: table-cell;
  width: 138px;
  background: #47b718;
  color: #fff;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 600;
}

.line .sub dl dd {
  display: table-cell;
  background: #fff;
  vertical-align: middle;
}

.line .sub dl dd ol {
  overflow: hidden;
  padding: 5px;
}

.line .sub dl dd ol li {
  float: left;
  width: 50%;
  font-size: 13px;
  color: #47b718;
  font-weight: 600;
  line-height: 1.4em;
}

.line .sub .btn a {
  display: block;
  font-size: 24px;
  color: #fff;
  background: #ff9933;
  text-align: center;
  padding: 8px 0;
  margin: 10px 0 0;
  font-weight: bold;
}

section.chk {
  background: #e2e2e2;
  padding: 40px;
}

section.chk h3 {
  background: #b83434;
  text-align: center;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
  margin: 0 0 6px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}

section.chk .chk_box {
  overflow: hidden;
  background: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  padding: 25px 20px 0px;
}

section.chk .chk_box ul {
  float: left;
  width: 50%;
}

section.chk .chk_box ul li {
  position: relative;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

section.chk .chk_box ul li span {
  background: linear-gradient(transparent 50%, #fef200 0%);
}

section.chk .chk_box ul li:before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url('../img/chk_ico.png') no-repeat 50% 50%;
}

section.chk .chk_box ul:first-child li {
  margin: 0 0 26px;
}

section.youtube {
  background: #e2e2e2;
}

section.youtube h2 {
  padding: 0 0 0 60px;
}

section.youtube .inner {
  padding: 0 60px 55px;
}

.txt_box {
  background: #fffae8;
  border-radius: 10px;
  padding: 50px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}

.txt_box p {
  line-height: 1.6em;
  font-size: 15px;
}

.txt_box p .big {
  font-size: 24px;
  line-height: 1.4em;
}

.txt_box p .red {
  color: #b83434;
}

.txt_box p .highlight {
  background: linear-gradient(transparent 60%, #fef200 0%);
}

section.contents {
  background: #b83434;
  padding: 55px 40px;
}

section.contents h2 {
  text-align: center;
  margin: 0 0 30px;
}

section.contents ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 0 5px;
  background: #fff;
}

section.contents ul li dl {
  padding: 0 30px;
}

section.contents ul li dl dt {
  font-size: 28px;
  color: #b83434;
  font-weight: bold;
  line-height: 1.4em;
  display: inline;
  background: linear-gradient(transparent 50%, #fef200 0%);
}

section.contents ul li dl dd {
  line-height: 1.6em;
  margin: 10px 0 0;
  font-size: 15px;
}

section.contents ul li:nth-child(2n) {
  flex-direction: row-reverse;
}

section.first {
  position: relative;
  background: #e2e2e2;
  padding: 55px 40px;
}

section.first .inner {
  padding: 0 20px;
}

section.first h2 {
  margin: 0 0 45px;
}

section.first figure {
  position: absolute;
  right: 60px;
  bottom: 0;
}

section.first p.pd-r {
  padding-right: 200px;
  margin-top: 20px;
}

#footer {
  background: #b83434;
  padding: 12px 0 30px;
}

#footer p.copy {
  text-align: center;
  color: #fff;
}