/* ヘッダ
------------------------------------------------------------ */
article.head_img {
    background: #10549b url("../images/example/head_img_sp.jpg") no-repeat center top;
    background-size: 100%;
}
article.head_img .intro_txt br {
    display: none;
}

@media (orientation: landscape) {
}

@media (min-width:768px) {
}

@media (min-width:1200px) {
article.head_img {
    background: url("../images/example/head_img_pc.jpg"), linear-gradient(107deg,#10549d 10%, #0b162c 95%);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
    background-size: auto 100%, 100%;
}
article.head_img .intro_txt br {
    display: inline;
}
}
@media (min-width:1300px) {
article.head_img {
    background: url("../images/example/head_img_pc.jpg"), linear-gradient(180deg,#10549d 0%, #105196 100%);
	background-repeat: no-repeat;
	background-position: right center;
}
}

/* コンテンツ
------------------------------------------------------------ */
.contents * {
  font-family: "Noto Serif JP", serif;
}

article .maincontents .contents .sub_title .title_no {
    font-size: 1.4em;
    margin-right: 0.3em;
}

.contents .example_block {
    margin-bottom: 30px;
    overflow: hidden;
}
.contents .example_block h3 {
	font-size: 1.8rem;
    color: #fff;
    background: #042b45;
    padding: 0.3em 0.5em;
    margin-bottom: 15px;
    position: relative;
}
.contents .example_block h3:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #042b45;
    border-bottom: 0;
    position: absolute;
    left: 1em;
    bottom: -10px;
}
.contents .example_block .photo img {
    margin-bottom: 15px;
}
.contents .example_block .photo img {
    border: solid 2px #d4d4d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contents .example_block .example_txt {
    padding: 0 1em;
}

@media (min-width:768px) {
.contents .example_block {
    margin-bottom: 60px;
}
.contents .example_block h3 {
	font-size: 2.2rem;
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	widht: -webkit-calc(100% - 265px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 265px);/*Firefox4~15対応*/
	width: calc(100% - 265px);
    float: right;
}
.contents .example_block h3:before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #042b45;
    border-left: 0;
    margin-top: -7px;
    left: -10px;
    bottom: auto;
    top: 50%;
}
.contents .example_block .photo {
    width: 250px;
    float: left;
}
.contents .example_block .photo img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.contents .example_block .example_txt {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	widht: -webkit-calc(100% - 265px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 265px);/*Firefox4~15対応*/
	width: calc(100% - 265px);
    float: right;
}
}

@media (min-width:1200px) {
.contents .example_block h3 {
	font-size: 2.4rem;
}
article .maincontents .contents {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
}